\n \n \n \n",[],[146,174],"040d8fe2-5acb-11f0-a3bc-f69ea79377d9","favicon.svg","ebf5fedc-7cbe-4f04-bd86-069b166e11fb",["D",1751848844056],"",[],[146,182],"b2f8eaec-5acb-11f0-9758-f69ea79377d9","246aef39-75c5-42bb-b778-7be36e72c312",15,["D",1751849137589],"# Frontend\n\nThis is a client-side React app for the 4x4 Grid Visual Editor.\n\n## `index.html`\n\nThe **entrypoint** for the frontend is `/frontend/index.html`. This is the HTML page that is returned at the root from `/backend/index.ts`.\n\nThis HTML file imports `/frontend/style.css` from `/public/style.css` and `/frontend/favicon.svg` from `/frontend/favicon.svg`. Everything in `/frontend/` is mapped to `/public` by `/backend/index.ts`. This is just a convention. You could import & serve everything out of the same folder name.\n\nThis HTML file has a `

`, which is where we mount the React app.\n\nThis HTML file imports `/frontend/index.tsx` from `/public/index.tsx`, which is the **entrypoint** for all frontend JavaScript, including all the React. It is not a problem that it imports a file with a `.tsx` extension because browsers ignore file extensions. They only pay attention to content-types, which is great, because all these files will be returned as transpiled JS with the appropriate JS content type by [stevekrouse/utils/serve-public](https://www.val.town/x/stevekrouse/utils/branch/main/code/serve-public/README.md).\n\n## `index.tsx`\n\nThis file is the **entrypoint** for frontend JavaScript. It imports the React app from `/frontend/components/App.tsx` and mounts it on `

