@next-core/runtime 1.54.9 → 1.54.11

package/dist/cjs/CustomTemplates.js

@@ -163,7 +163,7 @@ class CustomTemplateRegistry {
         value(...args) {
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           const element = this.$$getElementByRef(to.ref);
-          element[to.refMethod ?? from](...args);
+          return element[to.refMethod ?? from](...args);
         },
         enumerable: true
       });

package/dist/cjs/CustomTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTemplates.js","names":["_lodash","require","_isStrictMode","_getV2RuntimeFromDll","allowedNativeProps","Set","CustomTemplateRegistry","registry","Map","define","tagName","constructor","_constructor$proxy","_compatibleConstructo","registered","has","console","warn","customElements","get","strict","isStrictMode","proxyProperties","proxy","properties","validProxyProps","legacyTplVariables","key","value","Object","entries","asVariable","warnAboutStrictMode","push","mergeProperty","refTransform","error","ref","compatibleConstructor","fromEntries","state","map","item","expose","concat","tpl","name","set","exposedStates","getExposedStates","proxyMethods","methods","props","entry","nativeProps","filter","prop","HTMLElement","prototype","length","Error","p","join","TplElement","$$typeof","_dev_only_definedProperties","_dev_only_definedMethods","$$getElementByRef","_this$$$tplStateStore","$$tplStateStore","hostBrick","tplHostMetadata","internalBricksByRef","element","connectedCallback","shadowRoot","attachShadow","mode","fragment","document","createDocumentFragment","style","createElement","textContent","slot","appendChild","disconnectedCallback","propName","some","defineProperty","getValue","_this$$$tplStateStore2","updateValue","enumerable","from","to","refProperty","_this$$$getElementByR","call","args","refMethod","uniq","getCustomTemplatesV2","v2Kit","getV2RuntimeFromDll","freeze","getRuntime","registerCustomTemplate","customTemplates","exports"],"sources":["../../src/CustomTemplates.ts"],"sourcesContent":["import type {\n  ContextConf,\n  CustomTemplate,\n  CustomTemplateConstructor,\n  CustomTemplateProxyBasicProperty,\n} from \"@next-core/types\";\nimport { uniq } from \"lodash\";\nimport type { RuntimeBrickElement } from \"./internal/interfaces.js\";\nimport { isStrictMode, warnAboutStrictMode } from \"./isStrictMode.js\";\nimport { getV2RuntimeFromDll } from \"./getV2RuntimeFromDll.js\";\n\n// Note: `prefix` is a native prop on Element, but it's only used in XML documents.\nconst allowedNativeProps = new Set([\"prefix\"]);\n\ninterface LegacyTplPropProxy extends CustomTemplateProxyBasicProperty {\n  asVariable?: boolean;\n  mergeProperty?: unknown;\n  refTransform?: unknown;\n}\n\nclass CustomTemplateRegistry {\n  readonly #registry = new Map<string, CustomTemplate>();\n\n  define(tagName: string, constructor: CustomTemplateConstructor): void {\n    let registered = this.#registry.has(tagName);\n    if (registered) {\n      // When open launchpad, the storyboard will be updated.\n      // However, we can't *undefine* a custom element.\n      // Just ignore re-registering custom templates.\n      // eslint-disable-next-line no-console\n      console.warn(`Custom template of \"${tagName}\" already registered.`);\n    } else {\n      registered = !!customElements.get(tagName);\n      if (registered) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `Custom template of \"${tagName}\" already defined by customElements.`\n        );\n      }\n    }\n\n    // Transform legacy `proxy.properties[].asVariable` as states.\n    const strict = isStrictMode();\n    const proxyProperties = (constructor.proxy?.properties ?? {}) as {\n      [name: string]: LegacyTplPropProxy;\n    };\n    const validProxyProps: [string, CustomTemplateProxyBasicProperty][] = [];\n    const legacyTplVariables: string[] = [];\n    for (const [key, value] of Object.entries(proxyProperties)) {\n      if (value.asVariable) {\n        warnAboutStrictMode(strict, \"Template `asVariable`\", tagName, key);\n        // istanbul ignore next\n        if (!strict) {\n          // For existed TPL usage, treat it as a STATE.\n          legacyTplVariables.push(key);\n        }\n      } else if (value.mergeProperty || value.refTransform) {\n        // eslint-disable-next-line no-console\n        console.error(\n          \"Template `mergeProperty` and `refTransform` are dropped in v3:\",\n          tagName,\n          key\n        );\n      } else if (value.ref) {\n        validProxyProps.push([key, value]);\n      }\n      // Else: documentation only, for exposed states.\n    }\n\n    const compatibleConstructor = {\n      ...constructor,\n      proxy: {\n        ...constructor.proxy,\n        properties: Object.fromEntries(validProxyProps),\n      },\n      state: (constructor.state\n        ? strict\n          ? constructor.state\n          : constructor.state.map((item) => ({\n              // Make `expose` defaults to true in non-strict mode.\n              expose: true,\n              ...item,\n            }))\n        : []\n      ).concat(legacyTplVariables.map((tpl) => ({ name: tpl, expose: true }))),\n    };\n\n    // Now we allow re-register custom template\n    this.#registry.set(tagName, {\n      ...compatibleConstructor,\n      name: tagName,\n    });\n\n    const exposedStates = getExposedStates(compatibleConstructor.state);\n    const proxyMethods = Object.entries(\n      compatibleConstructor.proxy?.methods ?? {}\n    );\n\n    const props = exposedStates.concat(\n      validProxyProps.map((entry) => entry[0])\n    );\n    const methods = proxyMethods.map((entry) => entry[0]);\n\n    const nativeProps = props\n      .concat(methods)\n      .filter(\n        (prop) => prop in HTMLElement.prototype && !allowedNativeProps.has(prop)\n      );\n    if (nativeProps.length > 0) {\n      warnAboutStrictMode(\n        strict,\n        \"Using native HTMLElement properties as template properties or methods\",\n        tagName,\n        ...nativeProps\n      );\n      // istanbul ignore next\n      if (strict) {\n        throw new Error(\n          `In custom template \"${tagName}\", ${nativeProps\n            .map((p) => `\"${p}\"`)\n            .join(\n              \", \"\n            )} are native HTMLElement properties, and should be avoid to be used as brick properties or methods.`\n        );\n      }\n    }\n\n    if (registered) {\n      return;\n    }\n\n    class TplElement extends HTMLElement {\n      get $$typeof() {\n        return \"custom-template\" as const;\n      }\n\n      static get _dev_only_definedProperties(): string[] {\n        return props;\n      }\n\n      static get _dev_only_definedMethods(): string[] {\n        return methods;\n      }\n\n      $$getElementByRef(this: RuntimeBrickElement, ref: string) {\n        return this.$$tplStateStore?.hostBrick?.tplHostMetadata?.internalBricksByRef.get(\n          ref\n        )?.element;\n      }\n\n      connectedCallback() {\n        let shadowRoot = this.shadowRoot;\n        if (!shadowRoot) {\n          shadowRoot = this.attachShadow({ mode: \"open\" });\n        }\n        const fragment = document.createDocumentFragment();\n        const style = document.createElement(\"style\");\n        style.textContent = \":host{display:block}:host([hidden]){display:none}\";\n        const slot = document.createElement(\"slot\");\n        fragment.appendChild(style);\n        fragment.appendChild(slot);\n        shadowRoot.appendChild(fragment);\n      }\n\n      disconnectedCallback() {\n        if (this.shadowRoot) {\n          this.shadowRoot.textContent = \"\";\n        }\n      }\n    }\n\n    for (const propName of exposedStates) {\n      if (validProxyProps.some((entry) => entry[0] === propName)) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Cannot define an exposed state that is also a proxy property: \"${propName}\" in ${tagName}`\n        );\n        continue;\n      }\n      Object.defineProperty(TplElement.prototype, propName, {\n        get(this: RuntimeBrickElement) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          return this.$$tplStateStore!.getValue(propName);\n        },\n        set(this: RuntimeBrickElement, value: unknown) {\n          // 在 mount 过程中，先设置属性，再设置 `$$tplStateStore`，这样，当触发属性设置时，\n          // 避免初始化的一次 state update 操作及其 onChange 事件。\n          this.$$tplStateStore?.updateValue(propName, value, \"replace\");\n        },\n        enumerable: true,\n      });\n    }\n\n    for (const [from, to] of validProxyProps) {\n      Object.defineProperty(TplElement.prototype, from, {\n        get(this: TplElement) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const element = this.$$getElementByRef!(to.ref) as unknown as Record<\n            string,\n            unknown\n          >;\n          return element[to.refProperty ?? from];\n        },\n        set(this: TplElement, value: unknown) {\n          // 同上 exposedState.set\n          const element = this.$$getElementByRef?.(to.ref) as unknown as Record<\n            string,\n            unknown\n          >;\n          if (element) {\n            element[to.refProperty ?? from] = value;\n          }\n        },\n        enumerable: true,\n      });\n    }\n\n    for (const [from, to] of proxyMethods) {\n      Object.defineProperty(TplElement.prototype, from, {\n        value(this: TplElement, ...args: unknown[]) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const element = this.$$getElementByRef!(to.ref) as unknown as Record<\n            string,\n            Function\n          >;\n          element[to.refMethod ?? from](...args);\n        },\n        enumerable: true,\n      });\n    }\n\n    customElements.define(tagName, TplElement);\n  }\n\n  get(tagName: string) {\n    return this.#registry.get(tagName);\n  }\n}\n\nfunction getExposedStates(state: ContextConf[] | undefined): string[] {\n  // Allow duplicated state names which maybe mutually exclusive.\n  return uniq(\n    state?.filter((item) => item.expose).map((item) => item.name) ?? []\n  );\n}\n\n// istanbul ignore next\nfunction getCustomTemplatesV2() {\n  const v2Kit = getV2RuntimeFromDll();\n  if (v2Kit) {\n    return Object.freeze({\n      define(tagName: string, constructor: CustomTemplateConstructor) {\n        return v2Kit.getRuntime().registerCustomTemplate(tagName, constructor);\n      },\n    }) as CustomTemplateRegistry;\n  }\n}\n\n// istanbul ignore next\nexport const customTemplates =\n  getCustomTemplatesV2() || new CustomTemplateRegistry();\n"],"mappings":";;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAEA;AACA,MAAMG,kBAAkB,GAAG,IAAIC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AAQ9C,MAAMC,sBAAsB,CAAC;EAClB,CAACC,QAAQ,GAAG,IAAIC,GAAG,CAAyB,CAAC;EAEtDC,MAAMA,CAACC,OAAe,EAAEC,WAAsC,EAAQ;IAAA,IAAAC,kBAAA,EAAAC,qBAAA;IACpE,IAAIC,UAAU,GAAG,IAAI,CAAC,CAACP,QAAQ,CAACQ,GAAG,CAACL,OAAO,CAAC;IAC5C,IAAII,UAAU,EAAE;MACd;MACA;MACA;MACA;MACAE,OAAO,CAACC,IAAI,CAAC,uBAAuBP,OAAO,uBAAuB,CAAC;IACrE,CAAC,MAAM;MACLI,UAAU,GAAG,CAAC,CAACI,cAAc,CAACC,GAAG,CAACT,OAAO,CAAC;MAC1C,IAAII,UAAU,EAAE;QACd;QACAE,OAAO,CAACC,IAAI,CACV,uBAAuBP,OAAO,sCAChC,CAAC;MACH;IACF;;IAEA;IACA,MAAMU,MAAM,GAAG,IAAAC,0BAAY,EAAC,CAAC;IAC7B,MAAMC,eAAe,GAAI,EAAAV,kBAAA,GAAAD,WAAW,CAACY,KAAK,cAAAX,kBAAA,uBAAjBA,kBAAA,CAAmBY,UAAU,KAAI,CAAC,CAE1D;IACD,MAAMC,eAA6D,GAAG,EAAE;IACxE,MAAMC,kBAA4B,GAAG,EAAE;IACvC,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,eAAe,CAAC,EAAE;MAC1D,IAAIM,KAAK,CAACG,UAAU,EAAE;QACpB,IAAAC,iCAAmB,EAACZ,MAAM,EAAE,uBAAuB,EAAEV,OAAO,EAAEiB,GAAG,CAAC;QAClE;QACA,IAAI,CAACP,MAAM,EAAE;UACX;UACAM,kBAAkB,CAACO,IAAI,CAACN,GAAG,CAAC;QAC9B;MACF,CAAC,MAAM,IAAIC,KAAK,CAACM,aAAa,IAAIN,KAAK,CAACO,YAAY,EAAE;QACpD;QACAnB,OAAO,CAACoB,KAAK,CACX,gEAAgE,EAChE1B,OAAO,EACPiB,GACF,CAAC;MACH,CAAC,MAAM,IAAIC,KAAK,CAACS,GAAG,EAAE;QACpBZ,eAAe,CAACQ,IAAI,CAAC,CAACN,GAAG,EAAEC,KAAK,CAAC,CAAC;MACpC;MACA;IACF;IAEA,MAAMU,qBAAqB,GAAG;MAC5B,GAAG3B,WAAW;MACdY,KAAK,EAAE;QACL,GAAGZ,WAAW,CAACY,KAAK;QACpBC,UAAU,EAAEK,MAAM,CAACU,WAAW,CAACd,eAAe;MAChD,CAAC;MACDe,KAAK,EAAE,CAAC7B,WAAW,CAAC6B,KAAK,GACrBpB,MAAM,GACJT,WAAW,CAAC6B,KAAK,GACjB7B,WAAW,CAAC6B,KAAK,CAACC,GAAG,CAAEC,IAAI,KAAM;QAC/B;QACAC,MAAM,EAAE,IAAI;QACZ,GAAGD;MACL,CAAC,CAAC,CAAC,GACL,EAAE,EACJE,MAAM,CAAClB,kBAAkB,CAACe,GAAG,CAAEI,GAAG,KAAM;QAAEC,IAAI,EAAED,GAAG;QAAEF,MAAM,EAAE;MAAK,CAAC,CAAC,CAAC;IACzE,CAAC;;IAED;IACA,IAAI,CAAC,CAACpC,QAAQ,CAACwC,GAAG,CAACrC,OAAO,EAAE;MAC1B,GAAG4B,qBAAqB;MACxBQ,IAAI,EAAEpC;IACR,CAAC,CAAC;IAEF,MAAMsC,aAAa,GAAGC,gBAAgB,CAACX,qBAAqB,CAACE,KAAK,CAAC;IACnE,MAAMU,YAAY,GAAGrB,MAAM,CAACC,OAAO,CACjC,EAAAjB,qBAAA,GAAAyB,qBAAqB,CAACf,KAAK,cAAAV,qBAAA,uBAA3BA,qBAAA,CAA6BsC,OAAO,KAAI,CAAC,CAC3C,CAAC;IAED,MAAMC,KAAK,GAAGJ,aAAa,CAACJ,MAAM,CAChCnB,eAAe,CAACgB,GAAG,CAAEY,KAAK,IAAKA,KAAK,CAAC,CAAC,CAAC,CACzC,CAAC;IACD,MAAMF,OAAO,GAAGD,YAAY,CAACT,GAAG,CAAEY,KAAK,IAAKA,KAAK,CAAC,CAAC,CAAC,CAAC;IAErD,MAAMC,WAAW,GAAGF,KAAK,CACtBR,MAAM,CAACO,OAAO,CAAC,CACfI,MAAM,CACJC,IAAI,IAAKA,IAAI,IAAIC,WAAW,CAACC,SAAS,IAAI,CAACtD,kBAAkB,CAACW,GAAG,CAACyC,IAAI,CACzE,CAAC;IACH,IAAIF,WAAW,CAACK,MAAM,GAAG,CAAC,EAAE;MAC1B,IAAA3B,iCAAmB,EACjBZ,MAAM,EACN,uEAAuE,EACvEV,OAAO,EACP,GAAG4C,WACL,CAAC;MACD;MACA,IAAIlC,MAAM,EAAE;QACV,MAAM,IAAIwC,KAAK,CACb,uBAAuBlD,OAAO,MAAM4C,WAAW,CAC5Cb,GAAG,CAAEoB,CAAC,IAAK,IAAIA,CAAC,GAAG,CAAC,CACpBC,IAAI,CACH,IACF,CAAC,oGACL,CAAC;MACH;IACF;IAEA,IAAIhD,UAAU,EAAE;MACd;IACF;IAEA,MAAMiD,UAAU,SAASN,WAAW,CAAC;MACnC,IAAIO,QAAQA,CAAA,EAAG;QACb,OAAO,iBAAiB;MAC1B;MAEA,WAAWC,2BAA2BA,CAAA,EAAa;QACjD,OAAOb,KAAK;MACd;MAEA,WAAWc,wBAAwBA,CAAA,EAAa;QAC9C,OAAOf,OAAO;MAChB;MAEAgB,iBAAiBA,CAA4B9B,GAAW,EAAE;QAAA,IAAA+B,qBAAA;QACxD,QAAAA,qBAAA,GAAO,IAAI,CAACC,eAAe,cAAAD,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBE,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAA/BA,qBAAA,CAAiCG,eAAe,cAAAH,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAkDI,mBAAmB,CAACrD,GAAG,CAC9EkB,GACF,CAAC,cAAA+B,qBAAA,uBAFMA,qBAAA,CAEJK,OAAO;MACZ;MAEAC,iBAAiBA,CAAA,EAAG;QAClB,IAAIC,UAAU,GAAG,IAAI,CAACA,UAAU;QAChC,IAAI,CAACA,UAAU,EAAE;UACfA,UAAU,GAAG,IAAI,CAACC,YAAY,CAAC;YAAEC,IAAI,EAAE;UAAO,CAAC,CAAC;QAClD;QACA,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,sBAAsB,CAAC,CAAC;QAClD,MAAMC,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;QAC7CD,KAAK,CAACE,WAAW,GAAG,mDAAmD;QACvE,MAAMC,IAAI,GAAGL,QAAQ,CAACG,aAAa,CAAC,MAAM,CAAC;QAC3CJ,QAAQ,CAACO,WAAW,CAACJ,KAAK,CAAC;QAC3BH,QAAQ,CAACO,WAAW,CAACD,IAAI,CAAC;QAC1BT,UAAU,CAACU,WAAW,CAACP,QAAQ,CAAC;MAClC;MAEAQ,oBAAoBA,CAAA,EAAG;QACrB,IAAI,IAAI,CAACX,UAAU,EAAE;UACnB,IAAI,CAACA,UAAU,CAACQ,WAAW,GAAG,EAAE;QAClC;MACF;IACF;IAEA,KAAK,MAAMI,QAAQ,IAAIvC,aAAa,EAAE;MACpC,IAAIvB,eAAe,CAAC+D,IAAI,CAAEnC,KAAK,IAAKA,KAAK,CAAC,CAAC,CAAC,KAAKkC,QAAQ,CAAC,EAAE;QAC1D;QACAvE,OAAO,CAACoB,KAAK,CACX,kEAAkEmD,QAAQ,QAAQ7E,OAAO,EAC3F,CAAC;QACD;MACF;MACAmB,MAAM,CAAC4D,cAAc,CAAC1B,UAAU,CAACL,SAAS,EAAE6B,QAAQ,EAAE;QACpDpE,GAAGA,CAAA,EAA4B;UAC7B;UACA,OAAO,IAAI,CAACkD,eAAe,CAAEqB,QAAQ,CAACH,QAAQ,CAAC;QACjD,CAAC;QACDxC,GAAGA,CAA4BnB,KAAc,EAAE;UAAA,IAAA+D,sBAAA;UAC7C;UACA;UACA,CAAAA,sBAAA,OAAI,CAACtB,eAAe,cAAAsB,sBAAA,eAApBA,sBAAA,CAAsBC,WAAW,CAACL,QAAQ,EAAE3D,KAAK,EAAE,SAAS,CAAC;QAC/D,CAAC;QACDiE,UAAU,EAAE;MACd,CAAC,CAAC;IACJ;IAEA,KAAK,MAAM,CAACC,IAAI,EAAEC,EAAE,CAAC,IAAItE,eAAe,EAAE;MACxCI,MAAM,CAAC4D,cAAc,CAAC1B,UAAU,CAACL,SAAS,EAAEoC,IAAI,EAAE;QAChD3E,GAAGA,CAAA,EAAmB;UACpB;UACA,MAAMsD,OAAO,GAAG,IAAI,CAACN,iBAAiB,CAAE4B,EAAE,CAAC1D,GAAG,CAG7C;UACD,OAAOoC,OAAO,CAACsB,EAAE,CAACC,WAAW,IAAIF,IAAI,CAAC;QACxC,CAAC;QACD/C,GAAGA,CAAmBnB,KAAc,EAAE;UAAA,IAAAqE,qBAAA;UACpC;UACA,MAAMxB,OAAO,IAAAwB,qBAAA,GAAG,IAAI,CAAC9B,iBAAiB,cAAA8B,qBAAA,uBAAtBA,qBAAA,CAAAC,IAAA,KAAI,EAAqBH,EAAE,CAAC1D,GAAG,CAG9C;UACD,IAAIoC,OAAO,EAAE;YACXA,OAAO,CAACsB,EAAE,CAACC,WAAW,IAAIF,IAAI,CAAC,GAAGlE,KAAK;UACzC;QACF,CAAC;QACDiE,UAAU,EAAE;MACd,CAAC,CAAC;IACJ;IAEA,KAAK,MAAM,CAACC,IAAI,EAAEC,EAAE,CAAC,IAAI7C,YAAY,EAAE;MACrCrB,MAAM,CAAC4D,cAAc,CAAC1B,UAAU,CAACL,SAAS,EAAEoC,IAAI,EAAE;QAChDlE,KAAKA,CAAmB,GAAGuE,IAAe,EAAE;UAC1C;UACA,MAAM1B,OAAO,GAAG,IAAI,CAACN,iBAAiB,CAAE4B,EAAE,CAAC1D,GAAG,CAG7C;UACDoC,OAAO,CAACsB,EAAE,CAACK,SAAS,IAAIN,IAAI,CAAC,CAAC,GAAGK,IAAI,CAAC;QACxC,CAAC;QACDN,UAAU,EAAE;MACd,CAAC,CAAC;IACJ;IAEA3E,cAAc,CAACT,MAAM,CAACC,OAAO,EAAEqD,UAAU,CAAC;EAC5C;EAEA5C,GAAGA,CAACT,OAAe,EAAE;IACnB,OAAO,IAAI,CAAC,CAACH,QAAQ,CAACY,GAAG,CAACT,OAAO,CAAC;EACpC;AACF;AAEA,SAASuC,gBAAgBA,CAACT,KAAgC,EAAY;EACpE;EACA,OAAO,IAAA6D,YAAI,EACT,CAAA7D,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,MAAM,CAAEb,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAC,CAACF,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACI,IAAI,CAAC,KAAI,EACnE,CAAC;AACH;;AAEA;AACA,SAASwD,oBAAoBA,CAAA,EAAG;EAC9B,MAAMC,KAAK,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACnC,IAAID,KAAK,EAAE;IACT,OAAO1E,MAAM,CAAC4E,MAAM,CAAC;MACnBhG,MAAMA,CAACC,OAAe,EAAEC,WAAsC,EAAE;QAC9D,OAAO4F,KAAK,CAACG,UAAU,CAAC,CAAC,CAACC,sBAAsB,CAACjG,OAAO,EAAEC,WAAW,CAAC;MACxE;IACF,CAAC,CAAC;EACJ;AACF;;AAEA;AACO,MAAMiG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAC1BN,oBAAoB,CAAC,CAAC,IAAI,IAAIhG,sBAAsB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"CustomTemplates.js","names":["_lodash","require","_isStrictMode","_getV2RuntimeFromDll","allowedNativeProps","Set","CustomTemplateRegistry","registry","Map","define","tagName","constructor","_constructor$proxy","_compatibleConstructo","registered","has","console","warn","customElements","get","strict","isStrictMode","proxyProperties","proxy","properties","validProxyProps","legacyTplVariables","key","value","Object","entries","asVariable","warnAboutStrictMode","push","mergeProperty","refTransform","error","ref","compatibleConstructor","fromEntries","state","map","item","expose","concat","tpl","name","set","exposedStates","getExposedStates","proxyMethods","methods","props","entry","nativeProps","filter","prop","HTMLElement","prototype","length","Error","p","join","TplElement","$$typeof","_dev_only_definedProperties","_dev_only_definedMethods","$$getElementByRef","_this$$$tplStateStore","$$tplStateStore","hostBrick","tplHostMetadata","internalBricksByRef","element","connectedCallback","shadowRoot","attachShadow","mode","fragment","document","createDocumentFragment","style","createElement","textContent","slot","appendChild","disconnectedCallback","propName","some","defineProperty","getValue","_this$$$tplStateStore2","updateValue","enumerable","from","to","refProperty","_this$$$getElementByR","call","args","refMethod","uniq","getCustomTemplatesV2","v2Kit","getV2RuntimeFromDll","freeze","getRuntime","registerCustomTemplate","customTemplates","exports"],"sources":["../../src/CustomTemplates.ts"],"sourcesContent":["import type {\n  ContextConf,\n  CustomTemplate,\n  CustomTemplateConstructor,\n  CustomTemplateProxyBasicProperty,\n} from \"@next-core/types\";\nimport { uniq } from \"lodash\";\nimport type { RuntimeBrickElement } from \"./internal/interfaces.js\";\nimport { isStrictMode, warnAboutStrictMode } from \"./isStrictMode.js\";\nimport { getV2RuntimeFromDll } from \"./getV2RuntimeFromDll.js\";\n\n// Note: `prefix` is a native prop on Element, but it's only used in XML documents.\nconst allowedNativeProps = new Set([\"prefix\"]);\n\ninterface LegacyTplPropProxy extends CustomTemplateProxyBasicProperty {\n  asVariable?: boolean;\n  mergeProperty?: unknown;\n  refTransform?: unknown;\n}\n\nclass CustomTemplateRegistry {\n  readonly #registry = new Map<string, CustomTemplate>();\n\n  define(tagName: string, constructor: CustomTemplateConstructor): void {\n    let registered = this.#registry.has(tagName);\n    if (registered) {\n      // When open launchpad, the storyboard will be updated.\n      // However, we can't *undefine* a custom element.\n      // Just ignore re-registering custom templates.\n      // eslint-disable-next-line no-console\n      console.warn(`Custom template of \"${tagName}\" already registered.`);\n    } else {\n      registered = !!customElements.get(tagName);\n      if (registered) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `Custom template of \"${tagName}\" already defined by customElements.`\n        );\n      }\n    }\n\n    // Transform legacy `proxy.properties[].asVariable` as states.\n    const strict = isStrictMode();\n    const proxyProperties = (constructor.proxy?.properties ?? {}) as {\n      [name: string]: LegacyTplPropProxy;\n    };\n    const validProxyProps: [string, CustomTemplateProxyBasicProperty][] = [];\n    const legacyTplVariables: string[] = [];\n    for (const [key, value] of Object.entries(proxyProperties)) {\n      if (value.asVariable) {\n        warnAboutStrictMode(strict, \"Template `asVariable`\", tagName, key);\n        // istanbul ignore next\n        if (!strict) {\n          // For existed TPL usage, treat it as a STATE.\n          legacyTplVariables.push(key);\n        }\n      } else if (value.mergeProperty || value.refTransform) {\n        // eslint-disable-next-line no-console\n        console.error(\n          \"Template `mergeProperty` and `refTransform` are dropped in v3:\",\n          tagName,\n          key\n        );\n      } else if (value.ref) {\n        validProxyProps.push([key, value]);\n      }\n      // Else: documentation only, for exposed states.\n    }\n\n    const compatibleConstructor = {\n      ...constructor,\n      proxy: {\n        ...constructor.proxy,\n        properties: Object.fromEntries(validProxyProps),\n      },\n      state: (constructor.state\n        ? strict\n          ? constructor.state\n          : constructor.state.map((item) => ({\n              // Make `expose` defaults to true in non-strict mode.\n              expose: true,\n              ...item,\n            }))\n        : []\n      ).concat(legacyTplVariables.map((tpl) => ({ name: tpl, expose: true }))),\n    };\n\n    // Now we allow re-register custom template\n    this.#registry.set(tagName, {\n      ...compatibleConstructor,\n      name: tagName,\n    });\n\n    const exposedStates = getExposedStates(compatibleConstructor.state);\n    const proxyMethods = Object.entries(\n      compatibleConstructor.proxy?.methods ?? {}\n    );\n\n    const props = exposedStates.concat(\n      validProxyProps.map((entry) => entry[0])\n    );\n    const methods = proxyMethods.map((entry) => entry[0]);\n\n    const nativeProps = props\n      .concat(methods)\n      .filter(\n        (prop) => prop in HTMLElement.prototype && !allowedNativeProps.has(prop)\n      );\n    if (nativeProps.length > 0) {\n      warnAboutStrictMode(\n        strict,\n        \"Using native HTMLElement properties as template properties or methods\",\n        tagName,\n        ...nativeProps\n      );\n      // istanbul ignore next\n      if (strict) {\n        throw new Error(\n          `In custom template \"${tagName}\", ${nativeProps\n            .map((p) => `\"${p}\"`)\n            .join(\n              \", \"\n            )} are native HTMLElement properties, and should be avoid to be used as brick properties or methods.`\n        );\n      }\n    }\n\n    if (registered) {\n      return;\n    }\n\n    class TplElement extends HTMLElement {\n      get $$typeof() {\n        return \"custom-template\" as const;\n      }\n\n      static get _dev_only_definedProperties(): string[] {\n        return props;\n      }\n\n      static get _dev_only_definedMethods(): string[] {\n        return methods;\n      }\n\n      $$getElementByRef(this: RuntimeBrickElement, ref: string) {\n        return this.$$tplStateStore?.hostBrick?.tplHostMetadata?.internalBricksByRef.get(\n          ref\n        )?.element;\n      }\n\n      connectedCallback() {\n        let shadowRoot = this.shadowRoot;\n        if (!shadowRoot) {\n          shadowRoot = this.attachShadow({ mode: \"open\" });\n        }\n        const fragment = document.createDocumentFragment();\n        const style = document.createElement(\"style\");\n        style.textContent = \":host{display:block}:host([hidden]){display:none}\";\n        const slot = document.createElement(\"slot\");\n        fragment.appendChild(style);\n        fragment.appendChild(slot);\n        shadowRoot.appendChild(fragment);\n      }\n\n      disconnectedCallback() {\n        if (this.shadowRoot) {\n          this.shadowRoot.textContent = \"\";\n        }\n      }\n    }\n\n    for (const propName of exposedStates) {\n      if (validProxyProps.some((entry) => entry[0] === propName)) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Cannot define an exposed state that is also a proxy property: \"${propName}\" in ${tagName}`\n        );\n        continue;\n      }\n      Object.defineProperty(TplElement.prototype, propName, {\n        get(this: RuntimeBrickElement) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          return this.$$tplStateStore!.getValue(propName);\n        },\n        set(this: RuntimeBrickElement, value: unknown) {\n          // 在 mount 过程中，先设置属性，再设置 `$$tplStateStore`，这样，当触发属性设置时，\n          // 避免初始化的一次 state update 操作及其 onChange 事件。\n          this.$$tplStateStore?.updateValue(propName, value, \"replace\");\n        },\n        enumerable: true,\n      });\n    }\n\n    for (const [from, to] of validProxyProps) {\n      Object.defineProperty(TplElement.prototype, from, {\n        get(this: TplElement) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const element = this.$$getElementByRef!(to.ref) as unknown as Record<\n            string,\n            unknown\n          >;\n          return element[to.refProperty ?? from];\n        },\n        set(this: TplElement, value: unknown) {\n          // 同上 exposedState.set\n          const element = this.$$getElementByRef?.(to.ref) as unknown as Record<\n            string,\n            unknown\n          >;\n          if (element) {\n            element[to.refProperty ?? from] = value;\n          }\n        },\n        enumerable: true,\n      });\n    }\n\n    for (const [from, to] of proxyMethods) {\n      Object.defineProperty(TplElement.prototype, from, {\n        value(this: TplElement, ...args: unknown[]) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const element = this.$$getElementByRef!(to.ref) as unknown as Record<\n            string,\n            Function\n          >;\n          return element[to.refMethod ?? from](...args);\n        },\n        enumerable: true,\n      });\n    }\n\n    customElements.define(tagName, TplElement);\n  }\n\n  get(tagName: string) {\n    return this.#registry.get(tagName);\n  }\n}\n\nfunction getExposedStates(state: ContextConf[] | undefined): string[] {\n  // Allow duplicated state names which maybe mutually exclusive.\n  return uniq(\n    state?.filter((item) => item.expose).map((item) => item.name) ?? []\n  );\n}\n\n// istanbul ignore next\nfunction getCustomTemplatesV2() {\n  const v2Kit = getV2RuntimeFromDll();\n  if (v2Kit) {\n    return Object.freeze({\n      define(tagName: string, constructor: CustomTemplateConstructor) {\n        return v2Kit.getRuntime().registerCustomTemplate(tagName, constructor);\n      },\n    }) as CustomTemplateRegistry;\n  }\n}\n\n// istanbul ignore next\nexport const customTemplates =\n  getCustomTemplatesV2() || new CustomTemplateRegistry();\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/createRoot.js

