Search

import * as fal from "npm:@fal-ai/serverless-client";

fal.config({

// Can also be auto-configured using environment variables:

TL;DR: you can see a Figma board in a website


import register from "https://esm.sh/preact-custom-element";

const Greeting = ({ name = "World" }) => <p>Hello, {name}!</p>;

register(Greeting, "x-greeting", ["name"], { shadow: true });

import { BrowserWebSocketClientAdapter } from "npm:@automerge/automerge-repo-network-websocket";

import { Repo } from "npm:@automerge/automerge-repo/slim";

import { automergeWasmBase64 } from "npm:@automerge/automerge/automerge.wasm.base64.js";

const duckdb = await import(

"https://cdn.jsdelivr.net/npm/@duckdb/duckdb-wasm@1.28.1-dev234.0/+esm"

// "https://cdn.jsdelivr.net/npm/@motherduck/wasm-client/+esm"

const bundles = duckdb.getJsDelivrBundles();

const bundle = await duckdb.selectBundle(bundles);

import { JSX } from "npm:react";

import { renderToString } from "npm:react-dom/server";

interface QuizQuestion {

1. Fork the val

2. From your ValTown settings page, add an environment variable named `bookmarks_client_id` and give it a value (you will be using this for saving)

3. Add another environment variable named `bookmarks_client_secret` and give it a value (you will also be using this for saving)

4. At first, the "bookmarks" table will not exist, so we need to save an article first, which will create the "bookmarks" table

5. To do this, add a bookmarklet to your browser with this value (replace `BOOKMARKS-CLIENT-ID` and `BOOKMARKS-CLIENT-SECRET` with the values you added to the environment variables, and replace `BOOKMARKS-URL` with your VAL's URL):

javascript:void(open('BOOKMARKS-URL/save?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title)+'&id=BOOKMARKS-CLIENT-ID&secret=BOOKMARKS-CLIENT-SECRET', 'Bookmark a link', 'width=400,height=450'))

6. Click this bookmarklet to bookmark the URL of the current active tab

Make sure you don't share `bookmarks_client_id` and `bookmarks_client_secret`. It is used for authentication before saving a bookmark.

return c.text("Authentication details (ID/Secret) missing!");

if (id != Deno.env.get("bookmarks_client_id") || secret != Deno.env.get("bookmarks_client_secret")) {

return c.text("Unauthorized!");

writer.write(textEncoder.encode(textPart))

writer.close(); // This can be awaited if needed

// Send the readable stream back to the client

return new Response(readable, {

headers: {

1. Fork the val

2. From your ValTown settings page, add an environment variable named `bookmarks_client_id` and give it a value (you will be using this for saving)

3. Add another environment variable named `bookmarks_client_secret` and give it a value (you will also be using this for saving)

4. At first, the "bookmarks" table will not exist, so we need to save an article first, which will create the "bookmarks" table

5. To do this, add a bookmarklet to your browser with this value (replace `BOOKMARKS-CLIENT-ID` and `BOOKMARKS-CLIENT-SECRET` with the values you added to the environment variables, and replace `BOOKMARKS-URL` with your VAL's URL):

javascript:void(open('BOOKMARKS-URL/save?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title)+'&id=BOOKMARKS-CLIENT-ID&secret=BOOKMARKS-CLIENT-SECRET', 'Bookmark a link', 'width=400,height=450'))

6. Click this bookmarklet to bookmark the URL of the current active tab

Make sure you don't share `bookmarks_client_id` and `bookmarks_client_secret`. It is used for authentication before saving a bookmark.

return c.text("Authentication details (ID/Secret) missing!");

if (id != Deno.env.get("bookmarks_client_id") || secret != Deno.env.get("bookmarks_client_secret")) {

return c.text("Unauthorized!");

export default `<static content>`

You can then fetch the exported string from outside val.town using:

This val is a helper for Townie, which sends client-side

errors up to the top frame so that Townie can assist you in fixing them.

import { encode as encodeBase64 } from "https://deno.land/std@0.190.0/encoding/base64.ts";

const CLIENT_ID = Deno.env.get("GOOGLE_CLIENT_ID");

const CLIENT_SECRET = Deno.env.get("GOOGLE_CLIENT_SECRET");

const REDIRECT_URI = Deno.env.get("REDIRECT_URI"); // Should be set to your Val Town endpoint URL + "/callback"

const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?` +

`client_id=${CLIENT_ID}` +

`&redirect_uri=${encodeURIComponent(REDIRECT_URI)}` +

"Content-Type": "application/x-www-form-urlencoded",

Authorization: `Basic ${encodeBase64(`${CLIENT_ID}:${CLIENT_SECRET}`)}`,

body: new URLSearchParams({

code,

client_id: CLIENT_ID,

client_secret: CLIENT_SECRET,

redirect_uri: REDIRECT_URI,

message: MessageEventContent,

serverUrl: string = "https://matrix.org",

const url = `${serverUrl}/_matrix/client/v3/rooms/${

encodeURIComponent(roomId)

}/send/m.room.message/${encodeURIComponent(transactionId)}`;

You should have a form that hits the `/send-verification` API endpoint on submit. **Remember to adjust the endpoint URL to that of your fork** (or else you'll be signing people up for my website!). As a simple alternative, you could use the `/` handler of this Val, which returns a simple HTML form. Here's a simple example using React:

Create a confirmation page that accepts an email and token as query params and calls the `/confirm-verification` endpoint. Simple example using React (and Next.js /page directory):