@lynx-js/web-constants 0.15.4 → 0.15.6

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @lynx-js/web-constants
 
+## 0.15.6
+
+### Patch Changes
+
+- fix: systeminfo in mts function ([#1537](https://github.com/lynx-family/lynx-stack/pull/1537))
+
+- feat: add MTS API: \_\_UpdateComponentInfo ([#1485](https://github.com/lynx-family/lynx-stack/pull/1485))
+
+- fix: `__ElementFromBinary` needs to correctly apply the dataset in elementTemplate to the Element ([#1487](https://github.com/lynx-family/lynx-stack/pull/1487))
+
+- fix: all attributes except `id` and `type` under ElementTemplateData are optional. ([#1483](https://github.com/lynx-family/lynx-stack/pull/1483))
+
+- feat: add MTS API \_\_GetAttributeByName ([#1486](https://github.com/lynx-family/lynx-stack/pull/1486))
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.15.6
+
+## 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

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

@@ -5,16 +5,17 @@ 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: {
+    idSelector?: string;
+    class?: string[];
+    attributes?: Record<string, string>;
+    builtinAttributes?: Record<string, string>;
+    children?: ElementTemplateData[];
+    events?: {
         type: LynxEventType;
         name: string;
         value: string;
     }[];
+    dataset?: Record<string, string>;
 };
 export interface LynxTemplate {
     styleInfo: StyleInfo;

package/dist/types/MainThreadGlobalThis.d.ts

@@ -47,6 +47,13 @@ export type SetConfigPAPI = (element: WebFiberElementImpl, config: Record<string
 export type SetDatasetPAPI = (element: WebFiberElementImpl, dataset: Record<string, Cloneable>) => void;
 export type SetIDPAPI = (element: WebFiberElementImpl, id: string | null) => void;
 export type UpdateComponentIDPAPI = (element: WebFiberElementImpl, componentID: string) => void;
+export type UpdateComponentInfoPAPI = (element: WebFiberElementImpl, params: {
+    componentID?: string;
+    name?: string;
+    path?: string;
+    entry?: string;
+    cssID?: number;
+}) => void;
 export type GetClassesPAPI = (element: WebFiberElementImpl) => string[];
 export type CreateViewPAPI = (parentComponentUniqueID: number) => WebFiberElementImpl;
 export type SwapElementPAPI = (childA: WebFiberElementImpl, childB: WebFiberElementImpl) => void;
@@ -82,6 +89,7 @@ interface JSErrorInfo {
     release: string;
 }
 export type ElementFromBinaryPAPI = (templateId: string, parentComponentUniId: number) => WebFiberElementImpl[];
+export type GetAttributeByNamePAPI = (element: WebFiberElementImpl, name: string) => string | null;
 export interface MainThreadGlobalThis {
     __ElementFromBinary: ElementFromBinaryPAPI;
     __GetTemplateParts?: GetTemplatePartsPAPI;
@@ -117,6 +125,7 @@ export interface MainThreadGlobalThis {
     __SetDataset: SetDatasetPAPI;
     __SetID: SetIDPAPI;
     __UpdateComponentID: UpdateComponentIDPAPI;
+    __UpdateComponentInfo: UpdateComponentInfoPAPI;
     __GetClasses: GetClassesPAPI;
     __CreateView: CreateViewPAPI;
     __SwapElement: SwapElementPAPI;
@@ -137,6 +146,7 @@ export interface MainThreadGlobalThis {
     __SetInlineStyles: SetInlineStylesPAPI;
     __SetCSSId: SetCSSIdPAPI;
     __GetPageElement: GetPageElementPAPI;
+    __GetAttributeByName: GetAttributeByNamePAPI;
     __globalProps: unknown;
     SystemInfo: typeof systemInfo;
     globalThis?: MainThreadGlobalThis;

package/dist/types/MainThreadLynx.d.ts

@@ -1,3 +1,4 @@
+import type { systemInfo } from '../constants.js';
 import type { Cloneable } from './Cloneable.js';
 import type { LynxContextEventTarget } from './LynxContextEventTarget.js';
 export interface MainThreadLynx {
@@ -7,4 +8,5 @@ export interface MainThreadLynx {
     __globalProps: unknown;
     getCustomSectionSync: (key: string) => Cloneable;
     markPipelineTiming: (pipelineId: string, timingKey: string) => void;
+    SystemInfo: typeof systemInfo;
 }

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

@@ -22,7 +22,9 @@ const mainThreadInjectVars = [
     '__SetDataset',
     '__SetID',
     '__UpdateComponentID',
+    '__UpdateComponentInfo',
     '__GetConfig',
+    '__GetAttributeByName',
     '__UpdateListCallbacks',
     '__AppendElement',
     '__ElementIsEqual',
@@ -79,50 +81,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.4",
+  "version": "0.15.6",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,7 +23,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-worker-rpc": "0.15.4"
+    "@lynx-js/web-worker-rpc": "0.15.6"
   },
   "devDependencies": {
     "@lynx-js/offscreen-document": "0.1.3"