@lynx-js/react 0.120.0 → 0.121.0

package/runtime/lib/element-template/debug/elementPAPICall.js

@@ -0,0 +1,75 @@
+// Copyright 2025 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { profileEnd, profileStart } from '../../shared/profile.js';
+const elementTemplatePAPINameList = [
+    '__CreateElementTemplate',
+    '__SetAttributeOfElementTemplate',
+    '__InsertNodeToElementTemplate',
+    '__RemoveNodeFromElementTemplate',
+    '__SerializeElementTemplate',
+];
+export function initElementTemplatePAPICallAlog(globalWithIndex = globalThis) {
+    let count = 0;
+    const elementTemplateMap = new Map();
+    for (const elementTemplatePAPIName of elementTemplatePAPINameList) {
+        const oldElementTemplatePAPI = globalWithIndex[elementTemplatePAPIName];
+        if (typeof oldElementTemplatePAPI !== 'function') {
+            continue;
+        }
+        const callElementTemplatePAPI = oldElementTemplatePAPI;
+        globalWithIndex[elementTemplatePAPIName] = (...args) => {
+            const shouldProfile = typeof __PROFILE__ !== 'undefined' && __PROFILE__;
+            if (shouldProfile) {
+                profileStart(`ElementTemplatePAPI: ${elementTemplatePAPIName}`, {
+                    args: {
+                        args: formatValue(args, elementTemplateMap),
+                    },
+                });
+            }
+            let result;
+            try {
+                result = callElementTemplatePAPI(...args);
+            }
+            finally {
+                if (shouldProfile) {
+                    profileEnd();
+                }
+            }
+            if (elementTemplatePAPIName === '__CreateElementTemplate' && result != null) {
+                elementTemplateMap.set(result, `${String(args[0])}#${String(args[4])}`);
+            }
+            const formattedResult = result == null ? undefined : formatValue(result, elementTemplateMap);
+            console.alog?.(`[ReactLynxDebug] ElementTemplate API call #${++count}: ${elementTemplatePAPIName}(${args.map(arg => formatValue(arg, elementTemplateMap)).join(', ')})${formattedResult == null ? '' : ` => ${formattedResult}`}`);
+            return result;
+        };
+    }
+}
+function formatValue(value, elementTemplateMap) {
+    if (elementTemplateMap.has(value)) {
+        return elementTemplateMap.get(value);
+    }
+    if (value === undefined) {
+        return 'undefined';
+    }
+    if (value === null) {
+        return 'null';
+    }
+    if (Array.isArray(value)) {
+        return '[' + value.map(item => formatValue(item, elementTemplateMap)).join(', ') + ']';
+    }
+    if (typeof value === 'function') {
+        return `[Function${value.name ? ` ${value.name}` : ''}]`;
+    }
+    if (typeof value === 'symbol') {
+        return value.toString();
+    }
+    try {
+        const formatted = JSON.stringify(value);
+        return formatted ?? Object.prototype.toString.call(value);
+    }
+    catch {
+        return Object.prototype.toString.call(value);
+    }
+}
+//# sourceMappingURL=elementPAPICall.js.map

package/runtime/lib/element-template/debug/elementPAPICall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementPAPICall.js","sourceRoot":"","sources":["../../../src/element-template/debug/elementPAPICall.ts"],"names":[],"mappings":"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"}

package/runtime/lib/element-template/debug/profile.d.ts

@@ -0,0 +1,3 @@
+import { profileEnd, profileStart } from '../../shared/profile.js';
+export { profileEnd, profileStart };
+export declare function initProfileHook(): void;

package/runtime/lib/element-template/debug/profile.js

