[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_116":115,"_34":62,"_124":102,"_29":125,"_13":14,"_126":-5,"_11":127,"_128":129,"_130":131,"_132":133,"_134":135,"_23":-5,"_136":137,"_138":139,"_140":27,"_141":142,"_143":75,"_144":-5,"_145":-5,"_146":147},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_60":61,"_34":62,"_38":63,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":70,"_71":-5,"_18":72,"_73":51,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":81,"_82":-5,"_83":-5,"_84":-5,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":96,"_97":98,"_99":100,"_101":27},"version",1,"changes",[19,20,21,22],"aiChatInfo","userId",{"_23":55,"_25":-7,"_26":27,"_28":27,"_29":56,"_31":56},{"_23":49,"_25":-7,"_26":27,"_28":27,"_29":50,"_31":50},{"_23":43,"_25":-7,"_26":27,"_28":27,"_29":44,"_31":44},{"_23":24,"_25":-7,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":30,"_35":23,"_36":37,"_38":39,"_40":14,"_41":42,"_26":27},"previous","deleted",false,"deletedHere","path","style.css","latestPath","fileId","019d6d88-fd4f-7649-b0f8-098e88d96394","name","fileType","content","* {\n box-sizing: border-box;\n}\n\nh3 {\n margin: 12px 0;\n}\n\np {\n margin: 0 12px;\n}\n\n.button {\n background-color: firebrick;\n border: none;\n color: white;\n padding: 8px 12px;\n text-align: center;\n margin: 4px 12px;\n}","createdAt",["D",1775659187451],"branchVersion","branchId","caa6f358-3358-11f1-b3e4-42b51c65c3df",{"_32":45,"_34":44,"_35":46,"_36":47,"_38":48,"_40":14,"_41":42,"_26":27},"script.js","019d6d88-fd4f-7649-b0f8-06cd239c346b","script","/*\n * Touch / swipe input\n */\n\n// combine all touch data and actions into one object\nconst touch = {\n xStart: 0,\n xEnd: 0,\n yStart: 0,\n yEnd: 0,\n dist: function () {\n return Math.hypot(this.xStart - this.xEnd, this.yStart - this.yEnd);\n },\n angle: function () {\n const dx = this.xEnd - this.xStart;\n const dy = this.yEnd - this.yStart;\n return Math.atan2(dy, dx) * 180 / Math.PI;\n },\n};\n\n// Disable scroll\naddEventListener(\"touchmove\", (e) => {\n e.preventDefault();\n}, { passive: false });\n\naddEventListener(\"touchstart\", (e) => {\n touch.xStart = e.changedTouches[0].screenX;\n touch.yStart = e.changedTouches[0].screenY;\n});\n\naddEventListener(\"touchend\", (e) => {\n touch.xEnd = e.changedTouches[0].screenX;\n touch.yEnd = e.changedTouches[0].screenY;\n processTouch();\n});\n\nfunction processTouch() {\n document.getElementById(\"touchDist\").innerHTML = \"Distance:\" +\n touch.dist().toFixed(0);\n document.getElementById(\"touchAngle\").innerHTML = \"Angle:\" +\n touch.angle().toFixed(0);\n}\n\n/*\n * Orientation (tilt) input\n */\nfunction readOrientation(event) {\n const alpha = event.alpha; // Rotation around the Z-axis (compass direction)\n const beta = event.beta; // Tilt front-to-back (X-axis, -180 to 180 degrees)\n const gamma = event.gamma; // Tilt left-to-right (Y-axis, -90 to 90 degrees)\n\n //console.log(\"Beta (front/back): \" + beta + \", Gamma (left/right): \" + gamma);\n document.getElementById(\"alpha\").innerHTML = \"Alpha: \" + alpha.toFixed(1);\n document.getElementById(\"beta\").innerHTML = \"Beta: \" + beta.toFixed(1);\n document.getElementById(\"gamma\").innerHTML = \"Gamma: \" + gamma.toFixed(1);\n}\nasync function _enableOrientation() {\n // Deno mistakenly flags error on requestPermission method - runs fine\n if (typeof DeviceOrientationEvent.requestPermission === \"function\") {\n // for devices requiring it, request permission to access orientation data\n const permissionState = await DeviceOrientationEvent.requestPermission();\n if (permissionState === \"granted\") {\n addEventListener(\"deviceorientation\", readOrientation, true);\n } else {\n console.warn(\"Permission for device orientation was denied\");\n }\n } else {\n // nandle devices that don't need permission (Android, iOS < 13)\n addEventListener(\"deviceorientation\", readOrientation, true);\n }\n}",["D",1775659187451],{"_32":51,"_34":50,"_35":52,"_36":53,"_38":54,"_40":14,"_41":42,"_26":27},"main.ts","019d6d88-fd4f-7649-b0f8-0145c15e972c","http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",["D",1775659187451],{"_32":57,"_34":56,"_35":23,"_36":58,"_38":59,"_40":14,"_41":42,"_26":27},"index.html","019d6d88-fd4f-7649-b0f7-ff63bb309045","\n\n \n Device Input Demo\n \n \n \n \n \n \n

