Retro Timestamp Corridor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_247":248,"_249":250},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_184":-5,"_20":185,"_22":186,"_187":188,"_189":190,"_26":191,"_24":192,"_193":194,"_195":196,"_197":54,"_198":199,"_200":70,"_201":-5,"_202":-5,"_203":204},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","shouser","name","time_walk","branchName","walking-through-time","version","path","index.html","project",{"_36":44,"_13":14,"_38":140,"_52":-5,"_141":54,"_55":56,"_142":56,"_143":-5,"_144":-5,"_145":146,"_147":148,"_149":70,"_150":-5,"_151":152,"_153":72,"_58":59,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":168,"_169":170,"_171":172,"_53":54},"tree",[79,80,81,82,83,84],"file",{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":71,"_17":72,"_73":24,"_74":75,"_76":54,"_77":-5,"_18":78},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"pull","ahead",17,"behind",32,"envVars","id","8bb4a06c-0a66-11f0-9f27-569c3dd06744","createdAt",["D",1743009599503],"updatedAt",["D",1743188539147],"main","projectId","8bb1b780-0a66-11f0-9f27-569c3dd06744",35,"forkedBranchId","4d08a0e4-0a65-11f0-971d-569c3dd06744","forkedBranchVersion",2,"lockfileKey","1744494117142-esm.town_v_shouser_time_walk@35-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","projectName","563552d4-0beb-11f0-a7d6-569c3dd06744","fileId","563553a6-0beb-11f0-a7d6-569c3dd06744","parentId","branchId","036e2922-0beb-11f0-a397-569c3dd06744","branchVersion",6,"latest",true,["D",1743176583999],0,"fileType","content","\n\n\n \n \n Retro Timestamp Corridor\n \n\n\n

\n Click and drag to add more smoke particles\n

\n \n\n","deleted","label",[19],{"_36":124,"_13":125,"_62":126,"_64":-5,"_65":66,"_67":127,"_69":70,"_38":128,"_17":72,"_73":129,"_74":-5,"_76":54,"_77":-5,"_92":130,"_18":131},{"_36":116,"_13":117,"_62":118,"_64":-5,"_65":66,"_67":119,"_69":70,"_38":120,"_17":72,"_73":24,"_74":121,"_76":54,"_77":-5,"_92":122,"_18":123},{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":113,"_17":72,"_73":24,"_74":75,"_76":54,"_77":-5,"_92":114,"_18":115},{"_36":103,"_13":104,"_62":105,"_64":-5,"_65":66,"_67":106,"_69":70,"_38":107,"_17":108,"_73":109,"_74":110,"_76":54,"_77":-5,"_92":111,"_18":112},{"_36":95,"_13":96,"_62":97,"_64":-5,"_65":66,"_67":98,"_69":70,"_38":99,"_17":72,"_73":90,"_74":100,"_76":54,"_77":-5,"_92":101,"_18":102},{"_36":85,"_13":86,"_62":87,"_64":-5,"_65":66,"_67":88,"_69":70,"_38":89,"_17":72,"_73":90,"_74":91,"_76":54,"_77":-5,"_92":93,"_18":94},"66904d44-0bed-11f0-a09e-569c3dd06744","utils.js","66904e16-0bed-11f0-a09e-569c3dd06744",18,["D",1743177470430],"script","// Utility functions for the corridor effect\n\n// Global variables to track timestamp movement\nlet timestampOffset = 0;\n\n// Draw a grid of timestamp text on a plane\nexport function drawTimestampGrid(p5, z, isFloor = false) {\n const gridSize = 40;\n \n p5.push();\n if (isFloor) {\n p5.rotateX(p5.HALF_PI);\n }\n p5.translate(0, 0, z);\n \n // Use bright neon colors for high visibility\n p5.fill(120, 255, 255); // Bright cyan in HSB\n p5.stroke(0); // Black outline for contrast\n p5.strokeWeight(1.5);\n \n // Increment the offset to create movement\n timestampOffset += 0.5;\n if (timestampOffset >= gridSize) {\n timestampOffset = 0;\n }\n \n // Calculate the range to draw based on distance\n const drawDistance = 500;\n const startZ = -drawDistance;\n const endZ = drawDistance;\n \n // Draw grid of timestamp text with movement\n for (let x = -200; x <= 200; x += gridSize) {\n for (let z = startZ; z <= endZ; z += gridSize) {\n // Adjust z position to create movement\n const adjustedZ = (z + timestampOffset) % drawDistance;\n \n // Get timestamp that changes based on position for variety\n const timestamp = getCurrentTimestamp(x, adjustedZ);\n \n p5.push();\n if (isFloor) {\n p5.translate(x, adjustedZ, 0);\n } else {\n // For walls\n p5.translate(x > 0 ? 100 : -100, 0, adjustedZ);\n p5.rotateY(p5.HALF_PI * (x > 0 ? -1 : 1));\n }\n \n // Make text size vary with distance for perspective effect\n const distance = p5.abs(adjustedZ);\n const scaleFactor = p5.map(distance, 0, drawDistance, 1.5, 0.5);\n p5.textSize(10 * scaleFactor);\n \n // Add glow effect for better visibility\n for (let i = 3; i > 0; i--) {\n p5.push();\n p5.fill(120, 255, 255, 50 / i); // Cyan with decreasing opacity\n p5.strokeWeight(i * 0.5);\n p5.text(timestamp, 0, 0);\n p5.pop();\n }\n \n // Draw the actual text\n p5.fill(120, 255, 255); // Bright cyan\n p5.text(timestamp, 0, 0);\n p5.pop();\n }\n }\n \n p5.pop();\n}\n\n// Get current timestamp in a retro format\n// Optionally vary based on position for more visual interest\nexport function getCurrentTimestamp(x = 0, z = 0) {\n const now = new Date();\n const hours = now.getHours().toString().padStart(2, '0');\n const minutes = now.getMinutes().toString().padStart(2, '0');\n const seconds = now.getSeconds().toString().padStart(2, '0');\n \n // Make milliseconds vary based on position for visual variety\n let millis = Math.floor(now.getMilliseconds() / 10);\n millis = (millis + Math.abs(Math.floor(x * z / 100))) % 100;\n millis = millis.toString().padStart(2, '0');\n \n return `${hours}:${minutes}:${seconds}:${millis}`;\n}\n\n// Draw the corridor\nexport function drawCorridor(p5, depth) {\n // Draw floor with timestamps\n p5.push();\n drawTimestampGrid(p5, 0, true);\n p5.pop();\n \n // Draw walls with timestamps\n p5.push();\n drawTimestampGrid(p5, 0, false);\n p5.pop();\n \n // Draw perspective lines for enhanced movement effect\n p5.stroke(120, 255, 255, 150); // Bright cyan with transparency\n p5.strokeWeight(2);\n \n // Floor edges\n p5.line(-100, 0, -depth, -100, 0, depth);\n p5.line(100, 0, -depth, 100, 0, depth);\n \n // Ceiling edges\n p5.line(-100, -100, -depth, -100, -100, depth);\n p5.line(100, -100, -depth, 100, -100, depth);\n \n // Vertical edges\n p5.line(-100, -100, -depth, -100, 0, -depth);\n p5.line(100, -100, -depth, 100, 0, -depth);\n p5.line(-100, -100, depth, -100, 0, depth);\n p5.line(100, -100, depth, 100, 0, depth);\n \n // Add moving grid lines on the floor for better perspective\n p5.strokeWeight(1);\n p5.stroke(120, 255, 255, 100);\n \n // Draw cross-section lines with movement\n const lineSpacing = 50;\n const lineOffset = (p5.frameCount % lineSpacing) / 2;\n \n for (let z = -depth + lineOffset; z < depth; z += lineSpacing) {\n p5.line(-100, 0, z, 100, 0, z);\n }\n \n for (let x = -100; x <= 100; x += lineSpacing) {\n p5.line(x, 0, -depth, x, 0, depth);\n }\n}","children",[],[86],"b33e96fc-0beb-11f0-81ce-569c3dd06744","particles.js","b33e97a6-0beb-11f0-81ce-569c3dd06744",11,["D",1743176740086],"// Adapted particle system for 3D corridor\nimport { createParticleTexture } from \"./assets/particle_texture.js\";\n\nexport class ParticleSystem {\n constructor(p5) {\n this.p5 = p5;\n this.particles = [];\n \n // Create origin point at the start of the corridor\n this.origin = p5.createVector(0, 0, -200);\n \n // Create the particle texture\n this.texture = createParticleTexture(p5, 64);\n \n // Current force being applied to particles\n this.windForce = p5.createVector(0, 0, 0);\n }\n\n run() {\n // Loop through and run each particle\n for (let i = this.particles.length - 1; i >= 0; i--) {\n let particle = this.particles[i];\n particle.run();\n\n // Remove dead particles\n if (particle.isDead()) {\n this.particles.splice(i, 1);\n }\n }\n }\n\n // Apply force to each particle\n applyForce(force) {\n this.windForce = force;\n for (let particle of this.particles) {\n particle.applyForce(force);\n }\n }\n\n addParticle() {\n // Add some randomness to the origin position\n const p = this.p5;\n const offset = p.createVector(\n p.random(-50, 50),\n p.random(-20, 20),\n p.random(-10, 10)\n );\n const position = p5.Vector.add(this.origin, offset);\n \n this.particles.push(new Particle(this.p5, position, this.texture));\n }\n \n // Draw a vector arrow to visualize the wind force\n drawWindVector() {\n const p = this.p5;\n const scale = 100;\n \n p.push();\n p.translate(0, -80, -100);\n p.stroke(255);\n p.strokeWeight(2);\n \n // Draw line\n p.line(0, 0, 0, this.windForce.x * scale, 0, 0);\n \n // Draw arrowhead\n const arrowSize = 5;\n if (this.windForce.x !== 0) {\n const direction = this.windForce.x > 0 ? 1 : -1;\n const length = Math.abs(this.windForce.x * scale);\n p.line(\n this.windForce.x * scale, 0, 0,\n this.windForce.x * scale - direction * arrowSize, arrowSize/2, 0\n );\n p.line(\n this.windForce.x * scale, 0, 0,\n this.windForce.x * scale - direction * arrowSize, -arrowSize/2, 0\n );\n }\n p.pop();\n }\n}\n\nclass Particle {\n constructor(p5, position, texture) {\n this.p5 = p5;\n this.position = position.copy();\n \n // Random initial velocity with main movement down the corridor\n this.velocity = p5.createVector(\n p5.randomGaussian() * 0.3,\n p5.randomGaussian() * 0.3,\n p5.randomGaussian() * 0.3 + 1.0 // Mainly moving forward (down the corridor)\n );\n \n this.acceleration = p5.createVector(0, 0, 0);\n this.texture = texture;\n this.size = p5.random(15, 30);\n this.lifespan = 100.0;\n \n // Create a color with a retro feel\n this.color = p5.color(\n p5.random(160, 200), // Hue in a greenish-blue range\n p5.random(200, 255), // Saturation\n p5.random(200, 255) // Brightness\n );\n }\n\n run() {\n this.update();\n this.display();\n }\n\n // Draw the particle\n display() {\n const p = this.p5;\n \n p.push();\n p.translate(this.position.x, this.position.y, this.position.z);\n \n // Billboard the texture to always face the camera\n // This is a simplified version that works for our corridor perspective\n p.rotateY(p.frameCount * 0.01); // Slight rotation for more dynamic look\n \n // Apply the color and transparency\n p.tint(this.color, this.lifespan);\n \n // Draw the textured particle\n p.noStroke();\n p.texture(this.texture);\n p.plane(this.size, this.size);\n \n p.pop();\n }\n\n applyForce(force) {\n // Add the force vector to the current acceleration\n this.acceleration.add(force);\n }\n\n isDead() {\n return this.lifespan <= 0.0;\n }\n\n update() {\n // Add acceleration to velocity\n this.velocity.add(this.acceleration);\n \n // Add velocity to position\n this.position.add(this.velocity);\n \n // Reduce lifespan\n this.lifespan -= 1.5;\n \n // Reset acceleration\n this.acceleration.mult(0);\n }\n}",[],[96],"d7429b52-0beb-11f0-8e88-569c3dd06744","main.js","bd551152-0beb-11f0-adb7-569c3dd06744",15,["D",1743176800506],1,"http","import type * as p5 from \"npm:@types/p5\";\nimport { ParticleSystem } from \"./particles.js\";\nimport { drawCorridor, getCurrentTimestamp } from \"./utils.js\";\n\n// Declare variables\nlet particleSystem;\nlet cameraZ = 0;\nlet windForce;\n\nexport function preload() {\n // No need to preload the texture as we're creating it procedurally\n}\n\nexport function setup() {\n createCanvas(400, 400, WEBGL);\n colorMode(HSB);\n \n // Initialize the particle system\n particleSystem = new ParticleSystem(window);\n \n // Initial wind force\n windForce = createVector(0, 0, 0);\n \n // Set text properties\n textSize(8);\n textAlign(CENTER, CENTER);\n \n // Create pixelated look for retro effect\n noSmooth();\n}\n\nexport function draw() {\n // Retro background\n background(0);\n \n // Add camera movement\n cameraZ += 0.5;\n if (cameraZ > 200) cameraZ = 0;\n \n // Set up the camera\n perspective(PI / 3.0, width / height, 10, 1000);\n camera(0, -30, 100 + cameraZ, 0, 0, -100, 0, 1, 0);\n \n // Add ambient light\n ambientLight(50);\n pointLight(255, 255, 255, 0, -50, 100);\n \n // Draw the corridor with timestamp walls\n drawCorridor(window, 500);\n \n // Calculate wind force based on mouse position\n let dx = map(mouseX, 0, width, -0.1, 0.1);\n windForce = createVector(dx, 0, 0);\n \n // Apply the wind force and run the particle system\n particleSystem.applyForce(windForce);\n particleSystem.run();\n \n // Add new particles each frame\n for (let i = 0; i < 2; i++) {\n particleSystem.addParticle();\n }\n \n // Display current timestamp at the top\n push();\n fill(120, 255, 255); // Cyan in HSB\n stroke(0);\n textSize(16);\n text(getCurrentTimestamp(), 0, -80, -50);\n pop();\n \n // Draw the wind force vector\n particleSystem.drawWindVector();\n \n // Add some retro scan lines\n drawScanLines();\n}\n\nfunction drawScanLines() {\n push();\n noLights();\n translate(0, 0, 200);\n stroke(120, 100, 255, 20); // Cyan scanlines\n strokeWeight(1);\n for (let y = -height/2; y < height/2; y += 4) {\n line(-width/2, y, width/2, y);\n }\n pop();\n}\n\n// Mouse interaction to add more particles\nexport function mouseDragged() {\n for (let i = 0; i < 5; i++) {\n particleSystem.addParticle();\n }\n return false;\n}\n\nimport { sketch } from \"https://esm.town/v/saolsen/p5\";\nexport default sketch(import.meta.url);",[],[104],["D",1743176583999],[],[19],"598fa5e2-0beb-11f0-bde8-569c3dd06744","README.md","598fa6aa-0beb-11f0-bde8-569c3dd06744",7,["D",1743176589622],"# Retro Timestamp Corridor\n\nA retro-style visualization featuring smoke particles moving down an endless corridor with walls and floor made of timestamps.\n\n## Features\n\n- 3D corridor effect with perspective\n- Walls and floor constructed from the current timestamp\n- Pixelated smoke particles that move down the corridor\n- Retro aesthetic with scan lines and green text\n- Interactive - click and drag to add more smoke particles\n\n## Project Structure\n\n- `main.js` - Main entry point and p5.js setup\n- `particles.js` - Smoke particle system implementation\n- `utils.js` - Helper functions for drawing the corridor and timestamps\n- `index.html` - HTML wrapper with styling\n\n## How It Works\n\nThe project uses p5.js's WEBGL mode to create a 3D corridor effect. The current timestamp is displayed on the walls and floor in a grid pattern. Smoke particles are generated and move down the corridor, creating a dynamic visual effect.\n\n## Interaction\n\nClick and drag anywhere on the canvas to add more smoke particles.",[],[117],"a67f24cc-0beb-11f0-bfa7-569c3dd06744","assets","f165c857-5f10-447d-8036-66073e46573f",9,["D",1743176718691],"directory",[132],[125],{"_36":133,"_13":134,"_62":135,"_64":126,"_65":66,"_67":127,"_69":70,"_38":136,"_17":72,"_73":90,"_74":137,"_76":54,"_77":-5,"_92":138,"_18":139},"a67f1b9e-0beb-11f0-bfa7-569c3dd06744","particle_texture.js","a67f1cc0-0beb-11f0-bfa7-569c3dd06744",["D",1743176718691],"// This file creates a procedural particle texture\n// We'll use this instead of loading an external image\n\nexport function createParticleTexture(p5, size = 64) {\n // Create a graphics buffer to draw our particle texture\n const pg = p5.createGraphics(size, size);\n \n // Set up the graphics buffer\n pg.background(0, 0);\n pg.noStroke();\n \n // Draw a soft, circular gradient for the particle\n for (let i = 0; i < size; i++) {\n const alpha = p5.map(i, 0, size, 255, 0);\n pg.fill(255, alpha);\n pg.ellipse(size/2, size/2, size - i, size - i);\n }\n \n // Add some noise to make it look more like smoke\n pg.loadPixels();\n for (let x = 0; x < size; x++) {\n for (let y = 0; y < size; y++) {\n const index = (x + y * size) * 4 + 3; // Alpha channel\n if (pg.pixels[index] > 0) {\n // Add some noise to the alpha channel\n const noise = p5.random(-30, 30);\n pg.pixels[index] = p5.constrain(pg.pixels[index] + noise, 0, 255);\n }\n }\n }\n pg.updatePixels();\n \n return pg;\n}",[],[125,134],["D",1743009599503],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","41f31f5a-5e09-40c5-b774-7013233bcd27","pinPreview","pinMigrated","screenshotVersion",20,"likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_183":179},"org",{"_11":12,"_177":-5,"_178":179,"_145":146,"_180":181,"_182":54},"branch",{"_17":88,"_13":16,"_36":66,"_43":44,"_46":37,"_48":173,"_174":56,"_175":44,"_176":59,"_60":14,"_57":12},3,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":243,"_52":-5,"_141":54,"_55":56,"_142":56,"_143":-5,"_144":-5,"_145":146,"_147":148,"_149":70,"_150":-5,"_151":152,"_153":72,"_58":59,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":244,"_169":245,"_171":246,"_53":54},[222,224,225,226,227,228],"files",[222,223,224,225,226,227,228],"counts",{"_213":72,"_214":119,"_215":108,"_35":216,"_217":218},[],{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":71,"_17":72,"_73":24,"_74":75,"_76":54,"_77":-5,"_18":212},"upstreamProject",{"_36":207,"_13":208,"_143":-5,"_144":-5,"_55":56,"_167":209},"upstreamBranch",{"_36":37,"_38":205,"_40":206,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743009599503],["D",1743188539147],"4d08533c-0a65-11f0-971d-569c3dd06744","p5_project_template",{"_11":210,"_183":211},"rwhaling","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydXJhRDBpajRZUGY0QTVSeTBOUFprNzQxbjUifQ",[19],"pulls","branches","forks",{"_219":72,"_221":72},"connections",{"_219":72,"_220":72},"count","unfilledCount","emptyCount",{"_36":124,"_13":125,"_62":126,"_64":-5,"_65":66,"_67":127,"_69":70,"_38":128,"_17":72,"_73":129,"_74":-5,"_76":54,"_77":-5,"_92":241,"_18":242},{"_36":133,"_13":134,"_62":135,"_64":126,"_65":66,"_67":127,"_69":70,"_38":136,"_17":72,"_73":90,"_74":137,"_76":54,"_77":-5,"_92":239,"_18":240},{"_36":116,"_13":117,"_62":118,"_64":-5,"_65":66,"_67":119,"_69":70,"_38":120,"_17":72,"_73":24,"_74":121,"_76":54,"_77":-5,"_92":237,"_18":238},{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":113,"_17":72,"_73":24,"_74":75,"_76":54,"_77":-5,"_92":235,"_18":236},{"_36":103,"_13":104,"_62":105,"_64":-5,"_65":66,"_67":106,"_69":70,"_38":107,"_17":108,"_73":109,"_74":110,"_76":54,"_77":-5,"_92":233,"_18":234},{"_36":95,"_13":96,"_62":97,"_64":-5,"_65":66,"_67":98,"_69":70,"_38":99,"_17":72,"_73":90,"_74":100,"_76":54,"_77":-5,"_92":231,"_18":232},{"_36":85,"_13":86,"_62":87,"_64":-5,"_65":66,"_67":88,"_69":70,"_38":89,"_17":72,"_73":90,"_74":91,"_76":54,"_77":-5,"_92":229,"_18":230},[],[86],[],[96],[],[104],[],[19],[],[117],[],[125,134],[223],[125],["D",1743009599503],{"_11":12,"_183":179},{"_11":12,"_177":-5,"_178":179,"_145":146,"_180":181,"_182":54},{"_17":88,"_13":16,"_36":66,"_43":44,"_46":37,"_48":173,"_174":56,"_175":44,"_176":59,"_60":14,"_57":12},"ctx",{"_167":-5,"_202":280,"_281":282,"_283":284,"_285":54,"_286":54,"_287":54,"_288":70,"_289":-5,"_290":-7,"_291":-7,"_292":72,"_293":54,"_294":54,"_295":-5,"_296":54,"_297":54,"_298":54,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":42,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]