1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { Context } from "https://esm.sh/hono@3.11.7";
3import { lowlight } from "https://esm.sh/lowlight@2.9.0/lib/common";
22}
23
24// Transform the syntax tree into React components
25function transform(node: any, color: string, context: { l: number }) {
26 switch (node.type) {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { DEFAULT_BACKGROUND, DEFAULT_CODE, DEFAULT_FONT_SIZE, DEFAULT_LANG } from "../../shared/types.ts";
4import { buildHighlighterUrl } from "../../shared/utils.ts";
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3import { defineAction, defineLoader, Form, render, useActionData, useLoaderData } from "./render.ts";
4
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { ImageResponse } from 'npm:@vercel/og';
3
2
3import { hc } from "https://esm.sh/hono@4.7.7/client?deps=hono@4.7.7";
4import { QueryClient } from "https://esm.sh/@tanstack/react-query@5.74.7?deps=react@19.0.0";
5import { AppType } from "../backend/api/mod.ts";
6import { APP_URL } from "../shared/consts.ts";
1/** @jsxImportSource ../jsx */
2import { useLoaderData, Outlet } from "https://esm.sh/react-router";
3import * as ident from "../vectors/identicon.tsx";
4
6 "importMap": "import_map.json",
7 "compilerOptions": {
8 "jsx": "react-jsx",
9 "jsxImportSource": "https://esm.sh/preact@10.19.6"
10 },
11 "fmt": {
30 <div id="root"></div>
31
32 <!-- React and ReactDOM from esm.sh (pinned versions as per guidelines) -->
33 <!-- The ?deps=react@18.2.0,react-dom@18.2.0 is important for Val Town compatibility -->
34 <script type="module">
35 import { render, h } from "https://esm.sh/preact@10.19.6";
36 // The main application component will be imported from index.tsx
37 import App from "/frontend/index.tsx"; // Assuming index.tsx is the entry point
41 render(h(App), rootElement);
42 } else {
43 console.error("Root element not found. Preact app cannot be mounted.");
44 }
45 </script>
1/** @jsxImportSource https://esm.sh/preact@10.19.6 */
2import { h, FunctionComponent, JSX } from "https://esm.sh/preact@10.19.6";
3import { User } from "../../shared/types.ts"; // Import User type
4
1/** @jsxImportSource ./jsx */
2import { Hono } from "npm:hono@4";
3import * as React from "https://esm.sh/react@19";
4import ReactDOMServer from "https://esm.sh/react-dom@19/server";
5import {
6 createStaticHandler,
7 createStaticRouter,
8 StaticRouterProvider,
9} from "https://esm.sh/react-router";
10import routes from "./routes/index.tsx";
11
19});
20
21// react app
22app.get("*", async (c) => {
23 const { query, dataRoutes } = createStaticHandler(routes);
25 const router = createStaticRouter(dataRoutes, context);
26
27 let html = await ReactDOMServer.renderToReadableStream(
28 <StaticRouterProvider
29 router={router}
