@powersync/nuxt 0.0.0-dev-20260128023420

package/dist/module.mjs

@@ -0,0 +1,160 @@
+import { defineNuxtModule, createResolver, findPath, installModule, addPlugin, addImports, addComponentsDir, addLayout, extendPages } from '@nuxt/kit';
+import { defu } from 'defu';
+import { addImportsFrom } from '../dist/runtime/utils/addImportsFrom.js';
+
+function setupDevToolsUI(nuxt) {
+  const port = nuxt.options.devServer?.port || 3e3;
+  const DEVTOOLS_UI_ROUTE = `http://localhost:${port}/__powersync-inspector`;
+  const iconUrl = `http://localhost:${port}/assets/powersync-icon.svg`;
+  nuxt.hook("devtools:customTabs", (tabs) => {
+    tabs.push({
+      // unique identifier
+      name: "powersync-inspector",
+      // title to display in the tab
+      title: "Powersync Inspector",
+      // any icon from Iconify, or a URL to an image
+      // Using HTTP URL so devtools recognizes it as an image URL
+      icon: iconUrl,
+      // iframe view
+      view: {
+        type: "iframe",
+        src: DEVTOOLS_UI_ROUTE
+      }
+    });
+  });
+}
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "powersync-nuxt",
+    configKey: "powersync"
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {
+    useDiagnostics: false,
+    kysely: false
+  },
+  async setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.runtimeConfig.public.powerSyncModuleOptions = defu(
+      nuxt.options.runtimeConfig.public.powerSyncModuleOptions,
+      {
+        useDiagnostics: options.useDiagnostics,
+        kysely: options.kysely
+      }
+    );
+    if (options.kysely) {
+      const kyselyDriverPath = await findPath("@powersync/kysely-driver");
+      if (!kyselyDriverPath) {
+        throw new Error(
+          "[@powersync/nuxt] The `kysely` option requires @powersync/kysely-driver to be installed.\nRun: npm install @powersync/kysely-driver"
+        );
+      }
+    }
+    await installModule("@nuxt/devtools-ui-kit");
+    await installModule("@vueuse/nuxt");
+    addPlugin(resolver.resolve("./runtime/plugin.client"));
+    addImports({
+      name: "NuxtPowerSyncDatabase",
+      from: resolver.resolve(
+        "./runtime/utils/NuxtPowerSyncDatabase"
+      )
+    });
+    addImports({
+      name: "usePowerSyncInspector",
+      from: resolver.resolve("./runtime/composables/usePowerSyncInspector")
+    });
+    addImports({
+      name: "usePowerSyncInspectorDiagnostics",
+      from: resolver.resolve(
+        "./runtime/composables/usePowerSyncInspectorDiagnostics"
+      )
+    });
+    if (options.kysely) {
+      addImports({
+        name: "usePowerSyncKysely",
+        from: resolver.resolve("./runtime/composables/usePowerSyncKysely")
+      });
+    }
+    addImports({
+      name: "useDiagnosticsLogger",
+      from: resolver.resolve("./runtime/composables/useDiagnosticsLogger")
+    });
+    addComponentsDir({
+      path: resolver.resolve("runtime/components")
+    });
+    addLayout(
+      resolver.resolve("./runtime/layouts/powersync-inspector-layout.vue"),
+      "powersync-inspector-layout"
+    );
+    extendPages((pages) => {
+      pages.push({
+        path: "/__powersync-inspector",
+        // file: resolver.resolve("#build/pages/__powersync-inspector.vue"),
+        file: resolver.resolve("./runtime/pages/__powersync-inspector.vue"),
+        name: "Powersync Inspector"
+      });
+    });
+    addImportsFrom([
+      "createPowerSyncPlugin",
+      "providePowerSync",
+      "usePowerSync",
+      "usePowerSyncQuery",
+      "usePowerSyncStatus",
+      "usePowerSyncWatchedQuery",
+      "useQuery",
+      "useStatus",
+      "useWatchedQuerySubscription"
+    ], "@powersync/vue");
+    nuxt.options.build.transpile = nuxt.options.build.transpile || [];
+    nuxt.options.build.transpile.push("reka-ui", "@tanstack/vue-table", "@powersync/web", "@journeyapps/wa-sqlite");
+    if (options.kysely) {
+      nuxt.options.build.transpile.push("@powersync/kysely-driver");
+    }
+    nuxt.hooks.hook("prepare:types", ({ references }) => {
+      references.push({ types: "@powersync/web" });
+      references.push({ types: "@journeyapps/wa-sqlite" });
+      if (options.kysely) {
+        references.push({ types: "@powersync/kysely-driver" });
+      }
+    });
+    const assetsDir = resolver.resolve("./runtime/assets");
+    nuxt.options.vite = nuxt.options.vite || {};
+    nuxt.options.vite.resolve = nuxt.options.vite.resolve || {};
+    const existingAlias = nuxt.options.vite.resolve.alias || [];
+    const aliasArray = Array.isArray(existingAlias) ? [...existingAlias] : Object.entries(existingAlias).map(([find, replacement]) => ({
+      find,
+      replacement
+    }));
+    aliasArray.push({
+      find: /^\.\/assets\/(.+)$/,
+      replacement: `${assetsDir}/$1`
+    });
+    nuxt.options.vite.resolve.alias = aliasArray;
+    nuxt.hook("vite:extendConfig", async (config, { isClient }) => {
+      if (!isClient) return;
+      const { readFileSync } = await import('node:fs');
+      const assetPath = resolver.resolve("./runtime/assets/powersync-icon.svg");
+      const vitePlugin = {
+        name: "powersync-assets",
+        configureServer(server) {
+          server.middlewares.use("/assets/powersync-icon.svg", (req, res, next) => {
+            try {
+              const content = readFileSync(assetPath);
+              res.setHeader("Content-Type", "image/svg+xml");
+              res.end(content);
+            } catch {
+              next();
+            }
+          });
+        }
+      };
+      const plugins = config.plugins || [];
+      plugins.push(vitePlugin);
+      config.plugins = plugins;
+    });
+    setupDevToolsUI(nuxt);
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/powersync-icon.svg

