Search

const Slider = ({ value, onChange, min, max, step }) => (

<input

type="range"

min={min}

max={max}

import { renderToString } from "npm:solid-js/web";

export const solidExample = async () =>

new Response(await renderToString(() => <div>Test {1 + 1}</div>), {

headers: {

"Content-Type": "text/html",

* This clicker game allows users to earn virtual money by clicking.

* It includes an upgrade system where users can purchase multiple auto-clickers, dime-smithers, quarter-makers, dollar-mills, twoonie-transformers, fiver-factories, ten-trackers, twenty-detectors, fifty-forgers, and hundred-hewers.

* Each upgrade adds to the overall effect, increasing earnings per second.

* Upgrades are hidden until they are unlocked for the first time.

* The game state is stored client-side using localStorage for persistence.

* React is used for the UI, and setInterval for the auto-upgrade functionality.

function App() {

const [money, setMoney] = useState(() => {

const saved = localStorage.getItem('money');

View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page.


Install the latest stable version (v66) by forking this val:

[](https://www.val.town/v/stevekrouse/sqlite_explorer/fork)

EditorSection,

MockTable,

Separator,

export const zodUnserializable = (async () => {

const z = await import("npm:zod");

await setTimeout(() => {}, 100);

const x = z.object({ test: z.string() }); // type .object after z

return x;

Make any website instantly readable!

export default async function(req: Request) {

let resp = await fetch(`https://${new URL(req.url).pathname}`, req);

let body = await resp.text();

let doc = new JSDOM(body);

let reader = new Readability(doc.window.document.cloneNode(true));

let article = reader.parse();

console.log(article.content);

return new Response(

export const hello = (name) => `Hello ${name}`;

For more methods, see [Upstash Docs](https://upstash.com/docs/oss/sdks/ts/redis/getstarted)

const redis = new Redis({

url: Deno.env.get("upstashURL"),

token: Deno.env.get("upstashToken"),

await redis.set("json-ex-1", { a: { b: "nested json" } });

View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page.


Install the latest stable version (v64) by forking this val that imports & exports it in your account:

[](https://www.val.town/v/stevekrouse/sqlite_explorer/fork)

EditorSection,

MockTable,

Separator,

let { messages2 } = await import("https://esm.town/v/stevekrouse/messages2");

export const tell2 = async (msg) => {

const { DB } = await import("https://deno.land/x/sqlite/mod.ts");

const db = new DB();

// Get existing messages (if any)

if (messages2 !== undefined) {

db.deserialize(messages2);

export const helloWorldPDF = async (req: Request) => {

const { jsPDF } = await import("npm:jspdf");

const doc = new jsPDF();

doc.text("Hello world!", 10, 10);

return new Response(doc.output(), {

headers: { "Content-Type": "application/pdf" },

export let heyo = "heyoo!";

Sign in to fal.ai, generate an API key, and set it as `FAL_KEY` for your account.

const GRID_SIZE = 100; // Size of each grid cell

* This val creates a modern, stylish knowledge explorer using the Cerebras LLM API.

* It allows users to enter a topic or select from suggestions, displays information in a centered card,

* and enables exploration of related topics or deeper dives using arrow keys or buttons.

const SUGGESTIONS = ["Quantum Computing", "Renaissance Art", "Climate Change", "Artificial Intelligence", "Space Exploration"];

function App() {

const [topic, setTopic] = useState("");

const [content, setContent] = useState("");

const [title, setTitle] = useState("");

const [loading, setLoading] = useState(false);

cytoscape.use(dagre);

const TITLE_SELECTOR = "#firstHeading > span";

function labelPredicate(label) {

return label === "Father" || label === "Mother" || /^Parent/.test(label);

async function* crawlWikipedia(

url: string,

generation: number = 0,

visited: Set<string> = new Set(),

): AsyncGenerator<[string, string, string[], number], void, unknown> {