tryora-embed-core

Shared helpers for Tryora embed integration.

Install

yarn add tryora-embed-core
# or
npm i tryora-embed-core

Exports

• TRYORA_STORE_ID
• TRYORA_BACKEND_ORIGIN
• TRYORA_EMBED_SCRIPT_PATH
• TRYORA_CANVAS_URL_PREFIX
• TRYORA_CATALOG_EMBED_SRC
• TRYORA_STYLER_PAGE_VIEW_EMBED_SRC
• getTryoraConfig()
• configureTryoraEmbed({ storeId, backendOrigin })
• buildCatalogEmbedSrc()
• buildStylerPageViewEmbedSrc()
• getTryoraCanvasUrlPrefix()
• getTryoraEmbedScriptBaseUrl()
• buildProductDetailEmbedSrc(productSku)
• buildProductGalleryEmbedSrc(productSku)
• useTryoraBodyScript(src)

Configuration

You can configure at runtime (recommended):

import { configureTryoraEmbed } from 'tryora-embed-core';

configureTryoraEmbed({
    storeId: 'YOUR_STORE_ID',
    backendOrigin: 'https://your-tryora-host.example'
});

Or set globals before app bootstrap:

globalThis.__TRYORA_EMBED_CONFIG__ = {
    storeId: 'YOUR_STORE_ID',
    backendOrigin: 'https://your-tryora-host.example'
};

Or pass env variables at build/runtime:

• TRYORA_STORE_ID
• TRYORA_BACKEND_ORIGIN

Usage

import {
    buildCatalogEmbedSrc,
    buildProductDetailEmbedSrc,
    configureTryoraEmbed,
    useTryoraBodyScript
} from 'tryora-embed-core';

configureTryoraEmbed({
    storeId: 'YOUR_STORE_ID',
    backendOrigin: 'https://your-tryora-host.example'
});

Catalog page

function CatalogTryoraEmbed() {
    useTryoraBodyScript(buildCatalogEmbedSrc());
    return null;
}

Product detail page

function ProductDetailTryoraEmbed({ sku }) {
    useTryoraBodyScript(buildProductDetailEmbedSrc(sku));
    return null;
}

Important notes

• For catalog VTO mode, product markup must include data-vto-product-id with a SKU or vendor id.
• This package contains shared logic only. Framework-specific wiring (for example Venia intercepts) stays in each application.