@lynx-js/web-core-canary 0.16.1 → 0.17.0-canary-20250918-b69a986a

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @lynx-js/web-core
 
+## 0.17.0-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+
+### Minor Changes
+
+- break(web): temporary remove support for chunk split ([#1739](https://github.com/lynx-family/lynx-stack/pull/1739))
+
+  Since the global variables cannot be accessed in the splited chunk, we temporary remove supporting for chunk spliting
+
+  Developers could easily remove the chunk Split settings in Rspeedy for migration
+
+  ```
+  import { defineConfig } from '@lynx-js/rspeedy'
+
+  export default defineConfig({
+    performance: {
+      chunkSplit: {
+        strategy: 'all-in-one',
+      },
+    },
+  })
+  ```
+
+### Patch Changes
+
+- fix: avoid duplicate style transformation ([#1748](https://github.com/lynx-family/lynx-stack/pull/1748))
+
+  After this commit, we use DAG methods to handle the styleInfos
+
+- fix: add sandbox attribute to iframe for enhanced security ([#1709](https://github.com/lynx-family/lynx-stack/pull/1709))
+
+- fix: the default template loader won't fetch twice for one url ([#1709](https://github.com/lynx-family/lynx-stack/pull/1709))
+
+- Updated dependencies [[`721635d`](https://github.com/lynx-family/lynx-stack/commit/721635de6c1d2d617c7cbaa86e7d816c42d62930), [`b69a986`](https://github.com/lynx-family/lynx-stack/commit/b69a986acd19ecbcb6246a7c9dccd99544415131), [`93d707b`](https://github.com/lynx-family/lynx-stack/commit/93d707b82a59f7256952e21da6dcad2999f8233d)]:
+  - @lynx-js/web-mainthread-apis@0.17.0-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+  - @lynx-js/web-elements@0.8.7-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+  - @lynx-js/web-constants@0.17.0-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+  - @lynx-js/web-worker-runtime@0.17.0-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+  - @lynx-js/web-worker-rpc@0.17.0-canary-20250918085607-b69a986acd19ecbcb6246a7c9dccd99544415131
+
 ## 0.16.1
 
 ### Patch Changes
@@ -261,25 +300,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: "",
   });
   ```
 
@@ -687,8 +726,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -803,8 +842,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -819,8 +858,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -837,7 +876,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -916,8 +955,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -929,7 +968,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -939,7 +978,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };
@@ -1297,7 +1336,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.
@@ -1397,11 +1436,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/uiThread/createRenderAllOnUI.js

@@ -18,24 +18,27 @@ const { prepareMainThreadAPIs, } = await import(
  */
 function createIFrameRealm(parent) {
     const iframe = document.createElement('iframe');
-    const iframeLoaded = new Promise((resolve) => {
-        iframe.onload = () => resolve();
-    });
     iframe.style.display = 'none';
-    iframe.src = 'about:blank';
+    iframe.srcdoc =
+        '<!DOCTYPE html><html><head></head><body style="display:none"></body></html>';
+    iframe.sandbox = 'allow-same-origin allow-scripts'; // Restrict capabilities for security
+    iframe.loading = 'eager';
     parent.appendChild(iframe);
     const iframeWindow = iframe.contentWindow;
-    const iframeDocument = iframe.contentDocument;
-    const loadScript = (url) => {
+    const loadScript = async (url) => {
+        const script = iframe.contentDocument.createElement('script');
+        script.fetchPriority = 'high';
+        script.defer = true;
+        script.async = false;
+        if (!iframe.contentDocument.head) {
+            await new Promise((resolve) => {
+                iframe.onload = () => resolve();
+                // In case iframe is already loaded, wait a macro task
+                setTimeout(() => resolve(), 0);
+            });
+        }
+        iframe.contentDocument.head.appendChild(script);
         return new Promise(async (resolve, reject) => {
-            if (iframeDocument.readyState !== 'complete') {
-                await iframeLoaded;
-            }
-            const script = iframeDocument.createElement('script');
-            script.src = url;
-            script.fetchPriority = 'high';
-            script.defer = true;
-            script.async = false;
             script.onload = () => {
                 const ret = iframeWindow?.module?.exports;
                 // @ts-expect-error
@@ -45,7 +48,7 @@ function createIFrameRealm(parent) {
             script.onerror = (err) => reject(new Error(`Failed to load script: ${url}`, { cause: err }));
             // @ts-expect-error
             iframeWindow.module = { exports: undefined };
-            iframe.contentDocument.head.appendChild(script);
+            script.src = url;
         });
     };
     const loadScriptSync = (url) => {

package/dist/utils/loadTemplate.js

@@ -1,29 +1,40 @@
 import { generateTemplate, } from '@lynx-js/web-constants';
-const templateCache = {};
+const templateCache = new Map();
 function createJsModuleUrl(content) {
     return URL.createObjectURL(new Blob([content], { type: 'text/javascript' }));
 }
 export function createTemplateLoader(customTemplateLoader, markTimingInternal) {
     const loadTemplate = async (url) => {
         markTimingInternal('load_template_start');
-        const cachedTemplate = templateCache[url];
+        const cachedTemplate = templateCache.get(url);
         if (cachedTemplate) {
             markTimingInternal('load_template_end');
             return cachedTemplate;
         }
-        const template = customTemplateLoader
-            ? await customTemplateLoader(url)
-            : (await (await fetch(url, {
-                method: 'GET',
-            })).json());
-        const decodedTemplate = await generateTemplate(template, createJsModuleUrl);
-        templateCache[url] = decodedTemplate;
-        /**
-         * This will cause a memory leak, which is expected.
-         * We cannot ensure that the `URL.createObjectURL` created url will never be used, therefore here we keep it for the entire lifetime of this page.
-         */
-        markTimingInternal('load_template_end');
-        return decodedTemplate;
+        else {
+            const promise = new Promise(async (resolve, reject) => {
+                try {
+                    const template = customTemplateLoader
+                        ? await customTemplateLoader(url)
+                        : (await (await fetch(url, {
+                            method: 'GET',
+                        })).json());
+                    const decodedTemplate = await generateTemplate(template, createJsModuleUrl);
+                    resolve(decodedTemplate);
+                }
+                catch (e) {
+                    templateCache.delete(url);
+                    reject(e);
+                }
+            });
+            templateCache.set(url, promise);
+            /**
+             * This will cause a memory leak, which is expected.
+             * We cannot ensure that the `URL.createObjectURL` created url will never be used, therefore here we keep it for the entire lifetime of this page.
+             */
+            markTimingInternal('load_template_end');
+            return promise;
+        }
     };
     return loadTemplate;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-canary",
-  "version": "0.16.1",
+  "version": "0.17.0-canary-20250918-b69a986a",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,14 +25,14 @@
   ],
   "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.16.1",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.16.1",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.1",
-    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.16.1"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.17.0-canary-20250918-b69a986a",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.17.0-canary-20250918-b69a986a",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.17.0-canary-20250918-b69a986a",
+    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.17.0-canary-20250918-b69a986a"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",
-    "@lynx-js/web-elements": "npm:@lynx-js/web-elements-canary@0.8.6"
+    "@lynx-js/web-elements": "npm:@lynx-js/web-elements-canary@0.8.7-canary-20250918-b69a986a"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.3",