@@ -0,0 +1,141 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { Component, options } from 'preact';
+import { profileEnd, profileStart } from '../../shared/profile.js';
+import { COMMIT, COMPONENT, DIFF, DIFF2, DIFFED, DIRTY, NEXT_STATE, RENDER } from '../../shared/render-constants.js';
+import { getDisplayName, hook } from '../../utils.js';
+import { globalCommitContext } from '../background/commit-context.js';
+let installed = false;
+export { profileEnd, profileStart };
+export function initProfileHook() {
+    if (installed) {
+        return;
+    }
+    // early-exit if required profiling APIs are unavailable
+    let p;
+    /* v8 ignore start */
+    if (!(p = lynx.performance)
+        || typeof p.profileStart !== 'function'
+        || typeof p.profileEnd !== 'function'
+        || typeof p.profileMark !== 'function'
+        || typeof p.profileFlowId !== 'function') {
+        return;
+    }
+    /* v8 ignore stop */
+    installed = true;
+    const profileStart = p.profileStart.bind(p);
+    const profileEnd = p.profileEnd.bind(p);
+    const profileMark = p.profileMark.bind(p);
+    const profileFlowId = p.profileFlowId.bind(p);
+    // for each setState call, we will add a profiling trace and
+    // attach a flowId to the component instance.
+    // This allows us to trace the flow of its diffing, committing and patching.
+    {
+        const sFlowID = Symbol('FLOW_ID');
+        if (__BACKGROUND__) {
+            function buildSetStateProfileMarkArgs(currentState, nextState) {
+                const EMPTY_OBJ = {};
+                currentState ??= EMPTY_OBJ;
+                nextState ??= EMPTY_OBJ;
+                return {
+                    'current state keys': JSON.stringify(Object.keys(currentState)),
+                    'next state keys': JSON.stringify(Object.keys(nextState)),
+                    'changed (shallow diff) state keys': JSON.stringify(
+                    // the setState is in assign manner, we assume nextState is a superset of currentState
+                    Object.keys(nextState).filter(key => currentState[key] !== nextState[key])),
+                };
+            }
+            hook(Component.prototype, 'setState', function (old, state, callback) {
+                old?.call(this, state, callback);
+                if (this[DIRTY]) {
+                    profileMark('ReactLynx::setState', {
+                        flowId: this[sFlowID] ??= profileFlowId(),
+                        args: buildSetStateProfileMarkArgs(this.state, this[NEXT_STATE]),
+                    });
+                }
+            });
+        }
+        hook(options, DIFF2, (old, vnode, oldVNode) => {
+            // We only add profiling trace for Component
+            if (typeof vnode.type === 'function') {
+                const profileOptions = {};
+                if (__BACKGROUND__) {
+                    const c = oldVNode?.[COMPONENT];
+                    if (c) {
+                        const flowId = c[sFlowID];
+                        delete c[sFlowID];
+                        if (flowId) {
+                            const flowIds = globalCommitContext.flowIds
+                                ?? (globalCommitContext.flowIds = []);
+                            flowIds.push(flowId);
+                            profileOptions.flowId = flowId;
+                        }
+                    }
+                }
+                profileStart(`ReactLynx::diff::${ /* #__INLINE__ */getDisplayName(vnode.type)}`, profileOptions);
+            }
+            /* v8 ignore next */
+            old?.(vnode, oldVNode);
+        });
+        hook(options, DIFFED, (old, vnode) => {
+            if (typeof vnode.type === 'function') {
+                profileEnd(); // for options[DIFF]
+            }
+            old?.(vnode);
+        });
+        if (__BACKGROUND__) {
+            hook(options, COMMIT, (old, vnode, commitQueue) => {
+                const globalFlowIds = globalCommitContext.flowIds;
+                const commitProfileOptions = globalFlowIds && globalFlowIds.length > 0
+                    ? { flowId: globalFlowIds[0], flowIds: [...globalFlowIds] }
+                    : {};
+                profileStart('ReactLynx::commit', commitProfileOptions);
+                /* v8 ignore next */
+                old?.(vnode, commitQueue);
+                profileEnd();
+                delete globalCommitContext.flowIds;
+            });
+        }
+    }
+    // Profile the user-provided `render`.
+    hook(options, RENDER, (old, vnode) => {
+        // eslint-disable-next-line @typescript-eslint/unbound-method
+        const originalRender = vnode[COMPONENT].render;
+        vnode[COMPONENT].render = function render(props, state, context) {
+            profileStart(`ReactLynx::render::${ /* #__INLINE__ */getDisplayName(vnode.type)}`);
+            try {
+                return originalRender.call(this, props, state, context);
+            }
+            finally {
+                profileEnd();
+                vnode[COMPONENT].render = originalRender;
+            }
+        };
+        old?.(vnode);
+    });
+    if (__BACKGROUND__) {
+        const sPatchLength = Symbol('PATCH_LENGTH');
+        hook(options, DIFF, (old, vnode) => {
+            if (typeof vnode.type === 'function') {
+                vnode[sPatchLength] = globalCommitContext.ops.length;
+            }
+            old?.(vnode);
+        });
+        hook(options, DIFFED, (old, vnode) => {
+            if (typeof vnode.type === 'function') {
+                if (vnode[sPatchLength] === globalCommitContext.ops.length) {
+                    // "NoPatch" is a conventional name in Lynx
+                    profileMark('ReactLynx::diffFinishNoPatch', {
+                        args: {
+                            componentName: /* #__INLINE__ */ getDisplayName(vnode.type),
+                        },
+                    });
+                }
+                delete vnode[sPatchLength];
+            }
+            old?.(vnode);
+        });
+    }
+}
+//# sourceMappingURL=profile.js.map

