Search

import { ViewUpdate } from "https://esm.sh/@codemirror/view";

import graymatter from "https://esm.sh/gray-matter";

import { useEffect, useMemo, useState } from "https://esm.sh/react";

import { GoogleFonts } from "https://esm.town/v/jxnblk/reactGoogleFonts";

import ReactMarkdown from "https://esm.sh/react-markdown@9";

import rehypeSanitize from "https://esm.sh/rehype-sanitize@6";

import { render } from "https://esm.town/v/jxnblk/ReactStream";

import { EditorView, Prec, useCodemirror } from "https://esm.town/v/jxnblk/useCodemirrorVimMD";

console.log("vim-mode-change", e);

const handleKeyDown = (e: React.KeyboardEvent) => {

// check for insert mode?

</pre>

<ReactMarkdown

children={content}

import { init } from "https://esm.sh/@instantdb/react?deps=react@18.2.0";

import { IconCar, IconCarFilled } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";

import { useNavigate } from "https://esm.sh/react-router-dom?deps=react@18.2.0";

import React from "https://esm.sh/react@18.2.0";

import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";

import codeOnValTown from "https://esm.town/v/andreterron/codeOnValTown?v=50";

import { render } from "npm:preact-render-to-string";

const githubQuery = (query: string) => encodeURIComponent(`${query} repo:pomdtr/val-town-mirror path:vals/`);

async function handler(req: Request) {

const contentElement = document.querySelector(".p-body-inner");

if (!contentElement) return { width: window.innerWidth, height: window.innerHeight };

const contentRect = contentElement.getBoundingClientRect();

const availableWidth = window.innerWidth - contentRect.right;

const availableHeight = window.innerHeight;

import { paths } from "https://esm.town/v/pomdtr/openapi_schema";

import createClient2 from "npm:openapi-fetch";

* Create a Valtown API client

* @param options - Valtown API client options

* @param options.baseUrl - API base URL

* @param options.token - API token (if null, no token will be used, if undefined, the token from the environment variable "valtown" will be used)

export default function createClient(options: {

baseUrl?: string;

token?: string | null | undefined;

return createClient2<paths>({

baseUrl: options?.baseUrl ?? "https://api.val.town",

import { render } from "npm:preact-render-to-string";

export default async function(req: Request) {

return new Response(

import React, { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

</div>

function client() {

createRoot(document.getElementById("root")).render(<SnakeGame />);

if (typeof document !== "undefined") { client(); }

export default async function server(request: Request): Promise<Response> {

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!");

import { sqlite } from "https://esm.town/v/std/sqlite?v=6";

import { html } from "https://esm.town/v/stevekrouse/html";

import { SparklineSVG } from "https://esm.town/v/stevekrouse/sparklineSVGReact";

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

function StatusRow({ rows }) {

attributes: {

"*": ["style"],

tagNames: ["video", "audio", "aside"], // consistency with current rules,

additionalVisitor(hast) {

visit(hast, "element", (node, index, parent) => {

attributes: {

"*": ["style"],

tagNames: ["video", "audio", "aside"], // consistency with current rules,

additionalVisitor(hast) {

// run the previous age's visitor first

import { Hono } from "https://esm.sh/hono";

import type { VNode } from "npm:preact";

import { render } from "npm:preact-render-to-string";

export const html = (html: VNode) =>

import { renderToString } from "https://esm.sh/react-dom@18/server";

export default (req: Request) => {

return new Response(

const ForbetHeader = () => {

return (

<script>

console.log("Initializing Algolia search with App ID:", "${appId}");

const searchClient = algoliasearch("${appId}", "${apiKey}");

const search = instantsearch({

indexName: "NewGameNewLife",

searchClient,

debug: true,

search.addWidgets([