nuxt-openreceive 0.1.0 → 0.1.2

package/README.md

@@ -12,7 +12,7 @@ OpenReceive doesn't ship a Nuxt package. Its docs have you copy a server route,
 - manages a `pg` pool for you, or takes your own handle, Supabase, or a custom repository
 - gives `authorize` a typed `event: H3Event`, so it can read your existing session
 - turns on per-IP rate limiting with `getRequestIP` wired in
-- registers `<OpenReceiveCheckout>` globally with the prefix already filled in, and handles CSS, `build.transpile` and Vite pre-bundling for the raw SFC
+- registers `<OpenReceiveCheckout>` globally with the prefix already filled in, ships it pre-compiled, and handles the CSS and Vite pre-bundling
 - stops the build on edge presets, since the wallet client and SQL driver need Node
 - closes the wallet connection and the pool when Nitro shuts down
 
@@ -161,6 +161,8 @@ DATABASE_URL=postgres://... OPENRECEIVE_TEST_WALLET=1 pnpm dev   # playground on
 DATABASE_URL=postgres://... pnpm test                            # builds the playground and runs a full payment e2e
 ```
 
+After bumping `@openreceive/vue`, run `pnpm compile:checkout`. The module ships its `Checkout.vue` pre-compiled to JS, so apps never compile a third-party SFC or resolve its prop types (CI fails if the file is stale).
+
 `OPENRECEIVE_TEST_WALLET=1` swaps in a fake receive-only wallet, so you can run the whole flow without a real NWC code. It is **playground only**. `POST /api/dev/settle/:hash` marks an invoice paid.
 
 Known noise: the Vite build prints `postcss` "Lexical error" warnings for `mod()` / `round()` in OpenReceive's stylesheet. These are harmless: the CSS is valid and works in browsers.

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.13.0"
   },
-  "version": "0.1.0",
+  "version": "0.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -81,17 +81,9 @@ const module$1 = defineNuxtModule({
         `}`
       ].join("\n")
     }, { nitro: true, nuxt: true });
-    nuxt.options.build.transpile.push("@openreceive/vue");
+    const direct = nuxt.options.modulesDir.some((dir) => existsSync(`${dir}/@openreceive/vue/package.json`));
     nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, {
-      exclude: ["@openreceive/vue"],
-      // Vite pre-bundles by exact specifier, so list the subpaths the raw SFC
-      // reaches. This also converts the CommonJS `qrcode` dependency for dev.
-      include: [
-        "@openreceive/vue > @openreceive/elements",
-        "@openreceive/vue > @openreceive/elements/wrapper-shared",
-        "@openreceive/vue > @openreceive/browser",
-        "@openreceive/vue > @openreceive/browser/headless"
-      ]
+      include: [direct ? "@openreceive/vue" : "nuxt-openreceive > @openreceive/vue"]
     });
     if (options.css) {
       nuxt.options.css.push("@openreceive/vue/styles.css");

package/dist/runtime/components/OpenReceiveCheckout.d.ts

@@ -1,4 +1,4 @@
 import { type DefineComponent } from 'vue';
-import { type VueCheckoutProps } from '@openreceive/vue/checkout.vue';
-declare const _default: DefineComponent<VueCheckoutProps>;
+import type { WrapperCheckoutComponentProps } from '@openreceive/vue';
+declare const _default: DefineComponent<WrapperCheckoutComponentProps>;
 export default _default;

package/dist/runtime/components/OpenReceiveCheckout.js

@@ -1,6 +1,6 @@
 import { defineComponent, h } from "vue";
-import Checkout from "@openreceive/vue/checkout.vue";
 import { useRuntimeConfig } from "#imports";
+import Checkout from "./checkout.generated.js";
 const OpenReceiveCheckout = defineComponent({
   name: "OpenReceiveCheckout",
   inheritAttrs: false,

package/dist/runtime/components/checkout.generated.d.ts

@@ -0,0 +1,5 @@
+import type { DefineComponent } from 'vue'
+import type { WrapperCheckoutComponentProps } from '@openreceive/vue'
+
+declare const Checkout: DefineComponent<WrapperCheckoutComponentProps>
+export default Checkout

package/dist/runtime/components/checkout.generated.js

@@ -0,0 +1,98 @@
+// GENERATED by scripts/compile-checkout.mjs from @openreceive/vue@0.4.31 Checkout.vue. Do not edit.
+// @ts-nocheck
+/* eslint-disable */
+import { defineComponent as _defineComponent } from 'vue';
+import { resolveDynamicComponent as _resolveDynamicComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode, toHandlers as _toHandlers, createElementBlock as _createElementBlock } from "vue";
+import { computed, onMounted, ref } from "vue";
+import { createWrapperCheckoutShellBinding, defineElements, validateCheckoutProps, } from "@openreceive/vue";
+export default _defineComponent({
+    ...{
+        name: "Checkout",
+    },
+    __name: 'Checkout',
+    props: {
+        options: { default: () => ({}) },
+        checkout: {},
+        reference: {},
+        prefix: {},
+        csrfHeader: {},
+        paymentWizard: { type: Boolean, default: undefined },
+        decodeLinkUrl: {},
+        themeToggle: { type: Boolean, default: undefined },
+        defaultTheme: {},
+        storageKey: {},
+        metadata: {},
+        syncUrl: { type: Boolean, default: undefined },
+        resumePathPrefix: {},
+        routeReference: {},
+        resumePaymentHash: { default: undefined },
+        resumePaymentRail: { default: undefined },
+        resumable: { type: Boolean, default: undefined },
+        onCopy: {},
+        onOpenWallet: {},
+        onState: {},
+        onSettled: {},
+        onProviderCopy: {},
+        onStartOver: {},
+        onError: {}
+    },
+    setup(__props) {
+        const props = __props;
+        const mounted = ref(false);
+        onMounted(() => {
+            mounted.value = true;
+            defineElements();
+        });
+        const shell = computed(() => {
+            validateCheckoutProps({
+                framework: "@openreceive/vue",
+                checkout: props.checkout,
+                reference: props.reference,
+                metadata: props.metadata,
+                syncUrl: props.syncUrl,
+                resumePathPrefix: props.resumePathPrefix,
+                routeReference: props.routeReference,
+                resumePaymentHash: props.resumePaymentHash,
+                resumePaymentRail: props.resumePaymentRail,
+            });
+            return createWrapperCheckoutShellBinding(props.checkout ?? null, {
+                ...props.options,
+                themeToggle: props.themeToggle ?? props.options.themeToggle ?? true,
+                deferThemeResolution: !mounted.value,
+                ...(props.reference === undefined ? {} : { reference: props.reference }),
+                ...(props.prefix === undefined ? {} : { prefix: props.prefix }),
+                ...(props.csrfHeader === undefined ? {} : { csrfHeader: props.csrfHeader }),
+                ...(props.paymentWizard === undefined ? {} : { paymentWizard: props.paymentWizard }),
+                ...(props.decodeLinkUrl === undefined ? {} : { decodeLinkUrl: props.decodeLinkUrl }),
+                ...(props.defaultTheme === undefined ? {} : { defaultTheme: props.defaultTheme }),
+                ...(props.storageKey === undefined ? {} : { storageKey: props.storageKey }),
+                ...(props.metadata === undefined ? {} : { metadata: props.metadata }),
+                ...(props.syncUrl === undefined ? {} : { syncUrl: props.syncUrl }),
+                ...(props.resumePathPrefix === undefined ? {} : { resumePathPrefix: props.resumePathPrefix }),
+                ...(props.routeReference === undefined ? {} : { routeReference: props.routeReference }),
+                ...(props.resumePaymentHash === undefined
+                    ? {}
+                    : { resumePaymentHash: props.resumePaymentHash }),
+                ...(props.resumePaymentRail === undefined
+                    ? {}
+                    : { resumePaymentRail: props.resumePaymentRail }),
+                ...(props.resumable === undefined ? {} : { resumable: props.resumable }),
+                ...(props.onCopy === undefined ? {} : { onCopy: props.onCopy }),
+                ...(props.onOpenWallet === undefined ? {} : { onOpenWallet: props.onOpenWallet }),
+                ...(props.onState === undefined ? {} : { onState: props.onState }),
+                ...(props.onSettled === undefined ? {} : { onSettled: props.onSettled }),
+                ...(props.onProviderCopy === undefined ? {} : { onProviderCopy: props.onProviderCopy }),
+                ...(props.onStartOver === undefined ? {} : { onStartOver: props.onStartOver }),
+                ...(props.onError === undefined ? {} : { onError: props.onError }),
+            });
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("section", _normalizeProps(_guardReactiveProps(shell.value.rootAttributes)), [
+                (shell.value.themeToggle)
+                    ? (_openBlock(), _createBlock(_resolveDynamicComponent(shell.value.themeToggle.tagName), _normalizeProps(_mergeProps({ key: 0 }, shell.value.themeToggle.attributes)), null, 16))
+                    : _createCommentVNode("v-if", true),
+                (_openBlock(), _createBlock(_resolveDynamicComponent(shell.value.checkout.tagName), _mergeProps(shell.value.checkout.attributes, _toHandlers(shell.value.checkout.listeners)), null, 16))
+            ], 16));
+        };
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-openreceive",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Nuxt module for OpenReceive: Bitcoin Lightning (and optional USDT/USDC/ETH/SOL swap) checkout that settles straight into your own wallet.",
   "license": "MIT",
   "author": "Grygorii Liashenko (https://github.com/frontender-ua)",
@@ -47,7 +47,7 @@
     "@nuxt/kit": "^4.2.0",
     "@openreceive/http": "^0.4.31",
     "@openreceive/node": "^0.4.31",
-    "@openreceive/vue": "^0.4.31",
+    "@openreceive/vue": "0.4.31",
     "defu": "^6.1.4",
     "h3": "^1.15.0"
   },
@@ -64,12 +64,14 @@
     "@nuxt/schema": "^4.6.4",
     "@types/node": "^22.10.0",
     "@types/pg": "^8.11.10",
+    "@vue/compiler-sfc": "3.5.45",
     "nuxt": "^4.6.4",
     "pg": "^8.23.1",
     "typescript": "~5.9.3",
     "vue-tsc": "^3.3.14"
   },
   "scripts": {
+    "compile:checkout": "node scripts/compile-checkout.mjs",
     "build": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",