package/runtime/lib/element-template/debug/profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../../src/element-template/debug/profile.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAK5C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,IAAI,SAAS,GAAG,KAAK,CAAC;AAEtB,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AAEpC,MAAM,UAAU,eAAe;IAC7B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO;IACT,CAAC;IACD,wDAAwD;IACxD,IAAI,CAAC,CAAC;IACN,qBAAqB;IACrB,IACE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;WACpB,OAAO,CAAC,CAAC,YAAY,KAAK,UAAU;WACpC,OAAO,CAAC,CAAC,UAAU,KAAK,UAAU;WAClC,OAAO,CAAC,CAAC,WAAW,KAAK,UAAU;WACnC,OAAO,CAAC,CAAC,aAAa,KAAK,UAAU,EACxC,CAAC;QACD,OAAO;IACT,CAAC;IACD,oBAAoB;IACpB,SAAS,GAAG,IAAI,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE9C,4DAA4D;IAC5D,6CAA6C;IAC7C,4EAA4E;IAC5E,CAAC;QACC,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAGlC,IAAI,cAAc,EAAE,CAAC;YACnB,SAAS,4BAA4B,CACnC,YAAqC,EACrC,SAAkC;gBAElC,MAAM,SAAS,GAAG,EAAE,CAAC;gBAErB,YAAY,KAAK,SAAS,CAAC;gBAC3B,SAAS,KAAK,SAAS,CAAC;gBAExB,OAAO;oBACL,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;oBAC/D,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;oBACzD,mCAAmC,EAAE,IAAI,CAAC,SAAS;oBACjD,sFAAsF;oBACtF,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAC3B,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,CAC5C,CACF;iBACF,CAAC;YACJ,CAAC;YAED,IAAI,CACF,SAAS,CAAC,SAAS,EACnB,UAAU,EACV,UAA6D,GAAG,EAAE,KAAK,EAAE,QAAQ;gBAC/E,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAEjC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBAChB,WAAW,CAAC,qBAAqB,EAAE;wBACjC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,aAAa,EAAE;wBACzC,IAAI,EAAE,4BAA4B,CAChC,IAAI,CAAC,KAAgC,EACrC,IAAI,CAAC,UAAU,CAA4B,CAC5C;qBACF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CACF,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC5C,4CAA4C;YAC5C,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACrC,MAAM,cAAc,GAAgB,EAAE,CAAC;gBAEvC,IAAI,cAAc,EAAE,CAAC;oBACnB,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC,SAAS,CAAiC,CAAC;oBAChE,IAAI,CAAC,EAAE,CAAC;wBACN,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;wBAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;wBAClB,IAAI,MAAM,EAAE,CAAC;4BACX,MAAM,OAAO,GAAG,mBAAmB,CAAC,OAAO;mCACtC,CAAC,mBAAmB,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;4BACxC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;4BACrB,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC;wBACjC,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,YAAY,CACV,oBAAoB,CAAA,iBAAkB,cAAc,CAAC,KAAK,CAAC,IAAsB,CAAC,EAAE,EACpF,cAAc,CACf,CAAC;YACJ,CAAC;YACD,oBAAoB;YACpB,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACnC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACrC,UAAU,EAAE,CAAC,CAAC,oBAAoB;YACpC,CAAC;YACD,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;gBAChD,MAAM,aAAa,GAAG,mBAAmB,CAAC,OAAO,CAAC;gBAClD,MAAM,oBAAoB,GAAG,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;oBACpE,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,aAAa,CAAC,EAAE;oBAC3D,CAAC,CAAC,EAAE,CAAC;gBAEP,YAAY,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;gBACxD,oBAAoB;gBACpB,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;gBAC1B,UAAU,EAAE,CAAC;gBACb,OAAO,mBAAmB,CAAC,OAAO,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,sCAAsC;IACtC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,KAAY,EAAE,EAAE;QAC1C,6DAA6D;QAC7D,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAE,CAAC,MAAM,CAAC;QAChD,KAAK,CAAC,SAAS,CAAE,CAAC,MAAM,GAAG,SAAS,MAAM,CAAO,KAAK,EAAE,KAAK,EAAE,OAAO;YACpE,YAAY,CAAC,sBAAsB,CAAA,iBAAkB,cAAc,CAAC,KAAK,CAAC,IAAsB,CAAC,EAAE,CAAC,CAAC;YACrG,IAAI,CAAC;gBACH,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YAC1D,CAAC;oBAAS,CAAC;gBACT,UAAU,EAAE,CAAC;gBACb,KAAK,CAAC,SAAS,CAAE,CAAC,MAAM,GAAG,cAAc,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QACF,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAI,cAAc,EAAE,CAAC;QACnB,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAI5C,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,KAAmB,EAAE,EAAE;YAC/C,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACrC,KAAK,CAAC,YAAY,CAAC,GAAG,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC;YACvD,CAAC;YACD,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,KAAmB,EAAE,EAAE;YACjD,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBACrC,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,mBAAmB,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;oBAC3D,2CAA2C;oBAC3C,WAAW,CAAC,8BAA8B,EAAE;wBAC1C,IAAI,EAAE;4BACJ,aAAa,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,IAAsB,CAAC;yBAC9E;qBACF,CAAC,CAAC;gBACL,CAAC;gBACD,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7B,CAAC;YACD,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/runtime/lib/element-template/hooks/react.d.ts

