@livestore/devtools-vite 0.3.0-dev.8 → 0.3.0

package/dist/devtools.d.ts

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

package/dist/devtools.d.ts.map

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

package/dist/devtools.js

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

package/dist/devtools.js.map

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

package/dist/plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,uBAAuB,YAAa,aAAa,KAAG,MAqDhE,CAAA"}

package/dist/plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,SAAS,CAAA;AACxB,OAAO,IAAI,MAAM,WAAW,CAAA;AAqB5B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAsB,EAAU,EAAE;IACxE,OAAO;QACL,IAAI,EAAE,eAAe;QAErB,qBAAqB;QACrB,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE;YAC1B,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;gBACzD,GAAG,CAAC,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;gBAC1C,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAA;gBAClE,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;gBACzE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACf,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,6BAA6B;QAC7B,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;YACjB,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC/B,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;YACnB,CAAC;YAED,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;gBAC7C,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAA;YACjC,CAAC;YAED,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBACnD,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG;oBACjC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;iBACnC,CAAA;YACH,CAAC;YAED,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,wBAAwB,CAAA;gBACpE,+DAA+D;YACjE,CAAC;YAED,OAAO,MAAM,CAAA;QACf,CAAC;QACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAI,EAAE,wBAAwB,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;QACjG,CAAC;QAED,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE;YAChB,IAAI,EAAE,KAAK,wBAAwB,EAAE,CAAC;gBACpC,OAAO,EAAE,CAAA;YACX,CAAC;QACH,CAAC;QAED,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;YACX,IAAI,EAAE,KAAK,wBAAwB,EAAE,CAAC;gBACpC,OAAO,aAAa,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAA;YAC1D,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,UAAU,EAA0B,EAAE,EAAE;IAC/D,OAAO,QAAQ,CAAC;;;;;;;;;;;;;;;;;gCAiBc,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;mBAMrC,OAAO,CAAC,GAAG,CAAC,WAAW,OAAO,OAAO,CAAC,GAAG,CAAC,WAAW;;;;;;;EAOtE,CAAA;AACF,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAoC,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAA"}

package/index.css

@@ -1 +0,0 @@
-@import '@livestore/devtools-react/index.css'

package/src/devtools.ts

@@ -1 +0,0 @@
-export * from '@livestore/devtools-react'

package/src/plugin.ts

@@ -1,112 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-
-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
-}
-
-export const livestoreDevtoolsPlugin = (options: PluginOptions): Plugin => {
-  return {
-    name: 'devtools-vite',
-
-    // `vite dev` support
-    configureServer: (server) => {
-      server.middlewares.use('/_devtools.html', async (_, res) => {
-        res.setHeader('Content-Type', 'text/html')
-        const template = makeIndexHtml({ schemaPath: options.schemaPath })
-        const html = await server.transformIndexHtml('/_devtools.html', template)
-        res.end(html)
-      })
-    },
-
-    // `vite build` support below
-    config: (config) => {
-      if (config.build === undefined) {
-        config.build = {}
-      }
-
-      if (config.build.rollupOptions === undefined) {
-        config.build.rollupOptions = {}
-      }
-
-      if (config.build.rollupOptions.input === undefined) {
-        config.build.rollupOptions.input = {
-          main: path.resolve('./index.html'),
-        }
-      }
-
-      if (isRecord(config.build.rollupOptions.input)) {
-        config.build.rollupOptions.input.devtools = 'virtual:_devtools.html'
-        // config.build.rollupOptions.input.devtools = '_devtools.html'
-      }
-
-      return config
-    },
-    writeBundle: (_) => {
-      fs.renameSync(path.join(_.dir!, 'virtual:_devtools.html'), path.join(_.dir!, '_devtools.html'))
-    },
-
-    resolveId: (id) => {
-      if (id === 'virtual:_devtools.html') {
-        return id
-      }
-    },
-
-    load: (id) => {
-      if (id === 'virtual:_devtools.html') {
-        return makeIndexHtml({ schemaPath: options.schemaPath })
-      }
-    },
-  }
-}
-
-const makeIndexHtml = ({ schemaPath }: { schemaPath: string }) => {
-  return /*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">
-      // NOTE we need to re-export dependencies from "@livestore/devtools-react"
-      // as it's not a direct dependency of the Vite setup of a plugin user
-      import '@livestore/devtools-vite/index.css'
-      import { mountDevtools } from '@livestore/devtools-vite/devtools'
-      import sharedWorker from '@livestore/web/shared-worker?sharedworker'
-      import { schema } from '${path.resolve(schemaPath)}'
-
-      mountDevtools({
-        schema,
-        rootEl: document.getElementById('root'),
-        sharedWorker,
-        license: ${process.env.LSD_LICENSE} ? '${process.env.LSD_LICENSE}' : undefined,
-        // Mode will be provided via URL search params
-        mode: undefined,
-      })
-    </script>
-  </body>
-</html>
-	`
-}
-
-const isRecord = (value: unknown): value is Record<string, unknown> => typeof value === 'object' && value !== null

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "tsBuildInfoFile": "./dist/.tsbuildinfo"
-  },
-  "include": ["./src"],
-  "references": [
-    { "path": "../devtools-react" },
-  ]
-}