@meeovi/layer-commerce 1.0.1 → 1.0.3

package/app/pages/transaction/[...id].vue

@@ -0,0 +1,74 @@
+<template>
+    <div>
+        <!--<profilebar />-->
+        <section data-bs-version="5.1" class="features07 scalem5 cid-uhB4hw1yxB mbr-fullscreen" id="features07-9l">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 col-lg-10 card">
+                        <div class="title-wrapper">
+                            <h2 class="mbr-section-title mbr-fonts-style display-5">
+                                View Transaction</h2>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-12">
+                        <div class="items-wrapper">
+                            <div class="item features-without-image item-mb">
+                                <div class="item-wrapper">
+                                    <div class="card-box">
+                                        <div class="icon-wrapper">
+                                            <span class="mbr-iconfont mobi-mbri-growing-chart mobi-mbri"></span>
+                                        </div>
+                                        <h4 class="card-title mbr-fonts-style display-7">
+                                            Transaction Information
+                                        </h4>
+                                        <a class="card-text mbr-fonts-style display-7" :href="`/order/${transaction?.orders?.orders_id?.id}`">Order #:
+                                            {{ transaction?.orders?.orders_id?.id }}</a>
+                                        <p class="card-text mbr-fonts-style display-7">Transaction ID: {{ transaction?.id }}</p>    
+                                        <p class="card-text mbr-fonts-style display-7">Transaction Date:
+                                            {{ new Date(transaction?.created_at).toLocaleDateString() }}</p>
+                                        <p class="card-text mbr-fonts-style display-7">Is it Closed?
+                                            {{ transaction?.is_closed }}</p>
+                                        <p class="card-text mbr-fonts-style display-7">Parent Transaction ID: {{ transaction?.parent_id }}</p>
+                                        <p class="card-text mbr-fonts-style display-7">Payment ID: {{ transaction?.payment_id }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <img src="../../assets/images/background10.jpg" :alt="transaction?.id">
+        </section>
+    </div>
+</template>
+
+<script setup>
+    const route = useRoute();
+    
+    const {
+        $directus,
+        $readItem
+    } = useNuxtApp()
+    const user = useSupabaseUser()
+
+    const {
+        data: transaction
+    } = await useAsyncData('transaction', () => {
+        return $directus.request($readItem('transactions', route.params.id, {
+            filter: {
+                user: {
+                    _eq: `${user?.id}`
+                }
+            },
+            limit: 1
+        })).then(response => response?.[0])
+    })
+
+    useHead({
+        title: 'Transaction' + transaction?.value?.id || 'Transaction Page',
+    })
+
+    definePageMeta({
+        //middleware: ['auth-logged-in'],
+    })
+</script>

package/app/types/shims-imports.d.ts

@@ -0,0 +1,13 @@
+declare module '#imports' {
+  export function useRuntimeConfig(): any;
+  export function useState<T = any>(key: string, init?: T): any;
+  export function useFetch(...args: any[]): any;
+  export function defineNuxtPlugin(fn: any): any;
+  export const navigateTo: any;
+  export const useRouter: any;
+  export const useNuxtApp: any;
+  export const useRequestEvent: any;
+  export const useCookie: any;
+  export const useHeaders: any;
+  export const useQuery: any;
+}

package/app/utils/client.ts

@@ -0,0 +1,26 @@
+import * as CommercePkg from '#imports';
+import { sdk } from '@meeovi/sdk';
+
+const CommerceAny: any = CommercePkg as any;
+
+/**
+ * Returns a commerce client. Prefer `@meeovi/commerce` client creation APIs
+ * when available, otherwise fall back to `sdk.commerce`.
+ */
+export function getCommerceClient(provider?: string, providerConfig?: any) {
+  try {
+    if (typeof CommerceAny.createClient === 'function') {
+      return CommerceAny.createClient(provider, providerConfig);
+    }
+    if (typeof CommerceAny.init === 'function') {
+      return CommerceAny.init(providerConfig);
+    }
+  } catch (e) {
+    // swallow and fallback to sdk
+  }
+
+  // fallback: return the SDK's commerce helper (already used in many composables)
+  return sdk.commerce;
+}
+
+export default getCommerceClient;

package/app/utils/index.ts

@@ -0,0 +1,53 @@
+import { NormalizerRegistry, CommerceNormalizer } from './normalizer';
+
+// Keep imports loose because host `@meeovi/commerce` implementations may vary
+import * as CommercePkg from '#imports';
+const CommerceAny: any = CommercePkg as any;
+
+export type Provider = string;
+
+export interface CommerceLayerConfig {
+  provider: Provider;
+  providerConfig?: Record<string, any>;
+  normalizer?: CommerceNormalizer;
+  registry?: NormalizerRegistry;
+}
+
+export function createCommerceLayer(config: CommerceLayerConfig) {
+  const registry = config.registry ?? new NormalizerRegistry();
+  const normalizer = config.normalizer ?? registry.get(config.provider);
+
+  if (!normalizer) {
+    throw new Error('No normalizer found for provider: ' + config.provider);
+  }
+
+  // Create or obtain a client from `@meeovi/commerce` in a resilient way
+  const client = ((): any => {
+    try {
+      if (typeof CommerceAny.createClient === 'function') {
+        return CommerceAny.createClient(config.provider, config.providerConfig);
+      }
+      if (typeof CommerceAny.init === 'function') {
+        return CommerceAny.init(config.providerConfig);
+      }
+      return CommerceAny;
+    } catch (e) {
+      // In production, surface useful message while avoiding leaking secrets
+      throw new Error('Failed to initialize commerce client for provider: ' + config.provider);
+    }
+  })();
+
+  async function getProduct(id: string) {
+    const raw = await (client.getProduct?.(id) ?? client.fetchProduct?.(id) ?? client.product?.(id));
+    return normalizer!.normalizeProduct(raw);
+  }
+
+  return {
+    client,
+    getProduct,
+    registry,
+    normalizer,
+  } as const;
+}
+
+export default createCommerceLayer;

package/app/utils/normalizer.ts

@@ -0,0 +1,23 @@
+export interface CommerceNormalizer {
+  normalizeProduct(data: any): any;
+  normalizeCategory?(data: any): any;
+  normalizeCart?(data: any): any;
+}
+
+export class NormalizerRegistry {
+  private registry = new Map<string, CommerceNormalizer>();
+
+  register(name: string, normalizer: CommerceNormalizer) {
+    this.registry.set(name, normalizer);
+  }
+
+  get(name: string): CommerceNormalizer | undefined {
+    return this.registry.get(name);
+  }
+
+  list(): string[] {
+    return Array.from(this.registry.keys());
+  }
+}
+
+export default NormalizerRegistry;

package/app/utils/normalizers/magento.ts

@@ -0,0 +1,29 @@
+import { CommerceNormalizer } from "../normalizer";
+
+export const magentoNormalizer: CommerceNormalizer = {
+  normalizeProduct(data: any) {
+    return {
+      id: data?.id ?? data?.sku ?? data?.item_id,
+      title: data?.name ?? data?.title,
+      price:
+        data?.price ?? data?.price_range?.minimum_price?.final_price?.value,
+      description: data?.description ?? data?.short_description,
+      images: (data?.media_gallery_entries ?? []).map((m: any) => m.file || m.url),
+      raw: data,
+    };
+  },
+
+  normalizeCategory(data: any) {
+    return {
+      id: data?.id,
+      name: data?.name,
+      raw: data,
+    };
+  },
+
+  normalizeCart(data: any) {
+    return { raw: data };
+  },
+};
+
+export default magentoNormalizer;

package/app/utils/normalizers/shopify.ts

@@ -0,0 +1,29 @@
+import { CommerceNormalizer } from "../normalizer";
+
+export const shopifyNormalizer: CommerceNormalizer = {
+  normalizeProduct(data: any) {
+    // Shopify payloads vary depending on SDK; this maps common fields
+    return {
+      id: data?.id ?? data?.variants?.[0]?.id,
+      title: data?.title ?? data?.name,
+      price: data?.variants?.[0]?.price ?? data?.price,
+      description: data?.body_html ?? data?.description,
+      images: (data?.images ?? []).map((i: any) => i?.src || i?.url),
+      raw: data,
+    };
+  },
+
+  normalizeCategory(data: any) {
+    return {
+      id: data?.id,
+      name: data?.title ?? data?.name,
+      raw: data,
+    };
+  },
+
+  normalizeCart(data: any) {
+    return { raw: data };
+  },
+};
+
+export default shopifyNormalizer;

package/dist/client.js

@@ -1,4 +1,4 @@
-import * as CommercePkg from '@meeovi/commerce';
+import * as CommercePkg from '#imports';
 import { sdk } from '@meeovi/sdk';
 const CommerceAny = CommercePkg;
 /**

package/nuxt.config.ts

@@ -0,0 +1,11 @@
+import {
+  defineNuxtConfig
+} from 'nuxt/config'
+
+export default defineNuxtConfig({
+  $meta: {
+    name: 'commerce',
+  },
+
+  runtimeConfig: {}
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meeovi/layer-commerce",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Commerce Layer for the Alternate Framework",
   "keywords": [
     "commerce",
@@ -8,33 +8,19 @@
     "nuxt",
     "layer"
   ],
+  "main": "./nuxt.config.ts",
   "license": "MIT",
   "author": "Meeovi",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
+  "type": "module",
   "scripts": {
     "test": "vitest",
     "build": "tsc -p tsconfig.json",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "lint": "eslint 'src/**/*.{ts,tsx}' || true",
-    "clean": "rimraf dist",
     "prepare": "npm run build",
     "prepublishOnly": "npm run typecheck && npm run build",
     "codegen": "npx graphql-codegen --config ./node_modules/@meeovi/adapter-magento/codegen.ts"
   },
-  "files": [
-    "dist"
-  ],
-  "peerDependencies": {
-    "@meeovi/types": "^1.0.0"
-  },
   "dependencies": {
     "@better-auth/stripe": "^1.4.15",
     "@meeovi/adapter-magento": "^1.0.2",

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "outDir": "dist",
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "strict": true,
+    "jsx": "react-jsx",
+    "skipLibCheck": true, 
+    "noEmitOnError": false
+  },
+  "include": ["src", "index.ts", "app/types", "app/utils/client.ts", "app/utils/normalizers"]
+}