@@ -0,0 +1,14 @@
+import * as backgroundHooks from '../../core/hooks/react.js';
+declare const useState: typeof backgroundHooks.useState;
+declare const useReducer: typeof backgroundHooks.useReducer;
+declare const useRef: typeof backgroundHooks.useRef;
+declare const useImperativeHandle: typeof backgroundHooks.useImperativeHandle;
+declare const useLayoutEffect: typeof backgroundHooks.useLayoutEffect;
+declare const useEffect: typeof backgroundHooks.useEffect;
+declare const useCallback: typeof backgroundHooks.useCallback;
+declare const useMemo: typeof backgroundHooks.useMemo;
+declare const useContext: typeof backgroundHooks.useContext;
+declare const useDebugValue: typeof backgroundHooks.useDebugValue;
+declare const useErrorBoundary: typeof backgroundHooks.useErrorBoundary;
+declare const useId: typeof backgroundHooks.useId;
+export { useCallback, useContext, useDebugValue, useEffect, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, };

package/runtime/lib/element-template/hooks/react.js

@@ -0,0 +1,24 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import * as mainThreadHooks from '../../core/hooks/mainThreadImpl.js';
+import * as backgroundHooks from '../../core/hooks/react.js';
+function currentHooks() {
+    return __MAIN_THREAD__
+        ? mainThreadHooks
+        : backgroundHooks;
+}
+const useState = ((...args) => currentHooks().useState(...args));
+const useReducer = ((...args) => currentHooks().useReducer(...args));
+const useRef = ((...args) => currentHooks().useRef(...args));
+const useImperativeHandle = ((...args) => currentHooks().useImperativeHandle(...args));
+const useLayoutEffect = ((...args) => currentHooks().useLayoutEffect(...args));
+const useEffect = ((...args) => currentHooks().useEffect(...args));
+const useCallback = ((...args) => currentHooks().useCallback(...args));
+const useMemo = ((...args) => currentHooks().useMemo(...args));
+const useContext = ((...args) => currentHooks().useContext(...args));
+const useDebugValue = ((...args) => currentHooks().useDebugValue(...args));
+const useErrorBoundary = ((...args) => currentHooks().useErrorBoundary(...args));
+const useId = ((...args) => currentHooks().useId(...args));
+export { useCallback, useContext, useDebugValue, useEffect, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, };
+//# sourceMappingURL=react.js.map

