@livestore/devtools-expo 0.0.0-snapshot-12c4570d047bcfaefc85bc6243c1b61f57580913 → 0.0.0-snapshot-b12fe44662a4a2f917d402ea2562edb3c404f26a

package/dist/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// eslint-disable-next-line unicorn/prefer-module
+// eslint-disable-next-line unicorn/prefer-module, @typescript-eslint/no-require-imports
 module.exports = require('./metro-config.cjs');
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.cts"],"names":[],"mappings":";;AAAA,iDAAiD;AACjD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA"}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.cts"],"names":[],"mappings":";;AAAA,wFAAwF;AACxF,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA"}

package/dist/metro-config.cjs

@@ -23,15 +23,7 @@ const addLiveStoreDevtoolsMiddleware = (config, options) => {
 const makeLiveStoreDevtoolsMiddleware = (options) => {
     // TODO Once Expo supports proper ESM, we can make this a static import
     // const viteServerPromise = makeViteServer(options)
-    const viteServerPromise = import('@livestore/adapter-node/devtools').then(({ makeViteServer }) => makeViteServer({
-        ...options,
-        mode: {
-            _tag: 'expo',
-            storeId: options.storeId ?? 'default',
-            clientId: options.clientId ?? 'expo',
-            sessionId: options.sessionId ?? 'expo',
-        },
-    }).pipe(Effect.runPromise));
+    const viteServerPromise = import('@livestore/adapter-node/devtools').then(({ makeViteServer }) => makeViteServer({ ...options, mode: { _tag: 'expo' } }).pipe(Effect.runPromise));
     const middleware = async (req, res, next) => {
         if (req.url?.startsWith('/_livestore') == false) {
             return next();

package/dist/metro-config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"metro-config.cjs","sourceRoot":"","sources":["../src/metro-config.cts"],"names":[],"mappings":";;AAEA,uJAAuJ;AACvJ,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,yBAAyB,CAAwF,CAAA;AAM5I;;GAEG;AACH,MAAM,8BAA8B,GAAG,CAAC,MAAgC,EAAE,OAAgB,EAAE,EAAE;IAC5F,kCAAkC;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAC5C,OAAM;IACR,CAAC;IAED,MAAM,cAAc,GAAG,+BAA+B,CAAC,OAAO,CAAC,CAAA;IAE/D,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAC,iBAGjC,CAAA;IAEf,MAAM,iBAAiB,GAAG,CAAC,eAA2B,EAAE,MAAW,EAAc,EAAE;QACjF,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAE7E,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CACxB,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YACpE,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,CAAC,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,+BAA+B,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3D,uEAAuE;IACvE,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/F,cAAc,CAAC;QACb,GAAG,OAAO;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,SAAS;YACrC,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,MAAM;YACpC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,MAAM;SACvC;KACF,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAC3B,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,EAAE,GAAyB,EAAE,GAAwB,EAAE,IAAgB,EAAE,EAAE;QACjG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,aAAa,CAAC,IAAI,KAAK,EAAE,CAAC;YAChD,OAAO,IAAI,EAAE,CAAA;QACf,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAA;QAE1C,OAAO,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAOD,iDAAiD;AACjD,MAAM,CAAC,OAAO,GAAG;IACf,8BAA8B;IAC9B,+BAA+B;CAChC,CAAA"}
+{"version":3,"file":"metro-config.cjs","sourceRoot":"","sources":["../src/metro-config.cts"],"names":[],"mappings":";;AAEA,uJAAuJ;AACvJ,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,yBAAyB,CAAwF,CAAA;AAM5I;;GAEG;AACH,MAAM,8BAA8B,GAAG,CAAC,MAAgC,EAAE,OAAgB,EAAE,EAAE;IAC5F,kCAAkC;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAC5C,OAAM;IACR,CAAC;IAED,MAAM,cAAc,GAAG,+BAA+B,CAAC,OAAO,CAAC,CAAA;IAE/D,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAC,iBAGjC,CAAA;IAEf,MAAM,iBAAiB,GAAG,CAAC,eAA2B,EAAE,MAAW,EAAc,EAAE;QACjF,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAE7E,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CACxB,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YACpE,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,CAAC,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,+BAA+B,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3D,uEAAuE;IACvE,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/F,cAAc,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAC/E,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,EAAE,GAAyB,EAAE,GAAwB,EAAE,IAAgB,EAAE,EAAE;QACjG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,aAAa,CAAC,IAAI,KAAK,EAAE,CAAC;YAChD,OAAO,IAAI,EAAE,CAAA;QACf,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAA;QAE1C,OAAO,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAOD,iDAAiD;AACjD,MAAM,CAAC,OAAO,GAAG;IACf,8BAA8B;IAC9B,+BAA+B;CAChC,CAAA"}

package/dist/metro-config.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"metro-config.d.cts","sourceRoot":"","sources":["../src/metro-config.cts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,WAAW,CAAA;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,KAAK,EAAc,OAAO,EAAE,MAAM,YAAY,CAAA;AAErD;;GAEG;AACH,QAAA,MAAM,8BAA8B,GAAI,QAAQ,WAAW,CAAC,WAAW,CAAC,EAAE,SAAS,OAAO,SAuBzF,CAAA;AAED,QAAA,MAAM,+BAA+B,GAAI,SAAS,OAAO,WAexB,IAAI,CAAC,eAAe,OAAO,IAAI,CAAC,cAAc,QAAQ,MAAM,IAAI,kBAWhG,CAAA;AAED,0CAA0C;AAC1C,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5C,CAAA;AAQD,YAAY,EAAE,8BAA8B,EAAE,+BAA+B,EAAE,CAAA;AAC/E,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"metro-config.d.cts","sourceRoot":"","sources":["../src/metro-config.cts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,WAAW,CAAA;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,KAAK,EAAc,OAAO,EAAE,MAAM,YAAY,CAAA;AAErD;;GAEG;AACH,QAAA,MAAM,8BAA8B,GAAI,QAAQ,WAAW,CAAC,WAAW,CAAC,EAAE,SAAS,OAAO,SAuBzF,CAAA;AAED,QAAA,MAAM,+BAA+B,GAAI,SAAS,OAAO,WAOxB,IAAI,CAAC,eAAe,OAAO,IAAI,CAAC,cAAc,QAAQ,MAAM,IAAI,kBAWhG,CAAA;AAED,0CAA0C;AAC1C,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5C,CAAA;AAQD,YAAY,EAAE,8BAA8B,EAAE,+BAA+B,EAAE,CAAA;AAC/E,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/package.json

@@ -1,21 +1,16 @@
 {
   "name": "@livestore/devtools-expo",
-  "version": "0.0.0-snapshot-12c4570d047bcfaefc85bc6243c1b61f57580913",
+  "version": "0.0.0-snapshot-b12fe44662a4a2f917d402ea2562edb3c404f26a",
   "sideEffects": false,
   "types": "./dist/index.d.cts",
   "dependencies": {
-    "@livestore/devtools-vite": "0.3.0-dev.19",
-    "@livestore/wa-sqlite": "1.0.5-dev.2",
-    "vite": "6.2.1",
-    "ws": "8.18.0",
-    "@livestore/adapter-web": "0.0.0-snapshot-12c4570d047bcfaefc85bc6243c1b61f57580913",
-    "@livestore/adapter-node": "0.0.0-snapshot-12c4570d047bcfaefc85bc6243c1b61f57580913",
-    "@livestore/utils": "0.0.0-snapshot-12c4570d047bcfaefc85bc6243c1b61f57580913"
+    "@livestore/adapter-node": "0.0.0-snapshot-b12fe44662a4a2f917d402ea2562edb3c404f26a",
+    "@livestore/utils": "0.0.0-snapshot-b12fe44662a4a2f917d402ea2562edb3c404f26a"
   },
   "devDependencies": {
     "@types/node": "^22.13.10",
-    "@types/ws": "^8.18.0",
-    "expo": "^52.0.37"
+    "expo": "^52.0.37",
+    "vite": "^6.2.1"
   },
   "main": "./dist/index.cjs",
   "peerDependencies": {

package/src/index.cts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line unicorn/prefer-module
+// eslint-disable-next-line unicorn/prefer-module, @typescript-eslint/no-require-imports
 module.exports = require('./metro-config.cjs')
 
 export type * from './metro-config.cts'

package/src/metro-config.cts

@@ -39,15 +39,7 @@ const makeLiveStoreDevtoolsMiddleware = (options: Options) => {
   // TODO Once Expo supports proper ESM, we can make this a static import
   // const viteServerPromise = makeViteServer(options)
   const viteServerPromise = import('@livestore/adapter-node/devtools').then(({ makeViteServer }) =>
-    makeViteServer({
-      ...options,
-      mode: {
-        _tag: 'expo',
-        storeId: options.storeId ?? 'default',
-        clientId: options.clientId ?? 'expo',
-        sessionId: options.sessionId ?? 'expo',
-      },
-    }).pipe(Effect.runPromise),
+    makeViteServer({ ...options, mode: { _tag: 'expo' } }).pipe(Effect.runPromise),
   )
 
   const middleware = async (req: http.IncomingMessage, res: http.ServerResponse, next: () => void) => {

package/src/types.d.ts

@@ -13,7 +13,4 @@ export type Options = {
    * Example: `./src/schema.ts`
    */
   schemaPath: string
-  storeId?: string
-  clientId?: string
-  sessionId?: string
 }

package/webui/index.html

@@ -6,7 +6,7 @@
     <title>LiveStore DevTools Redirect</title>
     <script>
         const currentUrl = new URL(window.location.href);
-        const redirectUrl = `http://localhost:${currentUrl.port}/_livestore`;
+        const redirectUrl = `http://localhost:${currentUrl.port}/_livestore/expo?autoconnect`;
         window.location.href = redirectUrl;
     </script>
 </head>

package/dist/unused-vite-dev-server.d.mts

@@ -1,4 +0,0 @@
-import * as Vite from 'vite';
-import type { Options } from './types.js';
-export declare const makeViteServer: (options: Options) => Promise<Vite.ViteDevServer>;
-//# sourceMappingURL=unused-vite-dev-server.d.mts.map

package/dist/unused-vite-dev-server.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"unused-vite-dev-server.d.mts","sourceRoot":"","sources":["../src/unused-vite-dev-server.mts"],"names":[],"mappings":"AAKA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAA;AAE5B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAIzC,eAAO,MAAM,cAAc,GAAU,SAAS,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAoCjF,CAAA"}

package/dist/unused-vite-dev-server.mjs

@@ -1,79 +0,0 @@
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { Effect } from '@livestore/utils/effect';
-import { getFreePort } from '@livestore/utils/node';
-import * as Vite from 'vite';
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-export const makeViteServer = async (options) => {
-    const hmrPort = await getFreePort.pipe(Effect.runPromise);
-    const cwd = process.cwd();
-    const defaultViteConfig = Vite.defineConfig({
-        server: {
-            middlewareMode: true,
-            hmr: {
-                port: hmrPort,
-            },
-            fs: {
-                // Adds `node_modules` so we can import `@livestore/wa-sqlite` for WASM to work
-                allow: [path.resolve(__dirname, '..', '..')],
-            },
-        },
-        resolve: {
-            alias: {
-                '@schema': path.resolve(cwd, options.schemaPath),
-            },
-        },
-        appType: 'spa',
-        optimizeDeps: {
-            // TODO remove once fixed https://github.com/vitejs/vite/issues/8427
-            exclude: ['@livestore/wa-sqlite'],
-        },
-        root: __dirname,
-        base: '/livestore-devtools/',
-        plugins: [virtualHtmlPlugin],
-    });
-    const viteConfig = options.viteConfig?.(defaultViteConfig) ?? defaultViteConfig;
-    const viteServer = Vite.createServer(viteConfig);
-    return viteServer;
-};
-const virtualHtmlPlugin = {
-    name: 'virtual-html',
-    configureServer: (server) => {
-        return () => {
-            server.middlewares.use(async (req, res, next) => {
-                if (req.url === '/' || req.url === '' || req.url === '/index.html') {
-                    const html = `
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<meta name="livestore-devtools" content="true" />
-<title>LiveStore Devtools</title>
-</head>
-<body>
-<div id="root"></div>
-<script type="module">
-import '@livestore/devtools-react/index.css'
-import { mountDevtools } from '@livestore/devtools-react'
-import sharedWorker from '@livestore/adapter-web/shared-worker?sharedworker'
-import { schema } from '@schema'
-
-mountDevtools({ schema, rootEl: document.getElementById('root'), sharedWorker, mode: 'expo' })
-</script>
-</body>
-</html>
-          `;
-                    const transformedHtml = await server.transformIndexHtml(req.url, html);
-                    res.statusCode = 200;
-                    res.setHeader('Content-Type', 'text/html');
-                    res.end(transformedHtml);
-                }
-                else {
-                    next();
-                }
-            });
-        };
-    },
-};
-//# sourceMappingURL=unused-vite-dev-server.mjs.map

package/dist/unused-vite-dev-server.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"unused-vite-dev-server.mjs","sourceRoot":"","sources":["../src/unused-vite-dev-server.mts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,KAAK,IAAI,MAAM,MAAM,CAAA;AAI5B,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,OAAgB,EAA+B,EAAE;IACpF,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAEzD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAA;IAEzB,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC;QAC1C,MAAM,EAAE;YACN,cAAc,EAAE,IAAI;YACpB,GAAG,EAAE;gBACH,IAAI,EAAE,OAAO;aACd;YACD,EAAE,EAAE;gBACF,+EAA+E;gBAC/E,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;aAC7C;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,CAAC;aACjD;SACF;QACD,OAAO,EAAE,KAAK;QACd,YAAY,EAAE;YACZ,oEAAoE;YACpE,OAAO,EAAE,CAAC,sBAAsB,CAAC;SAClC;QACD,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,sBAAsB;QAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC7B,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CAAA;IAE/E,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEhD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAgB;IACrC,IAAI,EAAE,cAAc;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE;QAC1B,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;gBAC9C,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,GAAG,CAAC,GAAG,KAAK,aAAa,EAAE,CAAC;oBACnE,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;WAqBZ,CAAA;oBACD,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;oBACtE,GAAG,CAAC,UAAU,GAAG,GAAG,CAAA;oBACpB,GAAG,CAAC,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;oBAC1C,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;gBAC1B,CAAC;qBAAM,CAAC;oBACN,IAAI,EAAE,CAAA;gBACR,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAAA"}

package/src/unused-vite-dev-server.mts

@@ -1,88 +0,0 @@
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-
-import { Effect } from '@livestore/utils/effect'
-import { getFreePort } from '@livestore/utils/node'
-import * as Vite from 'vite'
-
-import type { Options } from './types.js'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-export const makeViteServer = async (options: Options): Promise<Vite.ViteDevServer> => {
-  const hmrPort = await getFreePort.pipe(Effect.runPromise)
-
-  const cwd = process.cwd()
-
-  const defaultViteConfig = Vite.defineConfig({
-    server: {
-      middlewareMode: true,
-      hmr: {
-        port: hmrPort,
-      },
-      fs: {
-        // Adds `node_modules` so we can import `@livestore/wa-sqlite` for WASM to work
-        allow: [path.resolve(__dirname, '..', '..')],
-      },
-    },
-    resolve: {
-      alias: {
-        '@schema': path.resolve(cwd, options.schemaPath),
-      },
-    },
-    appType: 'spa',
-    optimizeDeps: {
-      // TODO remove once fixed https://github.com/vitejs/vite/issues/8427
-      exclude: ['@livestore/wa-sqlite'],
-    },
-    root: __dirname,
-    base: '/livestore-devtools/',
-    plugins: [virtualHtmlPlugin],
-  })
-
-  const viteConfig = options.viteConfig?.(defaultViteConfig) ?? defaultViteConfig
-
-  const viteServer = Vite.createServer(viteConfig)
-
-  return viteServer
-}
-
-const virtualHtmlPlugin: Vite.Plugin = {
-  name: 'virtual-html',
-  configureServer: (server) => {
-    return () => {
-      server.middlewares.use(async (req, res, next) => {
-        if (req.url === '/' || req.url === '' || req.url === '/index.html') {
-          const html = `
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<meta name="livestore-devtools" content="true" />
-<title>LiveStore Devtools</title>
-</head>
-<body>
-<div id="root"></div>
-<script type="module">
-import '@livestore/devtools-react/index.css'
-import { mountDevtools } from '@livestore/devtools-react'
-import sharedWorker from '@livestore/adapter-web/shared-worker?sharedworker'
-import { schema } from '@schema'
-
-mountDevtools({ schema, rootEl: document.getElementById('root'), sharedWorker, mode: 'expo' })
-</script>
-</body>
-</html>
-          `
-          const transformedHtml = await server.transformIndexHtml(req.url, html)
-          res.statusCode = 200
-          res.setHeader('Content-Type', 'text/html')
-          res.end(transformedHtml)
-        } else {
-          next()
-        }
-      })
-    }
-  },
-}