[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","330f323d5da41646f9744afca6f378fb4642d048","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_148":149,"_168":169,"_170":-5},"handle","saCD","name","datenwal","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":-5,"_116":117,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","98d85c4e-532b-11f0-b1b1-f69ea79377d9","createdAt",["D",1751010716147],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","90af5930-d970-11ef-9783-9d54aca02683","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"73ad1441-182b-49ba-9d96-fdac996cfe93","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yczFieHA1WmUxWFJ5a082aEhZUmlhM2hRZWMifQ","org",{"_93":94,"_133":130,"_12":111},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},"version",25,"98d8c2ec-532b-11f0-b1b1-f69ea79377d9","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":150,"_95":98,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_103":159,"_136":160,"_161":162,"_163":164,"_165":20,"_166":-5,"_97":167},"d5809afc-9463-11f0-aada-0224a6c84d84","fileId","98dadb22-532b-11f0-b1b1-f69ea79377d9","parentId","branchId","branchVersion",7,"latest",true,["D",1758181695299],6,"fileType","script","content","// boe changes\n// imported in the head code\n\n// import { Application } from \"https://esm.sh/@splinetool/runtime\";\nimport { Application } from \"@splinetool/runtime\";\n\nwindow.devicePixelRatio = 1;\n\nconst canvas = document.getElementById(\"spline-canvas\");\nlet spline = null;\nlet isInitialized = false;\n\nconst removePreloader = () => {\n const preloaderBtn = document.querySelector(\"[data-preload]\");\n if (preloaderBtn) preloaderBtn.click();\n};\n\nconst initSpline = () => {\n if (isInitialized) return;\n\n const adjustCanvasSize = () => {\n const dpi = window.devicePixelRatio || 1;\n canvas.width = window.innerWidth * dpi;\n canvas.height = window.innerHeight * dpi;\n };\n adjustCanvasSize();\n\n spline = new Application(canvas);\n\n const mapMouseToSpline = (event, rect) => {\n const mouseX = ((event.clientX - rect.left) / rect.width) * 2 - 1;\n const mouseY = -((event.clientY - rect.top) / rect.height) * 2 + 1;\n return { mouseX, mouseY };\n };\n\n const getAndRoundCSSVariable = (variableName) => {\n const rootStyles = getComputedStyle(document.documentElement);\n return parseFloat(rootStyles.getPropertyValue(variableName).trim());\n };\n\n spline\n .load(\"https://prod.spline.design/Bkeroiz-Iax5tfWn/scene.splinecode\")\n .then(() => {\n removePreloader();\n\n<<<<<<< main\n /*\n //Lookat Events\n=======\n /* \n //Lookat Events\n>>>>>>> main\n if (window.innerWidth <= 991) return;\n<<<<<<< main\n\n=======\n \n>>>>>>> main\n const targetObject = spline.findObjectByName(\"ObjectTo LookAt_Head\");\n const bodyTargetObject = spline.findObjectByName(\"ObjectTo LookAt_Body\");\n\n if (!targetObject || !bodyTargetObject) {\n console.error(\"Target objects not found.\");\n return;\n }\n\n<<<<<<< main\n\n=======\n \n>>>>>>> main\n setInterval(() => {\n spline.emitEvent(\"lookAt\", \"01_AdF_RobotHead\");\n spline.emitEvent(\"lookAt\", \"Top part\");\n }, 1000);\n */\n\n const cam_base = document.querySelector(\"[data-camera='base']\");\n const cam_face = document.querySelector(\"[data-camera='face']\");\n const cam_tail = document.querySelector(\"[data-camera='tail']\");\n const cam_top = document.querySelector(\"[data-camera='top']\");\n const cam_squids = document.querySelector(\"[data-camera='squids']\");\n const cam_epic = document.querySelector(\"[data-camera='epic']\");\n\n const syncCameraState = () => {\n const cssCameraState = getAndRoundCSSVariable(\"--camera-state\");\n\n if (cssCameraState >= 1 && cssCameraState <= 1.1) {\n spline.setVariable(\"camera-states\", 1);\n cam_base?.click();\n } else if (cssCameraState >= 1.9 && cssCameraState <= 2.1) {\n spline.setVariable(\"camera-states\", 2);\n cam_face?.click();\n } else if (cssCameraState >= 2.9 && cssCameraState <= 3.1) {\n spline.setVariable(\"camera-states\", 3);\n cam_tail?.click();\n } else if (cssCameraState >= 3.9 && cssCameraState <= 4.1) {\n spline.setVariable(\"camera-states\", 4);\n cam_top?.click();\n } else if (cssCameraState >= 4.9 && cssCameraState <= 5.1) {\n spline.setVariable(\"camera-states\", 5);\n cam_squids?.click();\n } else if (cssCameraState >= 5.9 && cssCameraState <= 6.1) {\n spline.setVariable(\"camera-states\", 6);\n cam_epic?.click();\n }\n };\n setInterval(syncCameraState, 100);\n\n /*\n document.addEventListener(\"mousemove\", (event) => {\n const rect = canvas.getBoundingClientRect();\n const { mouseX, mouseY } = mapMouseToSpline(event, rect);\n\n targetObject.position.x = mouseX * 500;\n targetObject.position.y = mouseY * 300 + 100;\n\n bodyTargetObject.position.x = mouseX * 300;\n bodyTargetObject.position.y = mouseY * 100 + 100;\n });\n<<<<<<< main\n */\n=======\n */\n \n>>>>>>> main\n })\n .catch((err) => {\n console.error(\"Error loading Spline scene:\", err);\n });\n\n isInitialized = true;\n};\n\nconst destroySpline = () => {\n if (!isInitialized || !spline) return;\n\n spline.dispose();\n spline = null;\n isInitialized = false;\n canvas.getContext(\"webgl\")?.clear(\n canvas.getContext(\"webgl\").COLOR_BUFFER_BIT,\n );\n};\n\nconst handleResize = () => {\n if (window.innerWidth > 991) {\n initSpline();\n } else {\n destroySpline();\n removePreloader();\n }\n};\n\nwindow.addEventListener(\"resize\", handleResize);\nhandleResize();","deleted","label",[98],"permalink","https://www.val.town/x/saCD/datenwal/code/main.tsx","extension","actionData","errors"]