package/runtime/lib/element-template/hooks/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/element-template/hooks/react.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,OAAO,KAAK,eAAe,MAAM,oCAAoC,CAAC;AACtE,OAAO,KAAK,eAAe,MAAM,2BAA2B,CAAC;AAE7D,SAAS,YAAY;IACnB,OAAO,eAAe;QACpB,CAAC,CAAC,eAAoD;QACtD,CAAC,CAAC,eAAe,CAAC;AACtB,CAAC;AAED,MAAM,QAAQ,GACZ,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,QAA4C,CAAC,GAAG,IAAI,CAAC,CAAoC,CAAC;AAC9G,MAAM,UAAU,GACd,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,UAA8C,CAAC,GAAG,IAAI,CAAC,CAAsC,CAAC;AAClH,MAAM,MAAM,GACV,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,MAA0C,CAAC,GAAG,IAAI,CAAC,CAAkC,CAAC;AAC1G,MAAM,mBAAmB,GACvB,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,mBAAuD,CACrE,GAAG,IAAI,CACR,CAA+C,CAAC;AACrD,MAAM,eAAe,GAAG,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CAC7C,YAAY,EAAE,CAAC,eAAmD,CACjE,GAAG,IAAI,CACR,CAA2C,CAAC;AAC/C,MAAM,SAAS,GACb,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,SAA6C,CAAC,GAAG,IAAI,CAAC,CAAqC,CAAC;AAChH,MAAM,WAAW,GACf,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,WAA+C,CAAC,GAAG,IAAI,CAAC,CAAuC,CAAC;AACpH,MAAM,OAAO,GACX,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,OAA2C,CAAC,GAAG,IAAI,CAAC,CAAmC,CAAC;AAC5G,MAAM,UAAU,GACd,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,UAA8C,CAAC,GAAG,IAAI,CAAC,CAAsC,CAAC;AAClH,MAAM,aAAa,GACjB,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,aAAiD,CAAC,GAAG,IAAI,CAAC,CAAyC,CAAC;AACxH,MAAM,gBAAgB,GAAG,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CAC9C,YAAY,EAAE,CAAC,gBAAoD,CAClE,GAAG,IAAI,CACR,CAA4C,CAAC;AAChD,MAAM,KAAK,GACT,CAAC,CAAC,GAAG,IAAe,EAAE,EAAE,CACrB,YAAY,EAAE,CAAC,KAAyC,CAAC,GAAG,IAAI,CAAC,CAAiC,CAAC;AAExG,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACT,CAAC"}

package/runtime/lib/element-template/index.d.ts

@@ -0,0 +1,7 @@
+import { Children, Fragment, cloneElement, createElement, createRef, forwardRef, isValidElement, lazy, memo, useSyncExternalStore } from 'preact/compat';
+import './native/index.js';
+export { Component, createContext } from 'preact';
+export { PureComponent } from 'preact/compat';
+export * from './hooks/react.js';
+export { Children, createRef, Fragment, isValidElement, memo, forwardRef, lazy, createElement, cloneElement, useSyncExternalStore, };
+export * from './client/root.js';

package/runtime/lib/element-template/index.js

@@ -0,0 +1,45 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { Children, Component, Fragment, PureComponent, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, lazy, memo, useSyncExternalStore, } from 'preact/compat';
+import { useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, } from './hooks/react.js';
+import './native/index.js';
+// import './lynx/component.js';
+// import { Suspense } from './lynx/suspense.js';
+export { Component, createContext } from 'preact';
+export { PureComponent } from 'preact/compat';
+export * from './hooks/react.js';
+/**
+ * @internal
+ */
+export default {
+    // hooks
+    useState,
+    useReducer,
+    useEffect,
+    useLayoutEffect,
+    useRef,
+    useImperativeHandle,
+    useMemo,
+    useCallback,
+    useContext,
+    useDebugValue,
+    useSyncExternalStore,
+    createContext,
+    createRef,
+    Fragment,
+    isValidElement,
+    Children,
+    Component,
+    PureComponent,
+    memo,
+    forwardRef,
+    // Suspense,
+    lazy,
+    createElement,
+};
+export { Children, createRef, Fragment, isValidElement, memo, forwardRef, 
+// Suspense,
+lazy, createElement, cloneElement, useSyncExternalStore, };
+export * from './client/root.js';
+//# sourceMappingURL=index.js.map

package/runtime/lib/element-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/element-template/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAC3B,gCAAgC;AAChC,iDAAiD;AAEjD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AAEjC;;GAEG;AACH,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,eAAe;IACf,MAAM;IACN,mBAAmB;IACnB,OAAO;IACP,WAAW;IACX,UAAU;IACV,aAAa;IACb,oBAAoB;IAEpB,aAAa;IACb,SAAS;IACT,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,SAAS;IACT,aAAa;IACb,IAAI;IACJ,UAAU;IACV,YAAY;IACZ,IAAI;IACJ,aAAa;CACd,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,UAAU;AACV,YAAY;AACZ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,CAAC;AAEF,cAAc,kBAAkB,CAAC"}

package/runtime/lib/element-template/internal.d.ts

@@ -0,0 +1,6 @@
+import './native/index.js';
+import { __root } from './runtime/page/root-instance.js';
+export { __root };
+export { options, Component, process, } from 'preact';
+export type { Options } from 'preact';
+export { __etAttrPlanMap, adaptEventAttrSlot, adaptSpreadAttrSlot } from './runtime/template/attr-slot-plan.js';

package/runtime/lib/element-template/internal.js

