SQLite Explorer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_138":-5,"_20":139,"_22":140,"_141":142,"_143":144,"_25":145,"_24":-5,"_146":147,"_148":149,"_150":49,"_151":152,"_153":68,"_154":-5,"_155":-5,"_156":157},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","postpostscript","name","sqliteExplorerApp","branchName","main","version","path","","project",{"_35":95,"_13":14,"_37":96,"_47":-5,"_97":68,"_50":51,"_98":51,"_99":-5,"_100":-5,"_101":102,"_103":62,"_104":68,"_105":-5,"_106":-5,"_107":83,"_54":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_48":49},"tree",[86,87],"file","contents",[57,58],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"pull","ahead",108,"behind",109,"envVars","id","c7bd0b0e-2766-11f0-86ff-569c3dd06744","createdAt",["D",1746198283964],"updatedAt",["D",1764053074930],"projectId","c7bcbb2c-2766-11f0-86ff-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","1764082149889-esm.town_v_nbbaier_sqliteExplorerApp@109-main","deletedAt","isOwned",false,"privacy","public","userHandle","nbbaier","orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","projectName",{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":81,"_67":68,"_37":82,"_17":83,"_71":24,"_73":84,"_75":49,"_76":-5,"_18":85},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":69,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_18":77},"73326792-2760-11f0-86ff-569c3dd06744","main.tsx","fileId","7084718e-2760-11f0-86ff-569c3dd06744","parentId","branchId","70817894-2760-11f0-86ff-569c3dd06744","branchVersion","latest",true,["D",1709961485518],107,"fileType","http","content","/** @jsxImportSource https://esm.sh/hono@latest/jsx **/\nimport { resetStyle } from \"https://esm.town/v/nbbaier/resetStyle\";\nimport { sqlToCSV, sqlToJSON } from \"https://esm.town/v/nbbaier/sqliteExportHelpers\";\nimport {\n EditorSection,\n MockTable,\n Separator,\n Table,\n TablesList,\n} from \"https://esm.town/v/nbbaier/sqliteStudioComponents\";\nimport { RunSVG, TableSVG } from \"https://esm.town/v/nbbaier/sqliteStudioSVGs\";\nimport { sqliteStyle } from \"https://esm.town/v/nbbaier/sqliteStyle\";\nimport { basicAuth } from \"https://esm.town/v/pomdtr/basicAuth\";\nimport {\n type AuthContextVariables,\n authMiddlewareCookie,\n userActionsDisplay,\n} from \"https://esm.town/v/postpostscript/authMiddleware\";\nimport { LibsqlError } from \"https://esm.town/v/postpostscript/sqliteBuilder\";\nimport { sqliteReadonly } from \"https://esm.town/v/postpostscript/sqliteReadonly\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { type Context, Hono } from \"npm:hono\";\nimport { getCookie, setCookie } from \"npm:hono/cookie\";\nimport type { FC } from \"npm:hono/jsx\";\nimport { jsxRenderer, useRequestContext } from \"npm:hono/jsx-renderer\";\n\nconst authStyle = `\n h1, .user-details {\n display: inline-block;\n }\n .user-details {\n float: right;\n padding: 0.7em 2em 0 0;\n }\n .logout {\n margin-left: 1.5em;\n }\n .auth-middleware, .sign-in-form {\n padding: 1em;\n }\n label {\n display: block;\n padding-bottom: 1em;\n }\n`;\n\nconst HTML: FC = ({ children }) => {\n const c = useRequestContext();\n const source = c.get(\"source\");\n\n return (\n \n \n SQLite Explorer\n \n \n \n \n \n \n \n \n

Code