@lynx-js/web-core 0.13.4 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,127 @@
 # @lynx-js/web-core
 
+## 0.14.0
+
+### Minor Changes
+
+- refactor: the default thread-strategy will be all on ui ([#1105](https://github.com/lynx-family/lynx-stack/pull/1105))
+
+  **This is a breaking change!!!**
+
+### Patch Changes
+
+- feat: add `_SetSourceMapRelease(errInfo)` MTS API. ([#1118](https://github.com/lynx-family/lynx-stack/pull/1118))
+
+  You can get `errInfo.release` through `e.detail.release` in the error event callback of lynx-view.
+
+  The `_SetSourceMapRelease` function is not complete yet, because it is currently limited by the Web platform and some functions and some props such as `err.stack` do not need to be supported for the time being.
+
+- feat: add `_I18nResourceTranslation` api in mts && `init-i18n-resources` attr, `i18nResourceMissed` event of lynx-view. ([#1065](https://github.com/lynx-family/lynx-stack/pull/1065))
+
+  `init-i18n-resource` is the complete set of i18nResources that need to be maintained on the container side. Note: You need to pass this value when lynx-view is initialized.
+
+  You can use `_I18nResourceTranslation` in MTS to get the corresponding i18nResource from `init-i18n-resources`. If it is undefined, the `i18nResourceMissed` event will be dispatched.
+
+  ```js
+  // ui thread
+  lynxView.initI18nResources = [
+    {
+      options: {
+        locale: 'en',
+        channel: '1',
+        fallback_url: '',
+      },
+      resource: {
+        hello: 'hello',
+        lynx: 'lynx web platform1',
+      },
+    },
+  ];
+  lynxView.addEventListener('i18nResourceMissed', (e) => {
+    console.log(e);
+  });
+
+  // mts
+  _I18nResourceTranslation({
+    locale: 'en',
+    channel: '1',
+    fallback_url: '',
+  });
+  ```
+
+- fix: lynx-view `updateGlobalProps` method will also update globalProps, so `reload()` will use the latest updated globalProps. ([#1119](https://github.com/lynx-family/lynx-stack/pull/1119))
+
+- feat: supports `lynx.getI18nResource()` and `onI18nResourceReady` event in bts. ([#1088](https://github.com/lynx-family/lynx-stack/pull/1088))
+
+  - `lynx.getI18nResource()` can be used to get i18nResource in bts, it has two data sources:
+    - the result of `_I18nResourceTranslation()`
+    - lynx-view `updateI18nResources(data: InitI18nResources, options: I18nResourceTranslationOptions)`, it will be matched to the correct i8nResource as a result of `lynx.getI18nResource()`
+  - `onI18nResourceReady` event can be used to listen `_I18nResourceTranslation` and lynx-view `updateI18nResources` execution.
+
+- refactor: make the opcode be a plain array ([#1051](https://github.com/lynx-family/lynx-stack/pull/1051))
+
+  #1042
+
+- feat: The error event return value detail of lynx-view adds `sourceMap` value, the type is as follows: ([#1058](https://github.com/lynx-family/lynx-stack/pull/1058))
+
+  ```
+  CustomEvent<{
+    error: Error;
+    sourceMap: {
+      offset: {
+        line: number;
+        col: number;
+      };
+    };
+  }>;
+  ```
+
+  This is because web-core adds wrapper at runtime, which causes the stack offset to be different. Now you can calculate the real offset based on it.
+
+- feat: add `updateI18nResources` method of lynx-view. ([#1085](https://github.com/lynx-family/lynx-stack/pull/1085))
+
+  Now you can use `updateI18nResources` to update i18nResources, and then use \_I18nResourceTranslation() to get the updated result.
+
+- fix: --lynx-color will be removed, and if color contains `gradient` it will be processed as transparent. ([#1069](https://github.com/lynx-family/lynx-stack/pull/1069))
+
+- Updated dependencies [[`42ed2e3`](https://github.com/lynx-family/lynx-stack/commit/42ed2e325ff38f781dc88b92cc56093a7a7164ea), [`25a04c9`](https://github.com/lynx-family/lynx-stack/commit/25a04c9e59f4b893227bdead74f2de69f6615cdb), [`0dbb8b1`](https://github.com/lynx-family/lynx-stack/commit/0dbb8b1f580d0700e2b67b92018a7a00d1494837), [`f99de1e`](https://github.com/lynx-family/lynx-stack/commit/f99de1ef60cc5a11eae4fd0acc70a490787d36c9), [`873a285`](https://github.com/lynx-family/lynx-stack/commit/873a2852fa3df9e32c48a6504160bb243540c7b9), [`afacb2c`](https://github.com/lynx-family/lynx-stack/commit/afacb2cbea7feca46c553651000625d0845b2b00), [`1861cbe`](https://github.com/lynx-family/lynx-stack/commit/1861cbead4b373e0511214999b0e100b6285fa9a)]:
+  - @lynx-js/web-worker-runtime@0.14.0
+  - @lynx-js/web-mainthread-apis@0.14.0
+  - @lynx-js/web-constants@0.14.0
+  - @lynx-js/offscreen-document@0.1.2
+  - @lynx-js/web-worker-rpc@0.14.0
+
+## 0.13.5
+
+### Patch Changes
+
+- refactor: move some internal status to dom's attribute ([#945](https://github.com/lynx-family/lynx-stack/pull/945))
+
+  It's essential for SSR
+
+- refactor: avoid to create many style element for cssog ([#1026](https://github.com/lynx-family/lynx-stack/pull/1026))
+
+- refactor: move component config info to attribute ([#984](https://github.com/lynx-family/lynx-stack/pull/984))
+
+- fix: ensure render starts after dom connected ([#1020](https://github.com/lynx-family/lynx-stack/pull/1020))
+
+- refactor: save dataset on an attribute ([#981](https://github.com/lynx-family/lynx-stack/pull/981))
+
+  On lynx, the `data-*` attributes have different behaviors than the HTMLElement has.
+
+  The dataset will be treated as properties, the key will not be applied the camel-case <-> hyphenate name transformation.
+
+  Before this commit we use it as a runtime data, but after this commit we will use encodeURI(JSON.stringify(dataset)) to encode it as a string.
+
+- refactor: implement mts apis in closure pattern ([#1004](https://github.com/lynx-family/lynx-stack/pull/1004))
+
+- Updated dependencies [[`70b82d2`](https://github.com/lynx-family/lynx-stack/commit/70b82d23744d6b6ec945dff9f8895ab3488ba4c8), [`5651e24`](https://github.com/lynx-family/lynx-stack/commit/5651e24827358963c3261252bcc53c2ad981c13e), [`9499ea9`](https://github.com/lynx-family/lynx-stack/commit/9499ea91debdf73b2d31af0b31bcbc216135543b), [`50f0193`](https://github.com/lynx-family/lynx-stack/commit/50f01933942268b697bf5abe790da86c932f1dfc), [`57bf0ef`](https://github.com/lynx-family/lynx-stack/commit/57bf0ef19f1d79bc52ab6a4f0cd2939e7901d98b), [`5651e24`](https://github.com/lynx-family/lynx-stack/commit/5651e24827358963c3261252bcc53c2ad981c13e), [`0525fbf`](https://github.com/lynx-family/lynx-stack/commit/0525fbf38baa7a977a7a8c66e8a4d8bf34cc3b68), [`b6b87fd`](https://github.com/lynx-family/lynx-stack/commit/b6b87fd11dbc76c28f3b5022aa8c6afeb773d90f), [`c014327`](https://github.com/lynx-family/lynx-stack/commit/c014327ad0cf599b32d4182d95116b46c35f5fa5)]:
+  - @lynx-js/web-mainthread-apis@0.13.5
+  - @lynx-js/web-constants@0.13.5
+  - @lynx-js/offscreen-document@0.1.1
+  - @lynx-js/web-worker-runtime@0.13.5
+  - @lynx-js/web-worker-rpc@0.13.5
+
 ## 0.13.4
 
 ### Patch Changes

package/dist/apis/LynxView.d.ts

@@ -1,11 +1,11 @@
-import { type Cloneable, type LynxTemplate, type NapiModulesCall, type NapiModulesMap, type NativeModulesCall, type NativeModulesMap, type UpdateDataType } from '@lynx-js/web-constants';
+import { type Cloneable, type I18nResourceTranslationOptions, type InitI18nResources, type LynxTemplate, type NapiModulesCall, type NapiModulesMap, type NativeModulesCall, type NativeModulesMap, type UpdateDataType } from '@lynx-js/web-constants';
 export type INapiModulesCall = (name: string, data: any, moduleName: string, lynxView: LynxView, dispatchNapiModules: (data: Cloneable) => void) => Promise<{
     data: unknown;
     transfer?: Transferable[];
-}> | {
+} | undefined> | {
     data: unknown;
     transfer?: Transferable[];
-} | undefined;
+} | undefined | Promise<undefined>;
 /**
  * Based on our experiences, these elements are almost used in all lynx cards.
  */
@@ -25,8 +25,10 @@ export type INapiModulesCall = (name: string, data: any, moduleName: string, lyn
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
  * @property {"all-on-ui" | "multi-thread"} threadStrategy [optional] @default "multi-thread" (attribute: "thread-strategy") controls the thread strategy for current lynx view
  * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
+ * @property {InitI18nResources} initI18nResources [optional] (attribute: "init-i18n-resources") the complete set of i18nResources that on the container side, which can be obtained synchronously by _I18nResourceTranslation
  *
  * @event error lynx card fired an error
+ * @event i18nResourceMissed i18n resource cache miss
  *
  * @example
  * HTML Example
@@ -73,6 +75,19 @@ export declare class LynxView extends HTMLElement {
      */
     get initData(): Cloneable;
     set initData(val: string | Cloneable);
+    /**
+     * @public
+     * @property initI18nResources
+     * @default {}
+     */
+    get initI18nResources(): InitI18nResources;
+    set initI18nResources(val: string | InitI18nResources);
+    /**
+     * @public
+     * @method
+     * update the `__initData` and trigger essential flow
+     */
+    updateI18nResources(data: InitI18nResources, options: I18nResourceTranslationOptions): void;
     /**
      * @public
      * @property

package/dist/apis/LynxView.js

@@ -22,8 +22,10 @@ import { inShadowRootStyles, } from '@lynx-js/web-constants';
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
  * @property {"all-on-ui" | "multi-thread"} threadStrategy [optional] @default "multi-thread" (attribute: "thread-strategy") controls the thread strategy for current lynx view
  * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
+ * @property {InitI18nResources} initI18nResources [optional] (attribute: "init-i18n-resources") the complete set of i18nResources that on the container side, which can be obtained synchronously by _I18nResourceTranslation
  *
  * @event error lynx card fired an error
+ * @event i18nResourceMissed i18n resource cache miss
  *
  * @example
  * HTML Example
@@ -54,6 +56,7 @@ export class LynxView extends HTMLElement {
      */
     static observedAttributes = LynxView.observedAttributeAsProperties.map(nm => nm.toLowerCase());
     #instance;
+    #connected = false;
     #url;
     /**
      * @public
@@ -100,6 +103,31 @@ export class LynxView extends HTMLElement {
             this.#initData = val;
         }
     }
+    #initI18nResources = [];
+    /**
+     * @public
+     * @property initI18nResources
+     * @default {}
+     */
+    get initI18nResources() {
+        return this.#initI18nResources;
+    }
+    set initI18nResources(val) {
+        if (typeof val === 'string') {
+            this.#initI18nResources = JSON.parse(val);
+        }
+        else {
+            this.#initI18nResources = val;
+        }
+    }
+    /**
+     * @public
+     * @method
+     * update the `__initData` and trigger essential flow
+     */
+    updateI18nResources(data, options) {
+        this.#instance?.updateI18nResources(data, options);
+    }
     #overrideLynxTagToHTMLTagMap = { 'page': 'div' };
     /**
      * @public
@@ -203,6 +231,7 @@ export class LynxView extends HTMLElement {
      */
     updateGlobalProps(data) {
         this.#instance?.updateGlobalProps(data);
+        this.globalProps = data;
     }
     /**
      * @public
@@ -304,7 +333,7 @@ export class LynxView extends HTMLElement {
      * @private
      */
     #render() {
-        if (!this.#rendering) {
+        if (!this.#rendering && this.#connected) {
             this.#rendering = true;
             queueMicrotask(() => {
                 this.#rendering = false;
@@ -325,7 +354,7 @@ export class LynxView extends HTMLElement {
                         this.attachShadow({ mode: 'open' });
                     }
                     const lynxGroupId = this.lynxGroupId;
-                    const threadStrategy = (this.threadStrategy ?? 'multi-thread');
+                    const threadStrategy = (this.threadStrategy ?? 'all-on-ui');
                     const lynxView = createLynxView({
                         threadStrategy,
                         tagMap,
@@ -336,6 +365,7 @@ export class LynxView extends HTMLElement {
                         nativeModulesMap: this.#nativeModulesMap,
                         napiModulesMap: this.#napiModulesMap,
                         lynxGroupId,
+                        initI18nResources: this.#initI18nResources,
                         callbacks: {
                             nativeModulesCall: (...args) => {
                                 if (this.#onNativeModulesCall) {
@@ -351,8 +381,19 @@ export class LynxView extends HTMLElement {
                             napiModulesCall: (...args) => {
                                 return this.#onNapiModulesCall?.(...args);
                             },
-                            onError: () => {
-                                this.dispatchEvent(new CustomEvent('error', {}));
+                            onError: (error, release) => {
+                                this.dispatchEvent(new CustomEvent('error', {
+                                    detail: {
+                                        sourceMap: {
+                                            offset: {
+                                                line: 2,
+                                                col: 0,
+                                            },
+                                        },
+                                        error,
+                                        release,
+                                    },
+                                }));
                             },
                             customTemplateLoader: this.customTemplateLoader,
                         },
@@ -382,6 +423,7 @@ export class LynxView extends HTMLElement {
      * @private
      */
     connectedCallback() {
+        this.#connected = true;
         this.#render();
     }
 }

package/dist/apis/createLynxView.d.ts

@@ -1,4 +1,4 @@
-import type { Cloneable, NapiModulesMap, NativeModulesMap, sendGlobalEventEndpoint, UpdateDataType } from '@lynx-js/web-constants';
+import type { Cloneable, I18nResourceTranslationOptions, InitI18nResources, NapiModulesMap, NativeModulesMap, sendGlobalEventEndpoint, UpdateDataType } from '@lynx-js/web-constants';
 import { type StartUIThreadCallbacks } from '../uiThread/startUIThread.js';
 import type { RpcCallType } from '@lynx-js/web-worker-rpc';
 export interface LynxViewConfigs {
@@ -12,11 +12,13 @@ export interface LynxViewConfigs {
     tagMap: Record<string, string>;
     lynxGroupId: number | undefined;
     threadStrategy: 'all-on-ui' | 'multi-thread';
+    initI18nResources: InitI18nResources;
 }
 export interface LynxView {
     updateData(data: Cloneable, updateDataType: UpdateDataType, callback?: () => void): void;
     dispose(): Promise<void>;
     sendGlobalEvent: RpcCallType<typeof sendGlobalEventEndpoint>;
     updateGlobalProps: (data: Cloneable) => void;
+    updateI18nResources: (data: InitI18nResources, options: I18nResourceTranslationOptions) => void;
 }
 export declare function createLynxView(configs: LynxViewConfigs): LynxView;

package/dist/apis/createLynxView.js

@@ -6,7 +6,7 @@ const pixelRatio = window.devicePixelRatio;
 const screenWidth = window.screen.availWidth * pixelRatio;
 const screenHeight = window.screen.availHeight * pixelRatio;
 export function createLynxView(configs) {
-    const { shadowRoot, callbacks, templateUrl, globalProps, initData, nativeModulesMap, napiModulesMap, tagMap, lynxGroupId, threadStrategy = 'multi-thread', } = configs;
+    const { shadowRoot, callbacks, templateUrl, globalProps, initData, nativeModulesMap, napiModulesMap, tagMap, lynxGroupId, threadStrategy = 'multi-thread', initI18nResources, } = configs;
     return startUIThread(templateUrl, {
         tagMap,
         initData,
@@ -18,6 +18,7 @@ export function createLynxView(configs) {
             pixelWidth: screenWidth,
             pixelHeight: screenHeight,
         },
+        initI18nResources,
     }, shadowRoot, lynxGroupId, threadStrategy, callbacks);
 }
 //# sourceMappingURL=createLynxView.js.map

package/dist/uiThread/createRenderAllOnUI.d.ts

@@ -1,8 +1,9 @@
-import type { StartMainThreadContextConfig } from '@lynx-js/web-constants';
+import { type StartMainThreadContextConfig, type Cloneable } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 export declare function createRenderAllOnUI(mainToBackgroundRpc: Rpc, shadowRoot: ShadowRoot, markTimingInternal: (timingKey: string, pipelineId?: string, timeStamp?: number) => void, callbacks: {
-    onError?: () => void;
+    onError?: (err: Error, release: string) => void;
 }): {
     start: (configs: StartMainThreadContextConfig) => Promise<void>;
-    updateDataMainThread: (args_0: import("@lynx-js/web-constants").Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateDataMainThread: (args_0: Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateI18nResourcesMainThread: (data: Cloneable) => void;
 };

package/dist/uiThread/createRenderAllOnUI.js

@@ -1,23 +1,36 @@
+import { i18nResourceMissedEventName, I18nResources, } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
+import { dispatchLynxViewEvent } from '../utils/dispatchLynxViewEvent.js';
 const { prepareMainThreadAPIs, } = await import('@lynx-js/web-mainthread-apis');
 export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, markTimingInternal, callbacks) {
     if (!globalThis.module) {
         Object.assign(globalThis, { module: {} });
     }
-    const { startMainThread } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document.createElement.bind(document), () => { }, markTimingInternal, () => {
-        callbacks.onError?.();
+    const triggerI18nResourceFallback = (options) => {
+        dispatchLynxViewEvent(shadowRoot, i18nResourceMissedEventName, options);
+    };
+    const i18nResources = new I18nResources();
+    const { startMainThread } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document.createElement.bind(document), () => { }, markTimingInternal, (err, _, release) => {
+        callbacks.onError?.(err, release);
+    }, triggerI18nResourceFallback, (initI18nResources) => {
+        i18nResources.setData(initI18nResources);
+        return i18nResources;
     });
-    let runtime;
+    let mtsGlobalThis;
     const start = async (configs) => {
         const mainThreadRuntime = startMainThread(configs);
-        runtime = await mainThreadRuntime;
+        mtsGlobalThis = await mainThreadRuntime;
     };
     const updateDataMainThread = async (...args) => {
-        runtime.updatePage?.(...args);
+        mtsGlobalThis.updatePage?.(...args);
+    };
+    const updateI18nResourcesMainThread = (data) => {
+        i18nResources.setData(data);
     };
     return {
         start,
         updateDataMainThread,
+        updateI18nResourcesMainThread,
     };
 }
 //# sourceMappingURL=createRenderAllOnUI.js.map

package/dist/uiThread/createRenderMultiThread.d.ts

@@ -1,7 +1,8 @@
 import type { Rpc } from '@lynx-js/web-worker-rpc';
 export declare function createRenderMultiThread(mainThreadRpc: Rpc, shadowRoot: ShadowRoot, callbacks: {
-    onError?: () => void;
+    onError?: (err: Error, release: string) => void;
 }): {
     start: (args_0: import("@lynx-js/web-constants").StartMainThreadContextConfig) => void;
     updateDataMainThread: (args_0: import("@lynx-js/web-constants").Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateI18nResourcesMainThread: (args_0: import("@lynx-js/web-constants").Cloneable) => void;
 };

package/dist/uiThread/createRenderMultiThread.js

@@ -1,16 +1,20 @@
-import { mainThreadStartEndpoint, updateDataEndpoint, } from '@lynx-js/web-constants';
+import { mainThreadStartEndpoint, updateDataEndpoint, updateI18nResourcesEndpoint, } from '@lynx-js/web-constants';
 import { registerReportErrorHandler } from './crossThreadHandlers/registerReportErrorHandler.js';
 import { registerFlushElementTreeHandler } from './crossThreadHandlers/registerFlushElementTreeHandler.js';
+import { registerDispatchLynxViewEventHandler } from './crossThreadHandlers/registerDispatchLynxViewEventHandler.js';
 export function createRenderMultiThread(mainThreadRpc, shadowRoot, callbacks) {
     registerReportErrorHandler(mainThreadRpc, callbacks.onError);
     registerFlushElementTreeHandler(mainThreadRpc, {
         shadowRoot,
     });
+    registerDispatchLynxViewEventHandler(mainThreadRpc, shadowRoot);
     const start = mainThreadRpc.createCall(mainThreadStartEndpoint);
     const updateDataMainThread = mainThreadRpc.createCall(updateDataEndpoint);
+    const updateI18nResourcesMainThread = mainThreadRpc.createCall(updateI18nResourcesEndpoint);
     return {
         start,
         updateDataMainThread,
+        updateI18nResourcesMainThread,
     };
 }
 //# sourceMappingURL=createRenderMultiThread.js.map

package/dist/uiThread/crossThreadHandlers/registerDispatchLynxViewEventHandler.js

@@ -2,14 +2,10 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import { dispatchLynxViewEventEndpoint } from '@lynx-js/web-constants';
+import { dispatchLynxViewEvent } from '../../utils/dispatchLynxViewEvent.js';
 export function registerDispatchLynxViewEventHandler(rpc, shadowRoot) {
     rpc.registerHandler(dispatchLynxViewEventEndpoint, (eventType, detail) => {
-        shadowRoot.dispatchEvent(new CustomEvent(eventType, {
-            detail,
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-        }));
+        dispatchLynxViewEvent(shadowRoot, eventType, detail);
     });
 }
 //# sourceMappingURL=registerDispatchLynxViewEventHandler.js.map

package/dist/uiThread/crossThreadHandlers/registerReportErrorHandler.d.ts

@@ -1,2 +1,2 @@
 import type { Rpc } from '@lynx-js/web-worker-rpc';
-export declare function registerReportErrorHandler(rpc: Rpc, onError?: (e: string) => void): void;
+export declare function registerReportErrorHandler(rpc: Rpc, onError?: (e: Error, release: string) => void): void;

package/dist/uiThread/crossThreadHandlers/registerReportErrorHandler.js

@@ -3,8 +3,8 @@
 // LICENSE file in the root directory of this source tree.
 import { reportErrorEndpoint } from '@lynx-js/web-constants';
 export function registerReportErrorHandler(rpc, onError) {
-    rpc.registerHandler(reportErrorEndpoint, (e) => {
-        onError?.(e);
+    rpc.registerHandler(reportErrorEndpoint, (e, _, release) => {
+        onError?.(e, release);
     });
 }
 //# sourceMappingURL=registerReportErrorHandler.js.map

package/dist/uiThread/startBackground.d.ts

@@ -1,10 +1,11 @@
-import { type NapiModulesCall, type NativeModulesCall } from '@lynx-js/web-constants';
+import { type Cloneable, type I18nResourceTranslationOptions, type InitI18nResources, type NapiModulesCall, type NativeModulesCall } from '@lynx-js/web-constants';
 import type { Rpc } from '@lynx-js/web-worker-rpc';
 export declare function startBackground(backgroundRpc: Rpc, shadowRoot: ShadowRoot, callbacks: {
     nativeModulesCall: NativeModulesCall;
     napiModulesCall: NapiModulesCall;
 }): {
-    sendGlobalEvent: (args_0: string, args_1: import("@lynx-js/web-constants").Cloneable[] | undefined) => void;
+    sendGlobalEvent: (args_0: string, args_1: Cloneable[] | undefined) => void;
     markTiming: (timingKey: string, pipelineId: string | undefined, timeStamp: number) => void;
-    updateDataBackground: (args_0: import("@lynx-js/web-constants").Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateDataBackground: (args_0: Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateI18nResourceBackground: (data: InitI18nResources, options: I18nResourceTranslationOptions) => void;
 };

package/dist/uiThread/startBackground.js

@@ -1,4 +1,4 @@
-import { markTimingEndpoint, sendGlobalEventEndpoint, updateDataEndpoint, } from '@lynx-js/web-constants';
+import { getCacheI18nResourcesKey, markTimingEndpoint, sendGlobalEventEndpoint, updateDataEndpoint, updateI18nResourceEndpoint, } from '@lynx-js/web-constants';
 import { registerInvokeUIMethodHandler } from './crossThreadHandlers/registerInvokeUIMethodHandler.js';
 import { registerNativePropsHandler } from './crossThreadHandlers/registerSetNativePropsHandler.js';
 import { registerNativeModulesCallHandler } from './crossThreadHandlers/registerNativeModulesCallHandler.js';
@@ -19,10 +19,18 @@ export function startBackground(backgroundRpc, shadowRoot, callbacks) {
     const sendGlobalEvent = backgroundRpc.createCall(sendGlobalEventEndpoint);
     const markTiming = backgroundRpc.createCall(markTimingEndpoint);
     const updateDataBackground = backgroundRpc.createCall(updateDataEndpoint);
+    const updateI18nResourceBackground = (data, options) => {
+        const matchedResources = data.find(i => getCacheI18nResourcesKey(i.options)
+            === getCacheI18nResourcesKey(options));
+        backgroundRpc.invoke(updateI18nResourceEndpoint, [
+            matchedResources?.resource,
+        ]);
+    };
     return {
         sendGlobalEvent,
         markTiming,
         updateDataBackground,
+        updateI18nResourceBackground,
     };
 }
 //# sourceMappingURL=startBackground.js.map

package/dist/uiThread/startUIThread.d.ts

@@ -3,7 +3,7 @@ import { type LynxTemplate, type StartMainThreadContextConfig, type NapiModulesC
 export type StartUIThreadCallbacks = {
     nativeModulesCall: NativeModulesCall;
     napiModulesCall: NapiModulesCall;
-    onError?: () => void;
+    onError?: (err: Error, release: string) => void;
     customTemplateLoader?: (url: string) => Promise<LynxTemplate>;
 };
 export declare function startUIThread(templateUrl: string, configs: Omit<StartMainThreadContextConfig, 'template'>, shadowRoot: ShadowRoot, lynxGroupId: number | undefined, threadStrategy: 'all-on-ui' | 'multi-thread', callbacks: StartUIThreadCallbacks): LynxView;

package/dist/uiThread/startUIThread.js

@@ -13,13 +13,13 @@ export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, thr
     const createLynxStartTiming = performance.now() + performance.timeOrigin;
     const allOnUI = threadStrategy === 'all-on-ui';
     const { mainThreadRpc, backgroundRpc, terminateWorkers, } = bootWorkers(lynxGroupId, allOnUI);
-    const { markTiming, sendGlobalEvent, updateDataBackground } = startBackground(backgroundRpc, shadowRoot, callbacks);
+    const { markTiming, sendGlobalEvent, updateDataBackground, updateI18nResourceBackground, } = startBackground(backgroundRpc, shadowRoot, callbacks);
     const markTimingInternal = (timingKey, pipelineId, timeStamp) => {
         if (!timeStamp)
             timeStamp = performance.now() + performance.timeOrigin;
         markTiming(timingKey, pipelineId, timeStamp);
     };
-    const { start, updateDataMainThread } = allOnUI
+    const { start, updateDataMainThread, updateI18nResourcesMainThread } = allOnUI
         ? createRenderAllOnUI(
         /* main-to-bg rpc*/ mainThreadRpc, shadowRoot, markTimingInternal, callbacks)
         : createRenderMultiThread(
@@ -38,6 +38,10 @@ export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, thr
         dispose: createDispose(backgroundRpc, terminateWorkers),
         sendGlobalEvent,
         updateGlobalProps: backgroundRpc.createCall(updateGlobalPropsEndpoint),
+        updateI18nResources: (...args) => {
+            updateI18nResourcesMainThread(args[0]);
+            updateI18nResourceBackground(...args);
+        },
     };
 }
 //# sourceMappingURL=startUIThread.js.map

package/dist/utils/dispatchLynxViewEvent.d.ts

@@ -0,0 +1,2 @@
+import type { CloneableObject } from '@lynx-js/web-constants';
+export declare const dispatchLynxViewEvent: (shadowRoot: ShadowRoot, eventType: string, detail: CloneableObject | undefined) => void;

package/dist/utils/dispatchLynxViewEvent.js

@@ -0,0 +1,9 @@
+export const dispatchLynxViewEvent = (shadowRoot, eventType, detail) => {
+    shadowRoot.dispatchEvent(new CustomEvent(eventType, {
+        detail,
+        bubbles: true,
+        cancelable: true,
+        composed: true,
+    }));
+};
+//# sourceMappingURL=dispatchLynxViewEvent.js.map

package/dist/utils/loadTemplate.js

@@ -31,6 +31,7 @@ const mainThreadInjectVars = [
     'lynx',
     'globalThis',
     '_ReportError',
+    '_SetSourceMapRelease',
     '__AddConfig',
     '__AddDataset',
     '__GetAttributes',
@@ -84,6 +85,8 @@ const mainThreadInjectVars = [
     '__FlushElementTree',
     '__LoadLepusChunk',
     'SystemInfo',
+    '_I18nResourceTranslation',
+    '_AddEventListener',
 ];
 const backgroundInjectVars = [
     'NativeModules',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core",
-  "version": "0.13.4",
+  "version": "0.14.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -24,15 +24,15 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/offscreen-document": "0.1.0",
-    "@lynx-js/web-constants": "0.13.4",
-    "@lynx-js/web-mainthread-apis": "0.13.4",
-    "@lynx-js/web-worker-rpc": "0.13.4",
-    "@lynx-js/web-worker-runtime": "0.13.4"
+    "@lynx-js/offscreen-document": "0.1.2",
+    "@lynx-js/web-constants": "0.14.0",
+    "@lynx-js/web-mainthread-apis": "0.14.0",
+    "@lynx-js/web-worker-rpc": "0.14.0",
+    "@lynx-js/web-worker-runtime": "0.14.0"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.2",
-    "@lynx-js/web-elements": "0.7.4"
+    "@lynx-js/web-elements": "0.7.6"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.2",