`.\n\nIt also looks for *bootstrapped* JSON data at `window.__INITIAL_DATA`, and passes that to the ``.\n\n## `favicon.svg`\n\nAs of this writing Val Town only supports text files, which is why the favicon is an SVG and not an .ico or any other binary image format. If you need binary file storage, check out [Blob Storage](https://docs.val.town/std/blob/).\n\n## `components/`\n\nThis directory contains the React components:\n\n- `App.tsx` - Main app component with tab navigation\n- `GridEditor.tsx` - Interactive 4x4 grid editor with save functionality\n- `SavedGridsView.tsx` - Read-only view of all saved grids\n\n## Features\n\n- **Interactive Grid**: Click cells to toggle between black and white\n- **Real-time Text Output**: Shows the textual representation as you edit\n- **Save Once**: Grids can only be saved once to prevent duplicates\n- **Copy to Clipboard**: Easy copying of text representations\n- **Responsive Design**: Works on mobile and desktop",[],[146,94],"040d8aba-5acb-11f0-a3bc-f69ea79377d9","components","f72c8ed8-c3ba-4723-955f-b9d23f7104ca",["D",1751848844056],[201,202,203],[146,196],{"_36":220,"_13":221,"_66":222,"_68":197,"_70":71,"_72":223,"_74":75,"_38":224,"_17":77,"_78":135,"_80":225,"_82":51,"_83":-5,"_119":226,"_18":227},{"_36":212,"_13":213,"_66":214,"_68":197,"_70":71,"_72":215,"_74":75,"_38":216,"_17":104,"_78":135,"_80":217,"_82":51,"_83":-5,"_119":218,"_18":219},{"_36":204,"_13":205,"_66":206,"_68":197,"_70":71,"_72":207,"_74":75,"_38":208,"_17":104,"_78":135,"_80":209,"_82":51,"_83":-5,"_119":210,"_18":211},"587fdaa8-5acb-11f0-8c87-f69ea79377d9","SavedGridsView.tsx","587fdb66-5acb-11f0-8c87-f69ea79377d9",8,["D",1751848985802],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Grid, GRID_SIZE, gridToText } from \"../../shared/utils.ts\";\n\ninterface SavedGridsViewProps {\n grids: Grid[];\n}\n\nexport function SavedGridsView({ grids }: SavedGridsViewProps) {\n if (grids.length === 0) {\n return (\n

No saved grids yet. Create and save a grid in the Editor tab!

\n );\n }\n\n return (\n

Saved Grids ({grids.length})

\n {grids.map((grid) => (\n \n ))}\n

\n );\n}\n\nfunction SavedGridItem({ grid }: { grid: Grid }) {\n const formattedDate = new Date(grid.timestamp).toLocaleString();\n const textRepresentation = gridToText(grid.cells);\n\n return (\n

\n Saved: {formattedDate}\n

\n \n

\n {grid.cells.map((isBlack, index) => (\n \n ))}\n

\n\n

\n {textRepresentation}\n \n

\n );\n}",[],[146,196,205],"50062256-5acb-11f0-ba5c-f69ea79377d9","GridEditor.tsx","50062346-5acb-11f0-ba5c-f69ea79377d9",7,["D",1751848971585],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Grid, GRID_SIZE, createEmptyGrid, gridToText } from \"../../shared/utils.ts\";\n\ninterface GridEditorProps {\n onGridSaved: () => void;\n}\n\nexport function GridEditor({ onGridSaved }: GridEditorProps) {\n const [cells, setCells] = React.useState(createEmptyGrid());\n const [gridId] = React.useState(() => crypto.randomUUID());\n const [isSaved, setIsSaved] = React.useState(false);\n const [isSaving, setIsSaving] = React.useState(false);\n\n const toggleCell = (index: number) => {\n if (isSaved) return; // Don't allow editing saved grids\n \n setCells(prev => {\n const newCells = [...prev];\n newCells[index] = !newCells[index];\n return newCells;\n });\n };\n\n const resetGrid = () => {\n if (isSaved) return;\n setCells(createEmptyGrid());\n };\n\n const saveGrid = async () => {\n if (isSaved || isSaving) return;\n\n setIsSaving(true);\n try {\n const grid: Grid = {\n id: gridId,\n cells,\n timestamp: new Date().toISOString(),\n saved: false\n };\n\n const response = await fetch(\"/grids\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(grid),\n });\n\n if (response.ok) {\n setIsSaved(true);\n onGridSaved();\n } else {\n const error = await response.json();\n alert(`Failed to save grid: ${error.error}`);\n }\n } catch (error) {\n console.error(\"Failed to save grid\", error);\n alert(\"Failed to save grid\");\n } finally {\n setIsSaving(false);\n }\n };\n\n const textRepresentation = gridToText(cells);\n\n return (\n

\n {cells.map((isBlack, index) => (\n toggleCell(index)}\n title={`Cell ${index} - Click to ${isBlack ? 'make white' : 'make black'}`}\n />\n ))}\n

\n\n

\n \n \n

\n\n

Text Representation:

\n {textRepresentation}\n \n

\n\n {isSaved && (\n

\n ✅ Grid saved! This grid can no longer be edited.\n

\n )}\n

\n );\n}",[],[146,196,213],"469a7d70-5acb-11f0-8d6d-f69ea79377d9","App.tsx","c51574f8-fdb9-460a-91fa-36e75158900c",6,["D",1751848955763],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Grid, GRID_SIZE, createEmptyGrid, gridToText } from \"../../shared/utils.ts\";\nimport { GridEditor } from \"./GridEditor.tsx\";\nimport { SavedGridsView } from \"./SavedGridsView.tsx\";\n\nexport function App(\n { savedGrids = [], thisProjectURL }: { savedGrids?: Grid[]; thisProjectURL?: string },\n) {\n const [currentTab, setCurrentTab] = React.useState<'editor' | 'saved'>('editor');\n const [grids, setGrids] = React.useState(savedGrids);\n\n const fetchSavedGrids = async () => {\n try {\n const response = await fetch(\"/grids\");\n const data = await response.json();\n setGrids(data);\n } catch (error) {\n console.error(\"Failed to fetch saved grids\", error);\n }\n };\n\n return (\n

🎨 4x4 Grid Editor

\n \n

\n \n \n

\n\n

\n {currentTab === 'editor' ? (\n \n ) : (\n \n )}\n

\n\n {thisProjectURL && (\n \n )}\n

\n );\n}",[],[146,196,221],["D",1751848844056],[231,232,233,234],[19],{"_36":100,"_13":101,"_66":102,"_68":69,"_70":71,"_72":77,"_74":75,"_38":244,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":245,"_18":246},{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":96,"_74":75,"_38":241,"_17":77,"_78":24,"_80":98,"_82":51,"_83":-5,"_119":242,"_18":243},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":238,"_17":90,"_78":79,"_80":91,"_82":51,"_83":-5,"_119":239,"_18":240},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":235,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":236,"_18":237},["D",1751848933465],[],[19,65],["D",1764351565800],[],[19,86],["D",1751849099864],[],[19,94],["D",1751848844056],[247,248,249],[19,101],{"_36":264,"_13":94,"_66":265,"_68":102,"_70":71,"_72":266,"_74":75,"_38":267,"_17":77,"_78":24,"_80":268,"_82":51,"_83":-5,"_119":269,"_18":270},{"_36":257,"_13":258,"_66":259,"_68":102,"_70":71,"_72":77,"_74":75,"_38":260,"_17":104,"_78":135,"_80":261,"_82":51,"_83":-5,"_119":262,"_18":263},{"_36":250,"_13":251,"_66":252,"_68":102,"_70":71,"_72":90,"_74":75,"_38":253,"_17":133,"_78":135,"_80":254,"_82":51,"_83":-5,"_119":255,"_18":256},"c9c1e526-5acb-11f0-9822-f69ea79377d9","queries.ts","5979949f-2d7b-42aa-9829-74919ef30921",["D",1751849175816],"import { blob } from \"https://esm.town/v/std/blob\";\nimport { type Grid } from \"../../shared/utils.ts\";\n\nconst SAVED_GRIDS_KEY = \"savedGrids\";\n\nexport async function getSavedGrids(): Promise {\n try {\n const savedGrids = await blob.getJSON(SAVED_GRIDS_KEY);\n \n // Handle legacy format or empty case\n if (!savedGrids) {\n return [];\n }\n \n // If it's already an array, return it\n if (Array.isArray(savedGrids)) {\n return savedGrids;\n }\n \n // If it's the old object format, convert it to new array format\n if (typeof savedGrids === 'object') {\n const convertedGrids: Grid[] = [];\n for (const [key, value] of Object.entries(savedGrids)) {\n if (value && typeof value === 'object' && 'gridState' in value) {\n const legacyGrid = value as any;\n convertedGrids.push({\n id: crypto.randomUUID(),\n cells: legacyGrid.gridState || new Array(16).fill(false),\n timestamp: legacyGrid.savedAt || new Date().toISOString(),\n saved: true\n });\n }\n }\n \n // Save the converted format back to blob storage\n if (convertedGrids.length > 0) {\n await blob.setJSON(SAVED_GRIDS_KEY, convertedGrids);\n }\n \n return convertedGrids;\n }\n \n return [];\n } catch (error) {\n // If the key doesn't exist, return empty array\n return [];\n }\n}\n\nexport async function saveGrid(grid: Grid): Promise {\n const savedGrids = await getSavedGrids();\n \n // Check if grid is already saved\n const existingGrid = savedGrids.find(g => g.id === grid.id);\n if (existingGrid) {\n throw new Error(\"Grid has already been saved\");\n }\n \n // Mark as saved and add to collection\n grid.saved = true;\n savedGrids.push(grid);\n \n await blob.setJSON(SAVED_GRIDS_KEY, savedGrids);\n}",[],[19,101,251],"040d6f9e-5acb-11f0-a3bc-f69ea79377d9","migrations.ts","bc96213c-425e-47b2-9017-7f21e4a785bb",["D",1751848844056],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nexport const tableName = \"reactHonoStarter_messages\";\n\nexport async function createTables() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS ${tableName} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n content TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n /* Add any other tables or migrations you want here\n\n However, you should know that SQLite has much more limited\n support for altering existing tables as compared to other databases.\n Often it's easier to create new tables with the schema you want, and then\n copy the data over. */\n ]);\n}",[],[19,101,258],"a79c0012-5acb-11f0-8d8f-f69ea79377d9","8c137ceb-1bb6-4ce3-af63-d421f501e864",14,["D",1751849118526],"# Database\n\nThis app uses [Val Town Blob Storage](https://docs.val.town/std/blob/) to manage data. Every Val Town account comes with free blob storage for simple key-value data persistence. This folder contains:\n\n* `queries.ts` - functions to read and write grid data to blob storage, which are imported and used in the main Hono server in `/backend/index.ts`\n\n## Storage Strategy\n\nInstead of using SQLite, this app uses blob storage because:\n- Simpler for this use case (no complex relationships)\n- No need for database migrations\n- Easy JSON serialization/deserialization\n- Perfect for storing arrays of grid objects\n\n## Data Structure\n\nThe app stores a single blob with the key `savedGrids` containing an array of Grid objects. Each grid has:\n- `id`: unique identifier\n- `cells`: array of 16 booleans representing the 4x4 grid state\n- `timestamp`: when the grid was created\n- `saved`: whether the grid has been saved (prevents duplicate saves)\n\n## Queries\n\nThe queries file exports functions to:\n- `getSavedGrids()`: Retrieve all saved grids from blob storage\n- `saveGrid(grid)`: Add a new grid to the saved collection (with duplicate prevention)\n\nThe functions handle cases where the blob doesn't exist yet and provide proper error handling for duplicate saves.",[],[19,101,94],"0405debe-5acb-11f0-a3bc-f69ea79377d9",["D",1751848844056],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","875ed3cd-ae4b-40bb-a45f-6a1970e11689","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_315":311},"org",{"_11":12,"_308":309,"_310":311,"_277":278,"_312":313,"_314":51},"branch",{"_17":88,"_13":16,"_36":71,"_42":271,"_45":37,"_46":304,"_305":53,"_306":43,"_307":57,"_58":14,"_54":12},228,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":271,"_13":14,"_38":426,"_49":-5,"_273":51,"_52":53,"_274":53,"_275":-5,"_276":-5,"_277":278,"_279":87,"_280":75,"_281":75,"_282":-5,"_283":77,"_56":284,"_285":-5,"_286":-5,"_287":-5,"_288":-5,"_289":290,"_291":290,"_292":293,"_294":293,"_295":293,"_296":290,"_297":290,"_298":427,"_300":428,"_302":429,"_50":51},[360,368,378,381],"files",[360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381],"counts",{"_351":104,"_352":77,"_353":104,"_35":354,"_355":356},[343,344,345,346],{"_36":107,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":108,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_18":342},"upstreamProject",{"_36":43,"_13":59,"_275":339,"_276":-5,"_52":53,"_298":340},"upstreamBranch",{"_36":37,"_38":337,"_40":338,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740432065884],["D",1755285423526],"Example with client-side React & Hono server",{"_11":55,"_315":341},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",[19],{"_36":100,"_13":101,"_66":102,"_68":69,"_70":71,"_72":77,"_74":75,"_38":103,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_18":350},{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":96,"_74":75,"_38":97,"_17":77,"_78":24,"_80":98,"_82":51,"_83":-5,"_18":349},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":90,"_78":79,"_80":91,"_82":51,"_83":-5,"_18":348},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":347},[19,65],[19,86],[19,94],[19,101],"pulls","branches","forks",{"_357":104,"_359":104},"connections",{"_357":104,"_358":104},"count","unfilledCount","emptyCount",{"_36":107,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":228,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":424,"_18":425},{"_36":100,"_13":101,"_66":102,"_68":69,"_70":71,"_72":77,"_74":75,"_38":244,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":422,"_18":423},{"_36":264,"_13":94,"_66":265,"_68":102,"_70":71,"_72":266,"_74":75,"_38":267,"_17":77,"_78":24,"_80":268,"_82":51,"_83":-5,"_119":420,"_18":421},{"_36":257,"_13":258,"_66":259,"_68":102,"_70":71,"_72":77,"_74":75,"_38":260,"_17":104,"_78":135,"_80":261,"_82":51,"_83":-5,"_119":418,"_18":419},{"_36":250,"_13":251,"_66":252,"_68":102,"_70":71,"_72":90,"_74":75,"_38":253,"_17":133,"_78":135,"_80":254,"_82":51,"_83":-5,"_119":416,"_18":417},{"_36":93,"_13":94,"_66":95,"_68":69,"_70":71,"_72":96,"_74":75,"_38":241,"_17":77,"_78":24,"_80":98,"_82":51,"_83":-5,"_119":414,"_18":415},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":238,"_17":90,"_78":79,"_80":91,"_82":51,"_83":-5,"_119":412,"_18":413},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":235,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":410,"_18":411},{"_36":145,"_13":146,"_66":147,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":148,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":408,"_18":409},{"_36":195,"_13":196,"_66":197,"_68":147,"_70":71,"_72":77,"_74":75,"_38":198,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":406,"_18":407},{"_36":220,"_13":221,"_66":222,"_68":197,"_70":71,"_72":223,"_74":75,"_38":224,"_17":77,"_78":135,"_80":225,"_82":51,"_83":-5,"_119":404,"_18":405},{"_36":212,"_13":213,"_66":214,"_68":197,"_70":71,"_72":215,"_74":75,"_38":216,"_17":104,"_78":135,"_80":217,"_82":51,"_83":-5,"_119":402,"_18":403},{"_36":204,"_13":205,"_66":206,"_68":197,"_70":71,"_72":207,"_74":75,"_38":208,"_17":104,"_78":135,"_80":209,"_82":51,"_83":-5,"_119":400,"_18":401},{"_36":188,"_13":94,"_66":189,"_68":147,"_70":71,"_72":190,"_74":75,"_38":191,"_17":77,"_78":24,"_80":192,"_82":51,"_83":-5,"_119":398,"_18":399},{"_36":181,"_13":182,"_66":183,"_68":147,"_70":71,"_72":77,"_74":75,"_38":184,"_17":104,"_78":24,"_80":185,"_82":51,"_83":-5,"_119":396,"_18":397},{"_36":173,"_13":174,"_66":175,"_68":147,"_70":71,"_72":176,"_74":75,"_38":177,"_17":77,"_78":24,"_80":178,"_82":51,"_83":-5,"_119":394,"_18":395},{"_36":165,"_13":166,"_66":167,"_68":147,"_70":71,"_72":168,"_74":75,"_38":169,"_17":77,"_78":135,"_80":170,"_82":51,"_83":-5,"_119":392,"_18":393},{"_36":157,"_13":158,"_66":159,"_68":147,"_70":71,"_72":160,"_74":75,"_38":161,"_17":77,"_78":24,"_80":162,"_82":51,"_83":-5,"_119":390,"_18":391},{"_36":122,"_13":123,"_66":124,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":125,"_17":104,"_78":105,"_80":-5,"_82":51,"_83":-5,"_119":388,"_18":389},{"_36":139,"_13":94,"_66":140,"_68":124,"_70":71,"_72":34,"_74":75,"_38":141,"_17":77,"_78":24,"_80":142,"_82":51,"_83":-5,"_119":386,"_18":387},{"_36":130,"_13":131,"_66":132,"_68":124,"_70":71,"_72":133,"_74":75,"_38":134,"_17":77,"_78":135,"_80":136,"_82":51,"_83":-5,"_119":384,"_18":385},{"_36":114,"_13":94,"_66":115,"_68":-5,"_70":71,"_72":116,"_74":75,"_38":117,"_17":77,"_78":24,"_80":118,"_82":51,"_83":-5,"_119":382,"_18":383},[],[94],[],[123,131],[],[123,94],[379,380],[123],[],[146,158],[],[146,166],[],[146,174],[],[146,182],[],[146,94],[],[146,196,205],[],[146,196,213],[],[146,196,221],[370,371,372],[146,196],[369,373,374,375,376,377],[146],[],[19,65],[],[19,86],[],[19,94],[],[19,101,251],[],[19,101,258],[],[19,101,94],[362,363,364],[19,101],[361,365,366,367],[19],["D",1751848844056],{"_11":12,"_315":311},{"_11":12,"_308":309,"_310":311,"_277":278,"_312":313,"_314":51},{"_17":88,"_13":16,"_36":71,"_42":271,"_45":37,"_46":304,"_305":53,"_306":43,"_307":57,"_58":14,"_54":12},"ctx",{"_298":-5,"_334":463,"_464":465,"_466":467,"_468":51,"_469":51,"_470":51,"_471":75,"_472":-5,"_473":-7,"_474":-7,"_475":104,"_476":51,"_477":51,"_478":-5,"_479":51,"_480":51,"_481":51,"_482":-5},"ENV",{"_434":435,"_436":437,"_438":16,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]