update to 0.17

package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@rerun-io/web-viewer-react": "^0.0.8-alpha.2",
+    "@rerun-io/web-viewer-react": "0.17.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-select": "^5.8.0"
@@ -29,3 +29,4 @@
     "vite-plugin-wasm": "^3.2.2"
   }
 }
+

src/App.tsx

@@ -17,10 +17,10 @@ const options = [
 export default function App() {
   const [selected, setSelected] = React.useState([] as string[]);
   return (
-    <div>
+    <>
       <Select isMulti options={options} onChange={(e) => setSelected(e.map((v) => v.value))} />
-      <WebViewer rrd={selected} />
-    </div>
+      <WebViewer width="100%" height="100%" rrd={selected} hide_welcome_screen />
+    </>
   );
 }
 

src/index.css

@@ -9,7 +9,8 @@ body {
 
 /* Allow canvas to fill entire web page: */
 html,
-body {
+body,
+#root {
   overflow: hidden;
   margin: 0 !important;
   padding: 0 !important;

vite.config.js

@@ -1,5 +1,8 @@
 import react from "@vitejs/plugin-react-swc";
 import wasm from "vite-plugin-wasm";
+import { searchForWorkspaceRoot } from "vite";
+import fs from "node:fs";
+import path from "node:path";
 
 const reloadOnSave = {
   name: "full-reload-always",
@@ -13,9 +16,22 @@ const reloadOnSave = {
 /** @type {import("vite").UserConfig} */
 const config = {
   plugins: [react(), wasm(), reloadOnSave],
+  optimizeDeps: {
+    exclude: process.env.NODE_ENV === "production" ? [] : ["@rerun-io/web-viewer"],
+  },
   build: {
     target: "esnext",
   },
+  server: {
+    fs: {
+      allow: [
+        searchForWorkspaceRoot(process.cwd()),
+        // NOTE: hack to allow `new URL("file://...")` in `web-viewer` when it is a linked package
+        fs.realpathSync(path.join(__dirname, "node_modules", "@rerun-io/web-viewer")),
+        fs.realpathSync(path.join(__dirname, "node_modules", "@rerun-io/web-viewer-react")),
+      ],
+    },
+  },
 };
 
 if ("REPOSITORY" in process.env) {