shopify-nuxt 0.0.1 → 0.0.2

package/dist/runtime/components/polaris/ShThumbnail.vue

@@ -1,14 +1,16 @@
 <template>
-  <s-thumbnail v-bind="$attrs">
+  <s-thumbnail v-bind="polarisAttrs">
     <slot />
   </s-thumbnail>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShThumbnail", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   src: { type: String, required: false },
   alt: { type: String, required: false },
   size: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShTooltip.d.vue.ts

@@ -1,8 +1,11 @@
+type __VLS_Props = {
+    id: string;
+};
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShTooltip.vue

@@ -1,9 +1,14 @@
 <template>
-  <s-tooltip v-bind="$attrs">
+  <s-tooltip v-bind="polarisAttrs">
     <slot />
   </s-tooltip>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShTooltip", inheritAttrs: false });
+const props = defineProps({
+  id: { type: String, required: true }
+});
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShTooltip.vue.d.ts

@@ -1,8 +1,11 @@
+type __VLS_Props = {
+    id: string;
+};
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShUrlField.d.vue.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     autocomplete?: string;
     maxLength?: number;
     minLength?: number;
-    value?: string;
     defaultValue?: string;
     details?: string;
     error?: string;
@@ -14,12 +13,25 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: InputEvent) => void;
+    change: (event: InputEvent) => void;
+    focus: (event: InputEvent) => void;
+    input: (event: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShUrlField.vue

@@ -1,16 +1,29 @@
 <template>
-  <s-url-field v-bind="$attrs">
+  <s-url-field
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @blur="emit('blur', $event)"
+    @change="emit('change', $event)"
+    @focus="emit('focus', $event)"
+    @input="
+  (evt) => {
+    emit('input', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+  >
     <slot />
   </s-url-field>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShUrlField", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   autocomplete: { type: String, required: false },
   maxLength: { type: Number, required: false },
   minLength: { type: Number, required: false },
-  value: { type: String, required: false },
   defaultValue: { type: String, required: false },
   details: { type: String, required: false },
   error: { type: String, required: false },
@@ -21,6 +34,13 @@ defineProps({
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
-  name: { type: String, required: false }
+  name: { type: String, required: false },
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "blur", "change", "focus", "input"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShUrlField.vue.d.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     autocomplete?: string;
     maxLength?: number;
     minLength?: number;
-    value?: string;
     defaultValue?: string;
     details?: string;
     error?: string;
@@ -14,12 +13,25 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: InputEvent) => void;
+    change: (event: InputEvent) => void;
+    focus: (event: InputEvent) => void;
+    input: (event: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Merges $attrs with defined (non-undefined) props for forwarding to Polaris custom elements.
+ * With `inheritAttrs: false`, Vue-declared props are stripped from $attrs.
+ * This utility re-adds only the props that were actually passed by the parent,
+ * avoiding setting undefined values on custom elements which can alter their behavior.
+ */
+export declare function usePolarisAttrs(props: Record<string, unknown>, exclude?: string[]): import("vue").ComputedRef<Record<string, unknown>>;

package/dist/runtime/components/polaris/utils.js

@@ -0,0 +1,13 @@
+import { computed, useAttrs } from "vue";
+export function usePolarisAttrs(props, exclude) {
+  const attrs = useAttrs();
+  return computed(() => {
+    const merged = { ...attrs };
+    for (const [key, val] of Object.entries(props)) {
+      if (val !== void 0 && !exclude?.includes(key)) {
+        merged[key] = val;
+      }
+    }
+    return merged;
+  });
+}

package/dist/runtime/composables/useShopifyFetch.js

@@ -1,7 +1,9 @@
 import { useNuxtApp } from "#app";
 export function useShopifyFetch() {
   if (import.meta.server) {
-    throw new Error("useShopifyFetch() can only be used on the client side");
+    return async (_url, _options) => {
+      return { data: null, response: null };
+    };
   }
   const nuxtApp = useNuxtApp();
   return async (url, options = {}) => {

package/dist/runtime/server/utils/authenticate-admin.js

@@ -15,6 +15,8 @@ import {
   renderAppBridgePage
 } from "./helpers.js";
 import { AppDistribution } from "../../types.js";
+const OnlineAccessToken = "urn:shopify:params:oauth:token-type:online-access-token";
+const OfflineAccessToken = "urn:shopify:params:oauth:token-type:offline-access-token";
 export async function useShopifyAdmin(event) {
   const api = getShopifyApi();
   const config = getResolvedConfig();
@@ -131,17 +133,30 @@ export async function useShopifyAdmin(event) {
   };
 }
 async function performTokenExchange(api, config, sessionStorage, shop, sessionToken) {
-  const { session: onlineSession } = await api.auth.tokenExchange({
-    shop,
-    sessionToken,
-    requestedTokenType: config.useOnlineTokens ? "online" : "offline"
-  });
+  let onlineSession;
+  try {
+    const result = await api.auth.tokenExchange({
+      shop,
+      sessionToken,
+      requestedTokenType: config.useOnlineTokens ? OnlineAccessToken : OfflineAccessToken
+    });
+    onlineSession = result.session;
+  } catch (error) {
+    console.error("[shopify-nuxt] Token exchange failed:", {
+      shop,
+      requestedTokenType: config.useOnlineTokens ? OnlineAccessToken : OfflineAccessToken,
+      scopes: api.config.scopes?.toString(),
+      responseBody: error?.response?.body,
+      message: error?.message
+    });
+    throw error;
+  }
   await sessionStorage.storeSession(onlineSession);
   if (config.useOnlineTokens) {
     const { session: offlineSession } = await api.auth.tokenExchange({
       shop,
       sessionToken,
-      requestedTokenType: "offline"
+      requestedTokenType: OfflineAccessToken
     });
     await sessionStorage.storeSession(offlineSession);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopify-nuxt",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Shopify app integration for Nuxt - authentication, webhooks, billing, and App Bridge",
   "repository": "yanuaraditia/shopify-nuxt",
   "license": "MIT",
@@ -47,6 +47,7 @@
     "@shopify/polaris-types": "^1.0.1",
     "@shopify/shopify-api": "^13.0.0",
     "@shopify/shopify-app-session-storage": "^5.0.0",
+    "h3": "^1.15.0",
     "isbot": "^5.1.36"
   },
   "devDependencies": {

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

@@ -1,13 +0,0 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/ShopifyAppProvider.vue

@@ -1,11 +0,0 @@
-<template>
-  <div>
-    <slot />
-  </div>
-</template>
-
-<script setup>
-defineOptions({
-  name: "ShopifyAppProvider"
-});
-</script>

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

@@ -1,13 +0,0 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};