use module export for local server global variable

examples/src/env.d.ts

@@ -2,3 +2,5 @@
 declare global {
     const SIMULARIUM_USE_LOCAL_BACKEND: boolean;
 }
+
+export {};

examples/src/index.tsx

@@ -1,13 +1,9 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
 
-import Viewer from './Viewer';
+import Viewer from "./Viewer";
 
 const container: HTMLElement | null = document.getElementById("root");
 
 const root = createRoot(container!);
-root.render(
-    <Viewer
-        localBackendServer={false /*SIMULARIUM_USE_LOCAL_BACKEND*/}
-    />
-);
+root.render(<Viewer localBackendServer={SIMULARIUM_USE_LOCAL_BACKEND} />);

examples/vite.config.ts

@@ -4,7 +4,9 @@ import react from "@vitejs/plugin-react";
 export default {
     plugins: [react()],
     define: {
-        SIMULARIUM_USE_LOCAL_BACKEND: "false",
+        SIMULARIUM_USE_LOCAL_BACKEND: Boolean(
+            process.env.npm_config_localserver || false
+        ),
     },
     server: {
         open: "examples/src/index.html",

tsconfig.json

@@ -1,6 +1,6 @@
 {
     "extends": "./tsconfig.base",
-    "include": ["src/**/*", "vitest.config.ts"],
+    "include": ["src/**/*", "examples/src/**/*", "vitest.config.ts"],
     "exclude": ["src/visGeometry/workers/**/*"],
     "compilerOptions": {"types": ["vitest/globals"]}
 }