@@ -0,0 +1,14 @@
+<svg width="70" height="48" viewBox="0 0 70 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M68.3875 25.6594L60.2117 11.8629C59.2046 10.1633 57.344 9.1167 55.3298 9.1167H46.9058C46.1825 9.1167 45.7302 9.87957 46.0919 10.4901L47.9203 13.5763C48.2564 14.1424 48.8764 14.4915 49.5474 14.4915H53.229C54.5716 14.4915 55.8122 15.1896 56.4838 16.3225L62.5595 26.5752C63.2311 27.7081 63.2311 29.1037 62.5595 30.2366L56.4838 40.4893C55.8129 41.6222 54.5716 42.3204 53.229 42.3204H41.0777C39.7351 42.3204 38.4945 41.6222 37.8229 40.4893L24.6813 18.313C24.3196 17.7025 24.7719 16.9402 25.4952 16.9402H29.1761C29.8994 16.9402 30.3516 16.1774 29.99 15.5675L28.1616 12.4813C27.8254 11.9152 27.2055 11.5661 26.5338 11.5661H18.5828C17.9112 11.5661 17.2912 11.9152 16.9551 12.4813L12.9796 19.1903C12.6441 19.7564 12.6441 20.4546 12.9796 21.0213L14.808 24.1075C15.1696 24.7174 16.0734 24.7174 16.4357 24.1075L18.2762 21.0017C18.6379 20.3918 19.5417 20.3918 19.9033 21.0017L34.095 44.9502C35.1021 46.6499 36.9627 47.6964 38.9776 47.6964H55.3291C57.3433 47.6964 59.2039 46.6492 60.2117 44.9502L68.3875 31.1538C69.3946 29.4541 69.3946 27.3603 68.3875 25.6613V25.6594Z" fill="url(#paint0_linear_22_1000)"/>
+<path d="M21.7933 34.935C21.4578 34.3683 20.8372 34.0198 20.1662 34.0198H16.4846C15.142 34.0198 13.9014 33.3217 13.2297 32.1888L7.15412 21.9361C6.48248 20.8032 6.48248 19.4075 7.15412 18.2747L13.2297 8.02196C13.9014 6.88909 15.142 6.19093 16.4846 6.19093H28.6365C29.9791 6.19093 31.2197 6.88909 31.8914 8.02196L45.033 30.1983C45.3946 30.8088 44.9424 31.571 44.2191 31.571H40.5382C39.8149 31.571 39.3626 32.3339 39.7243 32.9438L41.5527 36.03C41.8881 36.5967 42.5088 36.9452 43.1798 36.9452H51.1307C51.8024 36.9452 52.4224 36.5961 52.7578 36.03L56.7333 29.321C57.0695 28.7549 57.0695 28.0567 56.7333 27.49L54.9049 24.4038C54.5433 23.7939 53.6395 23.7939 53.2778 24.4038L51.4374 27.5102C51.0757 28.1201 50.1719 28.1201 49.8096 27.5102L35.6179 3.56238C34.6108 1.8634 32.7502 0.816162 30.736 0.816162H14.3845C12.3702 0.816162 10.5096 1.8634 9.50251 3.56238L1.32675 17.3588C0.31963 19.0578 0.31963 21.1516 1.32675 22.8513L9.50251 36.6477C10.5096 38.3474 12.3709 39.3939 14.3851 39.3939H22.8092C23.5325 39.3939 23.984 38.6311 23.623 38.0212L21.794 34.935H21.7933Z" fill="url(#paint1_linear_22_1000)"/>
+<defs>
+<linearGradient id="paint0_linear_22_1000" x1="17.4274" y1="11.6845" x2="63.6811" y2="39.0946" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0055FF"/>
+<stop offset="1" stop-color="#00D5FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_22_1000" x1="52.2868" y1="36.8262" x2="6.03308" y2="9.41672" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0055FF"/>
+<stop offset="1" stop-color="#AA00FF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/runtime/components/BucketsInspectorTab.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;