@lynx-js/web-constants 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @lynx-js/web-constants
 
+## 0.17.0
+
+### 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
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.17.0
+
+## 0.16.1
+
+### Patch Changes
+
+- feat: supports lazy bundle. (This feature requires `@lynx-js/lynx-core >= 0.1.3`) ([#1235](https://github.com/lynx-family/lynx-stack/pull/1235))
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.16.1
+
 ## 0.16.0
 
 ### Minor Changes

package/dist/endpoints.d.ts

@@ -3,7 +3,7 @@ import type { Cloneable, CloneableObject } from './types/Cloneable.js';
 import type { StartMainThreadContextConfig } from './types/MainThreadStartConfigs.js';
 import type { IdentifierType, InvokeCallbackRes } from './types/NativeApp.js';
 import type { ElementAnimationOptions } from './types/Element.js';
-import type { BackMainThreadContextConfig, MarkTiming } from './types/index.js';
+import type { BackMainThreadContextConfig, LynxTemplate, MarkTiming } from './types/index.js';
 export declare const postExposureEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[{
     exposures: ExposureWorkerEvent[];
     disExposures: ExposureWorkerEvent[];
@@ -57,3 +57,11 @@ export declare const updateGlobalPropsEndpoint: import("@lynx-js/web-worker-rpc/
 export declare const updateI18nResourcesEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[Cloneable]>;
 export declare const updateI18nResourceEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[Cloneable]>;
 export declare const dispatchI18nResourceEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[Cloneable]>;
+export declare const queryComponentEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[string], {
+    code: number;
+    detail: {
+        schema: string;
+    };
+}>;
+export declare const updateBTSTemplateCacheEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[string, LynxTemplate], void>;
+export declare const loadTemplateMultiThread: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[string], LynxTemplate>;

package/dist/endpoints.js

@@ -38,4 +38,7 @@ export const updateGlobalPropsEndpoint = createRpcEndpoint('updateGlobalProps',
 export const updateI18nResourcesEndpoint = createRpcEndpoint('updateI18nResources', false, false);
 export const updateI18nResourceEndpoint = createRpcEndpoint('updateI18nResource', false, false);
 export const dispatchI18nResourceEndpoint = createRpcEndpoint('dispatchI18nResource', false, false);
+export const queryComponentEndpoint = createRpcEndpoint('queryComponent', false, true);
+export const updateBTSTemplateCacheEndpoint = createRpcEndpoint('updateBTSTemplateCacheEndpoint', false, true);
+export const loadTemplateMultiThread = createRpcEndpoint('loadTemplateMultiThread', false, true);
 //# sourceMappingURL=endpoints.js.map

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/types/MainThreadGlobalThis.d.ts

@@ -80,7 +80,7 @@ export type AddClassPAPI = (element: WebFiberElementImpl, className: string) =>
 export type SetClassesPAPI = (element: WebFiberElementImpl, classNames: string | null) => void;
 export type AddInlineStylePAPI = (element: WebFiberElementImpl, key: number | string, value: string | number | null | undefined) => void;
 export type SetInlineStylesPAPI = (element: WebFiberElementImpl, value: string | Record<string, string> | undefined) => void;
-export type SetCSSIdPAPI = (elements: WebFiberElementImpl[], cssId: number | null) => void;
+export type SetCSSIdPAPI = (elements: WebFiberElementImpl[], cssId: number | null, entryName: string | undefined) => void;
 export type GetPageElementPAPI = () => WebFiberElementImpl | undefined;
 export type MarkTemplateElementPAPI = (element: WebFiberElementImpl) => void;
 export type MarkPartElementPAPI = (element: WebFiberElementImpl, partId: string) => void;
@@ -90,6 +90,13 @@ interface JSErrorInfo {
 }
 export type ElementFromBinaryPAPI = (templateId: string, parentComponentUniId: number) => WebFiberElementImpl[];
 export type GetAttributeByNamePAPI = (element: WebFiberElementImpl, name: string) => string | null;
+export type QueryComponentPAPI = (source: string, resultCallback?: (result: {
+    code: number;
+    data?: {
+        url: string;
+        evalResult: unknown;
+    };
+}) => void) => null;
 export interface MainThreadGlobalThis {
     __ElementFromBinary: ElementFromBinaryPAPI;
     __GetTemplateParts?: GetTemplatePartsPAPI;
@@ -161,6 +168,8 @@ export interface MainThreadGlobalThis {
     __FlushElementTree: (_subTree: unknown, options: FlushElementTreeOptions) => void;
     _I18nResourceTranslation: (options: I18nResourceTranslationOptions) => unknown | undefined;
     _AddEventListener: (...args: unknown[]) => void;
+    __QueryComponent: QueryComponentPAPI;
+    processEvalResult?: (exports: unknown, schema: string) => unknown;
     renderPage: ((data: unknown) => void) | undefined;
     updatePage?: (data: Cloneable, options?: Record<string, string>) => void;
     runWorklet?: (obj: unknown, event: unknown) => void;

package/dist/types/MarkTiming.d.ts

@@ -3,3 +3,4 @@ export interface MarkTiming {
     pipelineId?: string;
     timeStamp: number;
 }
+export type MarkTimingInternal = (timingKey: string, pipelineId?: string, timeStamp?: number) => void;

package/dist/types/NativeApp.d.ts

@@ -82,7 +82,7 @@ export interface NativeApp {
     clearInterval: typeof clearInterval;
     requestAnimationFrame: (cb: () => void) => void;
     cancelAnimationFrame: (id: number) => void;
-    loadScript: (sourceURL: string) => BundleInitReturnObj;
+    loadScript: (sourceURL: string, entryName?: string) => BundleInitReturnObj;
     loadScriptAsync(sourceURL: string, callback: (message: string | null, exports?: BundleInitReturnObj) => void): void;
     nativeModuleProxy: Record<string, any>;
     setNativeProps: (type: IdentifierType, identifier: string, component_id: string, first_only: boolean, native_props: Record<string, unknown>, root_unique_id: number | undefined) => void;
@@ -125,4 +125,13 @@ export interface NativeApp {
     i18nResource: I18nResource;
     reportException: (error: Error, _: unknown) => void;
     __SetSourceMapRelease: (err: Error) => void;
+    queryComponent: (source: string, callback: (ret: {
+        __hasReady: boolean;
+    } | {
+        code: number;
+        detail?: {
+            schema: string;
+        };
+    }) => void) => void;
+    tt: NativeTTObject | null;
 }

package/dist/types/StyleInfo.d.ts

@@ -16,6 +16,12 @@ export interface OneInfo {
 export interface StyleInfo {
     [cssId: string]: OneInfo;
 }
+export interface FlattenedOneInfo {
+    content: string[];
+    rules: CSSRule[];
+    importBy: string[];
+}
+export type FlattenedStyleInfo = FlattenedOneInfo[];
 /**
  * CSS Info for Old Generation CSS System
  */

package/dist/types/TemplateLoader.d.ts

@@ -0,0 +1,2 @@
+import type { LynxTemplate } from './LynxModule.js';
+export type TemplateLoader = (url: string) => Promise<LynxTemplate>;

package/dist/types/TemplateLoader.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TemplateLoader.js.map

package/dist/types/index.d.ts

@@ -20,3 +20,4 @@ export * from './BackThreadStartConfigs.js';
 export * from './MarkTiming.js';
 export * from './SSR.js';
 export * from './JSRealm.js';
+export * from './TemplateLoader.js';

package/dist/types/index.js

@@ -20,4 +20,5 @@ export * from './BackThreadStartConfigs.js';
 export * from './MarkTiming.js';
 export * from './SSR.js';
 export * from './JSRealm.js';
+export * from './TemplateLoader.js';
 //# sourceMappingURL=index.js.map

package/dist/utils/generateTemplate.js

@@ -42,32 +42,44 @@ const templateUpgraders = [
             'requestAnimationFrame',
             'cancelAnimationFrame',
         ].join(',');
+        template.appType = 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; } }`,
-        ]));
-        template.lepusCode = Object.fromEntries(Object.entries(template.lepusCode).map(([key, value]) => [
-            key,
-            `(()=>{${value}\n})();`,
+            `module.exports={init: (lynxCoreInject) => { var {${defaultInjectStr}} = lynxCoreInject.tt; var module = {exports:{}}; var exports=module.exports; ${value}\n return module.exports; } }`,
         ]));
         template.version = 2;
         return template;
     },
 ];
-const generateModuleContent = (content) => [
-    '//# allFunctionsCalledOnLoad\n',
-    '"use strict";\n',
-    `(() => {const ${globalDisallowedVars.join('=void 0,')}=void 0;module.exports = `,
+const generateModuleContent = (content, eager, appType) => 
+/**
+ * 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',
+    appType !== 'card' ? 'module.exports=\n' : '',
     content,
     '\n})()',
 ].join('');
-async function generateJavascriptUrl(obj, createJsModuleUrl, templateName) {
+async function generateJavascriptUrl(obj, createJsModuleUrl, eager, appType, templateName) {
     const processEntry = async ([name, content]) => [
         name,
-        await createJsModuleUrl(generateModuleContent(content), `${templateName}-${name.replaceAll('/', '')}.js`),
+        await createJsModuleUrl(generateModuleContent(content, eager, appType), `${templateName}-${name.replaceAll('/', '')}.js`),
     ];
     return Promise.all(Object.entries(obj).filter(([_, content]) => typeof content === 'string').map(processEntry)).then(Object.fromEntries);
 }
@@ -83,8 +95,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, template.appType, templateName),
+        manifest: await generateJavascriptUrl(template.manifest, createJsModuleUrl, false, template.appType, templateName),
     };
 }
 //# sourceMappingURL=generateTemplate.js.map

package/package.json

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