@@ -0,0 +1,44 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+// import { Suspense, createElement, lazy } from 'preact/compat';
+// import type { FC } from 'react';
+import './native/index.js';
+// import { factory as factory2 } from '../compat/componentIs.js';
+// import { useMemo } from '../core/hooks/react.js';
+// import { loadLazyBundle } from '../lynx/lazy-bundle.js';
+import { __root } from './runtime/page/root-instance.js';
+/**
+ * @internal kept only to fail fast when stale internal imports leak into the
+ * Element Template alias surface. This is not a supported ET runtime API.
+ */
+export class SnapshotInstance {
+    type;
+    constructor(type) {
+        this.type = type;
+        throw new Error('SnapshotInstance should not be instantiated when using Element Template.');
+    }
+}
+export { __root };
+export { options, 
+// Component is not an internal API, but refresh needs it from 'react/internal'
+Component, process, } from 'preact';
+// export { loadDynamicJS, __dynamicImport } from '../lynx/dynamic-js.js';
+// export { withInitDataInState } from '../compat/initData.js';
+// export { wrapWithLynxComponent } from '../compat/lynxComponent.js';
+/**
+ * @internal a polyfill for <component is=? />
+ */
+// export const __ComponentIsPolyfill: FC<{ is: string }> = /* @__PURE__ */ factory2(
+//   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+//   { Suspense, lazy, createElement, useMemo } as any,
+//   loadLazyBundle,
+// );
+// export { loadLazyBundle } from '../lynx/lazy-bundle.js';
+// TODO: enable when worklet/runtime integration is implemented for ElementTemplate entry.
+// export { transformToWorklet } from '../worklet/call/transformToWorklet.js';
+// export { registerWorkletOnBackground } from '../worklet/hmr.js';
+// export { loadWorkletRuntime } from '@lynx-js/react/worklet-runtime/bindings';
+export { __etSlot } from './runtime/components/slot.js';
+export { __etAttrPlanMap, adaptEventAttrSlot, adaptSpreadAttrSlot } from './runtime/template/attr-slot-plan.js';
+//# sourceMappingURL=internal.js.map

package/runtime/lib/element-template/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../src/element-template/internal.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,iEAAiE;AACjE,mCAAmC;AAEnC,OAAO,mBAAmB,CAAC;AAE3B,kEAAkE;AAClE,oDAAoD;AACpD,2DAA2D;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IACR;IAAnB,YAAmB,IAAY;QAAZ,SAAI,GAAJ,IAAI,CAAQ;QAC7B,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAC9F,CAAC;CACF;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,OAAO,EACL,OAAO;AACP,+EAA+E;AAC/E,SAAS,EACT,OAAO,GACR,MAAM,QAAQ,CAAC;AAGhB,0EAA0E;AAE1E,+DAA+D;AAE/D,sEAAsE;AAEtE;;GAEG;AACH,qFAAqF;AACrF,sEAAsE;AACtE,uDAAuD;AACvD,oBAAoB;AACpB,KAAK;AAEL,2DAA2D;AAE3D,0FAA0F;AAC1F,8EAA8E;AAC9E,mEAAmE;AACnE,gFAAgF;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC"}

package/runtime/lib/element-template/jsx-dev-runtime/index.d.ts

@@ -0,0 +1 @@
+export * from '../jsx-runtime/index.js';

package/runtime/lib/element-template/jsx-dev-runtime/index.js

@@ -0,0 +1,5 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+export * from '../jsx-runtime/index.js';
+//# sourceMappingURL=index.js.map

package/runtime/lib/element-template/jsx-dev-runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/element-template/jsx-dev-runtime/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,cAAc,yBAAyB,CAAC"}

package/runtime/lib/element-template/jsx-runtime/index.d.ts

@@ -0,0 +1,19 @@
+type ComponentLike = ((...args: unknown[]) => unknown) & {
+    defaultProps?: Record<string, unknown>;
+};
+interface ElementTemplateVNode {
+    type: string | ComponentLike;
+    props: Record<string, unknown> | null | undefined;
+    __k: null;
+    __: null;
+    __b: number;
+    __e: null;
+    __d: undefined;
+    __c: null;
+    constructor: undefined;
+    __i: number;
+    __u: number;
+}
+declare function createVNode(type: string | ComponentLike | null | undefined, props: Record<string, unknown> | null | undefined): ElementTemplateVNode | undefined;
+export { createVNode as jsx, createVNode as jsxs, createVNode as jsxDEV };
+export { Fragment } from 'preact';

package/runtime/lib/element-template/jsx-runtime/index.js

