add basic non dicom support

2025-12-15 11:39:44 +00:00
parent 72462b49ef
commit ef62ffac9f
2 changed files with 75 additions and 0 deletions
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>DV3D — Non-DICOM Test</title>
+    <style>
+      html,body { height:100%; margin:0; background:#111 }
+      #non-dicom-root { width: 100vw; height: 100vh; }
+    </style>
+  </head>
+  <body>
+    <div id="non-dicom-root" class="dicom-viewer-root"></div>
+    <!-- Provide a small noop React Refresh preamble to avoid plugin-react preamble errors -->
+    <script>
+      // If plugin-react's preamble wasn't injected for some reason, provide no-op
+      // implementations so the runtime does not throw. This disables fast-refresh
+      // semantics for this page but keeps HMR from crashing.
+      window.$RefreshReg$ = window.$RefreshReg$ || function() {};
+      window.$RefreshSig$ = window.$RefreshSig$ || function() { return function(type) { return type; }; };
+    </script>
+    <!-- Vite can load TSX modules directly in dev mode -->
+    <script type="module" src="/src/nonDicomTest.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,50 @@
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+
+// Sample external images (use CORS-friendly URLs). These are Wikimedia Commons images.
+const sampleImages = [
+  'https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png',
+  'https://upload.wikimedia.org/wikipedia/commons/6/6a/PNG_Test.png',
+]
+
+// Helper to prefix with `external:` scheme used by the app's loader
+const toExternal = (urls: string[]) => urls.map(u => u.startsWith('external:') ? u : `external:${u}`)
+
+function mount() {
+  const container = document.getElementById('non-dicom-root')
+  if (!container) return
+
+  const imageStacks = () => {
+    // Return a single stack with our sample images
+    return Promise.resolve([
+      {
+        imageIds: toExternal(sampleImages),
+        name: 'Non-DICOM Sample Stack',
+      },
+    ])
+  }
+
+  // Ensure React Refresh globals exist before loading App so plugin-react
+  // preamble checks won't fail during HMR. We then dynamically import App.
+  // This guarantees the globals are set before App is evaluated.
+  // Provide no-op implementations when not present.
+  ;(window as any).$RefreshReg$ = (window as any).$RefreshReg$ || function() {}
+  ;(window as any).$RefreshSig$ = (window as any).$RefreshSig$ || function() { return function(type: any) { return type; }; }
+
+  import('./App').then(({ default: App }) => {
+    createRoot(container).render(
+      <React.StrictMode>
+        <App container_id={'nondicom'} imageStacks={imageStacks} />
+      </React.StrictMode>
+    )
+  }).catch(err => {
+    console.error('Failed to load App for non-dicom test', err)
+  })
+}
+
+// Wait for DOM
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', mount)
+} else {
+  mount()
+}