shopify-nuxt 0.0.11 → 0.0.12

package/README.md

@@ -283,21 +283,36 @@ const shop = shopify.config.shop
 
 ### Authenticated fetch
 
-Use `useShopifyFetch()` for client-side API calls that automatically include the session token:
+Use `useShopifyFetch()` for API calls that automatically include the Shopify session token. It works on both client and server — on the client it fetches a session token via App Bridge, on the server it forwards the incoming `Authorization` header.
 
 ```vue
 <script setup>
-const shopifyFetch = useShopifyFetch()
+const { data: shop } = await useAsyncData(
+  'shop',
+  () => useShopifyFetch('/api/shop'),
+  { server: false }
+)
+</script>
+```
+
+With generic types for full type safety:
+
+```vue
+<script setup lang="ts">
+interface ShopData {
+  shop: { name: string; currencyCode: string }
+}
 
-const { data: products } = await useAsyncData(
-  'products',
-  () => shopifyFetch('/api/products'),
+const { data } = await useAsyncData(
+  'shop',
+  () => useShopifyFetch<ShopData>('/api/shop'),
   { server: false }
 )
+// data.value.data.shop.name is fully typed
 </script>
 ```
 
-> **Important**: Always use `server: false` with `useShopifyFetch()` — session tokens are only available on the client side within the Shopify admin iframe.
+> **Important**: Always use `server: false` with `useShopifyFetch()` in `useAsyncData` — session tokens are only available on the client side within the Shopify admin iframe.
 
 ## Using Polaris components
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shopify-nuxt",
   "configKey": "shopify",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/admin-api-client.d.ts

@@ -0,0 +1 @@
+export * from '@shopify/admin-api-client';

package/dist/runtime/admin-api-client.js

@@ -0,0 +1 @@
+export * from "@shopify/admin-api-client";

package/dist/runtime/composables/useShopifyFetch.d.ts

@@ -1,13 +1,10 @@
 import type { NitroFetchRequest, TypedInternalResponse, AvailableRouterMethod } from 'nitropack/types';
 import type { RouterMethod } from 'h3';
 type ShopifyFetchData<T, R extends NitroFetchRequest, M extends RouterMethod> = [T] extends [undefined] ? TypedInternalResponse<R, unknown, M> : T;
-interface ShopifyFetchFunction {
-    <T = undefined, R extends NitroFetchRequest = NitroFetchRequest, M extends AvailableRouterMethod<R> = 'get' extends AvailableRouterMethod<R> ? 'get' : AvailableRouterMethod<R>>(url: R, options?: Omit<RequestInit, 'method'> & {
-        method?: Uppercase<M> | M;
-    }): Promise<{
-        data: ShopifyFetchData<T, R, Extract<Lowercase<M>, RouterMethod>>;
-        response: Response;
-    }>;
-}
-export declare function useShopifyFetch(): ShopifyFetchFunction;
+export declare function useShopifyFetch<T = undefined, R extends NitroFetchRequest = NitroFetchRequest, M extends AvailableRouterMethod<R> = 'get' extends AvailableRouterMethod<R> ? 'get' : AvailableRouterMethod<R>>(url: R, options?: Omit<RequestInit, 'method'> & {
+    method?: Uppercase<M> | M;
+}): Promise<{
+    data: ShopifyFetchData<T, R, Extract<Lowercase<M>, RouterMethod>>;
+    response: Response;
+}>;
 export {};

package/dist/runtime/composables/useShopifyFetch.js

@@ -1,52 +1,49 @@
 import { useNuxtApp, useRequestEvent } from "#app";
