@livestore/devtools-vite 0.3.0-dev.15 → 0.3.0-dev.16

package/dist/devtools-bundle/{index-BQkqHAaL.js → index-BjzW88EM.js}

@@ -1,4 +1,4 @@
-import { g as N } from "./devtools-react-bundle-BZklamRx.js";
+import { g as N } from "./devtools-react-bundle-DfXMfS_c.js";
 function R(g, E) {
   for (var Q = 0; Q < E.length; Q++) {
     const A = E[Q];

package/dist/devtools-bundle/index.js

@@ -1,4 +1,4 @@
-import { d as a } from "./devtools-react-bundle-BZklamRx.js";
+import { d as a } from "./devtools-react-bundle-DfXMfS_c.js";
 export {
   a as run
 };

package/dist/devtools-bundle/{number-overlay-editor-9KG8yQED.js → number-overlay-editor-BRPu_KOP.js}

@@ -1,4 +1,4 @@
-import { s as Te, R as X, r as T } from "./devtools-react-bundle-BZklamRx.js";
+import { s as Te, R as X, r as T } from "./devtools-react-bundle-DfXMfS_c.js";
 const Be = /* @__PURE__ */ Te("div")({
   name: "NumberOverlayEditorStyle",
   class: "gdg-n15fjm3e",

package/dist/devtools.d.ts

@@ -0,0 +1,2 @@
+export * from '@livestore/devtools-react';
+//# sourceMappingURL=devtools.d.ts.map

package/dist/devtools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.d.ts","sourceRoot":"","sources":["../src/devtools.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/dist/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.js","sourceRoot":"","sources":["../src/devtools.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/dist/plugin.d.ts

@@ -0,0 +1,50 @@
+import { Devtools } from '@livestore/common';
+import { Schema } from '@livestore/utils/effect';
+import type { Plugin } from 'vite';
+export type PluginOptions = {
+    /**
+     * The path to the schema file. Needs to be a valid ESM import and relative to the root of the project.
+     *
+     * Example:
+     * ```ts
+     * import { devtoolsVitePlugin } from '@livestore/devtools-vite'
+     *
+     * devtoolsVitePlugin({
+     *   schemaPath: './src/db/schema/index.js'
+     *   // ...
+     * })
+     * ```
+     */
+    schemaPath: string;
+    license?: string;
+    mode?: Devtools.DevtoolsMode;
+    /**
+     * Where to serve the devtools UI.
+     *
+     * @default '/_livestore'
+     */
+    path?: string;
+};
+export declare const PluginOptions: Schema.Struct<{
+    schemaPath: typeof Schema.String;
+    license: Schema.optional<typeof Schema.String>;
+    mode: Schema.optional<Schema.Union<[Schema.TaggedStruct<"from-search-params", {}>, Schema.TaggedStruct<"expo", {
+        storeId: typeof Schema.String;
+    }>, Schema.TaggedStruct<"node", {
+        storeId: typeof Schema.String;
+        clientId: typeof Schema.String;
+        sessionId: typeof Schema.String;
+        url: typeof Schema.String;
+    }>, Schema.TaggedStruct<"web", {
+        storeId: typeof Schema.String;
+        clientId: typeof Schema.String;
+        sessionId: typeof Schema.String;
+    }>, Schema.TaggedStruct<"browser-extension", {
+        storeId: typeof Schema.String;
+        clientId: typeof Schema.String;
+        sessionId: typeof Schema.String;
+    }>]>>;
+    path: Schema.optional<typeof Schema.String>;
+}>;
+export declare const livestoreDevtoolsPlugin: (options: PluginOptions) => Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAA;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa;;;;wBAuCgB,OAAQ,MAAM;;wBAChB,OAAQ,MAAM;yBAAsB,OAAQ,MAAM;0BAC1E,OAAO,MAAM;oBAAiB,OAAQ,MAAM;;wBAEvB,OAAQ,MAAM;yBACjC,OAAQ,MAAM;0BACZ,OACR,MAAH;;wBACK,OAAQ,MAEnB;yBAAsB,OACjB,MAAA;0BACM,OACN,MACP;;;EAhDC,CAAA;AAEF,eAAO,MAAM,uBAAuB,YAAa,aAAa,KAAG,MA6GhE,CAAA"}

package/dist/plugin.js

@@ -1,23 +1,46 @@
 import path from 'node:path';
+import { Devtools } from '@livestore/common';
+import { Schema } from '@livestore/utils/effect';
+export const PluginOptions = Schema.Struct({
+    schemaPath: Schema.String,
+    license: Schema.optional(Schema.String),
+    mode: Schema.optional(Devtools.DevtoolsMode),
+    path: Schema.optional(Schema.String),
+});
 export const livestoreDevtoolsPlugin = (options) => {
+    Schema.validateSync(PluginOptions)(options);
+    const mountPath = options.path ?? '/_livestore';
     return {
         name: '@livestore/devtools-vite',
         // `vite dev` support
         configureServer: (server) => {
-            server.middlewares.use('/_livestore', async (_, res) => {
-                res.setHeader('Content-Type', 'text/html');
-                const schemaPath = path.resolve(options.schemaPath);
-                const bundleDir = path.join(import.meta.dirname, '..', 'dist', 'devtools-bundle');
-                const bundlePath = path.resolve(bundleDir, 'index.js');
-                const cssPath = path.resolve(bundleDir, 'devtools-vite.css');
-                const template = makeIndexHtml({ schemaPath, bundlePath, cssPath });
-                const html = await server.transformIndexHtml('/_livestore', template);
-                // Remove line that contains `vinxi/runtime`
-                const trimmedHtml = html
-                    .split('\n')
-                    .filter((line) => !line.includes('vinxi/runtime'))
-                    .join('\n');
-                res.end(trimmedHtml);
+            const basedMountPath = path.join(server.config.base, mountPath);
+            // console.log('basedMountPath', basedMountPath)
+            server.middlewares.use(basedMountPath, async (req, res, next) => {
+                if (req.url === undefined) {
+                    next();
+                    return;
+                }
+                const url = new URL(req.url, typeof server.config.server.host === 'string' ? server.config.server.host : 'http://localhost');
+                // console.log('livestore-devtools-vite:req', url)
+                if (url.pathname === '/') {
+                    res.setHeader('Content-Type', 'text/html');
+                    const schemaPath = path.resolve(options.schemaPath);
+                    const bundleDir = path.join(import.meta.dirname, '..', 'dist', 'devtools-bundle');
+                    const bundlePath = path.resolve(bundleDir, 'index.js');
+                    const cssPath = path.resolve(bundleDir, 'devtools-vite.css');
+                    const template = makeIndexHtml({ schemaPath, bundlePath, cssPath, mode: options.mode });
+                    const html = await server.transformIndexHtml(mountPath, template);
+                    // Remove line that contains `vinxi/runtime`
+                    const trimmedHtml = html
+                        .split('\n')
+                        .filter((line) => !line.includes('vinxi/runtime'))
+                        .join('\n');
+                    res.end(trimmedHtml);
+                }
+                else {
+                    next();
+                }
             });
         },
         config: (config) => {
@@ -70,7 +93,7 @@ export const livestoreDevtoolsPlugin = (options) => {
         // },
     };
 };
-const makeIndexHtml = ({ schemaPath, bundlePath, cssPath, }) => {
+const makeIndexHtml = ({ schemaPath, bundlePath, cssPath, mode, }) => {
     return /*html*/ `
 <!doctype html>
 <html lang="en">
@@ -94,7 +117,7 @@ const makeIndexHtml = ({ schemaPath, bundlePath, cssPath, }) => {
         schema,
         license: ${process.env.LSD_LICENSE} ? '${process.env.LSD_LICENSE}' : undefined,
         // Mode will be provided via URL search params
-        mode: undefined,
+        mode: ${mode ? Schema.encodeSync(Schema.parseJson(Devtools.DevtoolsMode))(mode) : undefined},
         sharedWorker,
       })
     </script>

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livestore/devtools-vite",
-  "version": "0.3.0-dev.15",
+  "version": "0.3.0-dev.16",
   "type": "module",
   "exports": {
     ".": {