@@ -0,0 +1,60 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { CHILDREN, COMPONENT, DIFF, DIRTY, DOM, FLAGS, INDEX, PARENT } from '../../shared/render-constants.js';
+function createVNode(type, props) {
+    if (typeof type === 'string') {
+        // ET host nodes are consumed by the opcode renderer directly, so they
+        // should not go through the SnapshotInstance construction path.
+        return {
+            type,
+            props: props ?? {},
+            [CHILDREN]: null,
+            [PARENT]: null,
+            [DIFF]: 0,
+            [DOM]: null,
+            [DIRTY]: void 0,
+            [COMPONENT]: null,
+            constructor: void 0,
+            [INDEX]: -1,
+            [FLAGS]: 0,
+        };
+    }
+    else if (typeof type === 'function') {
+        let normalizedProps = props;
+        if (normalizedProps && 'ref' in normalizedProps) {
+            normalizedProps = {};
+            for (const i in props) {
+                if (i !== 'ref') {
+                    normalizedProps[i] = props[i];
+                }
+            }
+        }
+        let defaultProps;
+        if ((defaultProps = type.defaultProps)) {
+            normalizedProps ??= {};
+            for (const i in defaultProps) {
+                if (typeof normalizedProps[i] === 'undefined') {
+                    normalizedProps[i] = defaultProps[i];
+                }
+            }
+        }
+        return {
+            type,
+            props: normalizedProps,
+            [CHILDREN]: null,
+            [PARENT]: null,
+            [DIFF]: 0,
+            [DOM]: null,
+            [DIRTY]: void 0,
+            [COMPONENT]: null,
+            constructor: void 0,
+            [INDEX]: -1,
+            [FLAGS]: 0,
+        };
+    }
+    return undefined;
+}
+export { createVNode as jsx, createVNode as jsxs, createVNode as jsxDEV };
+export { Fragment } from 'preact';
+//# sourceMappingURL=index.js.map

package/runtime/lib/element-template/jsx-runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/element-template/jsx-runtime/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAoB/G,SAAS,WAAW,CAClB,IAA+C,EAC/C,KAAiD;IAEjD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,sEAAsE;QACtE,gEAAgE;QAChE,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,KAAK,IAAI,EAAE;YAElB,CAAC,QAAQ,CAAC,EAAE,IAAI;YAChB,CAAC,MAAM,CAAC,EAAE,IAAI;YACd,CAAC,IAAI,CAAC,EAAE,CAAC;YACT,CAAC,GAAG,CAAC,EAAE,IAAI;YACX,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;YACf,CAAC,SAAS,CAAC,EAAE,IAAI;YACjB,WAAW,EAAE,KAAK,CAAC;YACnB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACX,CAAC,KAAK,CAAC,EAAE,CAAC;SACX,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QACtC,IAAI,eAAe,GAAG,KAAK,CAAC;QAE5B,IAAI,eAAe,IAAI,KAAK,IAAI,eAAe,EAAE,CAAC;YAChD,eAAe,GAAG,EAAE,CAAC;YACrB,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;gBACtB,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;oBAChB,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,YAAY,CAAC;QACjB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;YACvC,eAAe,KAAK,EAAE,CAAC;YACvB,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;gBAC7B,IAAI,OAAO,eAAe,CAAC,CAAC,CAAC,KAAK,WAAW,EAAE,CAAC;oBAC9C,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,eAAe;YAEtB,CAAC,QAAQ,CAAC,EAAE,IAAI;YAChB,CAAC,MAAM,CAAC,EAAE,IAAI;YACd,CAAC,IAAI,CAAC,EAAE,CAAC;YACT,CAAC,GAAG,CAAC,EAAE,IAAI;YACX,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;YACf,CAAC,SAAS,CAAC,EAAE,IAAI;YACjB,WAAW,EAAE,KAAK,CAAC;YACnB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACX,CAAC,KAAK,CAAC,EAAE,CAAC;SACX,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,MAAM,EAAE,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/runtime/lib/element-template/lynx/env.d.ts

@@ -0,0 +1 @@
+export declare function setupLynxEnv(): void;

package/runtime/lib/element-template/lynx/env.js

