[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_92":91,"_31":43,"_100":82,"_26":101,"_13":14,"_102":-5,"_11":103,"_104":105,"_106":107,"_108":109,"_110":111,"_20":-5,"_112":-5,"_113":-5,"_114":24,"_115":116,"_117":24,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":75,"_76":77,"_78":79,"_80":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/styles.css","latestPath","fileId","ae0ae562-3433-11f0-9174-9e149126039e","name","styles.css","fileType","content","/* Base styles */\nbody {\n font-family: Arial, sans-serif;\n font-size: 10px;\n line-height: 1.5;\n color: #333;\n}\n\n/* Form elements */\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n}\n\n.form-control {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 10px;\n}\n\n/* Image upload */\n.image-upload-container {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.image-preview {\n width: 100px;\n height: 50px;\n border: 1px dashed #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background-color: #f9f9f9;\n}\n\n/* Buttons */\n.btn {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 10px;\n font-weight: 600;\n transition: background-color 0.2s;\n}\n\n.btn-primary {\n background-color: #3490dc;\n color: white;\n}\n\n.btn-primary:hover {\n background-color: #2779bd;\n}\n\n.btn-success {\n background-color: #38c172;\n color: white;\n}\n\n.btn-success:hover {\n background-color: #2d995b;\n}\n\n.btn-danger {\n background-color: #e3342f;\n color: white;\n}\n\n.btn-danger:hover {\n background-color: #cc1f1a;\n}\n\n/* Checkbox */\n.checkbox-container {\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n}\n\n.checkbox-container input {\n margin-right: 0.5rem;\n}\n\n/* Output fields */\n.output-fields {\n background-color: #f8fafc;\n padding: 1rem;\n border-radius: 4px;\n}\n\n.output-value {\n padding: 0.5rem;\n background-color: white;\n border: 1px solid #eee;\n border-radius: 4px;\n min-height: 2rem;\n}\n\n/* Status indicators */\n.status-saved {\n background-color: #d1fae5;\n color: #065f46;\n}\n\n.status-unsaved {\n background-color: #fee2e2;\n color: #b91c1c;\n}\n\n/* Table styles */\ntable {\n width: 100%;\n border-collapse: collapse;\n}\n\ntable th, table td {\n padding: 0.75rem 1rem;\n text-align: left;\n border-bottom: 1px solid #eee;\n}\n\ntable th {\n background-color: #f8fafc;\n font-weight: 600;\n}\n\n/* Table corners */\ntable {\n border-radius: 8px;\n overflow: hidden;\n}\n\ntable thead tr:first-child th:first-child {\n border-top-left-radius: 8px;\n}\n\ntable thead tr:first-child th:last-child {\n border-top-right-radius: 8px;\n}\n\n/* Action icons */\n.action-icon {\n cursor: pointer;\n padding: 0.25rem;\n border-radius: 4px;\n}\n\n.action-icon:hover {\n background-color: #f3f4f6;\n}\n\n/* Slider bar */\n.slider-container {\n width: 100%;\n margin: 1rem 0;\n}\n\n.slider {\n -webkit-appearance: none;\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: #ddd;\n outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #3490dc;\n cursor: pointer;\n}\n\n.slider::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #3490dc;\n cursor: pointer;\n}\n\n/* Highlight row when saved */\n.row-highlight {\n transition: background-color 0.5s;\n}\n\n.row-saved {\n background-color: #d1fae5 !important;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .grid {\n grid-template-columns: 1fr;\n }\n}","createdAt",["D",1747605701637],"branchVersion","branchId","0dd942d2-3433-11f0-b490-9e149126039e","id","0dd90ef2-3433-11f0-b490-9e149126039e","julio01",["D",1747605432877],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","6d1a8823-fe10-45f4-bcbd-a770965a4076","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d5bd8050-8cc2-42da-9363-b43822f64a95","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_99":95},"org",{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},"branch",{"_13":81,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"isOwned",4,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Faf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJtcnh0RGp4ZnpzRUc0OHdPcU9janhocmpxSiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":175,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":176,"_76":177,"_78":178,"_80":24},"tree",[153,156],"files",[153,154,155,156],"counts",{"_143":58,"_144":128,"_145":58,"_146":147,"_148":149},"contents",[122,123],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":136,"_31":137,"_29":138,"_127":-5,"_39":40,"_38":139,"_129":130,"_36":140,"_13":58,"_33":141,"_34":-5,"_23":24,"_134":-5,"_26":142},{"_41":124,"_31":125,"_29":126,"_127":-5,"_39":40,"_38":128,"_129":130,"_36":131,"_13":58,"_33":132,"_34":133,"_23":24,"_134":-5,"_26":135},"8de2357e-3433-11f0-8c4b-9e149126039e","index.ts","8de23632-3433-11f0-8c4b-9e149126039e","parentId",1,"latest",true,["D",1747605647675],"script","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve the dashboard\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data for the dashboard\n const websites = await getWebsites();\n const users = await getUsers();\n \n // Inject data to avoid extra round-trips\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API endpoints\napp.post(\"/api/website\", async c => {\n try {\n const data = await c.req.json();\n const result = await saveWebsite(data);\n return c.json({ success: true, id: result.id });\n } catch (error) {\n console.error(\"Error saving website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.delete(\"/api/website/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n await deleteWebsite(parseInt(id));\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.get(\"/api/website/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n const website = await getWebsiteById(parseInt(id));\n return c.json(website);\n } catch (error) {\n console.error(\"Error getting website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.post(\"/api/upload-image\", async c => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"image\") as File;\n \n if (!file) {\n return c.json({ success: false, error: \"No image provided\" }, 400);\n }\n \n // Convert to buffer\n const arrayBuffer = await file.arrayBuffer();\n const buffer = new Uint8Array(arrayBuffer);\n \n // Generate a unique key for the image\n const key = `website_image_${Date.now()}`;\n \n // Store the image in blob storage\n await blob.set(key, buffer);\n \n return c.json({ success: true, key });\n } catch (error) {\n console.error(\"Error uploading image:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.get(\"/api/image/:key\", async c => {\n try {\n const key = c.req.param(\"key\");\n const image = await blob.get(key);\n \n if (!image) {\n return c.json({ success: false, error: \"Image not found\" }, 404);\n }\n \n return new Response(image, {\n headers: {\n \"Content-Type\": \"image/jpeg\"\n }\n });\n } catch (error) {\n console.error(\"Error getting image:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\n// Database functions\nasync function initDatabase() {\n // Create websites table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS websites (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n image_key TEXT,\n url TEXT,\n is_active INTEGER DEFAULT 1,\n user_id INTEGER,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n `);\n \n // Create users table for demo purposes\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT,\n position TEXT,\n type TEXT\n )\n `);\n \n // Insert some demo users if none exist\n const users = await sqlite.execute(`SELECT COUNT(*) as count FROM users`);\n if (users.rows[0].count === 0) {\n await sqlite.execute(`\n INSERT INTO users (name, position, type) VALUES \n ('Alfonso Zambrano', 'Sales Executive', 'Sales'),\n ('John Doe', 'Engineer', 'Engineer'),\n ('Jane Smith', 'Customer Support', 'Customer')\n `);\n }\n}\n\nasync function getWebsites() {\n const result = await sqlite.execute(`\n SELECT w.*, u.name, u.position, u.type\n FROM websites w\n LEFT JOIN users u ON w.user_id = u.id\n ORDER BY w.id DESC\n `);\n return result.rows;\n}\n\nasync function getWebsiteById(id: number) {\n const result = await sqlite.execute(`\n SELECT w.*, u.name, u.position, u.type\n FROM websites w\n LEFT JOIN users u ON w.user_id = u.id\n WHERE w.id = ?\n `, [id]);\n \n return result.rows[0] || null;\n}\n\nasync function saveWebsite(data: any) {\n if (data.id) {\n // Update existing website\n await sqlite.execute(`\n UPDATE websites\n SET image_key = ?, url = ?, is_active = ?, user_id = ?\n WHERE id = ?\n `, [data.image_key, data.url, data.is_active ? 1 : 0, data.user_id, data.id]);\n return { id: data.id };\n } else {\n // Insert new website\n const result = await sqlite.execute(`\n INSERT INTO websites (image_key, url, is_active, user_id)\n VALUES (?, ?, ?, ?)\n `, [data.image_key, data.url, data.is_active ? 1 : 0, data.user_id]);\n \n return { id: result.lastInsertId };\n }\n}\n\nasync function deleteWebsite(id: number) {\n await sqlite.execute(`DELETE FROM websites WHERE id = ?`, [id]);\n}\n\nasync function getUsers() {\n const result = await sqlite.execute(`SELECT * FROM users`);\n return result.rows;\n}\n\n// Initialize database on startup\ninitDatabase().catch(console.error);\n\n// Export the Hono app\nexport default app.fetch;","label",[125],"9f22eb58-3433-11f0-9dab-9e149126039e","frontend","4e386a28-0160-49e6-a115-81b229fd91fa",2,["D",1747605676623],"directory",[137],"pulls","branches","forks","envVars",{"_150":58,"_152":58},"connections",{"_150":58,"_151":58},"count","unfilledCount","emptyCount",{"_41":136,"_31":137,"_29":138,"_127":-5,"_39":40,"_38":139,"_129":130,"_36":172,"_13":58,"_33":141,"_34":-5,"_23":24,"_134":-5,"_158":173,"_26":174},{"_41":165,"_31":166,"_29":167,"_127":138,"_39":40,"_38":139,"_129":130,"_36":168,"_13":58,"_33":20,"_34":169,"_23":24,"_134":-5,"_158":170,"_26":171},{"_41":161,"_31":32,"_29":30,"_127":138,"_39":40,"_38":14,"_129":130,"_36":162,"_13":58,"_33":20,"_34":35,"_23":24,"_134":-5,"_158":163,"_26":164},{"_41":124,"_31":125,"_29":126,"_127":-5,"_39":40,"_38":128,"_129":130,"_36":157,"_13":58,"_33":132,"_34":133,"_23":24,"_134":-5,"_158":159,"_26":160},["D",1747605647675],"children",[],[125],"ae0ae4ae-3433-11f0-9174-9e149126039e",["D",1747605701637],[],[137,32],"9f22af80-3433-11f0-9dab-9e149126039e","index.html","9f22b052-3433-11f0-9dab-9e149126039e",["D",1747605676623],"\n\n\n \n \n Add-Edit-Website\n \n \n \n\n\n

Add-Edit-Website

\n \n

\n Website Logo (100x50px)\n

\n $\"Preview\"$ \n

\n \n \n

\n Website URL\n \n

\n \n \n

\n \n \n \n Active\n \n

\n \n \n

\n Associated User\n \n

\n \n \n

User Information

\n Name\n

\n Position\n

\n Type\n

\n Status\n

Unsaved

\n \n \n

\n \n \n \n

\n \n \n

Admin Types

Master Admin
Data
Competition
Accounting
Administrative
Sales
Systems

\n \n

User Types

Customer
Distributor
Master Distributor
Engineer

\n \n \n

Websites

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Logo	URL	Active	User	Position	Type	Actions

\n \n \n\n",[],[137,166],["D",1747605676623],[154,155],[137],["D",1747605432877],{"_92":91,"_99":95},{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},{"_13":81,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"ctx",{"_74":-5,"_119":212,"_213":214,"_215":216,"_217":24,"_218":24,"_219":24,"_220":130,"_221":-5,"_222":-7,"_223":-7,"_224":58,"_225":24,"_226":24,"_227":-5,"_228":24,"_229":24,"_230":24,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":82,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Diff · v3