[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","e5919efa-d063-11f0-9034-42dde27851f2","name","fileType","http","content","import React from \"https://esm.town/v/stevekrouse/react\";\nimport { useEffect, useRef } from \"https://esm.town/v/stevekrouse/react\";\n\nconst CIRCLE_DURATION = 4000; // 4 seconds per phase\nconst MAX_RADIUS = 100;\nconst CENTER_X = 200;\nconst CENTER_Y = 200;\n\nexport default function CircleMeditation() {\n const canvasRef = useRef(null);\n const startTime = useRef(0);\n const animationFrame = useRef(0);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n\n // Initial state\n startTime.current = performance.now();\n\n const draw = (timestamp: number) => {\n const elapsed = timestamp - startTime.current;\n const totalDuration = CIRCLE_DURATION * 4; // 16s total cycle\n const phase = Math.floor(elapsed / CIRCLE_DURATION) % 4;\n const phaseProgress = (elapsed % CIRCLE_DURATION) / CIRCLE_DURATION;\n\n // Clear canvas\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n // Calculate circle properties based on phase\n let scale = 0;\n let r = 0;\n let g = 0;\n let b = 255; // Start blue\n\n switch (phase) {\n case 0: // Grow phase (0-4s)\n scale = phaseProgress;\n break;\n case 1: // Color change (4-8s)\n scale = 1;\n g = 255 * phaseProgress;\n b = 255 * (1 - phaseProgress);\n break;\n case 2: // Shrink phase (8-12s)\n scale = 1 - phaseProgress;\n g = 255;\n break;\n case 3: // Color revert (12-16s)\n scale = 0;\n r = 0;\n g = 255 * (1 - phaseProgress);\n b = 255 * phaseProgress;\n break;\n }\n\n // Draw circle\n const radius = MAX_RADIUS * scale;\n ctx.beginPath();\n ctx.arc(CENTER_X, CENTER_Y, radius, 0, Math.PI * 2);\n ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;\n ctx.fill();\n\n animationFrame.current = requestAnimationFrame(draw);\n };\n\n animationFrame.current = requestAnimationFrame(draw);\n\n return () => {\n cancelAnimationFrame(animationFrame.current);\n };\n }, []);\n\n return (\n

\n \n

\n );\n}","import React from \"https://esm.town/v/stevekrouse/react\";\nimport { useEffect, useRef } from \"https://esm.town/v/stevekrouse/react\";\n\nconst CIRCLE_DURATION = 4000; // 4 seconds per phase\nconst MAX_RADIUS = 100;\nconst CENTER_X = 200;\nconst CENTER_Y = 200;\n\nexport default function CircleMeditation() {\n const canvasRef = useRef(null);\n const startTime = useRef(0);\n const animationFrame = useRef(0);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n\n startTime.current = performance.now();\n\n const draw = (timestamp: number) => {\n const elapsed = timestamp - startTime.current;\n const phase = Math.floor(elapsed / CIRCLE_DURATION) % 4;\n const phaseProgress = (elapsed % CIRCLE_DURATION) / CIRCLE_DURATION;\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n let scale = 0;\n let r = 0;\n let g = 0;\n let b = 255;\n\n switch (phase) {\n case 0:\n scale = phaseProgress;\n break;\n case 1:\n scale = 1;\n g = 255 * phaseProgress;\n b = 255 * (1 - phaseProgress);\n break;\n case 2:\n scale = 1 - phaseProgress;\n g = 255;\n break;\n case 3:\n scale = 0;\n r = 0;\n g = 255 * (1 - phaseProgress);\n b = 255 * phaseProgress;\n break;\n }\n\n const radius = MAX_RADIUS * scale;\n ctx.beginPath();\n ctx.arc(CENTER_X, CENTER_Y, radius, 0, Math.PI * 2);\n ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;\n ctx.fill();\n\n animationFrame.current = requestAnimationFrame(draw);\n };\n\n animationFrame.current = requestAnimationFrame(draw);\n\n return () => {\n cancelAnimationFrame(animationFrame.current);\n };\n }, []);\n\n return (\n

\n \n

\n );\n}","createdAt",["D",1764779146479],"branchVersion","branchId","e58fc40e-d063-11f0-9034-42dde27851f2","id","e58f76e8-d063-11f0-9034-42dde27851f2","localconsciousnessproject",["D",1764778792014],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/632b4008-14bf-438b-45d1-aef9e75f5400/square512?exp=1789577999&sig=f4f99a257e872e98ecccb151fdacf5e61323ef4f5cc23dd0d957dc2a6bc1fea1","4014c640-61ba-11f0-852d-15ceec715ebe","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4014c641-61ba-11f0-852d-15ceec715ebe","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vvampa","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ6dlV1b1h4VzRxbTBVblhueldOUjc4R3N1ViJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":151,"_80":152,"_82":153,"_84":25},"tree",[145],"files",[145],"counts",{"_134":62,"_135":136,"_137":62,"_138":139,"_140":141},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"b8d6bb9c-d064-11f0-9fc6-42dde27851f2","parentId","latest",["D",1764779146479],6,"label",[28],"pulls","branches",1,"forks","envVars",{"_142":62,"_144":62},"connections",{"_142":62,"_143":62},"count","unfilledCount","emptyCount",{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":146,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_147":148,"_27":149},["D",1764779146479],"children",[],[28],["D",1764778792014],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":58,"_196":-5,"_197":-7,"_198":-7,"_199":62,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":86,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"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"]

Diff · v7