[{"_1":2,"_183":-5,"_184":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":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","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_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":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","6050acf0705e6826bb1b68e27572c5b8979c5bd9","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",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":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",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_155":156,"_180":181,"_182":-5},"handle","drewmcdonald","name","promptCompare","path",".claude/skills/ai-elements/scripts/web-preview.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":74,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":121,"_122":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":133,"_136":137,"_141":142,"_154":20},"id","bc957d26-0dd2-11f1-8bfd-42dde27851f2","createdAt",["D",1771533418336],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","b8db9d60-1994-11f0-a97f-49be2029e0a3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","5affebf8-2371-44b9-a6da-146d4a0e1f13","tursoName","bc957d260dd211f18bfd42dde27851f2","tursoHostname","bc957d260dd211f18bfd42dde27851f2-val-town.aws-us-east-2.turso.io","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_134":135},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydmtBUlRqVEEwb1lKTWo3UHNHN25IZlo0UFYifQ","org",{"_95":96,"_138":135,"_12":113,"_139":140},"avatar","tier","free","branch",{"_143":144,"_97":45,"_103":145,"_146":104,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},"version",191,"bc95f0ee-0dd2-11f1-8bfd-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":157,"_97":158,"_159":160,"_161":162,"_163":145,"_164":165,"_166":167,"_105":168,"_143":33,"_169":170,"_171":172,"_173":20,"_174":-5,"_99":175},"d703d18e-0ddd-11f1-9539-42dde27851f2","web-preview.tsx","fileId","d703d242-0ddd-11f1-9539-42dde27851f2","parentId","d4abe890-0ddd-11f1-bb81-42dde27851f2","branchId","branchVersion",131,"latest",true,["D",1771538187142],"fileType","script","content","\"use client\";\n\nimport {\n WebPreview,\n WebPreviewBody,\n WebPreviewConsole,\n WebPreviewNavigation,\n WebPreviewNavigationButton,\n WebPreviewUrl,\n} from \"@/components/ai-elements/web-preview\";\nimport {\n ArrowLeftIcon,\n ArrowRightIcon,\n ExternalLinkIcon,\n Maximize2Icon,\n MousePointerClickIcon,\n RefreshCcwIcon,\n} from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\n\nconst handleUrlChange = (url: string) => {\n console.log(\"URL changed to:\", url);\n};\n\nconst handleGoBack = () => {\n console.log(\"Go back\");\n};\n\nconst handleGoForward = () => {\n console.log(\"Go forward\");\n};\n\nconst handleReload = () => {\n console.log(\"Reload\");\n};\n\nconst handleSelect = () => {\n console.log(\"Select\");\n};\n\nconst handleOpenInNewTab = () => {\n console.log(\"Open in new tab\");\n};\n\nconst exampleLogs = [\n {\n level: \"log\" as const,\n message: \"Page loaded successfully\",\n timestamp: new Date(Date.now() - 10_000),\n },\n {\n level: \"warn\" as const,\n message: \"Deprecated API usage detected\",\n timestamp: new Date(Date.now() - 5000),\n },\n {\n level: \"error\" as const,\n message: \"Failed to load resource\",\n timestamp: new Date(),\n },\n];\n\nconst Example = () => {\n const [_fullscreen, setFullscreen] = useState(false);\n\n const handleToggleFullscreen = useCallback(\n () => setFullscreen((prev) => !prev),\n [],\n );\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n );\n};\n\nexport default Example;\n","deleted","label",[176,177,178,179,158],".claude","skills","ai-elements","scripts","permalink","https://www.val.town/x/drewmcdonald/promptCompare/code/.claude/skills/ai-elements/scripts/web-preview.tsx","extension","actionData","errors"]