[{"_1":2,"_178":-5,"_179":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":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","isTeamOrgMember","ENV",{"_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":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","a45694a1faeed7a48e6b6123449288e884a42bca","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",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":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",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_156":157,"_175":176,"_177":-5},"handle","banks","name","facelabtexture","path","wizard.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":20,"_115":-5,"_116":-5,"_117":32,"_14":118,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_138":139,"_155":20},"id","db9108b8-e9eb-11f0-9212-42dde27851f2","createdAt",["D",1767585965871],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019b43e2-aa14-727d-9d22-490aa147aa0b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019b43e2-aa14-727d-9d22-4c67294d95f4","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM3QkpMYjNNQXJWZGdESmFRZHZyc2ZSS1djUyJ9","org",{"_94":95,"_135":132,"_12":112,"_136":137},"avatar","tier","free","branch",{"_140":141,"_96":44,"_102":142,"_143":103,"_144":145,"_146":147,"_148":149,"_150":151,"_152":118,"_153":97,"_154":95},"version",19,"db931ee6-e9eb-11f0-9212-42dde27851f2","projectId","forkedBranchId","77a495b4-e4a4-11f0-9e9c-42dde27851f2","forkedBranchVersion",157,"forkedProjectPrivacy","unlisted","forkedProjectId","77a45bc6-e4a4-11f0-9e9c-42dde27851f2","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":158,"_96":99,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":166,"_104":167,"_140":32,"_168":169,"_170":171,"_172":20,"_173":-5,"_98":174},"db9a1962-e9eb-11f0-9212-42dde27851f2","fileId","019b8c55-674d-714b-886f-a74e7ca211f7","parentId","branchId","branchVersion",1,"latest",true,["D",1767585965871],"fileType","script","content","// @val.town/facelab-wizard\nexport interface WizardState {\n currentStep: number;\n totalSteps: number;\n}\n\nexport const STEP_ZOOM_MODES = [\n \"face\",\n \"eyes\",\n \"mouth\",\n \"mouth\",\n \"face\",\n] as const;\nexport const STEP_ZOOM_LABELS = [\n \"Full Face\",\n \"Eyes Region\",\n \"Mouth Region\",\n \"Teeth Detail\",\n \"Full Scene\",\n];\n\nexport function createWizardState(): WizardState {\n return {\n currentStep: 0,\n totalSteps: 5,\n };\n}\n\nexport function updateWizardUI(state: WizardState, devView: boolean): void {\n const { currentStep, totalSteps } = state;\n\n // Update progress steps\n document.querySelectorAll(\".progress-step\").forEach((el, i) => {\n el.classList.remove(\"active\", \"completed\");\n if (i < currentStep) el.classList.add(\"completed\");\n else if (i === currentStep) el.classList.add(\"active\");\n });\n\n // Update step labels\n document.querySelectorAll(\".step-label\").forEach((el, i) => {\n el.classList.remove(\"active\", \"completed\");\n if (i < currentStep) el.classList.add(\"completed\");\n else if (i === currentStep) el.classList.add(\"active\");\n });\n\n // Update step panels\n document.querySelectorAll(\".step-panel\").forEach((el, i) => {\n el.classList.toggle(\"active\", i === currentStep);\n });\n\n // Update navigation buttons\n const prevBtn = document.getElementById(\"prev-step\") as HTMLButtonElement;\n if (prevBtn) {\n prevBtn.style.visibility = currentStep === 0 ? \"hidden\" : \"visible\";\n }\n\n const nextBtn = document.getElementById(\"next-step\") as HTMLButtonElement;\n if (nextBtn) {\n if (currentStep === totalSteps - 1) {\n nextBtn.innerHTML =\n `Finish `;\n } else {\n nextBtn.innerHTML =\n `Next `;\n }\n }\n\n updateZoom(state, devView);\n}\n\nexport function updateZoom(state: WizardState, devView: boolean): void {\n const container = document.getElementById(\"container\");\n const indicator = document.getElementById(\"zoom-indicator\");\n const label = document.getElementById(\"zoom-label\");\n\n if (!container || !indicator || !label) return;\n\n // Don't apply zoom in dev mode\n if (devView) {\n container.classList.remove(\"zoomed-eyes\", \"zoomed-mouth\", \"zoomed-face\");\n container.classList.add(\"dev-mode\");\n indicator.classList.remove(\"visible\");\n return;\n }\n\n container.classList.remove(\n \"zoomed-eyes\",\n \"zoomed-mouth\",\n \"zoomed-face\",\n \"dev-mode\",\n );\n\n const zoomMode = STEP_ZOOM_MODES[state.currentStep];\n if (zoomMode === \"eyes\") {\n container.classList.add(\"zoomed-eyes\");\n indicator.classList.add(\"visible\");\n label.textContent = \"Zoomed: Eyes\";\n } else if (zoomMode === \"mouth\") {\n container.classList.add(\"zoomed-mouth\");\n indicator.classList.add(\"visible\");\n label.textContent = \"Zoomed: Mouth\";\n } else {\n indicator.classList.remove(\"visible\");\n }\n}\n\nexport function goToStep(\n state: WizardState,\n step: number,\n devView: boolean,\n): void {\n state.currentStep = Math.max(0, Math.min(state.totalSteps - 1, step));\n updateWizardUI(state, devView);\n}","deleted","label",[99],"permalink","https://www.val.town/x/banks/facelabtexture/code/wizard.ts","extension","actionData","errors"]