Search

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

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

function ImageGenerator() {

const [error, setError] = useState<string | null>(null);

const generateImage = async (e: React.FormEvent) => {

e.preventDefault();

<script type="module">

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

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

function ImageGenerator() {

if (rootElement) {

createRoot(rootElement).render(React.createElement(ImageGenerator));

renderApp();

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

import tailwindURL from "https://esm.town/v/stevekrouse/tailwindURL";

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

const linkClass = "text-blue-500 hover:underline";

{ children, href }: {

children?: React.ReactNode;

href: string;

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

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

export default async function(interval: Interval) {

- [x] fix wonky sidebar separator height problem (thanks to @stevekrouse)

- [ ] improve error handling

- [x] add export to CSV, and JSON (CSV and JSON helper functions written in [this val](https://www.val.town/v/nbbaier/sqliteExportHelpers). Thanks to @pomdtr for merging the initial version!)

- [ ] add refresh to table list sidebar after `CREATE/DROP/ALTER` statements

- [ ] add automatic execution of initial select query on double click

- [x] add listener for cmd+enter to submit query

- [ ] add views to the sidebar

- [ ] add triggers to sidebar

- [ ] add upload from SQL, CSV and JSON

return c.render(

<main class="sidebar-layout">

<div class="sidebar">

<TablesList tables={tables}></TablesList>

<Separator direction="horizontal"></Separator>

<div class="not-sidebar">

<EditorSection />

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

export const preactExample = () =>

new Response(render(<div>Test {1 + 1}</div>), {

import { blob } from "https://esm.town/v/std/blob";

import { email } from "https://esm.town/v/std/email";

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

const updatedKey = "caniuse-updated-at";

const dataKey = "caniuse-data";

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

export default async function(req: Request) {

return new Response(

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

export default (req: Request) => {

return new Response(

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

export const testWebsite = (request: Request) => {

// convert to Response

* This is a minimalist to-do list app using server-side rendering without any client-side JavaScript.

* It uses Val Town's SQLite for data persistence, Deno's standard library for HTML escaping,

* and custom SVG icons for a cohesive design.

import { escapeHtml } from "https://deno.land/x/escape_html/mod.ts";

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

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

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

const genSVG = (request: Request): string => {

</svg>,

export const reactExample = (request: Request) =>

new Response(

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

export default (req: Request) => {

return new Response(

export const trpcClient = await import("npm:@trpc/client");

import { initializeReactApp as initializeReactApp2 } from "https://esm.town/v/liamdanielduffy/initializeReactApp";

import { myReactComponent as myReactComponent2 } from "https://esm.town/v/liamdanielduffy/myReactComponent";

import { addReactFromCDN } from "https://esm.town/v/liamdanielduffy/addReactFromCDN";

export function myReactApp() {

const loadReact = addReactFromCDN();

const myReactComponent = myReactComponent2();

const initializeReactApp = initializeReactApp2();

return [loadReact, myReactComponent, initializeReactApp].join(" ");

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

export default (req: Request) => {

return new Response(