@@ -10,13 +10,13 @@ var _Renderer = require("./internal/Renderer.js");
 var _RendererContext = require("./internal/RendererContext.js");
 var _DataStore = require("./internal/data/DataStore.js");
 var _mount = require("./internal/mount.js");
-var _handleHttpError = require("./handleHttpError.js");
 var _themeAndMode = require("./themeAndMode.js");
 var _enums = require("./internal/enums.js");
 var _StoryboardFunctions = require("./internal/compute/StoryboardFunctions.js");
 var _registerAppI18n = require("./internal/registerAppI18n.js");
 var _registerCustomTemplates = require("./internal/registerCustomTemplates.js");
 var _setUIVersion = require("./setUIVersion.js");
+var _ErrorNode = require("./internal/ErrorNode.js");
 function unstable_createRoot(container, {
   portal: _portal,
   scope = "fragment",
@@ -124,21 +124,7 @@ function unstable_createRoot(container, {
       } catch (error) {
         failed = true;
         output = {
-          node: {
-            tag: _enums.RenderTag.BRICK,
-            type: "div",
-            properties: {
-              textContent: (0, _handleHttpError.httpErrorToString)(error),
-              dataset: {
-                errorBoundary: ""
-              },
-              style: {
-                color: "var(--color-error)"
-              }
-            },
-            return: renderRoot,
-            runtimeContext: null
-          },
+          node: await (0, _ErrorNode.ErrorNode)(error, renderRoot, scope === "page"),
           blockingList: []
         };
       }

package/dist/cjs/createRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRoot.js","names":["_i18n","require","_lodash","_Renderer","_RendererContext","_DataStore","_mount","_handleHttpError","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","_setUIVersion","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","uiVersion","language","context","functions","templates","i18n","i18nData","url","app","Error","bricks","concat","previousRendererContext","renderId","uniqueId","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","urlObj","URL","query","searchParams","location","pathname","search","hash","state","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setTheme","setMode","setUIVersion","changeLanguage","id","homepage","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","getDataStores","postAsyncRender","error","node","BRICK","type","properties","textContent","httpErrorToString","dataset","errorBoundary","color","return","blockingList","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","store","mountAsyncData","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport { i18n } from \"@next-core/i18n\";\nimport { uniqueId } from \"lodash\";\nimport {\n  RenderOutput,\n  getDataStores,\n  postAsyncRender,\n  renderBricks,\n} from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { httpErrorToString } from \"./handleHttpError.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\nimport { setUIVersion } from \"./setUIVersion.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  uiVersion?: string;\n  language?: string;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n  url?: string;\n  app?: MicroApp;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        uiVersion,\n        language,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n        url,\n        app,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      const renderId = uniqueId(\"render-id-\");\n      rendererContext = new RendererContext(scope, { unknownBricks, renderId });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      if (url) {\n        const urlObj = new URL(url);\n        runtimeContext.query = urlObj.searchParams;\n        runtimeContext.location = {\n          pathname: urlObj.pathname,\n          search: urlObj.search,\n          hash: urlObj.hash,\n          state: undefined,\n        };\n      }\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n        setUIVersion(uiVersion);\n        if (language) {\n          await i18n.changeLanguage(language);\n        }\n\n        app ??= {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = app;\n        const demoStoryboard = {\n          app,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, app);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext,\n          [],\n          {}\n        );\n\n        stores = getDataStores(runtimeContext);\n        await postAsyncRender(output, runtimeContext, stores);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: {\n            tag: RenderTag.BRICK,\n            type: \"div\",\n            properties: {\n              textContent: httpErrorToString(error),\n              dataset: {\n                errorBoundary: \"\",\n              },\n              style: {\n                color: \"var(--color-error)\",\n              },\n            },\n            return: renderRoot,\n            runtimeContext: null!,\n          },\n          blockingList: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.mountAsyncData();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createRoot.js","names":["_i18n","require","_lodash","_Renderer","_RendererContext","_DataStore","_mount","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","_setUIVersion","_ErrorNode","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","uiVersion","language","context","functions","templates","i18n","i18nData","url","app","Error","bricks","concat","previousRendererContext","renderId","uniqueId","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","urlObj","URL","query","searchParams","location","pathname","search","hash","state","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setTheme","setMode","setUIVersion","changeLanguage","id","homepage","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","getDataStores","postAsyncRender","error","node","ErrorNode","blockingList","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","store","mountAsyncData","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport { i18n } from \"@next-core/i18n\";\nimport { uniqueId } from \"lodash\";\nimport {\n  RenderOutput,\n  getDataStores,\n  postAsyncRender,\n  renderBricks,\n} from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\nimport { setUIVersion } from \"./setUIVersion.js\";\nimport { ErrorNode } from \"./internal/ErrorNode.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  uiVersion?: string;\n  language?: string;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n  url?: string;\n  app?: MicroApp;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        uiVersion,\n        language,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n        url,\n        app,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      const renderId = uniqueId(\"render-id-\");\n      rendererContext = new RendererContext(scope, { unknownBricks, renderId });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      if (url) {\n        const urlObj = new URL(url);\n        runtimeContext.query = urlObj.searchParams;\n        runtimeContext.location = {\n          pathname: urlObj.pathname,\n          search: urlObj.search,\n          hash: urlObj.hash,\n          state: undefined,\n        };\n      }\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n        setUIVersion(uiVersion);\n        if (language) {\n          await i18n.changeLanguage(language);\n        }\n\n        app ??= {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = app;\n        const demoStoryboard = {\n          app,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, app);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext,\n          [],\n          {}\n        );\n\n        stores = getDataStores(runtimeContext);\n        await postAsyncRender(output, runtimeContext, stores);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: await ErrorNode(error, renderRoot, scope === \"page\"),\n          blockingList: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.mountAsyncData();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/internal/ErrorNode.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorNode = ErrorNode;
+exports.PageNotFoundError = void 0;
+var _loader = require("@next-core/loader");
+var _http = require("@next-core/http");
+var _i18n = require("@next-core/i18n");
+var _handleHttpError = require("../handleHttpError.js");
+var _enums = require("./enums.js");
+var _Runtime = require("./Runtime.js");
+var _i18n2 = require("./i18n.js");
+class PageNotFoundError extends Error {
+  constructor(message) {
+    // Pass remaining arguments (including vendor specific ones) to parent constructor
+    super(message);
+    this.name = "PageNotFoundError";
+
+    // Maintains proper stack trace for where our error was thrown (only available on V8)
+    // istanbul ignore else
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, _loader.BrickLoadError);
+    }
+  }
+}
+
+/**
+ * Will always resolve
+ */
+exports.PageNotFoundError = PageNotFoundError;
+async function ErrorNode(error, returnNode, pageLevel) {
+  const {
+    title,
+    variant,
+    showLink,
+    showDescription
+  } = getRefinedErrorConf(error);
+  if (pageLevel) {
+    const presetBricks = (0, _Runtime._internalApiGetPresetBricks)();
+    const errorBrick = presetBricks.error ?? "illustrations.error-message";
+    if (errorBrick !== false) {
+      const linkBrick = "eo-link";
+      const bricks = showLink ? [errorBrick, linkBrick] : [errorBrick];
+      try {
+        await Promise.race([(0, _loader.loadBricksImperatively)(bricks, (0, _Runtime.getBrickPackages)()),
+        // Timeout after 3 seconds
+        new Promise((_resolve, reject) => setTimeout(() => {
+          reject(new Error("timeout"));
+        }, 3e3))]);
+        const node = {
+          tag: _enums.RenderTag.BRICK,
+          type: errorBrick,
+          properties: {
+            errorTitle: title,
+            description: showDescription ? (0, _handleHttpError.httpErrorToString)(error) : undefined,
+            variant,
+            dataset: {
+              errorBoundary: ""
+            }
+          },
+          runtimeContext: null,
+          return: returnNode
+        };
+        if (showLink) {
+          node.child = {
+            tag: _enums.RenderTag.BRICK,
+            type: linkBrick,
+            properties: {
+              textContent: showLink === "home" ? _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.GO_BACK_HOME}`) : _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.GO_BACK_TO_PREVIOUS_PAGE}`),
+              url: showLink === "home" ? "/" : undefined
+            },
+            events: showLink === "home" ? undefined : {
+              click: {
+                action: "history.goBack"
+              }
+            },
+            runtimeContext: null,
+            return: node
+          };
+        }
+        return node;
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error("Failed to load brick:", bricks.join(", "), e);
+      }
+    }
+  }
+  return {
+    tag: _enums.RenderTag.BRICK,
+    type: "div",
+    properties: {
+      textContent: showDescription ? `${title}: ${(0, _handleHttpError.httpErrorToString)(error)}` : title,
+      dataset: {
+        errorBoundary: ""
+      },
+      style: {
+        color: "var(--color-error)"
+      }
+    },
+    runtimeContext: null,
+    return: returnNode
+  };
+}
+function getRefinedErrorConf(error) {
+  var _error$response, _error$responseJson;
+  if (error instanceof PageNotFoundError) {
+    return error.message === "app not found" ? {
+      showLink: "home",
+      title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.APP_NOT_FOUND}`),
+      variant: "no-permission"
+    } : {
+      showLink: "home",
+      variant: "not-found",
+      title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.PAGE_NOT_FOUND}`)
+    };
+  }
+  if (error instanceof _loader.BrickLoadError || error instanceof Error && error.name === "ChunkLoadError") {
+    return {
+      showDescription: true,
+      title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.NETWORK_ERROR}`),
+      variant: "internet-disconnected"
+    };
+  }
+  if (error instanceof _http.HttpResponseError && ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 403) {
+    return {
+      showLink: "previous",
+      showDescription: true,
+      title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.NO_PERMISSION}`),
+      variant: "no-permission"
+    };
+  }
+  if (error instanceof _http.HttpResponseError && ((_error$responseJson = error.responseJson) === null || _error$responseJson === void 0 ? void 0 : _error$responseJson.code) === "200000") {
+    return {
+      showDescription: true,
+      title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.LICENSE_EXPIRED}`),
+      variant: "license-expired"
+    };
+  }
+  return {
+    showLink: "previous",
+    showDescription: true,
+    title: _i18n.i18n.t(`${_i18n2.NS}:${_i18n2.K.UNKNOWN_ERROR}`),
+    variant: "unknown-error"
+  };
+}
+//# sourceMappingURL=ErrorNode.js.map

package/dist/cjs/internal/ErrorNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorNode.js","names":["_loader","require","_http","_i18n","_handleHttpError","_enums","_Runtime","_i18n2","PageNotFoundError","Error","constructor","message","name","captureStackTrace","BrickLoadError","exports","ErrorNode","error","returnNode","pageLevel","title","variant","showLink","showDescription","getRefinedErrorConf","presetBricks","_internalApiGetPresetBricks","errorBrick","linkBrick","bricks","Promise","race","loadBricksImperatively","getBrickPackages","_resolve","reject","setTimeout","node","tag","RenderTag","BRICK","type","properties","errorTitle","description","httpErrorToString","undefined","dataset","errorBoundary","runtimeContext","return","child","textContent","i18n","t","NS","K","GO_BACK_HOME","GO_BACK_TO_PREVIOUS_PAGE","url","events","click","action","e","console","join","style","color","_error$response","_error$responseJson","APP_NOT_FOUND","PAGE_NOT_FOUND","NETWORK_ERROR","HttpResponseError","response","status","NO_PERMISSION","responseJson","code","LICENSE_EXPIRED","UNKNOWN_ERROR"],"sources":["../../../src/internal/ErrorNode.ts"],"sourcesContent":["import { loadBricksImperatively, BrickLoadError } from \"@next-core/loader\";\nimport { HttpResponseError } from \"@next-core/http\";\nimport { i18n } from \"@next-core/i18n\";\nimport { httpErrorToString } from \"../handleHttpError.js\";\nimport { RenderTag } from \"./enums.js\";\nimport type { RenderChildNode, RenderReturnNode } from \"./interfaces.js\";\nimport { _internalApiGetPresetBricks, getBrickPackages } from \"./Runtime.js\";\nimport { K, NS } from \"./i18n.js\";\n\ntype ErrorMessageVariant =\n  | \"internet-disconnected\"\n  | \"no-permission\"\n  | \"license-expired\"\n  | \"not-found\"\n  | \"unknown-error\";\n\ninterface ErrorMessageConfig {\n  title: string;\n  variant: ErrorMessageVariant;\n  showLink?: \"home\" | \"previous\";\n  showDescription?: boolean;\n}\n\nexport class PageNotFoundError extends Error {\n  constructor(message: \"page not found\" | \"app not found\") {\n    // Pass remaining arguments (including vendor specific ones) to parent constructor\n    super(message);\n\n    this.name = \"PageNotFoundError\";\n\n    // Maintains proper stack trace for where our error was thrown (only available on V8)\n    // istanbul ignore else\n    if (Error.captureStackTrace) {\n      Error.captureStackTrace(this, BrickLoadError);\n    }\n  }\n}\n\n/**\n * Will always resolve\n */\nexport async function ErrorNode(\n  error: unknown,\n  returnNode: RenderReturnNode,\n  pageLevel?: boolean\n): Promise<RenderChildNode> {\n  const { title, variant, showLink, showDescription } =\n    getRefinedErrorConf(error);\n\n  if (pageLevel) {\n    const presetBricks = _internalApiGetPresetBricks();\n    const errorBrick = presetBricks.error ?? \"illustrations.error-message\";\n    if (errorBrick !== false) {\n      const linkBrick = \"eo-link\";\n      const bricks = showLink ? [errorBrick, linkBrick] : [errorBrick];\n      try {\n        await Promise.race([\n          loadBricksImperatively(bricks, getBrickPackages()),\n          // Timeout after 3 seconds\n          new Promise<void>((_resolve, reject) =>\n            setTimeout(() => {\n              reject(new Error(\"timeout\"));\n            }, 3e3)\n          ),\n        ]);\n        const node: RenderChildNode = {\n          tag: RenderTag.BRICK,\n          type: errorBrick,\n          properties: {\n            errorTitle: title,\n            description: showDescription ? httpErrorToString(error) : undefined,\n            variant,\n            dataset: {\n              errorBoundary: \"\",\n            },\n          },\n          runtimeContext: null!,\n          return: returnNode,\n        };\n\n        if (showLink) {\n          node.child = {\n            tag: RenderTag.BRICK,\n            type: linkBrick,\n            properties: {\n              textContent:\n                showLink === \"home\"\n                  ? i18n.t(`${NS}:${K.GO_BACK_HOME}`)\n                  : i18n.t(`${NS}:${K.GO_BACK_TO_PREVIOUS_PAGE}`),\n              url: showLink === \"home\" ? \"/\" : undefined,\n            },\n            events:\n              showLink === \"home\"\n                ? undefined\n                : {\n                    click: {\n                      action: \"history.goBack\",\n                    },\n                  },\n            runtimeContext: null!,\n            return: node,\n          };\n        }\n\n        return node;\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(\"Failed to load brick:\", bricks.join(\", \"), e);\n      }\n    }\n  }\n\n  return {\n    tag: RenderTag.BRICK,\n    type: \"div\",\n    properties: {\n      textContent: showDescription\n        ? `${title}: ${httpErrorToString(error)}`\n        : title,\n      dataset: {\n        errorBoundary: \"\",\n      },\n      style: {\n        color: \"var(--color-error)\",\n      },\n    },\n    runtimeContext: null!,\n    return: returnNode,\n  };\n}\n\nfunction getRefinedErrorConf(error: unknown): ErrorMessageConfig {\n  if (error instanceof PageNotFoundError) {\n    return error.message === \"app not found\"\n      ? {\n          showLink: \"home\",\n          title: i18n.t(`${NS}:${K.APP_NOT_FOUND}`),\n          variant: \"no-permission\",\n        }\n      : {\n          showLink: \"home\",\n          variant: \"not-found\",\n          title: i18n.t(`${NS}:${K.PAGE_NOT_FOUND}`),\n        };\n  }\n\n  if (\n    error instanceof BrickLoadError ||\n    (error instanceof Error && error.name === \"ChunkLoadError\")\n  ) {\n    return {\n      showDescription: true,\n      title: i18n.t(`${NS}:${K.NETWORK_ERROR}`),\n      variant: \"internet-disconnected\",\n    };\n  }\n\n  if (error instanceof HttpResponseError && error.response?.status === 403) {\n    return {\n      showLink: \"previous\",\n      showDescription: true,\n      title: i18n.t(`${NS}:${K.NO_PERMISSION}`),\n      variant: \"no-permission\",\n    };\n  }\n\n  if (\n    error instanceof HttpResponseError &&\n    error.responseJson?.code === \"200000\"\n  ) {\n    return {\n      showDescription: true,\n      title: i18n.t(`${NS}:${K.LICENSE_EXPIRED}`),\n      variant: \"license-expired\",\n    };\n  }\n\n  return {\n    showLink: \"previous\",\n    showDescription: true,\n    title: i18n.t(`${NS}:${K.UNKNOWN_ERROR}`),\n    variant: \"unknown-error\",\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/internal/Renderer.js

@@ -36,8 +36,8 @@ var _evaluate = require("./compute/evaluate.js");
 var _matchStoryboard = require("./matchStoryboard.js");
 var _bindListeners = require("./bindListeners.js");
 var _setupRootRuntimeContext = require("./setupRootRuntimeContext.js");
-var _handleHttpError = require("../handleHttpError.js");
 var _routeMatchedMap = require("./routeMatchedMap.js");
+var _ErrorNode = require("./ErrorNode.js");
 async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, isIncremental) {
   const matched = await (0, _matchRoutes.matchRoutes)(routes, _runtimeContext);
   const output = getEmptyRenderOutput();
@@ -140,21 +140,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
       // eslint-disable-next-line no-console
       console.error("Error caught by error boundary:", error);
       return {
-        node: {
-          tag: _enums.RenderTag.BRICK,
-          type: "div",
-          properties: {
-            textContent: (0, _handleHttpError.httpErrorToString)(error),
-            dataset: {
-              errorBoundary: ""
-            },
-            style: {
-              color: "var(--color-error)"
-            }
-          },
-          runtimeContext: null,
-          return: returnNode
-        },
+        node: await (0, _ErrorNode.ErrorNode)(error, returnNode),
         blockingList: []
       };
     } else {
@@ -511,7 +497,7 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
           } catch (error) {
             // eslint-disable-next-line no-console
             console.error("Incremental sub-router failed:", error);
-            const result = rendererContext.reCatch(error, brick);
+            const result = await rendererContext.reCatch(error, brick);
             if (!result) {
               return true;
             }