@@ -0,0 +1,89 @@
+import { profileEnd, profileStart } from '../debug/profile.js';
+export function setupLynxEnv() {
+    if (!__LEPUS__) {
+        let initData = {};
+        let updateData = {};
+        try {
+            const params = lynxCoreInject
+                ?.tt?._params;
+            if (params) {
+                initData = params.initData ?? {};
+                updateData = params.updateData ?? {};
+            }
+        }
+        catch { }
+        lynx.__initData = { ...initData, ...updateData };
+        lynx.registerDataProcessors = function () { };
+    }
+    if (__LEPUS__) {
+        lynx.__initData = {
+        /* available only in renderPage */
+        };
+        lynx.triggerGlobalEventFromLepus = function (eventName, params) {
+            __OnLifecycleEvent(['globalEventFromLepus', [eventName, params]]);
+        };
+        {
+            // eslint-disable-next-line unicorn/consistent-function-scoping
+            function __name(empty) {
+                return `Native${empty}Modules`;
+            }
+            // TODO(hongzhiyuan.hzy): make sure this is run before any other code (especially code access `NativeModules`)
+            // @ts-expect-error hack
+            if (typeof globalThis[__name('')] === 'undefined') {
+                // @ts-expect-error hack
+                globalThis[__name('')] = undefined;
+            }
+        }
+        lynx.registerDataProcessors = function (dataProcessorDefinition) {
+            let hasDefaultDataProcessorExecuted = false;
+            globalThis.processData = (data, processorName) => {
+                if (__PROFILE__) {
+                    profileStart('processData');
+                }
+                let r;
+                try {
+                    if (processorName) {
+                        r = dataProcessorDefinition?.dataProcessors?.[processorName]?.(data) ?? data;
+                    }
+                    else {
+                        r = dataProcessorDefinition?.defaultDataProcessor?.(data) ?? data;
+                    }
+                }
+                catch (e) {
+                    lynx.reportError(e);
+                    r = {};
+                }
+                if (__PROFILE__) {
+                    profileEnd();
+                }
+                if (hasDefaultDataProcessorExecuted === false) {
+                    // @ts-expect-error todo: add types to i18n logic
+                    if (globalThis.__I18N_RESOURCE_TRANSLATION__) {
+                        r = {
+                            ...r,
+                            // @ts-expect-error todo: add types to i18n logic
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                            __I18N_RESOURCE_TRANSLATION__: globalThis.__I18N_RESOURCE_TRANSLATION__,
+                        };
+                    }
+                    // @ts-expect-error todo: add types to __EXTRACT_STR__
+                    if (__EXTRACT_STR__) {
+                        r = {
+                            ...r,
+                            // @ts-expect-error todo: add types to __EXTRACT_STR__
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                            _EXTRACT_STR: __EXTRACT_STR_IDENT_FLAG__,
+                        };
+                    }
+                }
+                if (processorName) { }
+                else {
+                    hasDefaultDataProcessorExecuted = true;
+                }
+                return r;
+            };
+        };
+        lynx.registerDataProcessors();
+    }
+}
+//# sourceMappingURL=env.js.map

package/runtime/lib/element-template/lynx/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../../src/element-template/lynx/env.ts"],"names":[],"mappings":"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"}

package/runtime/lib/element-template/lynx/performance.d.ts

@@ -0,0 +1,23 @@
+declare const PerformanceTimingKeys: readonly ["updateSetStateTrigger", "updateDiffVdomStart", "updateDiffVdomEnd", "diffVdomStart", "diffVdomEnd", "packChangesStart", "packChangesEnd", "parseChangesStart", "parseChangesEnd", "patchChangesStart", "patchChangesEnd", "hydrateParsePayloadStart", "hydrateParsePayloadEnd", "mtsRenderStart", "mtsRenderEnd"];
+declare const PerformanceTimingFlags: {
+    readonly reactLynxHydrate: "react_lynx_hydrate";
+};
+declare const PipelineOrigins: {
+    readonly reactLynxHydrate: "reactLynxHydrate";
+    readonly updateTriggeredByBts: "updateTriggeredByBts";
+};
+type PipelineOrigin = typeof PipelineOrigins[keyof typeof PipelineOrigins];
+/**
+ * @deprecated used by old timing api(setState timing flag)
+ */
+declare const PerfSpecificKey = "__lynx_timing_flag";
+declare let globalPipelineOptions: PipelineOptions | undefined;
+/**
+ * @deprecated used by old timing api(setState timing flag)
+ */
+declare function markTimingLegacy(key: typeof PerformanceTimingKeys[number], timingFlag_?: string): void;
+declare function beginPipeline(needTimestamps: boolean, pipelineOrigin: PipelineOrigin, timingFlag?: string): void;
+declare function setPipeline(pipeline: PipelineOptions | undefined): void;
+declare function markTiming(timestampKey: typeof PerformanceTimingKeys[number], force?: boolean): void;
+declare function initTimingAPI(): void;
+export {};