SQLite Explorer

/** @jsxImportSource https://esm.sh/hono@latest/jsx **/ import { resetStyle } from "https://esm.town/v/nbbaier/resetStyle"; import { sqlToCSV, sqlToJSON } from "https://esm.town/v/nbbaier/sqliteExportHelpers"; import { EditorSection, MockTable, Separator, Table, TablesList, } from "https://esm.town/v/nbbaier/sqliteStudioComponents"; import { RunSVG, TableSVG } from "https://esm.town/v/nbbaier/sqliteStudioSVGs"; import { sqliteStyle } from "https://esm.town/v/nbbaier/sqliteStyle"; import { basicAuth } from "https://esm.town/v/pomdtr/basicAuth"; import { type AuthContextVariables, authMiddlewareCookie, userActionsDisplay, } from "https://esm.town/v/postpostscript/authMiddleware"; import { LibsqlError } from "https://esm.town/v/postpostscript/sqliteBuilder"; import { sqliteReadonly } from "https://esm.town/v/postpostscript/sqliteReadonly"; import { sqlite } from "https://esm.town/v/std/sqlite"; import { type Context, Hono } from "npm:hono"; import { getCookie, setCookie } from "npm:hono/cookie"; import type { FC } from "npm:hono/jsx"; import { jsxRenderer, useRequestContext } from "npm:hono/jsx-renderer"; const authStyle = ` h1, .user-details { display: inline-block; } .user-details { float: right; padding: 0.7em 2em 0 0; } .logout { margin-left: 1.5em; } .auth-middleware, .sign-in-form { padding: 1em; } label { display: block; padding-bottom: 1em; } `; const HTML: FC = ({ children }) => { const c = useRequestContext(); const source = c.get("source"); return ( SQLite Explorer