@lynx-js/web-core 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @lynx-js/web-core
 
+## 0.12.0
+
+### Minor Changes
+
+- feat: improve compatibility for chrome 108 & support linear-gradient for nested x-text ([#590](https://github.com/lynx-family/lynx-stack/pull/590))
+
+  **This is a breaking change**
+
+  - Please upgrade your `@lynx-js/web-elements` to >=0.6.0
+  - Please upgrade your `@lynx-js/web-core` to >=0.12.0
+  - The compiled lynx template json won't be impacted.
+
+  On chrome 108, the `-webkit-background-clip:text` cannot be computed by a `var(--css-var-value-text)`
+
+  Therefore we move the logic into style transformation logic.
+
+  Now the following status is supported
+
+  ```
+  <text style="color:linear-gradient()">
+    <text>
+    <text>
+  </text>
+  ```
+
+### Patch Changes
+
+- feat: allow user to implement custom template load function ([#587](https://github.com/lynx-family/lynx-stack/pull/587))
+
+  ```js
+  lynxView.customTemplateLoader = (url) => {
+    return (await (await fetch(url, {
+      method: 'GET',
+    })).json());
+  };
+  ```
+
+- feat: support mts event with target methods ([#564](https://github.com/lynx-family/lynx-stack/pull/564))
+
+  After this commit, developers are allowed to invoke `event.target.setStyleProperty` in mts handler
+
+- fix: crash on removing a id attribute ([#582](https://github.com/lynx-family/lynx-stack/pull/582))
+
+- Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
+  - @lynx-js/web-worker-runtime@0.12.0
+  - @lynx-js/web-constants@0.12.0
+  - @lynx-js/web-worker-rpc@0.12.0
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/apis/LynxView.d.ts

@@ -1,4 +1,4 @@
-import { type Cloneable, type NapiModulesCall, type NapiModulesMap, type NativeModulesCall, type NativeModulesMap, type UpdateDataType } from '@lynx-js/web-constants';
+import { type Cloneable, 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[];
@@ -22,6 +22,7 @@ export type INapiModulesCall = (name: string, data: any, moduleName: string, lyn
  * @property {INapiModulesCall} onNapiModulesCall [optional] the NapiModule value handler.
  * @property {"false" | "true" | null} injectHeadLinks [optional] @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
+ * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
  *
  * @event error lynx card fired an error
  *
@@ -142,6 +143,12 @@ export declare class LynxView extends HTMLElement {
      * @private
      */
     disconnectedCallback(): void;
+    /**
+     * @public
+     * allow user to customize the template loader
+     * @param url the url of the template
+     */
+    customTemplateLoader?: (url: string) => Promise<LynxTemplate>;
     /**
      * @private
      */

package/dist/apis/LynxView.js

@@ -20,6 +20,7 @@ import { inShadowRootStyles } from './inShadowRootStyles.js';
  * @property {INapiModulesCall} onNapiModulesCall [optional] the NapiModule value handler.
  * @property {"false" | "true" | null} injectHeadLinks [optional] @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
+ * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
  *
  * @event error lynx card fired an error
  *
@@ -252,6 +253,12 @@ export class LynxView extends HTMLElement {
             this.shadowRoot.innerHTML = '';
         }
     }
+    /**
+     * @public
+     * allow user to customize the template loader
+     * @param url the url of the template
+     */
+    customTemplateLoader;
     /**
      * @private the flag to group all changes into one render operation
      */
@@ -308,6 +315,7 @@ export class LynxView extends HTMLElement {
                             onError: () => {
                                 this.dispatchEvent(new CustomEvent('error', {}));
                             },
+                            customTemplateLoader: this.customTemplateLoader,
                         },
                     });
                     this.#instance = lynxView;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { createLynxView } from './apis/createLynxView.js';
 export { LynxView } from './apis/LynxView.js';
+export type { LynxTemplate } from '@lynx-js/web-constants';

package/dist/uiThread/startUIThread.d.ts

@@ -1,7 +1,8 @@
 import type { LynxView } from '../apis/createLynxView.js';
-import { type MainThreadStartConfigs, type NapiModulesCall, type NativeModulesCall } from '@lynx-js/web-constants';
+import { type LynxTemplate, type MainThreadStartConfigs, type NapiModulesCall, type NativeModulesCall } from '@lynx-js/web-constants';
 export declare function startUIThread(templateUrl: string, configs: Omit<MainThreadStartConfigs, 'template'>, shadowRoot: ShadowRoot, lynxGroupId: number | undefined, callbacks: {
     nativeModulesCall: NativeModulesCall;
     napiModulesCall: NapiModulesCall;
     onError?: () => void;
+    customTemplateLoader?: (url: string) => Promise<LynxTemplate>;
 }): LynxView;

package/dist/uiThread/startUIThread.js

@@ -17,7 +17,6 @@ import { registerNapiModulesCallHandler } from './crossThreadHandlers/registerNa
 import { registerDispatchLynxViewEventHandler } from './crossThreadHandlers/registerDispatchLynxViewEventHandler.js';
 export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, callbacks) {
     const createLynxStartTiming = performance.now() + performance.timeOrigin;
-    const { nativeModulesMap, napiModulesMap } = configs;
     const { mainThreadRpc, backgroundRpc, terminateWorkers, } = bootWorkers(lynxGroupId);
     const sendGlobalEvent = backgroundRpc.createCall(sendGlobalEventEndpoint);
     const mainThreadStart = mainThreadRpc.createCall(mainThreadStartEndpoint);
@@ -29,13 +28,11 @@ export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, cal
     };
     markTimingInternal('create_lynx_start', undefined, createLynxStartTiming);
     markTimingInternal('load_template_start');
-    loadTemplate(templateUrl).then((template) => {
+    loadTemplate(templateUrl, callbacks.customTemplateLoader).then((template) => {
         markTimingInternal('load_template_end');
         mainThreadStart({
             ...configs,
             template,
-            nativeModulesMap,
-            napiModulesMap,
         });
     });
     registerReportErrorHandler(mainThreadRpc, callbacks.onError);

package/dist/utils/loadTemplate.d.ts

@@ -1,2 +1,2 @@
 import { type LynxTemplate } from '@lynx-js/web-constants';
-export declare function loadTemplate(url: string): Promise<LynxTemplate>;
+export declare function loadTemplate(url: string, customTemplateLoader?: (url: string) => Promise<LynxTemplate>): Promise<LynxTemplate>;

package/dist/utils/loadTemplate.js

@@ -93,13 +93,15 @@ const backgroundInjectWithBind = [
     'Card',
     'Component',
 ];
-export async function loadTemplate(url) {
+export async function loadTemplate(url, customTemplateLoader) {
     const cachedTemplate = TemplateCache[url];
     if (cachedTemplate)
         return cachedTemplate;
-    const template = (await (await fetch(url, {
-        method: 'GET',
-    })).json());
+    const template = customTemplateLoader
+        ? await customTemplateLoader(url)
+        : (await (await fetch(url, {
+            method: 'GET',
+        })).json());
     const decodedTemplate = {
         ...template,
         lepusCode: generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, [], globalMuteableVars),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,16 +25,16 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "0.0.0",
-    "@lynx-js/web-constants": "0.11.0",
-    "@lynx-js/web-worker-rpc": "0.11.0",
-    "@lynx-js/web-worker-runtime": "0.11.0"
+    "@lynx-js/web-constants": "0.12.0",
+    "@lynx-js/web-worker-rpc": "0.12.0",
+    "@lynx-js/web-worker-runtime": "0.12.0"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.2",
-    "@lynx-js/web-elements": "0.5.4"
+    "@lynx-js/web-elements": "0.6.0"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.2",
-    "@lynx-js/web-elements": ">=0.3.1"
+    "@lynx-js/web-elements": ">=0.6.0"
   }
 }

package/dist/types/LynxExposureModule.d.ts

@@ -1,4 +0,0 @@
-export interface LynxExposureModule {
-    resumeExposure: () => void;
-    stopExposure: () => void;
-}

package/dist/types/LynxExposureModule.js

@@ -1,5 +0,0 @@
-// Copyright 2023 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-export {};
-//# sourceMappingURL=LynxExposureModule.js.map