@lynx-js/web-constants 0.15.3 → 0.15.5

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @lynx-js/web-constants
 
+## 0.15.5
+
+### Patch Changes
+
+- fix: load main-thread chunk in ESM format ([#1437](https://github.com/lynx-family/lynx-stack/pull/1437))
+
+  See [nodejs/node#59362](https://github.com/nodejs/node/issues/59362) for more details.
+
+- feat: support path() for `createQuerySelector` ([#1456](https://github.com/lynx-family/lynx-stack/pull/1456))
+
+  - Added `getPathInfo` API to `NativeApp` and its cross-thread handler for retrieving the path from a DOM node to the root.
+  - Implemented endpoint and handler registration in both background and UI threads.
+  - Implemented `nativeApp.getPathInfo()`
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.15.5
+
+## 0.15.4
+
+### Patch Changes
+
+- feat: support `__ElementFromBinary` ([#1391](https://github.com/lynx-family/lynx-stack/pull/1391))
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.15.4
+
 ## 0.15.3
 
 ### Patch Changes

package/dist/endpoints.d.ts

@@ -30,6 +30,7 @@ export declare const callLepusMethodEndpoint: import("@lynx-js/web-worker-rpc/di
 export declare const multiThreadExposureChangedEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[string[]]>;
 export declare const invokeUIMethodEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[type: IdentifierType, identifier: string, component_id: string, method: string, params: object, root_unique_id: number | undefined], InvokeCallbackRes>;
 export declare const setNativePropsEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[type: IdentifierType, identifier: string, component_id: string, first_only: boolean, native_props: object, root_unique_id: number | undefined], void>;
+export declare const getPathInfoEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[type: IdentifierType, identifier: string, component_id: string, first_only: boolean, root_unique_id?: number | undefined], InvokeCallbackRes>;
 export declare const nativeModulesCallEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[name: string, data: Cloneable, moduleName: string], any>;
 export declare const napiModulesCallEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncWithTransfer<[name: string, data: Cloneable, moduleName: string], any>;
 export declare const getCustomSectionsEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[string], Cloneable>;

package/dist/endpoints.js

@@ -21,6 +21,7 @@ export const callLepusMethodEndpoint = createRpcEndpoint('callLepusMethod', fals
 export const multiThreadExposureChangedEndpoint = createRpcEndpoint('multiThreadExposureChangedEndpoint', false, false);
 export const invokeUIMethodEndpoint = createRpcEndpoint('__invokeUIMethod', false, true);
 export const setNativePropsEndpoint = createRpcEndpoint('__setNativeProps', false, true);
+export const getPathInfoEndpoint = createRpcEndpoint('__getPathInfo', false, true);
 export const nativeModulesCallEndpoint = createRpcEndpoint('nativeModulesCall', false, true);
 export const napiModulesCallEndpoint = createRpcEndpoint('napiModulesCall', false, true, true);
 export const getCustomSectionsEndpoint = createRpcEndpoint('getCustomSections', false, true);

package/dist/types/LynxModule.d.ts

@@ -1,6 +1,21 @@
 import type { Cloneable } from './Cloneable.js';
+import type { LynxEventType } from './EventType.js';
 import type { PageConfig } from './PageConfig.js';
 import type { StyleInfo } from './StyleInfo.js';
+export type ElementTemplateData = {
+    id: string;
+    type: string;
+    class: string[];
+    idSelector: string;
+    attributes: Record<string, string>;
+    builtinAttributes: Record<string, string>;
+    children: ElementTemplateData[];
+    events: {
+        type: LynxEventType;
+        name: string;
+        value: string;
+    }[];
+};
 export interface LynxTemplate {
     styleInfo: StyleInfo;
     pageConfig: PageConfig;
@@ -19,6 +34,7 @@ export interface LynxTemplate {
         '/app-service.js': string;
         [key: string]: string;
     };
+    elementTemplate: Record<string, ElementTemplateData[]>;
 }
 export interface LynxJSModule {
     exports?: (lynx_runtime: any) => unknown;

package/dist/types/MainThreadGlobalThis.d.ts

@@ -81,7 +81,9 @@ export type GetTemplatePartsPAPI = (templateElement: WebFiberElementImpl) => Rec
 interface JSErrorInfo {
     release: string;
 }
+export type ElementFromBinaryPAPI = (templateId: string, parentComponentUniId: number) => WebFiberElementImpl[];
 export interface MainThreadGlobalThis {
+    __ElementFromBinary: ElementFromBinaryPAPI;
     __GetTemplateParts?: GetTemplatePartsPAPI;
     __MarkPartElement: MarkPartElementPAPI;
     __MarkTemplateElement: MarkTemplateElementPAPI;

package/dist/types/NativeApp.d.ts

@@ -71,7 +71,7 @@ export declare const enum ErrorCode {
 }
 export interface InvokeCallbackRes {
     code: ErrorCode;
-    data?: string;
+    data?: unknown;
 }
 export interface NativeApp {
     id: string;
@@ -87,6 +87,7 @@ export interface NativeApp {
     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;
     invokeUIMethod: (type: IdentifierType, identifier: string, component_id: string, method: string, params: object, callback: (ret: InvokeCallbackRes) => void, root_unique_id: number) => void;
+    getPathInfo: (type: IdentifierType, identifier: string, component_id: string, first_only: boolean, callback: (ret: InvokeCallbackRes) => void, root_unique_id?: number) => void;
     setCard(tt: NativeTTObject): void;
     generatePipelineOptions: () => PerformancePipelineOptions;
     onPipelineStart: (pipeline_id: string) => void;
@@ -100,6 +101,18 @@ export interface NativeApp {
      * Support from Lynx 3.0
      */
     profileEnd: () => void;
+    /***
+     * Support from Lynx 3.0
+     */
+    profileMark: () => void;
+    /**
+     * Support from Lynx 3.0
+     */
+    profileFlowId: () => number;
+    /**
+     * Support from Lynx 2.18
+     */
+    isProfileRecording: () => boolean;
     triggerComponentEvent(id: string, params: {
         eventDetail: CloneableObject;
         eventOption: CloneableObject;

package/dist/utils/generateTemplate.d.ts

@@ -1,3 +1,2 @@
 import type { LynxTemplate } from '../types/LynxModule.js';
-export declare function generateTemplate(template: LynxTemplate, createJsModuleUrl: (content: string) => string): Promise<LynxTemplate>;
-export declare function generateTemplate(template: LynxTemplate, createJsModuleUrl: (content: string, name: string) => Promise<string>, templateName: string): Promise<LynxTemplate>;
+export declare function generateTemplate(template: LynxTemplate, createJsModuleUrl: ((content: string, name: string) => Promise<string>) | ((content: string) => string), templateName?: string): Promise<LynxTemplate>;

package/dist/utils/generateTemplate.js

@@ -66,6 +66,7 @@ const mainThreadInjectVars = [
     '__MarkPartElement',
     '__MarkTemplateElement',
     '__GetPageElement',
+    '__ElementFromBinary',
 ];
 const backgroundInjectVars = [
     'NativeModules',
@@ -78,50 +79,35 @@ const backgroundInjectWithBind = [
     'Card',
     'Component',
 ];
-async function generateJavascriptUrl(obj, injectVars, injectWithBind, muteableVars, createJsModuleUrl, templateName) {
-    injectVars = injectVars.concat(muteableVars);
-    const generateModuleContent = (content) => [
-        '//# allFunctionsCalledOnLoad\n',
-        'globalThis.module.exports = function(lynx_runtime) {',
-        'const module= {exports:{}};let exports = module.exports;',
-        'var {',
-        injectVars.join(','),
-        '} = lynx_runtime;',
-        ...injectWithBind.map(nm => `const ${nm} = lynx_runtime.${nm}?.bind(lynx_runtime);`),
-        ';var globDynamicComponentEntry = \'__Card__\';',
-        'var {__globalProps} = lynx;',
-        'lynx_runtime._updateVars=()=>{',
-        ...muteableVars.map(nm => `${nm} = lynx_runtime.__lynxGlobalBindingValues.${nm};`),
-        '};\n',
-        content,
-        '\n return module.exports;}',
-    ].join('');
-    if (!templateName) {
-        createJsModuleUrl;
-    }
-    const processEntry = templateName
-        ? async ([name, content]) => [
-            name,
-            await createJsModuleUrl(generateModuleContent(content), `${templateName}-${name.replaceAll('/', '')}.js`),
-        ]
-        : async ([name, content]) => [
-            name,
-            await createJsModuleUrl(generateModuleContent(content)),
-        ];
+const generateModuleContent = (content, injectVars, injectWithBind, muteableVars, isESM) => [
+    '//# allFunctionsCalledOnLoad\n',
+    isESM ? 'export default ' : 'globalThis.module.exports =',
+    'function(lynx_runtime) {',
+    'const module= {exports:{}};let exports = module.exports;',
+    'var {',
+    injectVars.join(','),
+    '} = lynx_runtime;',
+    ...injectWithBind.map(nm => `const ${nm} = lynx_runtime.${nm}?.bind(lynx_runtime);`),
+    ';var globDynamicComponentEntry = \'__Card__\';',
+    'var {__globalProps} = lynx;',
+    'lynx_runtime._updateVars=()=>{',
+    ...muteableVars.map(nm => `${nm} = lynx_runtime.__lynxGlobalBindingValues.${nm};`),
+    '};\n',
+    content,
+    '\n return module.exports;}',
+].join('');
+async function generateJavascriptUrl(obj, injectVars, injectWithBind, muteableVars, createJsModuleUrl, isESM, templateName) {
+    const processEntry = async ([name, content]) => [
+        name,
+        await createJsModuleUrl(generateModuleContent(content, injectVars.concat(muteableVars), injectWithBind, muteableVars, isESM), `${templateName}-${name.replaceAll('/', '')}.js`),
+    ];
     return Promise.all(Object.entries(obj).filter(([_, content]) => typeof content === 'string').map(processEntry)).then(Object.fromEntries);
 }
 export async function generateTemplate(template, createJsModuleUrl, templateName) {
-    if (!templateName) {
-        return {
-            ...template,
-            lepusCode: await generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, [], globalMuteableVars, createJsModuleUrl),
-            manifest: await generateJavascriptUrl(template.manifest, backgroundInjectVars, backgroundInjectWithBind, [], createJsModuleUrl),
-        };
-    }
     return {
         ...template,
-        lepusCode: await generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, [], globalMuteableVars, createJsModuleUrl, templateName),
-        manifest: await generateJavascriptUrl(template.manifest, backgroundInjectVars, backgroundInjectWithBind, [], createJsModuleUrl, templateName),
+        lepusCode: await generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, [], globalMuteableVars, createJsModuleUrl, true, templateName),
+        manifest: await generateJavascriptUrl(template.manifest, backgroundInjectVars, backgroundInjectWithBind, [], createJsModuleUrl, false, templateName),
     };
 }
 //# sourceMappingURL=generateTemplate.js.map

package/package.json

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