@moonbase.sh/vue 0.1.49 → 0.1.52

package/dist/index.cjs

@@ -32,11 +32,12 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_api_client2 = require("@moonbase.sh/api-client");
-var import_vue7 = require("vue");
+var import_vue8 = require("vue");
 
 // src/context.ts
 var import_api_client = require("@moonbase.sh/api-client");
 var import_uuid = require("uuid");
+var import_vue = require("vue");
 
 // src/symbols.ts
 var storefrontKey = Symbol("storefront");
@@ -59,32 +60,32 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     this.configuration = configuration;
     this.client = client;
     this.stateFactory = stateFactory;
+    this.currentUser = (0, import_vue.ref)(null);
+    this.loadedUser = (0, import_vue.ref)(false);
     this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order), 500);
-    this.currentUser = stateFactory("moonbase_user", null);
-    this.loadedUser = stateFactory("moonbase_loaded_user", false);
     if (typeof window === "undefined") {
-      this.currentOrder = stateFactory("moonbase_current_order", {
+      this.currentOrder = (0, import_vue.ref)({
         id: (0, import_uuid.v4)(),
         status: import_api_client.OrderStatus.Open,
         currency: "",
         items: [],
         couponsApplied: []
       });
-      this.storefront = stateFactory("moonbase_storefront", {
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
         products: []
       });
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", false);
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
       return;
     }
     window.addEventListener("storage", (event) => this.handleStorageUpdate(event));
-    const cachedOrderJson = localStorage.getItem("moonbase_session");
+    const cachedOrderJson = localStorage.getItem(_StorefrontContextImpl.sessionKey);
     if (cachedOrderJson) {
-      this.currentOrder = stateFactory("moonbase_current_order", JSON.parse(cachedOrderJson));
+      this.currentOrder = (0, import_vue.ref)(JSON.parse(cachedOrderJson));
       const _1 = this.refreshOrder();
     } else {
-      this.currentOrder = stateFactory("moonbase_current_order", {
+      this.currentOrder = (0, import_vue.ref)({
         id: (0, import_uuid.v4)(),
         status: import_api_client.OrderStatus.Open,
         currency: "",
@@ -95,22 +96,22 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     }
     const cachedStorefrontJson = localStorage.getItem(_StorefrontContextImpl.storefrontKey);
     if (cachedStorefrontJson) {
-      this.storefront = stateFactory("moonbase_storefront", JSON.parse(cachedStorefrontJson));
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", true);
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, JSON.parse(cachedStorefrontJson));
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, true);
     } else {
-      this.storefront = stateFactory("moonbase_storefront", {
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
         products: []
       });
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", false);
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
     }
     const _2 = this.updateStorefront();
     const _3 = this.updateUser();
   }
   install(app) {
     app.provide(storefrontKey, this);
-    console.log("Moonbase.sh storefront installed");
+    console.log("Moonbase.sh storefront installed, learn more at https://moonbase.sh/docs");
   }
   async updateUser() {
     try {
@@ -180,6 +181,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       localStorage.setItem(_StorefrontContextImpl.sessionKey, JSON.stringify(this.currentOrder.value));
   }
 };
+_StorefrontContextImpl.userKey = "moonbase_user";
 _StorefrontContextImpl.sessionKey = "moonbase_session";
 _StorefrontContextImpl.storefrontKey = "moonbase_storefront";
 var StorefrontContextImpl = _StorefrontContextImpl;
@@ -188,51 +190,51 @@ var StorefrontContextImpl = _StorefrontContextImpl;
 __reExport(src_exports, require("@moonbase.sh/api-client"), module.exports);
 
 // src/composables/useBundle.ts
-var import_vue = require("vue");
+var import_vue2 = require("vue");
 function useBundle(bundleId) {
-  const storefront = (0, import_vue.inject)(storefrontKey);
+  const storefront = (0, import_vue2.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue.computed)(() => storefront.storefront.value.bundles.find((b) => b.id === bundleId) || null);
+  return (0, import_vue2.computed)(() => storefront.storefront.value.bundles.find((b) => b.id === bundleId) || null);
 }
 
 // src/composables/useBundles.ts
-var import_vue2 = require("vue");
+var import_vue3 = require("vue");
 function useBundles() {
-  const storefront = (0, import_vue2.inject)(storefrontKey);
+  const storefront = (0, import_vue3.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue2.computed)(() => storefront.storefront.value.bundles);
+  return (0, import_vue3.computed)(() => storefront.storefront.value.bundles);
 }
 
 // src/composables/useProduct.ts
-var import_vue3 = require("vue");
+var import_vue4 = require("vue");
 function useProduct(productId) {
-  const storefront = (0, import_vue3.inject)(storefrontKey);
+  const storefront = (0, import_vue4.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue3.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
+  return (0, import_vue4.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
 }
 
 // src/composables/useProducts.ts
-var import_vue4 = require("vue");
+var import_vue5 = require("vue");
 function useProducts() {
-  const storefront = (0, import_vue4.inject)(storefrontKey);
+  const storefront = (0, import_vue5.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue4.computed)(() => storefront.storefront.value.products);
+  return (0, import_vue5.computed)(() => storefront.storefront.value.products);
 }
 
 // src/composables/useCart.ts
-var import_vue5 = require("vue");
+var import_vue6 = require("vue");
 function useCart() {
-  const storefront = (0, import_vue5.inject)(storefrontKey);
+  const storefront = (0, import_vue6.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
-    items: (0, import_vue5.computed)(() => storefront.currentOrder.value.items),
-    currency: (0, import_vue5.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: (0, import_vue5.computed)(() => {
+    items: (0, import_vue6.computed)(() => storefront.currentOrder.value.items),
+    currency: (0, import_vue6.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
+    total: (0, import_vue6.computed)(() => {
       const currency = storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency;
       const total = storefront.currentOrder.value.items.reduce((agg, item) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -253,7 +255,7 @@ function useCart() {
       return { amount: total, currency };
     }),
     addToCart: (item, variation) => {
-      item = (0, import_vue5.unref)(item);
+      item = (0, import_vue6.unref)(item);
       variation != null ? variation : variation = item.defaultVariation;
       if (!variation)
         throw new Error("Added item does not have a default variation, and none have been specified");
@@ -314,9 +316,9 @@ function useCart() {
 }
 
 // src/composables/useAuth.ts
-var import_vue6 = require("vue");
+var import_vue7 = require("vue");
 function useAuth() {
-  const storefront = (0, import_vue6.inject)(storefrontKey);
+  const storefront = (0, import_vue7.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -374,7 +376,7 @@ function createStorefront(endpoint, stateFactory) {
     configuration,
     new import_api_client2.MoonbaseClient(configuration),
     // Default to vue refs but allow stuff like Nuxt useState wrappers
-    stateFactory || ((_, state) => (0, import_vue7.ref)(state))
+    stateFactory || ((_, state) => (0, import_vue8.ref)(state))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, PricingVariation, OpenLineItem } from '@moonbase.sh/api-client';
+import { Address, LineItem } from '@moonbase.sh/api-client/src';
+import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, PricingVariation } from '@moonbase.sh/api-client';
 export * from '@moonbase.sh/api-client';
 import * as vue from 'vue';
 import { Plugin, Ref, App, InjectionKey } from 'vue';
-import { Address } from '@moonbase.sh/api-client/src';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     storefront: Ref<Storefront>;
@@ -103,7 +103,7 @@ declare const storefrontKey: InjectionKey<StorefrontContext>;
 interface Cart {
     items: CartItem[];
 }
-type CartItem = OpenLineItem & {};
+type CartItem = LineItem & {};
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory): StorefrontContext;
 
 export { type Cart, type CartItem, createStorefront, storefrontKey, useAuth, useBundle, useBundles, useCart, useProduct, useProducts };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, PricingVariation, OpenLineItem } from '@moonbase.sh/api-client';
+import { Address, LineItem } from '@moonbase.sh/api-client/src';
+import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, PricingVariation } from '@moonbase.sh/api-client';
 export * from '@moonbase.sh/api-client';
 import * as vue from 'vue';
 import { Plugin, Ref, App, InjectionKey } from 'vue';
-import { Address } from '@moonbase.sh/api-client/src';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     storefront: Ref<Storefront>;
@@ -103,7 +103,7 @@ declare const storefrontKey: InjectionKey<StorefrontContext>;
 interface Cart {
     items: CartItem[];
 }
-type CartItem = OpenLineItem & {};
+type CartItem = LineItem & {};
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory): StorefrontContext;
 
 export { type Cart, type CartItem, createStorefront, storefrontKey, useAuth, useBundle, useBundles, useCart, useProduct, useProducts };

package/dist/index.js

@@ -1,10 +1,11 @@
 // src/index.ts
 import { MoonbaseClient } from "@moonbase.sh/api-client";
-import { ref } from "vue";
+import { ref as ref2 } from "vue";
 
 // src/context.ts
 import { NotAuthenticatedError, OrderStatus } from "@moonbase.sh/api-client";
 import { v4 as uuidv4 } from "uuid";
+import { ref } from "vue";
 
 // src/symbols.ts
 var storefrontKey = Symbol("storefront");
@@ -27,32 +28,32 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     this.configuration = configuration;
     this.client = client;
     this.stateFactory = stateFactory;
+    this.currentUser = ref(null);
+    this.loadedUser = ref(false);
     this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order), 500);
-    this.currentUser = stateFactory("moonbase_user", null);
-    this.loadedUser = stateFactory("moonbase_loaded_user", false);
     if (typeof window === "undefined") {
-      this.currentOrder = stateFactory("moonbase_current_order", {
+      this.currentOrder = ref({
         id: uuidv4(),
         status: OrderStatus.Open,
         currency: "",
         items: [],
         couponsApplied: []
       });
-      this.storefront = stateFactory("moonbase_storefront", {
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
         products: []
       });
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", false);
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
       return;
     }
     window.addEventListener("storage", (event) => this.handleStorageUpdate(event));
-    const cachedOrderJson = localStorage.getItem("moonbase_session");
+    const cachedOrderJson = localStorage.getItem(_StorefrontContextImpl.sessionKey);
     if (cachedOrderJson) {
-      this.currentOrder = stateFactory("moonbase_current_order", JSON.parse(cachedOrderJson));
+      this.currentOrder = ref(JSON.parse(cachedOrderJson));
       const _1 = this.refreshOrder();
     } else {
-      this.currentOrder = stateFactory("moonbase_current_order", {
+      this.currentOrder = ref({
         id: uuidv4(),
         status: OrderStatus.Open,
         currency: "",
@@ -63,22 +64,22 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     }
     const cachedStorefrontJson = localStorage.getItem(_StorefrontContextImpl.storefrontKey);
     if (cachedStorefrontJson) {
-      this.storefront = stateFactory("moonbase_storefront", JSON.parse(cachedStorefrontJson));
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", true);
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, JSON.parse(cachedStorefrontJson));
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, true);
     } else {
-      this.storefront = stateFactory("moonbase_storefront", {
+      this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
         products: []
       });
-      this.loadedStorefront = stateFactory("moonbase_loaded_storefront", false);
+      this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
     }
     const _2 = this.updateStorefront();
     const _3 = this.updateUser();
   }
   install(app) {
     app.provide(storefrontKey, this);
-    console.log("Moonbase.sh storefront installed");
+    console.log("Moonbase.sh storefront installed, learn more at https://moonbase.sh/docs");
   }
   async updateUser() {
     try {
@@ -148,6 +149,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       localStorage.setItem(_StorefrontContextImpl.sessionKey, JSON.stringify(this.currentOrder.value));
   }
 };
+_StorefrontContextImpl.userKey = "moonbase_user";
 _StorefrontContextImpl.sessionKey = "moonbase_session";
 _StorefrontContextImpl.storefrontKey = "moonbase_storefront";
 var StorefrontContextImpl = _StorefrontContextImpl;
@@ -342,7 +344,7 @@ function createStorefront(endpoint, stateFactory) {
     configuration,
     new MoonbaseClient(configuration),
     // Default to vue refs but allow stuff like Nuxt useState wrappers
-    stateFactory || ((_, state) => ref(state))
+    stateFactory || ((_, state) => ref2(state))
   );
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.1.49",
+  "version": "0.1.52",
   "description": "Package to let you build vue.js storefronts with Moonbase.sh as payment and delivery provider",
   "author": "Tobias Lønnerød Madsen <m@dsen.tv>",
   "license": "MIT",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@vue/devtools-api": "^6.5.1",
     "uuid": "^9.0.1",
-    "@moonbase.sh/api-client": "0.1.49"
+    "@moonbase.sh/api-client": "0.1.52"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.7",