- Rename src to source

- Add middleware to redirect WASM request to node_modules
mongodb · Jul 24, 2024 · d258a6d · d258a6d
1 parent 8ddc0ef
commit d258a6d
Show file tree

Hide file tree

Showing 12 changed files with 65 additions and 68 deletions.
diff --git a/examples/frameworks/react-test-app/index.html b/examples/frameworks/react-test-app/index.html
@@ -1,13 +1,23 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="/vite.svg"
+    />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
     <title>Vite + React + TS</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script
+      type="module"
+      src="/source/main.tsx"
+    ></script>
   </body>
 </html>
diff --git a/examples/frameworks/react-test-app/package-lock.json b/examples/frameworks/react-test-app/package-lock.json
diff --git a/examples/frameworks/react-test-app/package.json b/examples/frameworks/react-test-app/package.json
@@ -9,11 +9,23 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "dependencies": {
     "@realm/react": "^0.9.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "realm-web": "^2.0.1"
+    "realm": "12.0.0-browser.2"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

diff --git a/...les/frameworks/react-test-app/src/App.css → .../frameworks/react-test-app/source/App.css b/...les/frameworks/react-test-app/src/App.css → .../frameworks/react-test-app/source/App.css
diff --git a/...les/frameworks/react-test-app/src/App.tsx → .../frameworks/react-test-app/source/App.tsx b/...les/frameworks/react-test-app/src/App.tsx → .../frameworks/react-test-app/source/App.tsx
diff --git a/...s/react-test-app/src/appServicesConfig.ts → ...eact-test-app/source/appServicesConfig.ts b/...s/react-test-app/src/appServicesConfig.ts → ...eact-test-app/source/appServicesConfig.ts
diff --git a/...works/react-test-app/src/assets/react.svg → ...ks/react-test-app/source/assets/react.svg b/...works/react-test-app/src/assets/react.svg → ...ks/react-test-app/source/assets/react.svg
diff --git a/...s/frameworks/react-test-app/src/index.css → ...rameworks/react-test-app/source/index.css b/...s/frameworks/react-test-app/src/index.css → ...rameworks/react-test-app/source/index.css
diff --git a/...es/frameworks/react-test-app/src/main.tsx → ...frameworks/react-test-app/source/main.tsx b/...es/frameworks/react-test-app/src/main.tsx → ...frameworks/react-test-app/source/main.tsx
diff --git a/...ameworks/react-test-app/src/vite-env.d.ts → ...works/react-test-app/source/vite-env.d.ts b/...ameworks/react-test-app/src/vite-env.d.ts → ...works/react-test-app/source/vite-env.d.ts
diff --git a/examples/frameworks/react-test-app/tsconfig.app.json b/examples/frameworks/react-test-app/tsconfig.app.json
@@ -23,5 +23,5 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"]
+  "include": ["source"]
 }
diff --git a/examples/frameworks/react-test-app/vite.config.ts b/examples/frameworks/react-test-app/vite.config.ts
@@ -1,9 +1,34 @@
-import { defineConfig } from "vite";
+import { defineConfig, Plugin } from "vite";
 import react from "@vitejs/plugin-react";
+import path from "path";
+import { promises as fs } from "fs";
+
+const wasmContentTypePlugin: Plugin = {
+  name: "wasm-content-type-plugin",
+  configureServer(server) {
+    server.middlewares.use(async (req, res, next) => {
+      if (req.url && req.url.endsWith(".wasm")) {
+        res.setHeader("Content-Type", "application/wasm");
+
+        const wasmPath = path.join(
+          __dirname,
+          "node_modules/realm/dist",
+          path.basename(req.url)
+        );
+        const realmWasm = await fs.readFile(wasmPath);
+
+        res.write(realmWasm);
+        res.end();
+      } else {
+        next();
+      }
+    });
+  },
+};
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), wasmContentTypePlugin],
   esbuild: {
     supported: {
       "top-level-await": true,