-export function useShopifyFetch() {
+export async function useShopifyFetch(url, options) {
+  const opts = options ?? {};
   if (import.meta.server) {
     const event = useRequestEvent();
-    return (async (url, options = {}) => {
-      const headers = {};
-      const authHeader = event?.headers.get("authorization");
-      if (authHeader) {
-        headers["Authorization"] = authHeader;
-      }
-      if (options.headers) {
-        const incoming = new Headers(options.headers);
-        incoming.forEach((value, key) => {
-          headers[key] = value;
-        });
-      }
-      const { method, ...rest } = options;
-      const response = await globalThis.$fetch.raw(url, {
-        ...rest,
-        method,
-        headers
+    const headers2 = {};
+    const authHeader = event?.headers.get("authorization");
+    if (authHeader) {
+      headers2["Authorization"] = authHeader;
+    }
+    if (opts.headers) {
+      const incoming = new Headers(opts.headers);
+      incoming.forEach((value, key) => {
+        headers2[key] = value;
       });
-      return { data: response._data, response };
+    }
+    const { method, ...rest } = opts;
+    const fetchResponse2 = await globalThis.$fetch.raw(url, {
+      ...rest,
+      method,
+      headers: headers2
     });
+    return { data: fetchResponse2._data, response: fetchResponse2 };
   }
   const nuxtApp = useNuxtApp();
-  return (async (url, options = {}) => {
-    const shopify = nuxtApp.$shopify;
-    if (!shopify) {
-      throw new Error(
-        "Shopify App Bridge is not available. Make sure the app is loaded within the Shopify Admin."
-      );
-    }
-    const token = await shopify.idToken();
-    const headers = new Headers(options.headers || {});
-    headers.set("Authorization", `Bearer ${token}`);
-    const response = await fetch(url, {
-      ...options,
-      headers
-    });
-    if (!response.ok) {
-      throw new Error(
-        `Shopify fetch failed: ${response.status} ${response.statusText}`
-      );
-    }
-    const contentType = response.headers.get("content-type");
-    if (contentType?.includes("application/json")) {
-      return { data: await response.json(), response };
-    }
-    return { data: await response.text(), response };
+  const shopify = nuxtApp.$shopify;
+  if (!shopify) {
+    throw new Error(
+      "Shopify App Bridge is not available. Make sure the app is loaded within the Shopify Admin."
+    );
+  }
+  const token = await shopify.idToken();
+  const headers = new Headers(opts.headers || {});
+  headers.set("Authorization", `Bearer ${token}`);
+  const fetchResponse = await fetch(url, {
+    ...opts,
+    headers
   });
+  if (!fetchResponse.ok) {
+    throw new Error(
+      `Shopify fetch failed: ${fetchResponse.status} ${fetchResponse.statusText}`
+    );
+  }
+  const contentType = fetchResponse.headers.get("content-type");
+  if (contentType?.includes("application/json")) {
+    return { data: await fetchResponse.json(), response: fetchResponse };
+  }
+  return { data: await fetchResponse.text(), response: fetchResponse };
 }

package/dist/runtime/shopify-api.d.ts

@@ -0,0 +1 @@
+export * from '@shopify/shopify-api';

package/dist/runtime/shopify-api.js

@@ -0,0 +1 @@
+export * from "@shopify/shopify-api";

package/dist/runtime/shopify-app-session-storage-memory.d.ts

@@ -0,0 +1 @@
+export * from '@shopify/shopify-app-session-storage-memory';

package/dist/runtime/shopify-app-session-storage-memory.js

@@ -0,0 +1 @@
+export * from "@shopify/shopify-app-session-storage-memory";

package/dist/runtime/shopify-app-session-storage.d.ts

@@ -0,0 +1 @@
+export * from '@shopify/shopify-app-session-storage';

package/dist/runtime/shopify-app-session-storage.js

@@ -0,0 +1 @@
+export * from "@shopify/shopify-app-session-storage";

package/dist/runtime/storefront-api-client.d.ts

@@ -0,0 +1 @@
+export * from '@shopify/storefront-api-client';

package/dist/runtime/storefront-api-client.js

@@ -0,0 +1 @@
+export * from "@shopify/storefront-api-client";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopify-nuxt",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Shopify app integration for Nuxt - authentication, webhooks, billing, and App Bridge",
   "repository": "kiriminaja/shopify-nuxt",
   "license": "MIT",
@@ -15,6 +15,26 @@
     "./test-helpers": {
       "types": "./dist/runtime/server/test-helpers/index.d.ts",
       "import": "./dist/runtime/server/test-helpers/index.js"
+    },
+    "./shopify-api": {
+      "types": "./dist/runtime/shopify-api.d.ts",
+      "import": "./dist/runtime/shopify-api.js"
+    },
+    "./shopify-app-session-storage": {
+      "types": "./dist/runtime/shopify-app-session-storage.d.ts",
+      "import": "./dist/runtime/shopify-app-session-storage.js"
+    },
+    "./shopify-app-session-storage-memory": {
+      "types": "./dist/runtime/shopify-app-session-storage-memory.d.ts",
+      "import": "./dist/runtime/shopify-app-session-storage-memory.js"
+    },
+    "./admin-api-client": {
+      "types": "./dist/runtime/admin-api-client.d.ts",
+      "import": "./dist/runtime/admin-api-client.js"
+    },
+    "./storefront-api-client": {
+      "types": "./dist/runtime/storefront-api-client.d.ts",
+      "import": "./dist/runtime/storefront-api-client.js"
     }
   },
   "main": "./dist/module.mjs",
@@ -23,6 +43,21 @@
     "*": {
       ".": [
         "./dist/types.d.mts"
+      ],
+      "shopify-api": [
+        "./dist/runtime/shopify-api.d.ts"
+      ],
+      "shopify-app-session-storage": [
+        "./dist/runtime/shopify-app-session-storage.d.ts"
+      ],
+      "shopify-app-session-storage-memory": [
+        "./dist/runtime/shopify-app-session-storage-memory.d.ts"
+      ],
+      "admin-api-client": [
+        "./dist/runtime/admin-api-client.d.ts"
+      ],
+      "storefront-api-client": [
+        "./dist/runtime/storefront-api-client.d.ts"
       ]
     }
   },
@@ -53,7 +88,7 @@
     "@shopify/shopify-app-session-storage": "^5.0.0",
     "@shopify/shopify-app-session-storage-memory": "^6.0.0",
     "@shopify/storefront-api-client": "^1.0.10",
-    "h3": "^1.15.0",
+    "h3": "^2.0.0",
     "isbot": "^5.1.36"
   },
   "devDependencies": {