@commercejs/nuxt 0.2.0

package/dist/runtime/composables/useCustomer.js

@@ -0,0 +1,179 @@
+import { useState, computed, readonly } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { createEventHook } from "@vueuse/core";
+import { useAdapter } from "./useAdapter.js";
+export function useCustomer() {
+  const adapter = useAdapter();
+  const customer = useState("commerce_customer", () => null);
+  const loading = useState("commerce_customer_loading", () => false);
+  const error = useState("commerce_customer_error", () => null);
+  const loginHook = createEventHook();
+  const logoutHook = createEventHook();
+  const errorHook = createEventHook();
+  function handleError(err) {
+    const e = isCommerceError(err) ? err : new CommerceError(
+      err instanceof Error ? err.message : String(err),
+      "UNKNOWN",
+      void 0,
+      err
+    );
+    error.value = e;
+    errorHook.trigger(e);
+    return e;
+  }
+  async function login(email, password) {
+    loading.value = true;
+    error.value = null;
+    try {
+      customer.value = await adapter.login(email, password);
+      loginHook.trigger(customer.value);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function register(input) {
+    loading.value = true;
+    error.value = null;
+    try {
+      customer.value = await adapter.register(input);
+      loginHook.trigger(customer.value);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function logout() {
+    loading.value = true;
+    error.value = null;
+    try {
+      await adapter.logout();
+      customer.value = null;
+      logoutHook.trigger();
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function refresh() {
+    loading.value = true;
+    error.value = null;
+    try {
+      customer.value = await adapter.getCustomer();
+    } catch (err) {
+      handleError(err);
+      customer.value = null;
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function update(input) {
+    loading.value = true;
+    error.value = null;
+    try {
+      customer.value = await adapter.updateCustomer(input);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function forgotPassword(email) {
+    loading.value = true;
+    error.value = null;
+    try {
+      await adapter.forgotPassword(email);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function resetPassword(token, newPassword) {
+    loading.value = true;
+    error.value = null;
+    try {
+      await adapter.resetPassword(token, newPassword);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function getAddresses() {
+    loading.value = true;
+    error.value = null;
+    try {
+      return await adapter.getAddresses();
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function addAddress(address) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const saved = await adapter.addAddress(address);
+      await refresh();
+      return saved;
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function updateAddress(addressId, address) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const updated = await adapter.updateAddress(addressId, address);
+      await refresh();
+      return updated;
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function deleteAddress(addressId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      await adapter.deleteAddress(addressId);
+      await refresh();
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    customer: readonly(customer),
+    isAuthenticated: computed(() => customer.value !== null),
+    loading: readonly(loading),
+    error: readonly(error),
+    // Event hooks
+    onLogin: loginHook.on,
+    onLogout: logoutHook.on,
+    onError: errorHook.on,
+    // Methods
+    login,
+    register,
+    logout,
+    refresh,
+    update,
+    // Password reset
+    forgotPassword,
+    resetPassword,
+    // Address book
+    getAddresses,
+    addAddress,
+    updateAddress,
+    deleteAddress
+  };
+}

package/dist/runtime/composables/useLocations.js

@@ -0,0 +1,32 @@
+import { useState, readonly } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { useAdapter } from "./useAdapter.js";
+export function useLocations() {
+  const adapter = useAdapter();
+  const locations = useState("commerce:locations", () => []);
+  const loading = useState("commerce:locations:loading", () => false);
+  const error = useState("commerce:locations:error", () => null);
+  async function refresh() {
+    loading.value = true;
+    error.value = null;
+    try {
+      locations.value = await adapter.getStoreLocations();
+    } catch (err) {
+      const e = isCommerceError(err) ? err : new CommerceError(
+        err instanceof Error ? err.message : String(err),
+        "UNKNOWN",
+        void 0,
+        err
+      );
+      error.value = e;
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    locations: readonly(locations),
+    loading: readonly(loading),
+    error: readonly(error),
+    refresh
+  };
+}

package/dist/runtime/composables/useProduct.js

@@ -0,0 +1,16 @@
+import { useFetch, useRuntimeConfig, toValue } from "#imports";
+export function useProduct(params) {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.commerce?.apiBase || "/api/_commerce";
+  const productId = computed(() => {
+    const p = toValue(params);
+    return p.id || p.slug || "";
+  });
+  return useFetch(
+    () => `${apiBase}/products/${productId.value}`,
+    {
+      key: computed(() => `product-${productId.value}`).value,
+      watch: [productId]
+    }
+  );
+}

package/dist/runtime/composables/useProducts.js

@@ -0,0 +1,26 @@
+import { useFetch, useRuntimeConfig, toValue } from "#imports";
+export function useProducts(params = {}) {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.commerce?.apiBase || "/api/_commerce";
+  const queryParams = computed(() => {
+    const p = toValue(params);
+    const q = {};
+    if (p.query) q.query = p.query;
+    if (p.categoryId) q.categoryId = p.categoryId;
+    if (p.page) q.page = p.page;
+    if (p.perPage) q.perPage = p.perPage;
+    if (p.sort) {
+      q.sortField = p.sort.field;
+      q.sortDirection = p.sort.direction;
+    }
+    return q;
+  });
+  return useFetch(
+    () => `${apiBase}/products`,
+    {
+      key: computed(() => `products-${JSON.stringify(toValue(params))}`).value,
+      query: queryParams,
+      watch: [queryParams]
+    }
+  );
+}

package/dist/runtime/composables/usePromotions.js

@@ -0,0 +1,48 @@
+import { useState, readonly } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { useAdapter } from "./useAdapter.js";
+export function usePromotions() {
+  const adapter = useAdapter();
+  const promotions = useState("commerce:promotions", () => []);
+  const loading = useState("commerce:promotions:loading", () => false);
+  const error = useState("commerce:promotions:error", () => null);
+  function handleError(err) {
+    const e = isCommerceError(err) ? err : new CommerceError(
+      err instanceof Error ? err.message : String(err),
+      "UNKNOWN",
+      void 0,
+      err
+    );
+    error.value = e;
+    return e;
+  }
+  async function fetchPromotions() {
+    loading.value = true;
+    error.value = null;
+    try {
+      promotions.value = await adapter.getActivePromotions();
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function validateCoupon(code) {
+    loading.value = true;
+    error.value = null;
+    try {
+      return await adapter.validateCoupon(code);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    promotions: readonly(promotions),
+    loading: readonly(loading),
+    error: readonly(error),
+    fetchPromotions,
+    validateCoupon
+  };
+}

package/dist/runtime/composables/useReturns.js

@@ -0,0 +1,89 @@
+import { useState, readonly } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { createEventHook } from "@vueuse/core";
+import { useAdapter } from "./useAdapter.js";
+export function useReturns() {
+  const adapter = useAdapter();
+  const returns = useState("commerce:returns", () => null);
+  const loading = useState("commerce:returns:loading", () => false);
+  const error = useState("commerce:returns:error", () => null);
+  const returnCreatedHook = createEventHook();
+  const returnCancelledHook = createEventHook();
+  const errorHook = createEventHook();
+  function handleError(err) {
+    const e = isCommerceError(err) ? err : new CommerceError(
+      err instanceof Error ? err.message : String(err),
+      "UNKNOWN",
+      void 0,
+      err
+    );
+    error.value = e;
+    errorHook.trigger(e);
+    return e;
+  }
+  async function fetchReturns(params) {
+    loading.value = true;
+    error.value = null;
+    try {
+      returns.value = await adapter.getReturns(params);
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function getReturn(returnId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      return await adapter.getReturn(returnId);
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function createReturn(input) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const returnReq = await adapter.createReturn(input);
+      returnCreatedHook.trigger(returnReq);
+      await fetchReturns();
+      return returnReq;
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function cancelReturn(returnId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const returnReq = await adapter.cancelReturn(returnId);
+      returnCancelledHook.trigger(returnReq);
+      await fetchReturns();
+      return returnReq;
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    // State (readonly)
+    returns: readonly(returns),
+    loading: readonly(loading),
+    error: readonly(error),
+    // Methods
+    fetchReturns,
+    getReturn,
+    createReturn,
+    cancelReturn,
+    // Lifecycle hooks
+    onReturnCreated: returnCreatedHook.on,
+    onReturnCancelled: returnCancelledHook.on,
+    onError: errorHook.on
+  };
+}

package/dist/runtime/composables/useReviews.js

@@ -0,0 +1,77 @@
+import { useState, readonly, computed } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { createEventHook } from "@vueuse/core";
+import { useAdapter } from "./useAdapter.js";
+export function useReviews(productId) {
+  const adapter = useAdapter();
+  const reviews = useState(`commerce:reviews:${productId}`, () => null);
+  const summary = useState(`commerce:reviews:summary:${productId}`, () => null);
+  const loading = useState(`commerce:reviews:loading:${productId}`, () => false);
+  const error = useState(`commerce:reviews:error:${productId}`, () => null);
+  const reviewSubmittedHook = createEventHook();
+  const errorHook = createEventHook();
+  function handleError(err) {
+    const e = isCommerceError(err) ? err : new CommerceError(
+      err instanceof Error ? err.message : String(err),
+      "UNKNOWN",
+      void 0,
+      err
+    );
+    error.value = e;
+    errorHook.trigger(e);
+    return e;
+  }
+  async function fetchReviews(params) {
+    loading.value = true;
+    error.value = null;
+    try {
+      reviews.value = await adapter.getProductReviews(productId, params);
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function fetchSummary() {
+    loading.value = true;
+    error.value = null;
+    try {
+      summary.value = await adapter.getReviewSummary(productId);
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function submit(input) {
+    loading.value = true;
+    error.value = null;
+    try {
+      const review = await adapter.submitReview({ ...input, productId });
+      reviewSubmittedHook.trigger(review);
+      await Promise.all([fetchReviews(), fetchSummary()]);
+      return review;
+    } catch (err) {
+      throw handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    // State (readonly)
+    reviews: readonly(reviews),
+    summary: readonly(summary),
+    loading: readonly(loading),
+    error: readonly(error),
+    // Derived
+    averageRating: computed(() => summary.value?.averageRating ?? 0),
+    totalReviews: computed(() => summary.value?.totalCount ?? 0),
+    // Methods
+    fetchReviews,
+    fetchSummary,
+    submit,
+    // Lifecycle hooks
+    onReviewSubmitted: reviewSubmittedHook.on,
+    onError: errorHook.on
+  };
+}

package/dist/runtime/composables/useStoreInfo.js

@@ -0,0 +1,15 @@
+import { useFetch, useRuntimeConfig } from "#imports";
+export function useStoreInfo() {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.commerce?.apiBase || "/api/_commerce";
+  const { data: store, status, refresh, error } = useFetch(
+    `${apiBase}/store`,
+    { key: "commerce:store" }
+  );
+  return {
+    store,
+    loading: computed(() => status.value === "pending"),
+    error,
+    refresh
+  };
+}

package/dist/runtime/composables/useWishlist.js

@@ -0,0 +1,82 @@
+import { useState, readonly } from "#imports";
+import { CommerceError, isCommerceError } from "@commercejs/types";
+import { createEventHook } from "@vueuse/core";
+import { useAdapter } from "./useAdapter.js";
+export function useWishlist() {
+  const adapter = useAdapter();
+  const wishlist = useState("commerce:wishlist", () => null);
+  const loading = useState("commerce:wishlist:loading", () => false);
+  const error = useState("commerce:wishlist:error", () => null);
+  const itemAddedHook = createEventHook();
+  const itemRemovedHook = createEventHook();
+  const errorHook = createEventHook();
+  function handleError(err) {
+    const e = isCommerceError(err) ? err : new CommerceError(
+      err instanceof Error ? err.message : String(err),
+      "UNKNOWN",
+      void 0,
+      err
+    );
+    error.value = e;
+    errorHook.trigger(e);
+    return e;
+  }
+  async function refresh() {
+    loading.value = true;
+    error.value = null;
+    try {
+      wishlist.value = await adapter.getWishlist();
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function addItem(productId, variantId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      wishlist.value = await adapter.addToWishlist(productId, variantId);
+      itemAddedHook.trigger(wishlist.value);
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function removeItem(itemId) {
+    loading.value = true;
+    error.value = null;
+    try {
+      wishlist.value = await adapter.removeFromWishlist(itemId);
+      itemRemovedHook.trigger(wishlist.value);
+    } catch (err) {
+      handleError(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  function isInWishlist(productId) {
+    return wishlist.value?.items.some((item) => item.product.id === productId) ?? false;
+  }
+  return {
+    // State (readonly)
+    wishlist: readonly(wishlist),
+    loading: readonly(loading),
+    error: readonly(error),
+    // Item count
+    itemCount: readonly(useState(
+      "commerce:wishlist:count",
+      () => wishlist.value?.itemCount ?? 0
+    )),
+    // Methods
+    refresh,
+    addItem,
+    removeItem,
+    isInWishlist,
+    // Lifecycle hooks
+    onItemAdded: itemAddedHook.on,
+    onItemRemoved: itemRemovedHook.on,
+    onError: errorHook.on
+  };
+}

package/dist/runtime/plugin.js

@@ -0,0 +1,24 @@
+import { defineNuxtPlugin } from "#imports";
+import { consola } from "consola";
+const logger = consola.withTag("@commercejs/nuxt");
+export default defineNuxtPlugin({
+  name: "commercejs",
+  enforce: "pre",
+  async setup(nuxtApp) {
+    if (import.meta.server) {
+      const event = nuxtApp.ssrContext?.event;
+      if (event) {
+        const adapter = event.context?._commerceAdapter;
+        if (adapter) {
+          nuxtApp.provide("commerce", adapter);
+        } else {
+          logger.warn(
+            "No commerce adapter found in server context. Ensure the Nitro server plugin is registered."
+          );
+        }
+      }
+    } else {
+      logger.debug("CommerceJS running in client mode \u2014 using SSR-hydrated data.");
+    }
+  }
+});

package/dist/runtime/server/api/auth.forgot-password.post.js

@@ -0,0 +1,8 @@
+import { defineEventHandler, readBody } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  const { email } = await readBody(event);
+  await adapter.forgotPassword(email);
+  return { success: true };
+});

package/dist/runtime/server/api/auth.login.post.js

@@ -0,0 +1,7 @@
+import { defineEventHandler, readBody } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  const body = await readBody(event);
+  return adapter.login(body.email, body.password);
+});

package/dist/runtime/server/api/auth.logout.post.js

@@ -0,0 +1,7 @@
+import { defineEventHandler } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  await adapter.logout();
+  return { success: true };
+});

package/dist/runtime/server/api/auth.register.post.js

@@ -0,0 +1,7 @@
+import { defineEventHandler, readBody } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  const body = await readBody(event);
+  return adapter.register(body);
+});

package/dist/runtime/server/api/auth.reset-password.post.js

@@ -0,0 +1,8 @@
+import { defineEventHandler, readBody } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  const { token, newPassword } = await readBody(event);
+  await adapter.resetPassword(token, newPassword);
+  return { success: true };
+});

package/dist/runtime/server/api/brands.get.js

@@ -0,0 +1,6 @@
+import { defineEventHandler } from "h3";
+import { useServerAdapter } from "../utils/adapter.js";
+export default defineEventHandler(async (event) => {
+  const adapter = useServerAdapter(event);
+  return adapter.getBrands();
+});