[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_150":151,"_152":153},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_113":-5,"_20":114,"_22":115,"_116":117,"_118":119,"_26":120,"_24":121,"_122":-5,"_123":-5,"_124":51,"_125":126,"_127":42,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","vawogbemi","name","diacomDemo","branchName","main","version","path","main.tsx","project",{"_32":59,"_13":14,"_43":60,"_61":-5,"_62":42,"_63":64,"_65":64,"_66":-5,"_67":-5,"_68":69,"_70":35,"_71":42,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":92,"_93":94,"_95":96,"_97":51},"tree",[54],"file",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","id","0cd69690-26dd-11f0-a5b3-569c3dd06744","fileId","0c7d5828-26dd-11f0-a5b3-569c3dd06744","parentId","branchId","0c7ae264-26dd-11f0-a5b3-569c3dd06744","branchVersion",17,"latest",true,"createdAt",["D",1731377430285],16,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [imageId, setImageId] = useState(null);\n const [file, setFile] = useState(null);\n const imageRef = useRef(null);\n const [cornerstoneLoaded, setCornerstoneLoaded] = useState(false);\n\n useEffect(() => {\n let cornerstone, cornerstoneWADOImageLoader, dicomParser;\n\n async function loadLibraries() {\n cornerstone = (await import(\"https://esm.sh/cornerstone-core\")).default;\n cornerstoneWADOImageLoader = (await import(\"https://esm.sh/cornerstone-wado-image-loader\")).default;\n dicomParser = (await import(\"https://esm.sh/dicom-parser\")).default;\n\n cornerstoneWADOImageLoader.external.cornerstone = cornerstone;\n cornerstoneWADOImageLoader.external.dicomParser = dicomParser;\n cornerstoneWADOImageLoader.configure({\n useWebWorkers: false,\n });\n\n setCornerstoneLoaded(true);\n }\n\n loadLibraries();\n }, []);\n\n useEffect(() => {\n if (cornerstoneLoaded && imageId && imageRef.current) {\n import(\"https://esm.sh/cornerstone-core\").then((cornerstone) => {\n cornerstone.default.enable(imageRef.current);\n cornerstone.default.loadImage(imageId).then(image => {\n cornerstone.default.displayImage(imageRef.current, image);\n });\n });\n }\n }, [imageId, cornerstoneLoaded]);\n\n const handleFileChange = async (event) => {\n const selectedFile = event.target.files[0];\n if (selectedFile) {\n setFile(selectedFile);\n const cornerstoneWADOImageLoader = (await import(\"https://esm.sh/cornerstone-wado-image-loader\")).default;\n const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(selectedFile);\n setImageId(imageId);\n }\n };\n\n const handleDownload = () => {\n if (file) {\n const url = URL.createObjectURL(file);\n const a = document.createElement('a');\n a.href = url;\n a.download = file.name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n }\n };\n\n return (\n

DICOM Viewer

\n \n

\n {file && (\n \n )}\n

\n View source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n DICOM Viewer\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n background-color: #f0f0f0;\n}\n\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\nh1 {\n margin-bottom: 1rem;\n}\n\ninput[type=\"file\"] {\n margin-bottom: 1rem;\n}\n\n.cornerstone-viewport {\n width: 512px;\n height: 512px;\n border: 1px solid #ccc;\n margin: 0 auto 1rem;\n}\n\n.download-button {\n background-color: #4CAF50;\n border: none;\n color: white;\n padding: 10px 20px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\n.download-button:hover {\n background-color: #45a049;\n}\n`;","deleted",false,"label",[19],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":-5,"_56":57,"_18":58},["D",1731377430285],"children",[],[19],"0c7a90e8-26dd-11f0-a5b3-569c3dd06744",["D",1746139128745],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","2a463891-c041-4488-97d7-5c4873f793b2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","4bf34fc5-775b-4490-bd5b-9599385e237f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_112":108},"org",{"_11":12,"_106":-5,"_107":108,"_68":69,"_109":110,"_111":51},"branch",{"_17":40,"_13":16,"_32":38,"_98":59,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":14,"_105":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2TXrDk0iTsMgo2T7z93Wn4eqcgK.jpeg","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_43":146,"_61":-5,"_62":42,"_63":64,"_65":64,"_66":-5,"_67":-5,"_68":69,"_70":35,"_71":42,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":147,"_93":148,"_95":149,"_97":51},[143],"files",[143],"counts",{"_133":75,"_134":75,"_135":75,"_136":137,"_138":139},[],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_18":132},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks","envVars",{"_140":75,"_142":75},"connections",{"_140":75,"_141":75},"count","unfilledCount","emptyCount",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":-5,"_56":144,"_18":145},[],[19],["D",1746139128745],{"_11":12,"_112":108},{"_11":12,"_106":-5,"_107":108,"_68":69,"_109":110,"_111":51},{"_17":40,"_13":16,"_32":38,"_98":59,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":14,"_105":12},"ctx",{"_91":-5,"_183":184,"_129":185,"_186":187,"_188":189,"_190":51,"_191":51,"_192":51,"_193":42,"_194":-5,"_195":-7,"_196":-7,"_197":75,"_198":51,"_199":51,"_200":-5},"ENV",{"_154":155,"_156":157,"_158":16,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","db46cea2d909ccbd011cfec0e4ddfe291f419728","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","aiChatModels",[201,202,203,204,205],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_206":230,"_52":231,"_209":232,"_66":233,"_212":42,"_213":42,"_214":215,"_216":42},{"_206":225,"_52":226,"_209":227,"_66":228,"_212":42,"_213":51,"_214":229,"_216":51},{"_206":221,"_52":222,"_209":223,"_66":224,"_212":42,"_213":42,"_214":215,"_216":51},{"_206":217,"_52":218,"_209":219,"_66":220,"_212":42,"_213":42,"_214":215,"_216":51},{"_206":207,"_52":208,"_209":210,"_66":211,"_212":42,"_213":42,"_214":215,"_216":51},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]