@repobit/dex-store-elements 1.7.2 → 2.0.0

package/dist/src/renders/context.js

@@ -1,88 +1,148 @@
-import deepmerge from 'deepmerge';
-export const toDSLContext = async ({ option, product, state, derived }) => {
-    const optionCtx = option
-        ? {
-            price: {
-                full: option.getPrice({ currency: true }),
-                discounted: option.getDiscountedPrice({ currency: true }),
-                fullMonthly: option.getPrice({ monthly: true, currency: true }),
-                discountedMonthly: option.getDiscountedPrice({ monthly: true, currency: true })
-            },
-            discount: {
-                percentage: option.getDiscount({ percentage: true, symbol: true }),
-                percentageMonthly: option.getDiscount({ percentage: true, monthly: true, symbol: true }),
-                value: option.getDiscount({ percentage: false, symbol: true }),
-                valueMonthly: option.getDiscount({ percentage: false, monthly: true, symbol: true })
-            },
-            links: {
-                buy: option.getBuyLink(),
-                trial: (trialDuration) => option.getTrialLink(trialDuration)
-            },
-            devices: option.getDevices(),
-            subscription: option.getSubscription()
-        }
+export function createRenderContext(scope, compute) {
+    return {
+        scope,
+        store: scope?.store,
+        product: scope?.product ?? scope?.option?.getProduct(),
+        option: scope?.option,
+        compute
+    };
+}
+export function toDSLContext(ctx) {
+    return buildTemplateDslContext({
+        store: ctx.store,
+        product: ctx.product,
+        option: ctx.option,
+        state: ctx.compute
+    });
+}
+/**
+ * Build the flattened, v1-shaped DSL context.
+ *
+ * Used by both the hide DSL compiler (`renders/attributes/hide.ts`) and the
+ * Eta template controller (`core/node.scope.ts`) so the two surfaces agree
+ * on `it.option.*` / `it.product.*` / `it.state.*` / `it.ctx.*`.
+ */
+export function buildTemplateDslContext(input) {
+    const product = input.product ?? input.option?.getProduct();
+    const stateCtx = input.state
+        ? buildStateContext(input.state)
         : undefined;
-    // derive product details from option when available
-    const productCtx = product
-        ? {
-            id: product.getId(),
-            campaign: product.getCampaign(),
-            name: product.getName()
-        }
-        : option
-            ? {
-                id: option.getProduct().getId(),
-                campaign: option.getProduct().getCampaign(),
-                name: option.getProduct().getName()
+    return {
+        store: input.store,
+        product: product
+            ? buildProductContext(product)
+            : undefined,
+        option: input.option
+            ? buildOptionContext(input.option)
+            : undefined,
+        state: stateCtx,
+        ctx: stateCtx
+    };
+}
+function buildOptionContext(option) {
+    return {
+        price: {
+            full: option.getPrice({ currency: true }),
+            discounted: getDiscountedPrice(option),
+            fullMonthly: option.getPrice({
+                monthly: true,
+                currency: true
+            }),
+            discountedMonthly: getDiscountedPrice(option, { monthly: true })
+        },
+        discount: {
+            percentage: getDiscountString(option, { percentage: true, monthly: false }),
+            percentageMonthly: getDiscountString(option, { percentage: true, monthly: true }),
+            value: getDiscountString(option, { percentage: false, monthly: false }),
+            valueMonthly: getDiscountString(option, { percentage: false, monthly: true })
+        },
+        links: {
+            buy: getBuyLink(option),
+            trial: (trialDuration) => option.getTrialLink(trialDuration)
+        },
+        devices: option.getDevices(),
+        subscription: option.getSubscription()
+    };
+}
+function buildProductContext(product) {
+    return {
+        id: product.getId(),
+        campaign: product.getCampaign(),
+        name: getProductName(product)
+    };
+}
+function buildStateContext(state) {
+    return {
+        price: {
+            full: {
+                min: state.price.min.fmt,
+                max: state.price.max.fmt,
+                monthly: {
+                    min: state.price.monthly.min.fmt,
+                    max: state.price.monthly.max.fmt
+                }
+            },
+            discounted: {
+                min: state.discountedPrice.min.fmt,
+                max: state.discountedPrice.max.fmt,
+                monthly: {
+                    min: state.discountedPrice.monthly.min.fmt,
+                    max: state.discountedPrice.monthly.max.fmt
+                }
             }
-            : undefined;
-    const stateCtx = state
-        ? {
-            price: {
-                full: {
-                    min: state.price.min.fmt,
-                    max: state.price.max.fmt,
-                    monthly: {
-                        min: state.price.monthly.min.fmt,
-                        max: state.price.monthly.max.fmt
-                    }
-                },
-                discounted: {
-                    min: state.discountedPrice.min.fmt,
-                    max: state.discountedPrice.max.fmt,
-                    monthly: {
-                        min: state.discountedPrice.monthly.min.fmt,
-                        max: state.discountedPrice.monthly.max.fmt
-                    }
+        },
+        discount: {
+            percentage: {
+                min: state.discount.percentage.min.fmt,
+                max: state.discount.percentage.max.fmt,
+                monthly: {
+                    min: state.discount.percentage.monthly.min.fmt,
+                    max: state.discount.percentage.monthly.max.fmt
                 }
             },
-            discount: {
-                percentage: {
-                    min: state.discount.percentage.min.fmt,
-                    max: state.discount.percentage.max.fmt,
-                    monthly: {
-                        min: state.discount.percentage.monthly.min.fmt,
-                        max: state.discount.percentage.monthly.max.fmt
-                    }
-                },
-                value: {
-                    min: state.discount.min.fmt,
-                    max: state.discount.max.fmt,
-                    monthly: {
-                        min: state.discount.monthly.min.fmt,
-                        max: state.discount.monthly.max.fmt
-                    }
+            value: {
+                min: state.discount.min.fmt,
+                max: state.discount.max.fmt,
+                monthly: {
+                    min: state.discount.monthly.min.fmt,
+                    max: state.discount.monthly.max.fmt
                 }
             }
-        }
-        : undefined;
-    const base = {
-        option: optionCtx,
-        product: productCtx,
-        state: stateCtx,
-        ctx: stateCtx
+        },
+        scenarios: state.scenarios
     };
-    const extra = derived ? await derived({ option, product, state }) : {};
-    return deepmerge(base, extra || {});
-};
+}
+export function getDiscountedPrice(option, params) {
+    const maybe = option;
+    const value = maybe.getDiscountedPrice?.({
+        ...params,
+        currency: true
+    });
+    return stringifyPresentValue(value);
+}
+export function getDiscount(option, params) {
+    const maybe = option;
+    const value = maybe.getDiscount?.(params);
+    return stringifyPresentValue(value);
+}
+function getDiscountString(option, params) {
+    return getDiscount(option, { ...params, symbol: true }) ?? '';
+}
+function getBuyLink(option) {
+    const maybe = option;
+    return maybe.getBuyLink?.();
+}
+function stringifyPresentValue(value) {
+    if (value === null ||
+        value === undefined ||
+        (typeof value === 'number' &&
+            !Number.isFinite(value))) {
+        return undefined;
+    }
+    return String(value);
+}
+export function getProductName(product) {
+    const maybe = product;
+    return maybe.getName?.();
+}
 //# sourceMappingURL=context.js.map

package/dist/src/renders/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/renders/context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { derivedContextType } from '@/contexts/context.derived';\nimport type { stateContextType } from '@/contexts/context.state';\nimport type { Product, ProductOption } from '@repobit/dex-store';\nimport deepmerge from 'deepmerge';\n\nexport type UnifiedContext = {\n  option? : ProductOption | null;\n  product?: Product | null;\n  state?  : stateContextType;\n  derived?: derivedContextType | null;\n};\n\n// Context shape used by the DSL compilers\nexport type DSLContext = Record<string, unknown>;\n\nexport const toDSLContext = async ({ option, product, state, derived }: UnifiedContext): Promise<DSLContext> => {\n  const optionCtx = option\n    ? {\n      price: {\n        full             : option.getPrice({ currency: true }),\n        discounted       : option.getDiscountedPrice({ currency: true }),\n        fullMonthly      : option.getPrice({ monthly: true, currency: true }),\n        discountedMonthly: option.getDiscountedPrice({ monthly: true, currency: true })\n      },\n      discount: {\n        percentage       : option.getDiscount({ percentage: true, symbol: true }),\n        percentageMonthly: option.getDiscount({ percentage: true, monthly: true, symbol: true }),\n        value            : option.getDiscount({ percentage: false, symbol: true }),\n        valueMonthly     : option.getDiscount({ percentage: false, monthly: true, symbol: true })\n      },\n      links: {\n        buy  : option.getBuyLink(),\n        trial: (trialDuration: string) => option.getTrialLink(trialDuration)\n      },\n      devices     : option.getDevices(),\n      subscription: option.getSubscription()\n    }\n    : undefined;\n\n  // derive product details from option when available\n  const productCtx = product\n    ? {\n      id      : product.getId(),\n      campaign: product.getCampaign(),\n      name    : product.getName()\n    }\n    : option\n      ? {\n        id      : option.getProduct().getId(),\n        campaign: option.getProduct().getCampaign(),\n        name    : option.getProduct().getName()\n      }\n      : undefined;\n\n  const stateCtx = state\n    ? {\n      price: {\n        full: {\n          min    : state.price.min.fmt,\n          max    : state.price.max.fmt,\n          monthly: {\n            min: state.price.monthly.min.fmt,\n            max: state.price.monthly.max.fmt\n          }\n        },\n        discounted: {\n          min    : state.discountedPrice.min.fmt,\n          max    : state.discountedPrice.max.fmt,\n          monthly: {\n            min: state.discountedPrice.monthly.min.fmt,\n            max: state.discountedPrice.monthly.max.fmt\n          }\n        }\n      },\n      discount: {\n        percentage: {\n          min    : state.discount.percentage.min.fmt,\n          max    : state.discount.percentage.max.fmt,\n          monthly: {\n            min: state.discount.percentage.monthly.min.fmt,\n            max: state.discount.percentage.monthly.max.fmt\n          }\n        },\n        value: {\n          min    : state.discount.min.fmt,\n          max    : state.discount.max.fmt,\n          monthly: {\n            min: state.discount.monthly.min.fmt,\n            max: state.discount.monthly.max.fmt\n          }\n        }\n      }\n    }\n    : undefined;\n\n  const base: Record<string, unknown> = {\n    option : optionCtx,\n    product: productCtx,\n    state  : stateCtx,\n    ctx    : stateCtx\n  };\n\n  const extra = derived ? await derived({ option, product, state }) : {};\n\n  return deepmerge(base, extra || {}) as DSLContext;\n};\n"]}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/renders/context.ts"],"names":[],"mappings":"AA8FA,MAAM,UAAU,mBAAmB,CACjC,KAA0B,EAC1B,OAAoC;IAEpC,OAAO;QACL,KAAK;QACL,KAAK,EAAI,KAAK,EAAE,KAAK;QACrB,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE;QACtD,MAAM,EAAG,KAAK,EAAE,MAAM;QACtB,OAAO;KACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,GAAkB;IAElB,OAAO,uBAAuB,CAAC;QAC7B,KAAK,EAAI,GAAG,CAAC,KAAK;QAClB,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,MAAM,EAAG,GAAG,CAAC,MAAM;QACnB,KAAK,EAAI,GAAG,CAAC,OAAO;KACrB,CAAC,CAAC;AACL,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAKvC;IACC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;IAC5D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK;QAC1B,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,KAAK,EAAI,KAAK,CAAC,KAAK;QACpB,OAAO,EAAE,OAAO;YACd,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC;YAC9B,CAAC,CAAC,SAAS;QACb,MAAM,EAAE,KAAK,CAAC,MAAM;YAClB,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC;YAClC,CAAC,CAAC,SAAS;QACb,KAAK,EAAE,QAAQ;QACf,GAAG,EAAI,QAAQ;KAChB,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,MAAqB;IAErB,OAAO;QACL,KAAK,EAAE;YACL,IAAI,EAAS,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChD,UAAU,EAAG,kBAAkB,CAAC,MAAM,CAAC;YACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAC3B,OAAO,EAAG,IAAI;gBACd,QAAQ,EAAE,IAAI;aACf,CAAC;YACF,iBAAiB,EAAE,kBAAkB,CACnC,MAAM,EACN,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;SACF;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,iBAAiB,CAC3B,MAAM,EACN,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CACrC;YACD,iBAAiB,EAAE,iBAAiB,CAClC,MAAM,EACN,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CACpC;YACD,KAAK,EAAE,iBAAiB,CACtB,MAAM,EACN,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CACtC;YACD,YAAY,EAAE,iBAAiB,CAC7B,MAAM,EACN,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CACrC;SACF;QACD,KAAK,EAAE;YACL,GAAG,EAAI,UAAU,CAAC,MAAM,CAAC;YACzB,KAAK,EAAE,CAAC,aAAqB,EAAE,EAAE,CAC/B,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC;SACrC;QACD,OAAO,EAAO,MAAM,CAAC,UAAU,EAAE;QACjC,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE;KACvC,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAAgB;IAEhB,OAAO;QACL,EAAE,EAAQ,OAAO,CAAC,KAAK,EAAE;QACzB,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE;QAC/B,IAAI,EAAM,cAAc,CAAC,OAAO,CAAC;KAClC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAsB;IAEtB,OAAO;QACL,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,GAAG,EAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG;gBAC5B,GAAG,EAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG;gBAC5B,OAAO,EAAE;oBACP,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;oBAChC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;iBACjC;aACF;YACD,UAAU,EAAE;gBACV,GAAG,EAAM,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG;gBACtC,GAAG,EAAM,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG;gBACtC,OAAO,EAAE;oBACP,GAAG,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;oBAC1C,GAAG,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;iBAC3C;aACF;SACF;QACD,QAAQ,EAAE;YACR,UAAU,EAAE;gBACV,GAAG,EAAM,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG;gBAC1C,GAAG,EAAM,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG;gBAC1C,OAAO,EAAE;oBACP,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;oBAC9C,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;iBAC/C;aACF;YACD,KAAK,EAAE;gBACL,GAAG,EAAM,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG;gBAC/B,GAAG,EAAM,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG;gBAC/B,OAAO,EAAE;oBACP,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;oBACnC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;iBACpC;aACF;SACF;QACD,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,MAAqB,EACrB,MAEC;IAED,MAAM,KAAK,GACT,MAOC,CAAC;IAEJ,MAAM,KAAK,GACT,KAAK,CAAC,kBAAkB,EAAE,CAAC;QACzB,GAAG,MAAM;QACT,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEL,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,MAAqB,EACrB,MAIC;IAED,MAAM,KAAK,GACT,MAQC,CAAC;IAEJ,MAAM,KAAK,GACT,KAAK,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC;AAED,SAAS,iBAAiB,CACxB,MAAqB,EACrB,MAGC;IAED,OAAO,WAAW,CAChB,MAAM,EACN,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAC5B,IAAI,EAAE,CAAC;AACV,CAAC;AAED,SAAS,UAAU,CACjB,MAAqB;IAErB,MAAM,KAAK,GACT,MAEC,CAAC;IAEJ,OAAO,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;AAC9B,CAAC;AAED,SAAS,qBAAqB,CAC5B,KAAc;IAEd,IACE,KAAK,KAAK,IAAI;QACd,KAAK,KAAK,SAAS;QACnB,CACE,OAAO,KAAK,KAAK,QAAQ;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CACxB,EACD,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,OAAgB;IAEhB,MAAM,KAAK,GACT,OAEC,CAAC;IAEJ,OAAO,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["import type { BdComputeResult } from '@/compute/compute.expand.js';\nimport type { BdScope } from '@/contexts/context.scope.js';\nimport type { Product, ProductOption, Store } from '@repobit/dex-store';\n\nexport type RenderContext = Readonly<{\n  scope?  : BdScope;\n  store?  : BdScope['store'];\n  product?: Product;\n  option? : ProductOption;\n  compute?: BdComputeResult;\n}>;\n\nexport type DSLContext = Record<string, unknown>;\n\n/**\n * Flattened option context exposed to Eta templates and the hide DSL.\n *\n * Mirrors the v1 `it.option.*` shape: every value is a pre-formatted string\n * (currency-aware), so templates and hide expressions never need to call\n * `option.getPrice()` directly. `links.trial` is the only callable — it\n * resolves a trial URL for a given duration (e.g. `'30 days'`).\n */\nexport type TemplateOptionContext = Readonly<{\n  price: {\n    full             : string;\n    discounted       : string | undefined;\n    fullMonthly      : string;\n    discountedMonthly: string | undefined;\n  };\n  discount: {\n    percentage       : string;\n    percentageMonthly: string;\n    value            : string;\n    valueMonthly     : string;\n  };\n  links: {\n    buy  : string | undefined;\n    trial: (trialDuration: string) => string | undefined;\n  };\n  devices     : number;\n  subscription: number;\n}>;\n\nexport type TemplateProductContext = Readonly<{\n  id      : string;\n  campaign: string | undefined;\n  name    : string | undefined;\n}>;\n\nexport type TemplateStateContext = Readonly<{\n  price: {\n    full: {\n      min    : string;\n      max    : string;\n      monthly: { min: string; max: string };\n    };\n    discounted: {\n      min    : string;\n      max    : string;\n      monthly: { min: string; max: string };\n    };\n  };\n  discount: {\n    percentage: {\n      min    : string;\n      max    : string;\n      monthly: { min: string; max: string };\n    };\n    value: {\n      min    : string;\n      max    : string;\n      monthly: { min: string; max: string };\n    };\n  };\n  scenarios: number;\n}>;\n\n/**\n * Shape consumed by Eta templates and the hide DSL.\n *\n * Mirrors the v1 `it.*` layout: `option` / `product` / `state` are flattened\n * DTOs, and `ctx` is an alias of `state`. `derived` is intentionally kept\n * nested (see {@link BdScopedTemplateContext}) — v1 merged derived into the\n * root via `deepmerge`; v2 exposes it explicitly so consumers can tell\n * user-provided values apart from store-provided ones.\n */\nexport type TemplateDslContext = Readonly<{\n  store  : Store | undefined;\n  product: TemplateProductContext | undefined;\n  option : TemplateOptionContext | undefined;\n  state  : TemplateStateContext | undefined;\n  ctx    : TemplateStateContext | undefined;\n}>;\n\nexport function createRenderContext(\n  scope: BdScope | undefined,\n  compute: BdComputeResult | undefined\n): RenderContext {\n  return {\n    scope,\n    store  : scope?.store,\n    product: scope?.product ?? scope?.option?.getProduct(),\n    option : scope?.option,\n    compute\n  };\n}\n\nexport function toDSLContext(\n  ctx: RenderContext\n): DSLContext {\n  return buildTemplateDslContext({\n    store  : ctx.store,\n    product: ctx.product,\n    option : ctx.option,\n    state  : ctx.compute\n  });\n}\n\n/**\n * Build the flattened, v1-shaped DSL context.\n *\n * Used by both the hide DSL compiler (`renders/attributes/hide.ts`) and the\n * Eta template controller (`core/node.scope.ts`) so the two surfaces agree\n * on `it.option.*` / `it.product.*` / `it.state.*` / `it.ctx.*`.\n */\nexport function buildTemplateDslContext(input: {\n  store  : Store | undefined;\n  product: Product | undefined;\n  option : ProductOption | undefined;\n  state  : BdComputeResult | undefined;\n}): TemplateDslContext {\n  const product = input.product ?? input.option?.getProduct();\n  const stateCtx = input.state\n    ? buildStateContext(input.state)\n    : undefined;\n\n  return {\n    store  : input.store,\n    product: product\n      ? buildProductContext(product)\n      : undefined,\n    option: input.option\n      ? buildOptionContext(input.option)\n      : undefined,\n    state: stateCtx,\n    ctx  : stateCtx\n  };\n}\n\nfunction buildOptionContext(\n  option: ProductOption\n): TemplateOptionContext {\n  return {\n    price: {\n      full       : option.getPrice({ currency: true }),\n      discounted : getDiscountedPrice(option),\n      fullMonthly: option.getPrice({\n        monthly : true,\n        currency: true\n      }),\n      discountedMonthly: getDiscountedPrice(\n        option,\n        { monthly: true }\n      )\n    },\n    discount: {\n      percentage: getDiscountString(\n        option,\n        { percentage: true, monthly: false }\n      ),\n      percentageMonthly: getDiscountString(\n        option,\n        { percentage: true, monthly: true }\n      ),\n      value: getDiscountString(\n        option,\n        { percentage: false, monthly: false }\n      ),\n      valueMonthly: getDiscountString(\n        option,\n        { percentage: false, monthly: true }\n      )\n    },\n    links: {\n      buy  : getBuyLink(option),\n      trial: (trialDuration: string) =>\n        option.getTrialLink(trialDuration)\n    },\n    devices     : option.getDevices(),\n    subscription: option.getSubscription()\n  };\n}\n\nfunction buildProductContext(\n  product: Product\n): TemplateProductContext {\n  return {\n    id      : product.getId(),\n    campaign: product.getCampaign(),\n    name    : getProductName(product)\n  };\n}\n\nfunction buildStateContext(\n  state: BdComputeResult\n): TemplateStateContext {\n  return {\n    price: {\n      full: {\n        min    : state.price.min.fmt,\n        max    : state.price.max.fmt,\n        monthly: {\n          min: state.price.monthly.min.fmt,\n          max: state.price.monthly.max.fmt\n        }\n      },\n      discounted: {\n        min    : state.discountedPrice.min.fmt,\n        max    : state.discountedPrice.max.fmt,\n        monthly: {\n          min: state.discountedPrice.monthly.min.fmt,\n          max: state.discountedPrice.monthly.max.fmt\n        }\n      }\n    },\n    discount: {\n      percentage: {\n        min    : state.discount.percentage.min.fmt,\n        max    : state.discount.percentage.max.fmt,\n        monthly: {\n          min: state.discount.percentage.monthly.min.fmt,\n          max: state.discount.percentage.monthly.max.fmt\n        }\n      },\n      value: {\n        min    : state.discount.min.fmt,\n        max    : state.discount.max.fmt,\n        monthly: {\n          min: state.discount.monthly.min.fmt,\n          max: state.discount.monthly.max.fmt\n        }\n      }\n    },\n    scenarios: state.scenarios\n  };\n}\n\nexport function getDiscountedPrice(\n  option: ProductOption,\n  params?: {\n    monthly?: boolean;\n  }\n): string | undefined {\n  const maybe =\n    option as ProductOption & {\n      getDiscountedPrice?: (\n        params?: {\n          monthly? : boolean;\n          currency?: boolean;\n        }\n      ) => string | number | undefined;\n    };\n\n  const value: unknown =\n    maybe.getDiscountedPrice?.({\n      ...params,\n      currency: true\n    });\n\n  return stringifyPresentValue(value);\n}\n\nexport function getDiscount(\n  option: ProductOption,\n  params?: {\n    monthly?   : boolean;\n    percentage?: boolean;\n    symbol?    : boolean;\n  }\n): string | undefined {\n  const maybe =\n    option as ProductOption & {\n      getDiscount?: (\n        params?: {\n          monthly?   : boolean;\n          percentage?: boolean;\n          symbol?    : boolean;\n        }\n      ) => string | number | undefined;\n    };\n\n  const value: unknown =\n    maybe.getDiscount?.(params);\n\n  return stringifyPresentValue(value);\n}\n\nfunction getDiscountString(\n  option: ProductOption,\n  params: {\n    percentage: boolean;\n    monthly   : boolean;\n  }\n): string {\n  return getDiscount(\n    option,\n    { ...params, symbol: true }\n  ) ?? '';\n}\n\nfunction getBuyLink(\n  option: ProductOption\n): string | undefined {\n  const maybe =\n    option as ProductOption & {\n      getBuyLink?: () => string | undefined;\n    };\n\n  return maybe.getBuyLink?.();\n}\n\nfunction stringifyPresentValue(\n  value: unknown\n): string | undefined {\n  if (\n    value === null ||\n    value === undefined ||\n    (\n      typeof value === 'number' &&\n      !Number.isFinite(value)\n    )\n  ) {\n    return undefined;\n  }\n\n  return String(value);\n}\n\nexport function getProductName(\n  product: Product\n): string | undefined {\n  const maybe =\n    product as Product & {\n      getName?: () => string | undefined;\n    };\n\n  return maybe.getName?.();\n}\n"]}

package/dist/src/renders/format.js

@@ -1,7 +1,7 @@
-export const formatSubscription = (subscription, format = "years", textSingular, textPlural) => {
+export const formatSubscription = (subscription, format = 'years', textSingular, textPlural) => {
     const years = subscription / 12;
     const months = subscription % 12;
-    if (format === "years" && months === 0) {
+    if (format === 'years' && months === 0) {
         if (!textPlural || !textSingular) {
             return `${years}`;
         }

package/dist/src/renders/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/renders/format.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,YAAoB,EACpB,SAA6B,OAAO,EACpC,YAAqB,EACrB,UAAmB,EACnB,EAAE;IACF,MAAM,KAAK,GAAG,YAAY,GAAG,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC;IAEjC,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;YACjC,OAAO,GAAG,KAAK,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;QACjC,OAAO,GAAG,YAAY,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,GAAG,YAAY,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;AAC7E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAe,EACf,YAAqB,EACrB,UAAmB,EACnB,EAAE;IACF,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;QACjC,OAAO,GAAG,OAAO,EAAE,CAAC;IACtB,CAAC;IACD,OAAO,GAAG,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;AACnE,CAAC,CAAC","sourcesContent":["export const formatSubscription = (\n  subscription: number,\n  format: \"years\" | \"months\" = \"years\",\n  textSingular?: string,\n  textPlural?: string\n) => {\n  const years = subscription / 12;\n  const months = subscription % 12;\n\n  if (format === \"years\" && months === 0) {\n    if (!textPlural || !textSingular) {\n      return `${years}`;\n    }\n    return `${years} ${years === 1 ? textSingular : textPlural}`;\n  }\n\n  if (!textPlural || !textSingular) {\n    return `${subscription}`;\n  }\n\n  return `${subscription} ${subscription === 1 ? textSingular : textPlural}`;\n};\n\nexport const formatDevices = (\n  devices: number,\n  textSingular?: string,\n  textPlural?: string\n) => {\n  if (!textPlural || !textSingular) {\n    return `${devices}`;\n  }\n  return `${devices} ${devices === 1 ? textSingular : textPlural}`;\n};\n\n"]}
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/renders/format.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,YAAoB,EACpB,SAA6B,OAAO,EACpC,YAAqB,EACrB,UAAmB,EACX,EAAE;IACV,MAAM,KAAK,GAAG,YAAY,GAAG,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC;IAEjC,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;YACjC,OAAO,GAAG,KAAK,EAAE,CAAC;QACpB,CAAC;QAED,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;QACjC,OAAO,GAAG,YAAY,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,GAAG,YAAY,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;AAC7E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAe,EACf,YAAqB,EACrB,UAAmB,EACX,EAAE;IACV,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;QACjC,OAAO,GAAG,OAAO,EAAE,CAAC;IACtB,CAAC;IAED,OAAO,GAAG,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;AACnE,CAAC,CAAC","sourcesContent":["export const formatSubscription = (\n  subscription: number,\n  format: 'years' | 'months' = 'years',\n  textSingular?: string,\n  textPlural?: string\n): string => {\n  const years = subscription / 12;\n  const months = subscription % 12;\n\n  if (format === 'years' && months === 0) {\n    if (!textPlural || !textSingular) {\n      return `${years}`;\n    }\n\n    return `${years} ${years === 1 ? textSingular : textPlural}`;\n  }\n\n  if (!textPlural || !textSingular) {\n    return `${subscription}`;\n  }\n\n  return `${subscription} ${subscription === 1 ? textSingular : textPlural}`;\n};\n\nexport const formatDevices = (\n  devices: number,\n  textSingular?: string,\n  textPlural?: string\n): string => {\n  if (!textPlural || !textSingular) {\n    return `${devices}`;\n  }\n\n  return `${devices} ${devices === 1 ? textSingular : textPlural}`;\n};\n"]}

package/dist/src/renders/index.d.ts

@@ -1,2 +1,6 @@
-declare const registerRenderNodes: (root: HTMLElement | ShadowRoot) => () => void;
-export { registerRenderNodes };
+import { type BdRenderTarget } from './render.wrapper.js';
+export declare const DATA_RENDER_NODE = "[data-store-render]";
+export declare const DATA_HIDE_NODE = "[data-store-hide]";
+export declare function handleRenderNode(target: BdRenderTarget): void;
+export declare function cleanupRenderNode(target: BdRenderTarget): void;
+export declare function registerRenderNodes(root: HTMLElement | ShadowRoot): () => void;

package/dist/src/renders/index.js

@@ -1,32 +1,64 @@
-import { cleanupRenderNode, DATA_HIDE_NODE, DATA_RENDER_NODE, handleRenderNode } from "./utility.js";
-const selectors = [DATA_HIDE_NODE, DATA_RENDER_NODE];
+import { BdRenderWrapper } from './render.wrapper.js';
+export const DATA_RENDER_NODE = '[data-store-render]';
+export const DATA_HIDE_NODE = '[data-store-hide]';
+const selectors = [
+    DATA_RENDER_NODE,
+    DATA_HIDE_NODE
+];
 const selectorStr = selectors.join(',');
-const SHADOW_HOST_SELECTOR = '[shadow]';
-const isRenderNode = (node) => selectors.some((s) => node.matches(s));
-const forEachRenderNode = (root, fn) => {
-    if (root instanceof HTMLElement && isRenderNode(root)) {
+const SHADOW_HOST_SELECTOR = '[shadow], [data-bd-watch-shadow]';
+const WRAPPERS = new WeakMap();
+function isRenderNode(node) {
+    return selectors.some((selector) => node.matches(selector));
+}
+function forEachRenderNode(root, fn) {
+    if (root instanceof HTMLElement &&
+        isRenderNode(root)) {
         fn(root);
     }
     root
         .querySelectorAll(selectorStr)
         .forEach(fn);
-};
-const forEachShadowRoot = (root, fn) => {
-    if (root instanceof HTMLElement && root.hasAttribute('shadow') && root.shadowRoot) {
+}
+function forEachShadowRoot(root, fn) {
+    if (root instanceof HTMLElement &&
+        matchesShadowHost(root)) {
         fn(root.shadowRoot);
     }
     root
         .querySelectorAll(SHADOW_HOST_SELECTOR)
-        .forEach((host) => host.shadowRoot && fn(host.shadowRoot));
-};
-const registerRenderNodes = (root) => {
+        .forEach((host) => {
+        if (matchesShadowHost(host)) {
+            fn(host.shadowRoot);
+        }
+    });
+}
+export function handleRenderNode(target) {
+    if (WRAPPERS.has(target)) {
+        return;
+    }
+    const wrapper = new BdRenderWrapper(target);
+    WRAPPERS.set(target, wrapper);
+    wrapper.connect();
+}
+export function cleanupRenderNode(target) {
+    const wrapper = WRAPPERS.get(target);
+    if (!wrapper) {
+        return;
+    }
+    WRAPPERS.delete(target);
+    wrapper.disconnect();
+}
+export function registerRenderNodes(root) {
     const observed = new WeakSet();
     const observers = new WeakMap();
     const activeObservers = new Set();
     const disconnect = (node) => {
+        observed.delete(node);
         const observer = observers.get(node);
-        if (!observer)
+        if (!observer) {
             return;
+        }
         observer.disconnect();
         observers.delete(node);
         activeObservers.delete(observer);
@@ -45,31 +77,32 @@ const registerRenderNodes = (root) => {
         forEachShadowRoot(node, cleanupShadowTree);
     };
     const watch = (node) => {
-        if (observed.has(node))
+        if (observed.has(node)) {
             return;
+        }
         observed.add(node);
         forEachRenderNode(node, handleRenderNode);
         forEachShadowRoot(node, watch);
-        const mo = new MutationObserver(muts => {
-            for (const m of muts) {
-                for (const added of Array.from(m.addedNodes)) {
-                    if (!(added instanceof HTMLElement))
-                        continue;
-                    handleAdded(added);
+        const observer = new MutationObserver((mutations) => {
+            for (const mutation of mutations) {
+                for (const added of mutation.addedNodes) {
+                    if (added instanceof HTMLElement) {
+                        handleAdded(added);
+                    }
                 }
-                for (const removed of Array.from(m.removedNodes)) {
-                    if (!(removed instanceof HTMLElement))
-                        continue;
-                    handleRemoved(removed);
+                for (const removed of mutation.removedNodes) {
+                    if (removed instanceof HTMLElement) {
+                        handleRemoved(removed);
+                    }
                 }
             }
         });
-        mo.observe(node, {
+        observer.observe(node, {
             childList: true,
             subtree: true
         });
-        observers.set(node, mo);
-        activeObservers.add(mo);
+        observers.set(node, observer);
+        activeObservers.add(observer);
     };
     watch(root);
     return () => {
@@ -77,7 +110,12 @@ const registerRenderNodes = (root) => {
             observer.disconnect();
         }
         activeObservers.clear();
+        forEachRenderNode(root, cleanupRenderNode);
+        forEachShadowRoot(root, cleanupShadowTree);
     };
-};
-export { registerRenderNodes };
+}
+function matchesShadowHost(element) {
+    return Boolean(element.shadowRoot &&
+        element.matches(SHADOW_HOST_SELECTOR));
+}
 //# sourceMappingURL=index.js.map

package/dist/src/renders/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renders/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { cleanupRenderNode, DATA_HIDE_NODE, DATA_RENDER_NODE, handleRenderNode, RenderNode } from \"./utility\";\n\nconst selectors = [DATA_HIDE_NODE, DATA_RENDER_NODE];\nconst selectorStr = selectors.join(',');\nconst SHADOW_HOST_SELECTOR = '[shadow]';\n\nconst isRenderNode = (node: HTMLElement): node is RenderNode => selectors.some((s) => node.matches(s));\n\nconst forEachRenderNode = (root: HTMLElement | ShadowRoot, fn: (node: RenderNode) => void) => {\n  if (root instanceof HTMLElement && isRenderNode(root)) {\n    fn(root);\n  }\n\n  root\n    .querySelectorAll<RenderNode>(selectorStr)\n    .forEach(fn);\n};\n\nconst forEachShadowRoot = (root: HTMLElement | ShadowRoot, fn: (shadowRoot: ShadowRoot) => void) => {\n  if (root instanceof HTMLElement && root.hasAttribute('shadow') && root.shadowRoot) {\n    fn(root.shadowRoot);\n  }\n\n  root\n    .querySelectorAll<HTMLElement>(SHADOW_HOST_SELECTOR)\n    .forEach((host) => host.shadowRoot && fn(host.shadowRoot));\n};\n\nconst registerRenderNodes = (root: HTMLElement | ShadowRoot) => {\n  const observed = new WeakSet<Node>();\n  const observers = new WeakMap<Node, MutationObserver>();\n  const activeObservers = new Set<MutationObserver>();\n\n  const disconnect = (node: Node) => {\n    const observer = observers.get(node);\n    if (!observer) return;\n    observer.disconnect();\n    observers.delete(node);\n    activeObservers.delete(observer);\n  };\n\n  const cleanupShadowTree = (shadowRoot: ShadowRoot) => {\n    forEachRenderNode(shadowRoot, cleanupRenderNode);\n    forEachShadowRoot(shadowRoot, cleanupShadowTree);\n    disconnect(shadowRoot);\n  };\n\n  const handleAdded = (node: HTMLElement) => {\n    forEachRenderNode(node, handleRenderNode);\n    forEachShadowRoot(node, watch);\n  };\n\n  const handleRemoved = (node: HTMLElement) => {\n    forEachRenderNode(node, cleanupRenderNode);\n    forEachShadowRoot(node, cleanupShadowTree);\n  };\n\n  const watch = (node: HTMLElement | ShadowRoot) => {\n    if (observed.has(node)) return;\n    observed.add(node);\n\n    forEachRenderNode(node, handleRenderNode);\n    forEachShadowRoot(node, watch);\n\n    const mo = new MutationObserver(muts => {\n      for (const m of muts) {\n        for (const added of Array.from(m.addedNodes)) {\n          if (!(added instanceof HTMLElement)) continue;\n          handleAdded(added);\n        }\n        for (const removed of Array.from(m.removedNodes)) {\n          if (!(removed instanceof HTMLElement)) continue;\n          handleRemoved(removed);\n        }\n      }\n    });\n\n    mo.observe(node, {\n      childList: true,\n      subtree  : true\n    });\n    observers.set(node, mo);\n    activeObservers.add(mo);\n  };\n\n  watch(root);\n  return () => {\n    for (const observer of activeObservers) {\n      observer.disconnect();\n    }\n    activeObservers.clear();\n  };\n}\n\nexport { registerRenderNodes };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renders/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  BdRenderWrapper,\n  type BdRenderTarget\n} from './render.wrapper.js';\n\nexport const DATA_RENDER_NODE = '[data-store-render]';\nexport const DATA_HIDE_NODE = '[data-store-hide]';\n\nconst selectors = [\n  DATA_RENDER_NODE,\n  DATA_HIDE_NODE\n];\nconst selectorStr = selectors.join(',');\nconst SHADOW_HOST_SELECTOR = '[shadow], [data-bd-watch-shadow]';\n\nconst WRAPPERS = new WeakMap<BdRenderTarget, BdRenderWrapper>();\n\nfunction isRenderNode(\n  node: HTMLElement\n): node is BdRenderTarget {\n  return selectors.some((selector) =>\n    node.matches(selector)\n  );\n}\n\nfunction forEachRenderNode(\n  root: HTMLElement | ShadowRoot,\n  fn: (node: BdRenderTarget) => void\n): void {\n  if (\n    root instanceof HTMLElement &&\n    isRenderNode(root)\n  ) {\n    fn(root);\n  }\n\n  root\n    .querySelectorAll<BdRenderTarget>(selectorStr)\n    .forEach(fn);\n}\n\nfunction forEachShadowRoot(\n  root: HTMLElement | ShadowRoot,\n  fn: (shadowRoot: ShadowRoot) => void\n): void {\n  if (\n    root instanceof HTMLElement &&\n    matchesShadowHost(root)\n  ) {\n    fn(root.shadowRoot);\n  }\n\n  root\n    .querySelectorAll<HTMLElement>(SHADOW_HOST_SELECTOR)\n    .forEach((host) => {\n      if (matchesShadowHost(host)) {\n        fn(host.shadowRoot);\n      }\n    });\n}\n\nexport function handleRenderNode(\n  target: BdRenderTarget\n): void {\n  if (WRAPPERS.has(target)) {\n    return;\n  }\n\n  const wrapper = new BdRenderWrapper(target);\n\n  WRAPPERS.set(\n    target,\n    wrapper\n  );\n  wrapper.connect();\n}\n\nexport function cleanupRenderNode(\n  target: BdRenderTarget\n): void {\n  const wrapper = WRAPPERS.get(target);\n\n  if (!wrapper) {\n    return;\n  }\n\n  WRAPPERS.delete(target);\n  wrapper.disconnect();\n}\n\nexport function registerRenderNodes(\n  root: HTMLElement | ShadowRoot\n): () => void {\n  const observed = new WeakSet<Node>();\n  const observers = new WeakMap<Node, MutationObserver>();\n  const activeObservers = new Set<MutationObserver>();\n\n  const disconnect = (\n    node: Node\n  ): void => {\n    observed.delete(node);\n\n    const observer = observers.get(node);\n\n    if (!observer) {\n      return;\n    }\n\n    observer.disconnect();\n    observers.delete(node);\n    activeObservers.delete(observer);\n  };\n\n  const cleanupShadowTree = (\n    shadowRoot: ShadowRoot\n  ): void => {\n    forEachRenderNode(\n      shadowRoot,\n      cleanupRenderNode\n    );\n    forEachShadowRoot(\n      shadowRoot,\n      cleanupShadowTree\n    );\n    disconnect(shadowRoot);\n  };\n\n  const handleAdded = (\n    node: HTMLElement\n  ): void => {\n    forEachRenderNode(\n      node,\n      handleRenderNode\n    );\n    forEachShadowRoot(\n      node,\n      watch\n    );\n  };\n\n  const handleRemoved = (\n    node: HTMLElement\n  ): void => {\n    forEachRenderNode(\n      node,\n      cleanupRenderNode\n    );\n    forEachShadowRoot(\n      node,\n      cleanupShadowTree\n    );\n  };\n\n  const watch = (\n    node: HTMLElement | ShadowRoot\n  ): void => {\n    if (observed.has(node)) {\n      return;\n    }\n\n    observed.add(node);\n\n    forEachRenderNode(\n      node,\n      handleRenderNode\n    );\n    forEachShadowRoot(\n      node,\n      watch\n    );\n\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const added of mutation.addedNodes) {\n          if (added instanceof HTMLElement) {\n            handleAdded(added);\n          }\n        }\n\n        for (const removed of mutation.removedNodes) {\n          if (removed instanceof HTMLElement) {\n            handleRemoved(removed);\n          }\n        }\n      }\n    });\n\n    observer.observe(\n      node,\n      {\n        childList: true,\n        subtree  : true\n      }\n    );\n\n    observers.set(\n      node,\n      observer\n    );\n    activeObservers.add(observer);\n  };\n\n  watch(root);\n\n  return () => {\n    for (const observer of activeObservers) {\n      observer.disconnect();\n    }\n\n    activeObservers.clear();\n    forEachRenderNode(\n      root,\n      cleanupRenderNode\n    );\n    forEachShadowRoot(\n      root,\n      cleanupShadowTree\n    );\n  };\n}\n\nfunction matchesShadowHost(\n  element: HTMLElement\n): element is HTMLElement & { shadowRoot: ShadowRoot } {\n  return Boolean(\n    element.shadowRoot &&\n    element.matches(SHADOW_HOST_SELECTOR)\n  );\n}\n"]}

package/dist/src/renders/observe.d.ts

@@ -1,4 +1 @@
-export declare const OBS_ATTRS_COMMON: readonly ["data-store-hide", "data-store-hide-type"];
-export declare const OBS_ATTRS_OPTION: readonly ["data-store-devices", "data-store-subscription", "data-store-text-single", "data-store-text-many", "data-store-subscription-type", "data-store-price", "data-store-discount", "data-store-buy-link"];
-export declare const OBS_ATTRS_STATE: readonly ["data-store-context-price", "data-store-context-discount"];
-export declare const OBS_ATTRS_OPTION_PLUS_STATE: readonly ["data-store-devices", "data-store-subscription", "data-store-text-single", "data-store-text-many", "data-store-subscription-type", "data-store-price", "data-store-discount", "data-store-buy-link", "data-store-context-price", "data-store-context-discount", "data-store-hide", "data-store-hide-type"];
+export declare const OBS_ATTRS_RENDER: readonly ["data-store-buy-link", "data-store-context-discount", "data-store-context-price", "data-store-discount", "data-store-devices", "data-store-hide", "data-store-hide-type", "data-store-price", "data-store-subscription", "data-store-subscription-type", "data-store-text-many", "data-store-text-single"];

package/dist/src/renders/observe.js

@@ -1,29 +1,15 @@
-// Attributes that, when changed, should trigger a re-render of nodes.
-// Shared across both contexts
-export const OBS_ATTRS_COMMON = [
-    'data-store-hide',
-    'data-store-hide-type'
-];
-// Attributes affecting option-level rendering
-export const OBS_ATTRS_OPTION = [
+export const OBS_ATTRS_RENDER = [
+    'data-store-buy-link',
+    'data-store-context-discount',
+    'data-store-context-price',
+    'data-store-discount',
     'data-store-devices',
+    'data-store-hide',
+    'data-store-hide-type',
+    'data-store-price',
     'data-store-subscription',
-    'data-store-text-single',
-    'data-store-text-many',
     'data-store-subscription-type',
-    'data-store-price',
-    'data-store-discount',
-    'data-store-buy-link'
-];
-// Attributes affecting state-level rendering
-export const OBS_ATTRS_STATE = [
-    'data-store-context-price',
-    'data-store-context-discount'
-];
-// Combined set used when option-side also cares about state-driven attributes in markup
-export const OBS_ATTRS_OPTION_PLUS_STATE = [
-    ...OBS_ATTRS_OPTION,
-    ...OBS_ATTRS_STATE,
-    ...OBS_ATTRS_COMMON
+    'data-store-text-many',
+    'data-store-text-single'
 ];
 //# sourceMappingURL=observe.js.map

package/dist/src/renders/observe.js.map

@@ -1 +1 @@
-{"version":3,"file":"observe.js","sourceRoot":"","sources":["../../../src/renders/observe.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,iBAAiB;IACjB,sBAAsB;CACd,CAAC;AAEX,8CAA8C;AAC9C,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,oBAAoB;IACpB,yBAAyB;IACzB,wBAAwB;IACxB,sBAAsB;IACtB,8BAA8B;IAC9B,kBAAkB;IAClB,qBAAqB;IACrB,qBAAqB;CACb,CAAC;AAEX,6CAA6C;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,0BAA0B;IAC1B,6BAA6B;CACrB,CAAC;AAEX,wFAAwF;AACxF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,GAAG,gBAAgB;IACnB,GAAG,eAAe;IAClB,GAAG,gBAAgB;CACX,CAAC","sourcesContent":["// Attributes that, when changed, should trigger a re-render of nodes.\n\n// Shared across both contexts\nexport const OBS_ATTRS_COMMON = [\n  'data-store-hide',\n  'data-store-hide-type'\n] as const;\n\n// Attributes affecting option-level rendering\nexport const OBS_ATTRS_OPTION = [\n  'data-store-devices',\n  'data-store-subscription',\n  'data-store-text-single',\n  'data-store-text-many',\n  'data-store-subscription-type',\n  'data-store-price',\n  'data-store-discount',\n  'data-store-buy-link'\n] as const;\n\n// Attributes affecting state-level rendering\nexport const OBS_ATTRS_STATE = [\n  'data-store-context-price',\n  'data-store-context-discount'\n] as const;\n\n// Combined set used when option-side also cares about state-driven attributes in markup\nexport const OBS_ATTRS_OPTION_PLUS_STATE = [\n  ...OBS_ATTRS_OPTION,\n  ...OBS_ATTRS_STATE,\n  ...OBS_ATTRS_COMMON\n] as const;\n"]}
+{"version":3,"file":"observe.js","sourceRoot":"","sources":["../../../src/renders/observe.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,qBAAqB;IACrB,6BAA6B;IAC7B,0BAA0B;IAC1B,qBAAqB;IACrB,oBAAoB;IACpB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IACzB,8BAA8B;IAC9B,sBAAsB;IACtB,wBAAwB;CAChB,CAAC","sourcesContent":["export const OBS_ATTRS_RENDER = [\n  'data-store-buy-link',\n  'data-store-context-discount',\n  'data-store-context-price',\n  'data-store-discount',\n  'data-store-devices',\n  'data-store-hide',\n  'data-store-hide-type',\n  'data-store-price',\n  'data-store-subscription',\n  'data-store-subscription-type',\n  'data-store-text-many',\n  'data-store-text-single'\n] as const;\n"]}

package/dist/src/renders/render.wrapper.d.ts

@@ -0,0 +1,37 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import { type BdScope } from '../contexts/context.scope.js';
+export type BdRenderTarget = HTMLElement & {
+    updateComplete?: Promise<boolean>;
+};
+/**
+ * Invisible render wrapper for a regular HTML render target.
+ *
+ * It implements the minimal ReactiveControllerHost surface needed by
+ * ContextConsumer, but delegates dispatchEvent to the target element. That
+ * makes the target the context request entrypoint without adding a wrapper
+ * element to the DOM.
+ */
+export declare class BdRenderWrapper implements ReactiveControllerHost {
+    readonly target: BdRenderTarget;
+    scope?: BdScope;
+    private readonly _controllers;
+    private readonly _originalUpdateComplete?;
+    private readonly _renderTask;
+    private _observer?;
+    private _connected;
+    private _updateComplete;
+    private _computeResult?;
+    constructor(target: BdRenderTarget);
+    get updateComplete(): Promise<boolean>;
+    addController(controller: ReactiveController): void;
+    removeController(controller: ReactiveController): void;
+    requestUpdate(): void;
+    dispatchEvent(event: Event): boolean;
+    connect(): void;
+    disconnect(): void;
+    renderTarget(): Promise<boolean>;
+    private _queueRender;
+    private _observeTarget;
+    private _disconnectObserver;
+    private _restoreUpdateComplete;
+}