Block Golf!

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_203":204,"_205":206},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":87,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":59,"_128":-5,"_129":-5,"_130":131},"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":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",5,"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","script.js","latestPath","fileId","019dd9ee-5b35-71bb-a300-e8730c3a4e0f","name","fileType","script","content","const canvas = document.getElementById(\"myCanvas\") as HTMLCanvasElement;\ncanvas.width = innerWidth - 2;\ncanvas.height = innerHeight - 2;\nconst ctx = canvas.getContext(\"2d\")!;\n\n// TOUCH STATE\nconst touch = {\n xStart: 0,\n xEnd: 0,\n yStart: 0,\n yEnd: 0,\n isDown: false,\n dx: function () {\n return this.xEnd - this.xStart;\n },\n dy: function () {\n return this.yEnd - this.yStart;\n },\n dist: function () {\n return Math.hypot(this.dx(), this.dy());\n },\n angle: function () {\n return Math.atan2(this.dy(), this.dx()) * 180 / Math.PI;\n },\n};\n\n// BALL\nconst ball = {\n XPos: 200,\n YPos: 400,\n xVel: 0,\n yVel: 0,\n radius: 10,\n friction: 0.994,\n touchSensitivity: 0.05,\n\n checkTouch() {\n if (!menu.active) {\n this.xVel = touch.dx() * this.touchSensitivity;\n this.yVel = touch.dy() * this.touchSensitivity;\n }\n },\n\n update: function () {\n this.XPos += this.xVel;\n this.YPos += this.yVel;\n this.xVel *= this.friction;\n this.yVel *= this.friction;\n\n if (Math.abs(this.xVel) < 0.2) this.xVel = 0;\n if (Math.abs(this.yVel) < 0.2) this.yVel = 0;\n\n if (this.XPos > canvas.width - this.radius) {\n this.XPos = canvas.width - this.radius;\n this.xVel = -this.xVel;\n }\n if (this.XPos < this.radius) {\n this.XPos = this.radius;\n this.xVel = -this.xVel;\n }\n if (this.YPos > canvas.height - this.radius) {\n this.YPos = canvas.height - this.radius;\n this.yVel = -this.yVel;\n }\n if (this.YPos < this.radius) {\n this.YPos = this.radius;\n this.yVel = -this.yVel;\n }\n },\n\n draw: function () {\n ctx.beginPath();\n ctx.arc(this.XPos, this.YPos, this.radius, 0, 2 * Math.PI);\n ctx.fillStyle = \"white\";\n ctx.fill();\n },\n};\n\n// CUP\nconst cup = {\n cupXPos: 200,\n cupYPos: 100,\n distance: 0,\n\n update: function () {\n this.distance = Math.hypot(this.cupXPos - ball.XPos, this.cupYPos - ball.YPos);\n if (this.distance < ball.radius) {\n ball.XPos = this.cupXPos;\n ball.YPos = this.cupYPos;\n ball.xVel = 0;\n ball.yVel = 0;\n }\n },\n\n draw: function () {\n ctx.beginPath();\n ctx.arc(this.cupXPos, this.cupYPos, 13, 0, 2 * Math.PI);\n ctx.fillStyle = \"black\";\n ctx.fill();\n },\n};\n\n// MENU\nconst menu = {\n XPos: -200,\n YPos: 150,\n width: 0,\n height: 0,\n active: false,\n\n update: function () {\n if (this.active && this.XPos < 0) this.XPos += 7.5;\n if (!this.active && this.XPos > -200) this.XPos -= 7.5;\n },\n\n checkTouch: function () {\n if (\n !this.active &&\n touch.xEnd < 20 &&\n touch.yEnd > this.YPos + 175 &&\n touch.yEnd < this.YPos + 225\n ) {\n this.active = true;\n } else {\n this.active = false;\n }\n },\n\n draw: function () {\n \n // Small Rectangle\n ctx.fillStyle = \"#e4e67e\";\n ctx.fillRect(this.XPos + 200, this.YPos + 175, this.width + 20, this.height + 50);\n // Large Rectangle\n ctx.fillStyle = \"#e4e67e\";\n ctx.fillRect(this.XPos, this.YPos, this.width + 200, this.height + 400);\n // Grid Down\n ctx.strokeStyle = \"black\";\n ctx.lineWidth = 5;\n ctx.beginPath();\n ctx.moveTo(this.XPos + 100,this.YPos);\n ctx.lineTo(this.XPos + 100, this.YPos + 400);\n ctx.stroke();\n // Grid Top ----\n ctx.strokeStyle = \"black\";\n ctx.lineWidth = 5;\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 100);\n ctx.lineTo(this.XPos + 200, this.YPos + 100);\n ctx.stroke();\n // Grid Middle ----\n ctx.strokeStyle = \"black\";\n ctx.lineWidth = 5;\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 200);\n ctx.lineTo(this.XPos + 200, this.YPos + 200);\n ctx.stroke();\n // Grid Middle ----\n ctx.strokeStyle = \"black\";\n ctx.lineWidth = 5;\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 300);\n ctx.lineTo(this.XPos + 200, this.YPos + 300);\n ctx.stroke();\n \n },\n};\n\n// BLOCK\nconst block1 = {\n xPos: 200,\n yPos: 200,\n width: 25,\n height: 100,\n\n update: function (ballObj: typeof ball) {\n // left edge\n if (\n ballObj.XPos + ballObj.radius > this.xPos &&\n ballObj.XPos + ballObj.radius < this.xPos + 5 &&\n ballObj.YPos > this.yPos &&\n ballObj.YPos < this.yPos + this.height\n ) {\n ballObj.xVel = -Math.abs(ballObj.xVel);\n return true;\n }\n // top edge\n if (\n ballObj.YPos + ballObj.radius > this.yPos &&\n ballObj.YPos + ballObj.radius < this.yPos + 5 &&\n ballObj.XPos > this.xPos &&\n ballObj.XPos < this.xPos + this.width\n ) {\n ballObj.yVel = -Math.abs(ballObj.yVel);\n return true;\n }\n // right edge\n if (\n ballObj.XPos - ballObj.radius < this.xPos + this.width &&\n ballObj.XPos - ballObj.radius > this.xPos + this.width - 5 &&\n ballObj.YPos > this.yPos &&\n ballObj.YPos < this.yPos + this.height\n ) {\n ballObj.xVel = Math.abs(ballObj.xVel);\n return true;\n }\n // bottom edge\n if (\n ballObj.YPos - ballObj.radius < this.yPos + this.height &&\n ballObj.YPos - ballObj.radius > this.yPos + this.height - 5 &&\n ballObj.XPos > this.xPos &&\n ballObj.XPos < this.xPos + this.width\n ) {\n ballObj.yVel = Math.abs(ballObj.yVel);\n return true;\n }\n return false;\n },\n\n draw: function () {\n ctx.fillStyle = \"#9e2f13\";\n ctx.fillRect(this.xPos, this.yPos, this.width, this.height);\n },\n};\n\n// TRAJECTORY\nconst trajectory = {\n points: [] as { x: number; y: number }[],\n\n update() {\n if (!touch.isDown) {\n this.points = [];\n return;\n }\n\n this.points = [];\n\n let simX = ball.XPos;\n let simY = ball.YPos;\n let simVX = touch.dx() * ball.touchSensitivity;\n let simVY = touch.dy() * ball.touchSensitivity;\n\n for (let i = 0; i < 200; i++) {\n simX += simVX;\n simY += simVY;\n\n simVX *= ball.friction;\n simVY *= ball.friction;\n \n// For Canvas\n \n if (simX > canvas.width - ball.radius) {\n simX = canvas.width - ball.radius;\n simVX = -simVX;\n }\n if (simX < ball.radius) {\n simX = ball.radius;\n simVX = -simVX;\n }\n if (simY > canvas.height - ball.radius) {\n simY = canvas.height - ball.radius;\n simVY = -simVY;\n }\n if (simY < ball.radius) {\n simY = ball.radius;\n simVY = -simVY;\n }\n \n//For block1\n /* \n if (simX > block1.xPos - ball.radius) {\n simX = block1.xPos - ball.radius;\n simVX = -simVX;\n }\n if (simX < ball.radius) {\n simX = ball.radius;\n simVX = -simVX;\n }\n if (simY > block1.yPos - ball.radius) {\n simY = block1.yPos - ball.radius;\n simVY = -simVY;\n }\n if (simY < ball.radius) {\n simY = ball.radius;\n simVY = -simVY;\n }\n*/\n this.points.push({ x: simX, y: simY });\n }\n },\n\n draw() {\n if (this.points.length === 0) return;\n\n ctx.strokeStyle = \"rgba(255,255,255,0.5)\";\n ctx.lineWidth = 2;\n\n ctx.beginPath();\n ctx.moveTo(this.points[0].x, this.points[0].y);\n\n for (let i = 1; i < this.points.length; i++) {\n ctx.lineTo(this.points[i].x, this.points[i].y);\n }\n\n ctx.stroke();\n },\n};\n\n// BACKGROUND\nfunction drawBG() {\n ctx.fillStyle = \"#208010\";\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n}\n\n// MAIN LOOP\nfunction animate() {\n drawBG();\n\n ball.update();\n cup.update();\n menu.update();\n block1.update(ball);\n if (!menu.active) trajectory.update();\n \n cup.draw();\n ball.draw();\n menu.draw();\n block1.draw();\n trajectory.draw();\n\n requestAnimationFrame(animate);\n}\n\n// TOUCH EVENTS\naddEventListener(\n \"touchmove\",\n (e) => {\n e.preventDefault();\n const t = e.changedTouches[0];\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n },\n { passive: false }\n);\n\naddEventListener(\"touchstart\", (e) => {\n const t = e.changedTouches[0];\n touch.isDown = true;\n touch.xStart = t.clientX;\n touch.yStart = t.clientY;\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n});\n\naddEventListener(\"touchend\", (e) => {\n const t = e.changedTouches[0];\n touch.isDown = false;\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n ball.checkTouch();\n menu.checkTouch();\n});\n\n// START\nanimate();","const canvas = document.getElementById(\"myCanvas\") as HTMLCanvasElement;\ncanvas.width = innerWidth - 2;\ncanvas.height = innerHeight - 2;\nconst ctx = canvas.getContext(\"2d\")!;\n\n// TOUCH STATE\nconst touch = {\n xStart: 0,\n xEnd: 0,\n yStart: 0,\n yEnd: 0,\n isDown: false,\n dx: function () {\n return this.xEnd - this.xStart;\n },\n dy: function () {\n return this.yEnd - this.yStart;\n },\n dist: function () {\n return Math.hypot(this.dx(), this.dy());\n },\n angle: function () {\n return Math.atan2(this.dy(), this.dx()) * 180 / Math.PI;\n },\n};\n\n// BALL\nconst ball = {\n XPos: 200,\n YPos: 400,\n xVel: 0,\n yVel: 0,\n radius: 10,\n friction: 0.994,\n touchSensitivity: 0.05,\n\n checkTouch() {\n if (!menu.active) {\n this.xVel = touch.dx() * this.touchSensitivity;\n this.yVel = touch.dy() * this.touchSensitivity;\n }\n },\n\n update: function () {\n this.XPos += this.xVel;\n this.YPos += this.yVel;\n this.xVel *= this.friction;\n this.yVel *= this.friction;\n\n if (Math.abs(this.xVel) < 0.2) this.xVel = 0;\n if (Math.abs(this.yVel) < 0.2) this.yVel = 0;\n\n if (this.XPos > canvas.width - this.radius) {\n this.XPos = canvas.width - this.radius;\n this.xVel = -this.xVel;\n }\n if (this.XPos < this.radius) {\n this.XPos = this.radius;\n this.xVel = -this.xVel;\n }\n if (this.YPos > canvas.height - this.radius) {\n this.YPos = canvas.height - this.radius;\n this.yVel = -this.yVel;\n }\n if (this.YPos < this.radius) {\n this.YPos = this.radius;\n this.yVel = -this.yVel;\n }\n },\n\n draw: function () {\n ctx.beginPath();\n ctx.arc(this.XPos, this.YPos, this.radius, 0, 2 * Math.PI);\n ctx.fillStyle = \"white\";\n ctx.fill();\n },\n};\n\n// CUP\nconst cup = {\n cupXPos: 200,\n cupYPos: 100,\n distance: 0,\n\n update: function () {\n this.distance = Math.hypot(this.cupXPos - ball.XPos, this.cupYPos - ball.YPos);\n if (this.distance < ball.radius) {\n ball.XPos = this.cupXPos;\n ball.YPos = this.cupYPos;\n ball.xVel = 0;\n ball.yVel = 0;\n }\n },\n\n draw: function () {\n ctx.beginPath();\n ctx.arc(this.cupXPos, this.cupYPos, 13, 0, 2 * Math.PI);\n ctx.fillStyle = \"black\";\n ctx.fill();\n },\n};\n\n// MENU\nconst menu = {\n XPos: -200,\n YPos: 150,\n width: 0,\n height: 0,\n active: false,\n\n update: function () {\n if (this.active && this.XPos < 0) this.XPos += 7.5;\n if (!this.active && this.XPos > -200) this.XPos -= 7.5;\n },\n\n checkTouch: function () {\n if (\n !this.active &&\n touch.xEnd < 20 &&\n touch.yEnd > this.YPos + 175 &&\n touch.yEnd < this.YPos + 225\n ) {\n this.active = true;\n } else {\n this.active = false;\n }\n },\n\n draw: function () {\n ctx.fillStyle = \"#e4e67e\";\n ctx.fillRect(this.XPos + 200, this.YPos + 175, this.width + 20, this.height + 50);\n\n ctx.fillStyle = \"#e4e67e\";\n ctx.fillRect(this.XPos, this.YPos, this.width + 200, this.height + 400);\n\n ctx.strokeStyle = \"black\";\n ctx.lineWidth = 5;\n\n ctx.beginPath();\n ctx.moveTo(this.XPos + 100, this.YPos);\n ctx.lineTo(this.XPos + 100, this.YPos + 400);\n ctx.stroke();\n\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 100);\n ctx.lineTo(this.XPos + 200, this.YPos + 100);\n ctx.stroke();\n\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 200);\n ctx.lineTo(this.XPos + 200, this.YPos + 200);\n ctx.stroke();\n\n ctx.beginPath();\n ctx.moveTo(this.XPos, this.YPos + 300);\n ctx.lineTo(this.XPos + 200, this.YPos + 300);\n ctx.stroke();\n },\n};\n\n// BLOCK\nconst block1 = {\n xPos: 200,\n yPos: 200,\n width: 25,\n height: 100,\n\n update: function (ballObj: typeof ball) {\n // left edge\n if (\n ballObj.XPos + ballObj.radius > this.xPos &&\n ballObj.XPos + ballObj.radius < this.xPos + 5 &&\n ballObj.YPos > this.yPos &&\n ballObj.YPos < this.yPos + this.height\n ) {\n ballObj.xVel = -Math.abs(ballObj.xVel);\n return true;\n }\n // top edge\n if (\n ballObj.YPos + ballObj.radius > this.yPos &&\n ballObj.YPos + ballObj.radius < this.yPos + 5 &&\n ballObj.XPos > this.xPos &&\n ballObj.XPos < this.xPos + this.width\n ) {\n ballObj.yVel = -Math.abs(ballObj.yVel);\n return true;\n }\n // right edge\n if (\n ballObj.XPos - ballObj.radius < this.xPos + this.width &&\n ballObj.XPos - ballObj.radius > this.xPos + this.width - 5 &&\n ballObj.YPos > this.yPos &&\n ballObj.YPos < this.yPos + this.height\n ) {\n ballObj.xVel = Math.abs(ballObj.xVel);\n return true;\n }\n // bottom edge\n if (\n ballObj.YPos - ballObj.radius < this.yPos + this.height &&\n ballObj.YPos - ballObj.radius > this.yPos + this.height - 5 &&\n ballObj.XPos > this.xPos &&\n ballObj.XPos < this.xPos + this.width\n ) {\n ballObj.yVel = Math.abs(ballObj.yVel);\n return true;\n }\n return false;\n },\n\n draw: function () {\n ctx.fillStyle = \"#9e2f13\";\n ctx.fillRect(this.xPos, this.yPos, this.width, this.height);\n },\n};\n\n// TRAJECTORY\nconst trajectory = {\n points: [] as { x: number; y: number }[],\n\n update() {\n if (!touch.isDown) {\n this.points = [];\n return;\n }\n\n this.points = [];\n\n let simX = ball.XPos;\n let simY = ball.YPos;\n let simVX = touch.dx() * ball.touchSensitivity;\n let simVY = touch.dy() * ball.touchSensitivity;\n\n for (let i = 0; i < 200; i++) {\n simX += simVX;\n simY += simVY;\n\n simVX *= ball.friction;\n simVY *= ball.friction;\n\n // Canvas bounce\n if (simX > canvas.width - ball.radius) {\n simX = canvas.width - ball.radius;\n simVX = -simVX;\n }\n if (simX < ball.radius) {\n simX = ball.radius;\n simVX = -simVX;\n }\n if (simY > canvas.height - ball.radius) {\n simY = canvas.height - ball.radius;\n simVY = -simVY;\n }\n if (simY < ball.radius) {\n simY = ball.radius;\n simVY = -simVY;\n }\n\n // BLOCK COLLISION (accurate)\n const left = block1.xPos;\n const right = block1.xPos + block1.width;\n const top = block1.yPos;\n const bottom = block1.yPos + block1.height;\n\n // Hit left side\n if (\n simX + ball.radius > left &&\n simX + ball.radius < left + 5 &&\n simY > top &&\n simY < bottom\n ) {\n simX = left - ball.radius;\n simVX = -Math.abs(simVX);\n }\n\n // Hit right side\n if (\n simX - ball.radius < right &&\n simX - ball.radius > right - 5 &&\n simY > top &&\n simY < bottom\n ) {\n simX = right + ball.radius;\n simVX = Math.abs(simVX);\n }\n\n // Hit top\n if (\n simY + ball.radius > top &&\n simY + ball.radius < top + 5 &&\n simX > left &&\n simX < right\n ) {\n simY = top - ball.radius;\n simVY = -Math.abs(simVY);\n }\n\n // Hit bottom\n if (\n simY - ball.radius < bottom &&\n simY - ball.radius > bottom - 5 &&\n simX > left &&\n simX < right\n ) {\n simY = bottom + ball.radius;\n simVY = Math.abs(simVY);\n }\n\n this.points.push({ x: simX, y: simY });\n }\n },\n\n draw() {\n if (this.points.length === 0) return;\n\n ctx.strokeStyle = \"rgba(255,255,255,0.5)\";\n ctx.lineWidth = 2;\n\n ctx.beginPath();\n ctx.moveTo(this.points[0].x, this.points[0].y);\n\n for (let i = 1; i < this.points.length; i++) {\n ctx.lineTo(this.points[i].x, this.points[i].y);\n }\n\n ctx.stroke();\n },\n};\n\n// BACKGROUND\nfunction drawBG() {\n ctx.fillStyle = \"#208010\";\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n}\n\n// MAIN LOOP\nfunction animate() {\n drawBG();\n\n ball.update();\n cup.update();\n menu.update();\n block1.update(ball);\n if (!menu.active) trajectory.update();\n\n cup.draw();\n ball.draw();\n menu.draw();\n block1.draw();\n trajectory.draw();\n\n requestAnimationFrame(animate);\n}\n\n// TOUCH EVENTS\naddEventListener(\n \"touchmove\",\n (e) => {\n e.preventDefault();\n const t = e.changedTouches[0];\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n },\n { passive: false }\n);\n\naddEventListener(\"touchstart\", (e) => {\n const t = e.changedTouches[0];\n touch.isDown = true;\n touch.xStart = t.clientX;\n touch.yStart = t.clientY;\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n});\n\naddEventListener(\"touchend\", (e) => {\n const t = e.changedTouches[0];\n touch.isDown = false;\n touch.xEnd = t.clientX;\n touch.yEnd = t.clientY;\n ball.checkTouch();\n menu.checkTouch();\n});\n\n// START\nanimate();","createdAt",["D",1777644494319],"branchVersion","branchId","0248d5ca-43e3-11f1-9307-42b51c65c3df","id","0241a926-43e3-11f1-9307-42b51c65c3df","html-mini-golfTEST",["D",1777477769953],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Template for a basic HTML + CSS + JavaScript static website","imageUrl","019b8ed6-64fc-74d8-a823-6c4df7940ebf","pinnedFileId","019dd9ee-5b35-71bb-a300-e76baefb2ae1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8ed6-64fc-74d8-a823-7164d27e5a25","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":65,"_97":45,"_98":99},"isOwned",8,"main","projectId","forkedBranchId","0fdde2e4-3f1e-11f1-ade4-42b51c65c3df","forkedBranchVersion",183,"forkedProjectPrivacy","forkedProjectId","0fd4b156-3f1e-11f1-ade4-42b51c65c3df","forkedProjectOrgId","projectName","userHandle","sammyk1234","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FROVNqMzlzTHlQUUdsRkVLcmxMV0tyckMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":199,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":200,"_81":201,"_83":202,"_85":25},"tree",[182,183,184,185],"files",[182,183,184,185],"counts",{"_172":63,"_173":150,"_174":63,"_175":176,"_177":178},"contents",[142,143,144,145],"upstreamProject",{"_43":95,"_32":140,"_52":53,"_54":-5,"_49":50,"_79":141},"upstreamBranch",{"_43":90,"_38":132,"_133":134,"_32":87,"_88":95,"_13":135,"_89":136,"_91":137,"_138":139,"_47":-5,"_85":25,"_49":50,"_98":99,"_64":65,"_97":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776953377219],"updatedAt",["D",1778857101997],475,"9a21f654-eb11-11f0-a1ef-42dde27851f2",2,"lockfileKey","1778862418860-esm.town_v_sammyk1234_html-mini-golf@475-main","html-mini-golf",{"_100":99,"_107":103},{"_43":166,"_32":167,"_30":168,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":169,"_13":63,"_33":20,"_35":170,"_24":25,"_154":-5,"_27":171},{"_43":160,"_32":161,"_30":57,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":162,"_13":63,"_33":163,"_35":164,"_24":25,"_154":-5,"_27":165},{"_43":156,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":25,"_38":157,"_13":158,"_33":34,"_35":37,"_24":25,"_154":-5,"_27":159},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":152,"_13":63,"_33":20,"_35":153,"_24":25,"_154":-5,"_27":155},"024f6020-43e3-11f1-9307-42b51c65c3df","style.css","019dd9ee-5b35-71bb-a300-ed69bbc06c24","parentId",1,"latest",["D",1777477769953],"* {\n box-sizing: border-box; /* Ensures padding/border are included in the element's width calculation */\n}\n\nbody {\n margin: 0;\n}","label",[147],"31b8e568-4567-11f1-aae5-42b51c65c3df",["D",1777644494319],4,[28],"024f3672-43e3-11f1-9307-42b51c65c3df","main.ts",["D",1777477769953],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[161],"024f13e0-43e3-11f1-9307-42b51c65c3df","index.html","019dd9ee-5b34-747a-8be5-56c81ac47238",["D",1777477769953],"\n\n \n Block Golf!\n \n \n \n \n \n \n \n \n",[167],"pulls","branches","forks","envVars",{"_179":63,"_181":63},"connections",{"_179":63,"_180":63},"count","unfilledCount","emptyCount",{"_43":166,"_32":167,"_30":168,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":196,"_13":63,"_33":20,"_35":170,"_24":25,"_154":-5,"_187":197,"_27":198},{"_43":160,"_32":161,"_30":57,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":193,"_13":63,"_33":163,"_35":164,"_24":25,"_154":-5,"_187":194,"_27":195},{"_43":156,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":25,"_38":190,"_13":158,"_33":34,"_35":37,"_24":25,"_154":-5,"_187":191,"_27":192},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":186,"_13":63,"_33":20,"_35":153,"_24":25,"_154":-5,"_187":188,"_27":189},["D",1777477769953],"children",[],[147],["D",1777644494319],[],[28],["D",1777477769953],[],[161],["D",1777477769953],[],[167],["D",1777477769953],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":65,"_97":45,"_98":99},"ctx",{"_79":-5,"_129":236,"_237":238,"_239":240,"_241":25,"_242":25,"_243":25,"_244":59,"_245":-5,"_246":-7,"_247":-7,"_248":63,"_249":25,"_250":25,"_251":-5,"_252":25,"_253":25,"_254":25,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":87,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"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 · v5