Device Input Demo

Touch

no data

\n\n

Tilt

no data

\n \n \n",["D",1775659187451],"id","caa177de-3358-11f1-b3e4-42b51c65c3df","device-input-demo",["D",1775659187451],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Demo of using JS to read various mobile device inputs","imageUrl","019b8ed6-c233-751a-b2ec-3752c31a36e4","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8ed6-c233-751a-b2ec-3b827708ff06","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_116":115,"_123":119},"org",{"_116":115,"_117":-5,"_118":119,"_18":72,"_120":121,"_122":27},"branch",{"_13":14,"_34":102,"_60":42,"_103":61,"_104":105,"_106":107,"_108":67,"_109":110,"_111":112,"_113":62,"_114":115},"isOwned","main","projectId","forkedBranchId","3f3de6d4-2e15-11f1-86c0-42dde27851f2","forkedBranchVersion",63,"forkedProjectPrivacy","forkedProjectId","3f38c730-2e15-11f1-86c0-42dde27851f2","forkedProjectOrgId","019b8c31-c867-72d0-a0f3-3af4d1c41815","projectName","userHandle","chloelavazza","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRQ1VHTGtnRnpWZUhseWp1WVAyaHc3RU4ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_60":61,"_34":62,"_38":202,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":70,"_71":-5,"_18":72,"_73":51,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":81,"_82":-5,"_83":-5,"_84":-5,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":203,"_97":204,"_99":205,"_101":27},"tree",[185,186,187,188],"files",[185,186,187,188],"counts",{"_175":79,"_176":14,"_177":79,"_178":179,"_180":181},"contents",[156,157,158,159],"upstreamProject",{"_60":110,"_34":62,"_69":70,"_71":-5,"_66":67,"_95":154},"upstreamBranch",{"_60":105,"_38":148,"_149":150,"_34":102,"_103":110,"_13":107,"_104":-5,"_106":-5,"_151":152,"_64":-5,"_101":27,"_66":67,"_114":153,"_80":112,"_113":62},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1775080421498],"updatedAt",["D",1775154358120],"lockfileKey","1775154360793-esm.town_v_ceculbe_device-input-demo@63-main","ceculbe",{"_116":153,"_123":155},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN294dm1HMFFyZ0NhbWJUNmpBeEN3U0s1QWgifQ",{"_60":172,"_34":56,"_32":57,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":173,"_13":79,"_35":23,"_36":58,"_26":27,"_164":-5,"_29":174},{"_60":169,"_34":50,"_32":51,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":170,"_13":79,"_35":52,"_36":53,"_26":27,"_164":-5,"_29":171},{"_60":166,"_34":44,"_32":45,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":167,"_13":79,"_35":46,"_36":47,"_26":27,"_164":-5,"_29":168},{"_60":160,"_34":30,"_32":33,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":163,"_13":79,"_35":23,"_36":37,"_26":27,"_164":-5,"_29":165},"caaac8d4-3358-11f1-b3e4-42b51c65c3df","parentId","latest",["D",1775659187451],"label",[30],"caaaba56-3358-11f1-b3e4-42b51c65c3df",["D",1775659187451],[44],"caaab66e-3358-11f1-b3e4-42b51c65c3df",["D",1775659187451],[50],"caaaa52a-3358-11f1-b3e4-42b51c65c3df",["D",1775659187451],[56],"pulls","branches","forks","envVars",{"_182":79,"_184":79},"connections",{"_182":79,"_183":79},"count","unfilledCount","emptyCount",{"_60":172,"_34":56,"_32":57,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":199,"_13":79,"_35":23,"_36":58,"_26":27,"_164":-5,"_190":200,"_29":201},{"_60":169,"_34":50,"_32":51,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":196,"_13":79,"_35":52,"_36":53,"_26":27,"_164":-5,"_190":197,"_29":198},{"_60":166,"_34":44,"_32":45,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":193,"_13":79,"_35":46,"_36":47,"_26":27,"_164":-5,"_190":194,"_29":195},{"_60":160,"_34":30,"_32":33,"_161":-5,"_41":42,"_40":14,"_162":75,"_38":189,"_13":79,"_35":23,"_36":37,"_26":27,"_164":-5,"_190":191,"_29":192},["D",1775659187451],"children",[],[30],["D",1775659187451],[],[44],["D",1775659187451],[],[50],["D",1775659187451],[],[56],["D",1775659187451],{"_116":115,"_123":119},{"_116":115,"_117":-5,"_118":119,"_18":72,"_120":121,"_122":27},{"_13":14,"_34":102,"_60":42,"_103":61,"_104":105,"_106":107,"_108":67,"_109":110,"_111":112,"_113":62,"_114":115},"ctx",{"_95":-5,"_145":239,"_240":241,"_242":243,"_244":27,"_245":27,"_246":27,"_247":75,"_248":-5,"_249":-7,"_250":-7,"_251":79,"_252":27,"_253":27,"_254":-5,"_255":27,"_256":27,"_257":27,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":102,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"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"]

Diff · v1