@lynx-js/web-constants-canary 0.16.0 → 0.16.1-canary-20250910-c24b6021

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @lynx-js/web-constants
 
+## 0.16.1-canary-20250910033502-c24b60214bbb194adfd96985f3f80d1e0f5a0e08
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.16.1-canary-20250910033502-c24b60214bbb194adfd96985f3f80d1e0f5a0e08
+
 ## 0.16.0
 
 ### Minor Changes
@@ -178,25 +185,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: "",
   });
   ```
 
@@ -435,8 +442,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -522,8 +529,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -538,8 +545,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -556,7 +563,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -620,8 +627,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -633,7 +640,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -643,7 +650,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };

package/dist/types/LynxModule.d.ts

@@ -37,6 +37,7 @@ export interface LynxTemplate {
     };
     elementTemplate: Record<string, ElementTemplateData[]>;
     version?: number;
+    appType: 'card' | 'lazy';
 }
 export interface LynxJSModule {
     exports?: (lynx_runtime: any) => unknown;

package/dist/utils/generateTemplate.js

@@ -42,12 +42,15 @@ const templateUpgraders = [
             'requestAnimationFrame',
             'cancelAnimationFrame',
         ].join(',');
+        template.appType = template.lepusCode.root.startsWith('(function (globDynamicComponentEntry')
+            ? 'lazy'
+            : 'card';
         /**
          * The template version 1 has no module wrapper for bts code
          */
         template.manifest = Object.fromEntries(Object.entries(template.manifest).map(([key, value]) => [
             key,
-            `{init: (lynxCoreInject) => { var {${defaultInjectStr}} = lynxCoreInject.tt; var module = {exports:null}; ${value}\n return module.exports; } }`,
+            `module.exports={init: (lynxCoreInject) => { var {${defaultInjectStr}} = lynxCoreInject.tt; var module = {exports:null}; ${value}\n return module.exports; } }`,
         ]));
         template.lepusCode = Object.fromEntries(Object.entries(template.lepusCode).map(([key, value]) => [
             key,
@@ -57,17 +60,29 @@ const templateUpgraders = [
         return template;
     },
 ];
-const generateModuleContent = (content) => [
-    '//# allFunctionsCalledOnLoad\n',
-    '"use strict";\n',
-    `(() => {const ${globalDisallowedVars.join('=void 0,')}=void 0;module.exports = `,
+const generateModuleContent = (content, eager) => 
+/**
+ * About the `allFunctionsCalledOnLoad` directive:
+ * https://v8.dev/blog/preparser#pife
+ * https://github.com/WICG/explicit-javascript-compile-hints-file-based?tab=readme-ov-file
+ * https://v8.dev/blog/explicit-compile-hints
+ * We should ensure the MTS code is parsed eagerly to avoid runtime parse delay.
+ * But for BTS code, we should not do this as it would increase the memory usage.
+ * JavaScript Engines, like V8, already had optimizations for code starts with "(function"
+ * to be parsed eagerly.
+ */
+[
+    eager ? '//# allFunctionsCalledOnLoad' : '',
+    '\n(function() { "use strict"; const ',
+    globalDisallowedVars.join('=void 0,'),
+    '=void 0;\n',
     content,
     '\n})()',
 ].join('');
-async function generateJavascriptUrl(obj, createJsModuleUrl, templateName) {
+async function generateJavascriptUrl(obj, createJsModuleUrl, eager, templateName) {
     const processEntry = async ([name, content]) => [
         name,
-        await createJsModuleUrl(generateModuleContent(content), `${templateName}-${name.replaceAll('/', '')}.js`),
+        await createJsModuleUrl(generateModuleContent(content, eager), `${templateName}-${name.replaceAll('/', '')}.js`),
     ];
     return Promise.all(Object.entries(obj).filter(([_, content]) => typeof content === 'string').map(processEntry)).then(Object.fromEntries);
 }
@@ -83,8 +98,8 @@ export async function generateTemplate(template, createJsModuleUrl, templateName
     }
     return {
         ...template,
-        lepusCode: await generateJavascriptUrl(template.lepusCode, createJsModuleUrl, templateName),
-        manifest: await generateJavascriptUrl(template.manifest, createJsModuleUrl, templateName),
+        lepusCode: await generateJavascriptUrl(template.lepusCode, createJsModuleUrl, true, templateName),
+        manifest: await generateJavascriptUrl(template.manifest, createJsModuleUrl, false, templateName),
     };
 }
 //# sourceMappingURL=generateTemplate.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-constants-canary",
-  "version": "0.16.0",
+  "version": "0.16.1-canary-20250910-c24b6021",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,7 +23,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.0"
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.16.1-canary-20250910-c24b6021"
   },
   "devDependencies": {
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4"