@lynx-js/web-core-canary 0.19.2-canary-20251222-4d689a71 → 0.19.2

package/CHANGELOG.md

@@ -1,16 +1,26 @@
 # @lynx-js/web-core
 
-## 0.19.2-canary-20251222035207-4d689a7194cc9b431e6055e87792c1961a44af4d
+## 0.19.2
 
 ### Patch Changes
 
+- chore: mark the "multi-thread" deprecated ([#2030](https://github.com/lynx-family/lynx-stack/pull/2030))
+
+  **NOTICE This will be a breaking change in the future**
+
+  mark the thread strategy "multi-thread" as deprecated.
+
+  Please use "all-on-ui" instead. If you still want to use multi-thread mode, please try to use a cross-origin isolated iframe.
+
+  A console warning will be printed if `thread-strategy` is set to `multi-thread`.
+
 - fix csp issue for mts realm ([#1998](https://github.com/lynx-family/lynx-stack/pull/1998))
 
 - Updated dependencies []:
-  - @lynx-js/web-constants@0.19.2-canary-20251222035207-4d689a7194cc9b431e6055e87792c1961a44af4d
-  - @lynx-js/web-mainthread-apis@0.19.2-canary-20251222035207-4d689a7194cc9b431e6055e87792c1961a44af4d
-  - @lynx-js/web-worker-rpc@0.19.2-canary-20251222035207-4d689a7194cc9b431e6055e87792c1961a44af4d
-  - @lynx-js/web-worker-runtime@0.19.2-canary-20251222035207-4d689a7194cc9b431e6055e87792c1961a44af4d
+  - @lynx-js/web-constants@0.19.2
+  - @lynx-js/web-mainthread-apis@0.19.2
+  - @lynx-js/web-worker-rpc@0.19.2
+  - @lynx-js/web-worker-runtime@0.19.2
 
 ## 0.19.1
 
@@ -440,25 +450,25 @@
   lynxView.initI18nResources = [
     {
       options: {
-        locale: "en",
-        channel: "1",
-        fallback_url: "",
+        locale: 'en',
+        channel: '1',
+        fallback_url: '',
       },
       resource: {
-        hello: "hello",
-        lynx: "lynx web platform1",
+        hello: 'hello',
+        lynx: 'lynx web platform1',
       },
     },
   ];
-  lynxView.addEventListener("i18nResourceMissed", (e) => {
+  lynxView.addEventListener('i18nResourceMissed', (e) => {
     console.log(e);
   });
 
   // mts
   _I18nResourceTranslation({
-    locale: "en",
-    channel: "1",
-    fallback_url: "",
+    locale: 'en',
+    channel: '1',
+    fallback_url: '',
   });
   ```
 
@@ -866,8 +876,8 @@
       }
     };`,
         ],
-        { type: "text/javascript" }
-      )
+        { type: 'text/javascript' },
+      ),
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -982,8 +992,8 @@
     };
   };`,
       ],
-      { type: "text/javascript" }
-    )
+      { type: 'text/javascript' },
+    ),
   );
 
   const color_methods = URL.createObjectURL(
@@ -998,8 +1008,8 @@
     };
   };`,
       ],
-      { type: "text/javascript" }
-    )
+      { type: 'text/javascript' },
+    ),
   );
 
   lynxView.napiModuleMap = {
@@ -1016,7 +1026,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === "getColor" && moduleName === "color_methods") {
+    if (name === 'getColor' && moduleName === 'color_methods') {
       return data.color;
     }
   };
@@ -1095,8 +1105,8 @@
     }
   };`,
       ],
-      { type: "text/javascript" }
-    )
+      { type: 'text/javascript' },
+    ),
   );
   ```
 
@@ -1108,7 +1118,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === "getColor") {
+    if (name === 'getColor') {
       callback(data.color);
     }
   };
@@ -1118,7 +1128,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === "getColor" && moduleName === "bridge") {
+    if (name === 'getColor' && moduleName === 'bridge') {
       return data.color;
     }
   };
@@ -1476,7 +1486,7 @@
   This flag changes the behaviour of cascading. It provide a way to do this
 
   ```jsx
-  <view class="class-a class-b" />
+  <view class='class-a class-b' />;
   ```
 
   The class-b will override (cascading) styles of class-a.
@@ -1576,11 +1586,11 @@
   There is also a simple way to use this feature
 
   ```javascript
-  import { LynxCard } from "@lynx-js/web-core";
-  import { loadElement } from "@lynx-js/web-elements/lazy";
-  import "@lynx-js/web-elements/index.css";
-  import "@lynx-js/web-core/index.css";
-  import "./index.css";
+  import { LynxCard } from '@lynx-js/web-core';
+  import { loadElement } from '@lynx-js/web-elements/lazy';
+  import '@lynx-js/web-elements/index.css';
+  import '@lynx-js/web-core/index.css';
+  import './index.css';
 
   const lynxcard = new LynxCard({
     ...beforeConfigs,

package/dist/apis/LynxView.d.ts

@@ -23,7 +23,6 @@ export type INapiModulesCall = (name: string, data: any, moduleName: string, lyn
  * @property {"false" | "true" | null} injectHeadLinks [optional] (attribute: "inject-head-links") @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
  * @property {string[]} injectStyleRules [optional] the css rules which will be injected into shadowroot. Each items will be inserted by `insertRule` method. @see https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/insertRule
  * @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
  *
@@ -165,6 +164,7 @@ export declare class LynxView extends HTMLElement {
     /**
      * @param
      * @property
+     * @deprecated multi-thread is deprecated, please use "all-on-ui" instead. If you still want to use multi-thread mode, please try to use a cross-origin isolated iframe.
      */
     get threadStrategy(): 'all-on-ui' | 'multi-thread';
     set threadStrategy(val: 'all-on-ui' | 'multi-thread');

package/dist/apis/LynxView.js

@@ -20,7 +20,6 @@ import { inShadowRootStyles, lynxDisposedAttribute, lynxTagAttribute, } from '@l
  * @property {"false" | "true" | null} injectHeadLinks [optional] (attribute: "inject-head-links") @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
  * @property {string[]} injectStyleRules [optional] the css rules which will be injected into shadowroot. Each items will be inserted by `insertRule` method. @see https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/insertRule
  * @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
  *
@@ -284,6 +283,7 @@ export class LynxView extends HTMLElement {
     /**
      * @param
      * @property
+     * @deprecated multi-thread is deprecated, please use "all-on-ui" instead. If you still want to use multi-thread mode, please try to use a cross-origin isolated iframe.
      */
     get threadStrategy() {
         // @ts-expect-error
@@ -362,6 +362,9 @@ export class LynxView extends HTMLElement {
                     }
                     const lynxGroupId = this.lynxGroupId;
                     const threadStrategy = (this.threadStrategy ?? 'all-on-ui');
+                    if (threadStrategy === 'multi-thread') {
+                        console.warn(`[LynxView] multi-thread strategy is deprecated, please use "all-on-ui" instead. If you still want to use multi-thread mode, please try to use a cross-origin isolated iframe.`);
+                    }
                     const lynxView = createLynxView({
                         threadStrategy,
                         tagMap,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-canary",
-  "version": "0.19.2-canary-20251222-4d689a71",
+  "version": "0.19.2",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,10 +25,10 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4",
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.2-canary-20251222-4d689a71",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.2-canary-20251222-4d689a71",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.2-canary-20251222-4d689a71",
-    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.2-canary-20251222-4d689a71"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.2",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.2",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.2",
+    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.2"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",