@neurodyn/ai-try-on 0.0.4 → 0.1.0

package/dist/shopify.embed.min.js.LICENSE.txt

@@ -0,0 +1,88 @@
+/*! For license information please see index.js.LICENSE.txt */
+
+/**
+ * @license React
+ * react-dom-client.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-dom-server-legacy.browser.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-dom-server.browser.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license lucide-react v0.553.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */

package/dist/shopify.js

@@ -0,0 +1,230 @@
+import { AiTryOnDialog, AiTryOnGenerationError, createAppProxyOperations, createShopifyTryOnClient, uploadImageToPresignedUrl } from "@neurodyn/react-ai-try-on";
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+const CART_ADD_PATH = '/cart/add.js';
+class ShopifyCartError extends Error {
+    constructor(message){
+        super(message);
+        this.name = 'ShopifyCartError';
+    }
+}
+async function addVariantToCart(variantId, { signal, win = window } = {}) {
+    const response = await win.fetch(CART_ADD_PATH, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json'
+        },
+        body: JSON.stringify({
+            items: [
+                {
+                    id: variantId,
+                    quantity: 1
+                }
+            ]
+        }),
+        signal
+    });
+    if (!response.ok) throw new ShopifyCartError(await readCartErrorMessage(response));
+    notifyThemeCartChanged(win);
+}
+async function readCartErrorMessage(response) {
+    try {
+        const body = await response.json();
+        const description = 'string' == typeof body.description ? body.description.trim() : '';
+        const message = 'string' == typeof body.message ? body.message.trim() : '';
+        return description || message || '';
+    } catch  {
+        return '';
+    }
+}
+function notifyThemeCartChanged(win) {
+    for (const type of [
+        'cart:refresh',
+        'cart:update'
+    ])win.document.dispatchEvent(new CustomEvent(type, {
+        bubbles: true,
+        detail: {
+            source: 'vizbl-try-on'
+        }
+    }));
+}
+function readCurrentVariantId(trigger, doc = document) {
+    const search = doc.defaultView?.location?.search ?? '';
+    const fromUrl = new URLSearchParams(search).get('variant')?.trim();
+    if (fromUrl) return fromUrl;
+    const field = doc.querySelector('form[action*="/cart/add"] [name="id"]:checked, form[action*="/cart/add"] select[name="id"], form[action*="/cart/add"] input[name="id"]');
+    const fromForm = field?.value?.trim();
+    if (fromForm) return fromForm;
+    return trigger.getAttribute('data-variant-id')?.trim() || void 0;
+}
+function readVariantPrice(trigger, variantId) {
+    const fallback = trigger.getAttribute('data-product-price')?.trim() || void 0;
+    if (!variantId) return fallback;
+    const payload = trigger.closest('[data-vizbl-try-on-block]')?.querySelector('[data-vizbl-try-on-variants]')?.textContent;
+    if (!payload) return fallback;
+    try {
+        const prices = JSON.parse(payload);
+        const price = prices[variantId]?.price;
+        return 'string' == typeof price && price.trim() || fallback;
+    } catch  {
+        return fallback;
+    }
+}
+const mounted = new WeakMap();
+const PROXY_BASE_PATH = "/apps/vizbl-ai-try-on";
+let proxyOperations;
+function builtInOperations() {
+    proxyOperations ??= createAppProxyOperations(PROXY_BASE_PATH);
+    return proxyOperations;
+}
+function revokeObjectUrl(src) {
+    if (src?.startsWith('blob:') && 'function' == typeof URL.revokeObjectURL) URL.revokeObjectURL(src);
+}
+const selector = '[data-vizbl-try-on]';
+function mountShopifyTryOn(doc = document, options = {}) {
+    const existing = mounted.get(doc);
+    if (existing) {
+        existing.configure(options);
+        return existing;
+    }
+    let configuration = {
+        ...options
+    };
+    const container = doc.createElement('div');
+    container.dataset.vizblTryOnDialog = '';
+    doc.body.append(container);
+    const root = createRoot(container);
+    let active = null;
+    let abort = null;
+    let destroyed = false;
+    let dialogId = 0;
+    let observer;
+    const close = ()=>{
+        observer.disconnect();
+        abort?.abort();
+        abort = null;
+        active = null;
+        root.render(null);
+    };
+    const click = (event)=>{
+        const trigger = event.target instanceof Element ? event.target.closest(selector) : null;
+        if (!trigger || 'true' === trigger.getAttribute('aria-disabled') || trigger instanceof HTMLButtonElement && trigger.disabled) return;
+        const productId = trigger.dataset.productId;
+        if (!productId) return;
+        event.preventDefault();
+        if (active === trigger) return;
+        close();
+        active = trigger;
+        observer.observe(doc.body, {
+            childList: true,
+            subtree: true
+        });
+        const lifecycle = new AbortController();
+        abort = lifecycle;
+        const declared = trigger.dataset.language?.toLowerCase().split(/[-_]/)[0];
+        const language = void 0 === declared ? void 0 : 'ru' === declared ? 'ru' : 'en';
+        const resolve = ()=>configuration.operations ?? builtInOperations();
+        const require = ()=>{
+            const current = resolve();
+            if (!current) throw new AiTryOnGenerationError('service');
+            return current;
+        };
+        const operations = {
+            activate: (target, config)=>require().activate(target, config),
+            requestUploadUrls: (count, config)=>require().requestUploadUrls(count, config),
+            generate: (data, config)=>require().generate(data, config),
+            issueWidgetToken: (data, config)=>require().issueWidgetToken(data, config),
+            uploadPhoto: (url, photo, config)=>(resolve()?.uploadPhoto ?? uploadImageToPresignedUrl)(url, photo, config),
+            sendWidgetEvent: (data, config)=>resolve()?.sendWidgetEvent?.(data, config) ?? Promise.resolve()
+        };
+        const client = createShopifyTryOnClient({
+            operations,
+            signal: lifecycle.signal
+        });
+        const target = {
+            productId,
+            variantId: readCurrentVariantId(trigger, doc)
+        };
+        const processPhoto = client.createProcessPhoto(target);
+        let pending = false;
+        const externalActivation = async ()=>{
+            if (!resolve()) return {
+                enabled: false
+            };
+            const { available, photoUrl, reason, zoneType } = await client.activate(target);
+            return {
+                enabled: available,
+                productImageSrc: photoUrl,
+                productType: zoneType,
+                temporarilyUnavailable: 'tokens_exhausted' === reason
+            };
+        };
+        const externalGeneration = async (photo, context)=>{
+            if (pending || lifecycle.signal.aborted) throw new AiTryOnGenerationError('service');
+            pending = true;
+            try {
+                const result = await processPhoto(photo, context);
+                if (lifecycle.signal.aborted) {
+                    revokeObjectUrl(result.after.src);
+                    throw new DOMException('Generation was aborted', 'AbortError');
+                }
+                return result;
+            } catch (error) {
+                if (error instanceof AiTryOnGenerationError || lifecycle.signal.aborted) throw error;
+                throw new AiTryOnGenerationError('service');
+            } finally{
+                pending = false;
+            }
+        };
+        const addToCart = target.variantId ? ()=>addVariantToCart(target.variantId, {
+                signal: lifecycle.signal
+            }) : void 0;
+        root.render(createElement(AiTryOnDialog, {
+            key: ++dialogId,
+            open: true,
+            language,
+            productName: trigger.dataset.productName ?? '',
+            productImageSrc: trigger.dataset.productImage ?? '',
+            productPrice: readVariantPrice(trigger, target.variantId),
+            productUrl: trigger.dataset.productUrl,
+            externalActivation,
+            externalAddToCart: addToCart,
+            externalGeneration,
+            externalClient: client,
+            onOpenChange: (open)=>!open && close()
+        }));
+    };
+    const unload = (event)=>{
+        if (event.target instanceof Element && active && event.target.contains(active)) close();
+    };
+    doc.addEventListener('click', click);
+    doc.addEventListener('shopify:section:unload', unload);
+    observer = new MutationObserver(()=>{
+        if (active && !active.isConnected) close();
+    });
+    const controller = {
+        configure (next) {
+            if (!destroyed) configuration = {
+                ...configuration,
+                ...next
+            };
+        },
+        destroy () {
+            if (destroyed) return;
+            destroyed = true;
+            abort?.abort();
+            doc.removeEventListener('click', click);
+            doc.removeEventListener('shopify:section:unload', unload);
+            observer.disconnect();
+            mounted.delete(doc);
+            queueMicrotask(()=>{
+                root.unmount();
+                container.remove();
+            });
+        }
+    };
+    mounted.set(doc, controller);
+    return controller;
+}
+export { AiTryOnGenerationError as ShopifyGenerationError, mountShopifyTryOn };

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@neurodyn/ai-try-on",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "exports": {
+    "./shopify": {
+      "types": "./dist/shopify.d.ts",
+      "import": "./dist/shopify.js"
+    },
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/ai-try-on.js",
@@ -18,7 +22,7 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@neurodyn/react-ai-try-on": "0.0.4"
+    "@neurodyn/react-ai-try-on": "0.1.0"
   },
   "devDependencies": {
     "@rsbuild/core": "1.7.1",
@@ -37,8 +41,9 @@
   },
   "scripts": {
     "dev": "rslib build --watch",
-    "build": "rslib build",
+    "build": "rslib build && node scripts/check-shopify-bundle.mjs",
     "test": "vitest run",
+    "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "rsdoctor": "RSDOCTOR=true rslib build"