@lynx-js/react 0.105.0

package/runtime/lib/compat/initData.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentClass, Consumer, Context, FC, ReactNode } from 'react';
+import { useLynxGlobalEventListener } from '../hooks/useLynxGlobalEventListener.js';
+type Getter<T> = {
+    [key in keyof T]: () => T[key];
+};
+export declare function factory<Data>({ createContext, useState, createElement, useLynxGlobalEventListener: useListener }: typeof import('react') & {
+    useLynxGlobalEventListener: typeof useLynxGlobalEventListener;
+}, prop: '__globalProps' | '__initData', eventName: string): Getter<{
+    Context: Context<Data>;
+    Provider: FC<{
+        children?: ReactNode | undefined;
+    }>;
+    Consumer: Consumer<Data>;
+    use: () => Data;
+    useChanged: (callback: (data: Data) => void) => void;
+}>;
+/**
+ * Higher-Order Component (HOC) that injects `initData` into the state of the given class component.
+ *
+ * This HOC checks if the provided component is a class component. If it is, it wraps the component
+ * and injects the `initData` into its state. It also adds a listener
+ * to update the state when data changes, and removes the listener when the component unmounts.
+ *
+ * @typeParam P - The type of the props of the wrapped component.
+ * @typeParam S - The type of the state of the wrapped component.
+ *
+ * @param App - The class component to be wrapped by the HOC.
+ *
+ * @returns The original component if it is not a class component, otherwise a new class component
+ *          with `initData` injection and state update functionality.
+ *
+ * @example
+ * ```typescript
+ * class App extends React.Component<MyProps, MyState> {
+ *   // component implementation
+ * }
+ *
+ * export default withInitDataInState(App);
+ * ```
+ * @public
+ */
+export declare function withInitDataInState<P, S>(App: ComponentClass<P, S>): ComponentClass<P, S>;
+export {};

package/runtime/lib/compat/initData.js

@@ -0,0 +1,93 @@
+import { useLynxGlobalEventListener } from '../hooks/useLynxGlobalEventListener.js';
+// for better reuse if runtime is changed
+export function factory({ createContext, useState, createElement, useLynxGlobalEventListener: useListener }, prop, eventName) {
+    const Context = createContext({});
+    const Provider = ({ children }) => {
+        const [__, set] = useState(lynx[prop]);
+        const handleChange = () => {
+            set(lynx[prop]);
+        };
+        useChanged(handleChange);
+        return createElement(Context.Provider, {
+            value: __,
+        }, children);
+    };
+    const Consumer = Context.Consumer;
+    const use = () => {
+        const [__, set] = useState(lynx[prop]);
+        useChanged(() => {
+            set(lynx[prop]);
+        });
+        return __;
+    };
+    const useChanged = (callback) => {
+        if (!__LEPUS__) {
+            // @ts-ignore
+            useListener(eventName, callback);
+        }
+    };
+    return {
+        Context: () => Context,
+        Provider: () => Provider,
+        Consumer: () => Consumer,
+        use: () => use,
+        useChanged: () => useChanged,
+    };
+}
+/**
+ * Higher-Order Component (HOC) that injects `initData` into the state of the given class component.
+ *
+ * This HOC checks if the provided component is a class component. If it is, it wraps the component
+ * and injects the `initData` into its state. It also adds a listener
+ * to update the state when data changes, and removes the listener when the component unmounts.
+ *
+ * @typeParam P - The type of the props of the wrapped component.
+ * @typeParam S - The type of the state of the wrapped component.
+ *
+ * @param App - The class component to be wrapped by the HOC.
+ *
+ * @returns The original component if it is not a class component, otherwise a new class component
+ *          with `initData` injection and state update functionality.
+ *
+ * @example
+ * ```typescript
+ * class App extends React.Component<MyProps, MyState> {
+ *   // component implementation
+ * }
+ *
+ * export default withInitDataInState(App);
+ * ```
+ * @public
+ */
+export function withInitDataInState(App) {
+    const isClassComponent = 'prototype' in App && App.prototype.render;
+    if (!isClassComponent) {
+        // return as-is when not class component
+        return App;
+    }
+    class C extends App {
+        h;
+        constructor(props) {
+            super(props);
+            this.state = {
+                ...this.state,
+                ...lynx.__initData,
+            };
+            if (!__LEPUS__) {
+                // @ts-ignore
+                lynx.getJSModule('GlobalEventEmitter').addListener('onDataChanged', this.h = () => {
+                    this.setState(lynx.__initData);
+                });
+            }
+        }
+        componentWillUnmount() {
+            super.componentWillUnmount?.();
+            if (!__LEPUS__) {
+                // @ts-ignore
+                lynx.getJSModule('GlobalEventEmitter').removeListener('onDataChanged', this.h);
+            }
+        }
+    }
+    return C;
+}
+//# sourceMappingURL=initData.js.map

package/runtime/lib/compat/initData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initData.js","sourceRoot":"","sources":["../../src/compat/initData.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAMpF,yCAAyC;AACzC,MAAM,UAAU,OAAO,CACrB,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,0BAA0B,EAAE,WAAW,EAEhF,EACD,IAAoC,EACpC,SAAiB;IAUjB,MAAM,OAAO,GAAG,aAAa,CAAC,EAAU,CAAC,CAAC;IAE1C,MAAM,QAAQ,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvD,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAO,IAAI,CAAC,IAAI,CAAS,CAAC,CAAC;QAErD,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,UAAU,CAAC,YAAY,CAAC,CAAC;QAEzB,OAAO,aAAa,CAClB,OAAO,CAAC,QAAQ,EAChB;YACE,KAAK,EAAE,EAAE;SACV,EACD,QAAQ,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAmB,OAAO,CAAC,QAAQ,CAAC;IAElD,MAAM,GAAG,GAAG,GAAS,EAAE;QACrB,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvC,UAAU,CAAC,GAAG,EAAE;YACd,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,OAAO,EAAU,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA4B,EAAE,EAAE;QAClD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,aAAa;YACb,WAAW,CAAwB,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG;QACd,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU;KAC7B,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,mBAAmB,CAAO,GAAyB;IACjE,MAAM,gBAAgB,GAAG,WAAW,IAAI,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC;IACpE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,wCAAwC;QACxC,OAAO,GAAG,CAAC;IACb,CAAC;IAED,MAAM,CAAE,SAAQ,GAAG;QACjB,CAAC,CAAY;QAEb,YAAY,KAAU;YACpB,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,IAAI,CAAC,KAAK,GAAG;gBACX,GAAG,IAAI,CAAC,KAAK;gBACb,GAAG,IAAI,CAAC,UAAU;aACnB,CAAC;YAEF,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,aAAa;gBACb,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAChD,eAAe,EACf,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACjC,CAAC,CACF,CAAC;YACJ,CAAC;QACH,CAAC;QAEQ,oBAAoB;YAC3B,KAAK,CAAC,oBAAoB,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,aAAa;gBACb,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,cAAc,CACnD,eAAe,EACf,IAAI,CAAC,CAAC,CACP,CAAC;YACJ,CAAC;QACH,CAAC;KACF;IAED,OAAO,CAAC,CAAC;AACX,CAAC"}

package/runtime/lib/compat/lynxComponent.d.ts

@@ -0,0 +1,5 @@
+import { Component } from 'preact';
+import type { ReactNode } from 'react';
+export declare function wrapWithLynxComponent(jsxSnapshot: (c: ReactNode, spread?: Record<string, any>) => ReactNode, jsxComponent: any): ReactNode;
+export declare class ComponentFromReactRuntime extends Component {
+}

package/runtime/lib/compat/lynxComponent.js

@@ -0,0 +1,71 @@
+// 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 } from 'preact';
+export function wrapWithLynxComponent(jsxSnapshot, jsxComponent) {
+    const C = jsxComponent.type;
+    if (typeof C === 'function') {
+        if (C === ComponentFromReactRuntime || C.prototype instanceof ComponentFromReactRuntime) {
+            if (jsxSnapshot.length === 1) {
+                return jsxSnapshot(jsxComponent);
+            }
+            else {
+                // spread
+                if (!jsxComponent.props.removeComponentElement) {
+                    return jsxSnapshot(jsxComponent, takeComponentAttributes(jsxComponent));
+                }
+            }
+        }
+    }
+    return jsxComponent;
+}
+// @ts-expect-error
+export class ComponentFromReactRuntime extends Component {
+}
+const __COMPONENT_ATTRIBUTES__ = /* @__PURE__ */ new Set([
+    'name',
+    'style',
+    'class',
+    'flatten',
+    'clip-radius',
+    'overlap',
+    'user-interaction-enabled',
+    'native-interaction-enabled',
+    'block-native-event',
+    'enableLayoutOnly',
+    'cssAlignWithLegacyW3C',
+    'intersection-observers',
+    'trigger-global-event',
+    'exposure-scene',
+    'exposure-id',
+    'exposure-screen-margin-top',
+    'exposure-screen-margin-bottom',
+    'exposure-screen-margin-left',
+    'exposure-screen-margin-right',
+    'focusable',
+    'focus-index',
+    'accessibility-label',
+    'accessibility-element',
+    'accessibility-traits',
+    'enable-new-animator',
+]);
+function takeComponentAttributes(jsxComponent) {
+    const attributes = {};
+    Object.keys(jsxComponent.props).forEach((k) => {
+        // let re1 = Regex::new(r"^(global-bind|bind|catch|capture-bind|capture-catch)([A-Za-z]+)$").unwrap();
+        // let re2 = Regex::new(r"^data-([A-Za-z]+)$").unwrap();
+        if (__COMPONENT_ATTRIBUTES__.has(k)
+            || k === 'id'
+            || k === 'className'
+            || k === 'dataSet'
+            || k === 'data-set'
+            || k === 'removeComponentElement'
+            || k.match(/^(global-bind|bind|catch|capture-bind|capture-catch)([A-Za-z]+)$/)
+            || k.match(/^data-([A-Za-z]+)$/)) {
+            attributes[k] = jsxComponent.props[k];
+            delete jsxComponent.props[k];
+        }
+    });
+    return attributes;
+}
+//# sourceMappingURL=lynxComponent.js.map

package/runtime/lib/compat/lynxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lynxComponent.js","sourceRoot":"","sources":["../../src/compat/lynxComponent.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,MAAM,UAAU,qBAAqB,CACnC,WAAsE,EACtE,YAAiB;IAEjB,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;IAC5B,IAAI,OAAO,CAAC,KAAK,UAAU,EAAE,CAAC;QAC5B,IAAI,CAAC,KAAK,yBAAyB,IAAI,CAAC,CAAC,SAAS,YAAY,yBAAyB,EAAE,CAAC;YACxF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC7B,OAAO,WAAW,CAAC,YAAY,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,SAAS;gBACT,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;oBAC/C,OAAO,WAAW,CAAC,YAAY,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC,CAAC;gBAC1E,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,mBAAmB;AACnB,MAAM,OAAO,yBAA0B,SAAQ,SAAS;CACvD;AAED,MAAM,wBAAwB,GAAG,eAAe,CAAC,IAAI,GAAG,CAAC;IACvD,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,aAAa;IACb,SAAS;IACT,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;IACpB,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,sBAAsB;IACtB,gBAAgB;IAChB,aAAa;IACb,4BAA4B;IAC5B,+BAA+B;IAC/B,6BAA6B;IAC7B,8BAA8B;IAC9B,WAAW;IACX,aAAa;IACb,qBAAqB;IACrB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;CACtB,CAAC,CAAC;AAEH,SAAS,uBAAuB,CAAC,YAAiB;IAChD,MAAM,UAAU,GAAwB,EAAE,CAAC;IAC3C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5C,sGAAsG;QACtG,wDAAwD;QACxD,IACE,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;eAC5B,CAAC,KAAK,IAAI;eACV,CAAC,KAAK,WAAW;eACjB,CAAC,KAAK,SAAS;eACf,CAAC,KAAK,UAAU;eAChB,CAAC,KAAK,wBAAwB;eAC9B,CAAC,CAAC,KAAK,CAAC,kEAAkE,CAAC;eAC3E,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAChC,CAAC;YACD,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACtC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/runtime/lib/debug/debug.d.ts

@@ -0,0 +1,2 @@
+declare const logDebug: (...args: any[]) => void;
+export {};

package/runtime/lib/debug/debug.js

@@ -0,0 +1,9 @@
+// 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.
+const logDebug = console.debug;
+/**
+ * @internal
+ */
+export { logDebug };
+//# sourceMappingURL=debug.js.map

package/runtime/lib/debug/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/debug/debug.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,MAAM,QAAQ,GAA6B,OAAO,CAAC,KAAK,CAAC;AAEzD;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/runtime/lib/debug/printSnapshot.d.ts

@@ -0,0 +1,3 @@
+import { BackgroundSnapshotInstance } from '../backgroundSnapshot.js';
+import { SnapshotInstance } from '../snapshot.js';
+export declare function printSnapshotInstance(instance: BackgroundSnapshotInstance | SnapshotInstance, log?: (...data: any[]) => void): void;

package/runtime/lib/debug/printSnapshot.js

@@ -0,0 +1,21 @@
+// 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 { BackgroundSnapshotInstance } from '../backgroundSnapshot.js';
+import { SnapshotInstance } from '../snapshot.js';
+import { logDebug } from './debug.js';
+export function printSnapshotInstance(instance, log) {
+    const impl = (instance, level) => {
+        let msg = '';
+        for (let i = 0; i < level; ++i) {
+            msg += '  ';
+        }
+        msg += `| ${instance.__id}(${instance.type}): ${JSON.stringify(instance.__values)}`;
+        (log ?? logDebug)(msg);
+        for (const c of instance.childNodes) {
+            impl(c, level + 1);
+        }
+    };
+    impl(instance, 0);
+}
+//# sourceMappingURL=printSnapshot.js.map

package/runtime/lib/debug/printSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printSnapshot.js","sourceRoot":"","sources":["../../src/debug/printSnapshot.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,UAAU,qBAAqB,CACnC,QAAuD,EACvD,GAA8B;IAE9B,MAAM,IAAI,GAAG,CACX,QAAuD,EACvD,KAAa,EACb,EAAE;QACF,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;YAC/B,GAAG,IAAI,IAAI,CAAC;QACd,CAAC;QACD,GAAG,IAAI,KAAK,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpF,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;QACvB,KAAK,MAAM,CAAC,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACpC,IAAI,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AACpB,CAAC"}

package/runtime/lib/debug/profile.d.ts

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

package/runtime/lib/debug/profile.js

@@ -0,0 +1,51 @@
+// 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 { options } from 'preact';
+import { COMPONENT, DIFF, DIFFED, RENDER } from '../renderToOpcodes/constants.js';
+export function initProfileHook() {
+    const oldDiff = options[DIFF];
+    options[DIFF] = function (vnode) {
+        // This __PROFILE__ is used for DCE testing
+        if (__PROFILE__ && typeof vnode.type === 'function') {
+            // We only add profiling trace for Component
+            console.profile(`diff::${getDisplayName(vnode.type)}`);
+        }
+        oldDiff?.(vnode);
+    };
+    const oldDiffed = options[DIFFED];
+    options[DIFFED] = function (vnode) {
+        // This __PROFILE__ is used for DCE testing
+        if (__PROFILE__ && typeof vnode.type === 'function') {
+            console.profileEnd(); // for options[DIFF]
+        }
+        oldDiffed?.(vnode);
+    };
+    // Profile the user-provided `render`.
+    const oldRender = options[RENDER];
+    options[RENDER] = function (vnode) {
+        const displayName = getDisplayName(vnode.type);
+        const originalRender = vnode[COMPONENT].render;
+        vnode[COMPONENT].render = function render(props, state, context) {
+            // This __PROFILE__ is used for DCE testing
+            if (__PROFILE__) {
+                console.profile(`render::${displayName}`);
+            }
+            try {
+                return originalRender.call(this, props, state, context);
+            }
+            finally {
+                // This __PROFILE__ is used for DCE testing
+                if (__PROFILE__) {
+                    console.profileEnd();
+                }
+                vnode[COMPONENT].render = originalRender;
+            }
+        };
+        oldRender?.(vnode);
+    };
+}
+function getDisplayName(type) {
+    return type.displayName ?? type.name;
+}
+//# sourceMappingURL=profile.js.map

package/runtime/lib/debug/profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../src/debug/profile.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAElF,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,CAAC,IAAI,CAAC,GAAG,UAAS,KAAY;QACnC,2CAA2C;QAC3C,IAAI,WAAW,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACpD,4CAA4C;YAC5C,OAAO,CAAC,OAAO,CAAC,SAAS,cAAc,CAAC,KAAK,CAAC,IAAsB,CAAC,EAAE,CAAC,CAAC;QAC3E,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,CAAC,MAAM,CAAC,GAAG,UAAS,KAAK;QAC9B,2CAA2C;QAC3C,IAAI,WAAW,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACpD,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,oBAAoB;QAC5C,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,sCAAsC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,CAAC,MAAM,CAAC,GAAG,UAAS,KAAyC;QAClE,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,IAAsB,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;QAC/C,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,SAAS,MAAM,CAAO,KAAK,EAAE,KAAK,EAAE,OAAO;YACnE,2CAA2C;YAC3C,IAAI,WAAW,EAAE,CAAC;gBAChB,OAAO,CAAC,OAAO,CAAC,WAAW,WAAW,EAAE,CAAC,CAAC;YAC5C,CAAC;YACD,IAAI,CAAC;gBACH,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YAC1D,CAAC;oBAAS,CAAC;gBACT,2CAA2C;gBAC3C,IAAI,WAAW,EAAE,CAAC;oBAChB,OAAO,CAAC,UAAU,EAAE,CAAC;gBACvB,CAAC;gBACD,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,cAAc,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;QACF,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAoB;IAC1C,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC;AACvC,CAAC"}

package/runtime/lib/document.d.ts

@@ -0,0 +1,4 @@
+declare const document: any;
+declare function setupBackgroundDocument(): void;
+declare function setupDocument(): void;
+export { setupBackgroundDocument, setupDocument, document };

package/runtime/lib/document.js

@@ -0,0 +1,49 @@
+// 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 { BackgroundSnapshotInstance } from './backgroundSnapshot.js';
+import { SnapshotInstance } from './snapshot.js';
+const document = {};
+function setupBackgroundDocument() {
+    document.createElement = function (type) {
+        return new BackgroundSnapshotInstance(type);
+    };
+    document.createElementNS = function (_ns, type) {
+        return new BackgroundSnapshotInstance(type);
+    };
+    document.createTextNode = function (text) {
+        const i = new BackgroundSnapshotInstance(null);
+        i.setAttribute(0, text);
+        Object.defineProperty(i, 'data', {
+            set(v) {
+                i.setAttribute(0, v);
+            },
+        });
+        return i;
+    };
+}
+function setupDocument() {
+    document.createElement = function (type) {
+        return new SnapshotInstance(type);
+    };
+    document.createElementNS = function (_ns, type) {
+        return new SnapshotInstance(type);
+    };
+    document.createTextNode = function (text) {
+        const i = new SnapshotInstance(null);
+        i.setAttribute(0, text);
+        Object.defineProperty(i, 'data', {
+            set(v) {
+                i.setAttribute(0, v);
+            },
+        });
+        return i;
+    };
+}
+// if (__JS__) {
+//   setupBackgroundDocument();
+// } else if (__LEPUS__) {
+//   setupDocument();
+// }
+export { setupBackgroundDocument, setupDocument, document };
+//# sourceMappingURL=document.js.map

package/runtime/lib/document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document.js","sourceRoot":"","sources":["../src/document.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,QAAQ,GAAQ,EAAE,CAAC;AAEzB,SAAS,uBAAuB;IAC9B,QAAQ,CAAC,aAAa,GAAG,UAAS,IAAY;QAC5C,OAAO,IAAI,0BAA0B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC,CAAC;IACF,QAAQ,CAAC,eAAe,GAAG,UAAS,GAAW,EAAE,IAAY;QAC3D,OAAO,IAAI,0BAA0B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC,CAAC;IACF,QAAQ,CAAC,cAAc,GAAG,UAAS,IAAY;QAC7C,MAAM,CAAC,GAAG,IAAI,0BAA0B,CAAC,IAAyB,CAAC,CAAC;QACpE,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACxB,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE;YAC/B,GAAG,CAAC,CAAC;gBACH,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACvB,CAAC;SACF,CAAC,CAAC;QACH,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,QAAQ,CAAC,aAAa,GAAG,UAAS,IAAY;QAC5C,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IACF,QAAQ,CAAC,eAAe,GAAG,UAAS,GAAW,EAAE,IAAY;QAC3D,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IACF,QAAQ,CAAC,cAAc,GAAG,UAAS,IAAY;QAC7C,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,IAAyB,CAAC,CAAC;QAC1D,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACxB,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE;YAC/B,GAAG,CAAC,CAAC;gBACH,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACvB,CAAC;SACF,CAAC,CAAC;QACH,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,+BAA+B;AAC/B,0BAA0B;AAC1B,qBAAqB;AACrB,IAAI;AAEJ,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/runtime/lib/gesture/processGesture.d.ts

@@ -0,0 +1,4 @@
+import { type GestureKind } from './types.js';
+export declare function processGesture(dom: FiberElement, gesture: GestureKind, gestureOptions?: {
+    domSet: boolean;
+}): void;

package/runtime/lib/gesture/processGesture.js

@@ -0,0 +1,48 @@
+import { GestureTypeInner, } from './types.js';
+import { onWorkletCtxUpdate } from '@lynx-js/react/worklet-runtime/bindings';
+function isSerializedGesture(gesture) {
+    return gesture.__isSerialized ?? false;
+}
+function getGestureInfo(gesture, dom) {
+    const config = {
+        callbacks: [],
+    };
+    const baseGesture = gesture;
+    for (const key of Object.keys(baseGesture.callbacks)) {
+        const callback = baseGesture.callbacks[key];
+        onWorkletCtxUpdate(callback, dom);
+        config.callbacks.push({
+            name: key,
+            callback: callback,
+        });
+    }
+    const relationMap = {
+        waitFor: baseGesture?.waitFor?.map(subGesture => subGesture.id) ?? [],
+        simultaneous: baseGesture?.simultaneousWith?.map(subGesture => subGesture.id) ?? [],
+        continueWith: baseGesture?.continueWith?.map(subGesture => subGesture.id) ?? [],
+    };
+    return {
+        config,
+        relationMap,
+    };
+}
+export function processGesture(dom, gesture, gestureOptions) {
+    if (!gesture || !isSerializedGesture(gesture)) {
+        return;
+    }
+    if (!(gestureOptions && gestureOptions.domSet)) {
+        __SetAttribute(dom, 'has-react-gesture', true);
+        __SetAttribute(dom, 'flatten', false);
+    }
+    if (gesture.type === GestureTypeInner.COMPOSED) {
+        for (const subGesture of gesture.gestures) {
+            processGesture(dom, subGesture, { domSet: true });
+        }
+    }
+    else {
+        const baseGesture = gesture;
+        const { config, relationMap } = getGestureInfo(baseGesture, dom);
+        __SetGestureDetector(dom, baseGesture.id, baseGesture.type, config, relationMap);
+    }
+}
+//# sourceMappingURL=processGesture.js.map

package/runtime/lib/gesture/processGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processGesture.js","sourceRoot":"","sources":["../../src/gesture/processGesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,GAIjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,SAAS,mBAAmB,CAAC,OAAoB;IAC/C,OAAO,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC;AACzC,CAAC;AAED,SAAS,cAAc,CAAC,OAAoB,EAAE,GAAiB;IAC7D,MAAM,MAAM,GAAG;QACb,SAAS,EAAE,EAAE;KACG,CAAC;IACnB,MAAM,WAAW,GAAG,OAAO,CAAC;IAE5B,KACE,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAE7C,EACD,CAAC;QACD,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,CAAE,CAAC;QAC7C,kBAAkB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACpB,IAAI,EAAE,GAAG;YACT,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QACrE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QACnF,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;KAChF,CAAC;IAEF,OAAO;QACL,MAAM;QACN,WAAW;KACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,GAAiB,EACjB,OAAoB,EACpB,cAEC;IAED,IAAI,CAAC,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,IAAI,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/C,cAAc,CAAC,GAAG,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;QAC/C,cAAc,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAC/C,KAAK,MAAM,UAAU,IAAK,OAA2B,CAAC,QAAQ,EAAE,CAAC;YAC/D,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;SAAM,CAAC;QACN,MAAM,WAAW,GAAG,OAAsB,CAAC;QAE3C,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QACjE,oBAAoB,CAClB,GAAG,EACH,WAAW,CAAC,EAAE,EACd,WAAW,CAAC,IAAI,EAChB,MAAM,EACN,WAAW,CACZ,CAAC;IACJ,CAAC;AACH,CAAC"}

package/runtime/lib/gesture/processGestureBagkround.d.ts

@@ -0,0 +1,2 @@
+import { type GestureKind } from './types.js';
+export declare function processGestureBackground(gesture: GestureKind): void;

package/runtime/lib/gesture/processGestureBagkround.js

@@ -0,0 +1,16 @@
+import { onPostWorkletCtx } from '../worklet/ctx.js';
+import { GestureTypeInner } from './types.js';
+export function processGestureBackground(gesture) {
+    if (gesture.type === GestureTypeInner.COMPOSED) {
+        for (const subGesture of gesture.gestures) {
+            processGestureBackground(subGesture);
+        }
+    }
+    else {
+        const baseGesture = gesture;
+        for (const [name, value] of Object.entries(baseGesture.callbacks)) {
+            baseGesture.callbacks[name] = onPostWorkletCtx(value);
+        }
+    }
+}
+//# sourceMappingURL=processGestureBagkround.js.map

package/runtime/lib/gesture/processGestureBagkround.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processGestureBagkround.js","sourceRoot":"","sources":["../../src/gesture/processGestureBagkround.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAoB,gBAAgB,EAA0C,MAAM,YAAY,CAAC;AAExG,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAC/C,KAAK,MAAM,UAAU,IAAK,OAA2B,CAAC,QAAQ,EAAE,CAAC;YAC/D,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;SAAM,CAAC;QACN,MAAM,WAAW,GAAG,OAAsB,CAAC;QAC3C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;YAClE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAE,CAAC;QACzD,CAAC;IACH,CAAC;AACH,CAAC"}

package/runtime/lib/gesture/types.d.ts

@@ -0,0 +1,34 @@
+import type { Worklet } from '@lynx-js/react/worklet-runtime/bindings';
+export declare enum GestureTypeInner {
+    COMPOSED = -1,
+    PAN = 0,
+    FLING = 1,
+    DEFAULT = 2,
+    TAP = 3,
+    LONGPRESS = 4,
+    ROTATION = 5,
+    PINCH = 6,
+    NATIVE = 7
+}
+export interface GestureKind {
+    type: GestureTypeInner;
+    __isSerialized?: boolean;
+    __isGesture?: boolean;
+}
+export interface ComposedGesture extends GestureKind {
+    type: GestureTypeInner.COMPOSED;
+    gestures: GestureKind[];
+}
+export interface BaseGesture extends GestureKind {
+    id: number;
+    callbacks: Record<string, Worklet>;
+    waitFor: BaseGesture[];
+    simultaneousWith: BaseGesture[];
+    continueWith: BaseGesture[];
+}
+export interface GestureConfig {
+    callbacks: {
+        name: string;
+        callback: Worklet;
+    }[];
+}

package/runtime/lib/gesture/types.js

@@ -0,0 +1,13 @@
+export var GestureTypeInner;
+(function (GestureTypeInner) {
+    GestureTypeInner[GestureTypeInner["COMPOSED"] = -1] = "COMPOSED";
+    GestureTypeInner[GestureTypeInner["PAN"] = 0] = "PAN";
+    GestureTypeInner[GestureTypeInner["FLING"] = 1] = "FLING";
+    GestureTypeInner[GestureTypeInner["DEFAULT"] = 2] = "DEFAULT";
+    GestureTypeInner[GestureTypeInner["TAP"] = 3] = "TAP";
+    GestureTypeInner[GestureTypeInner["LONGPRESS"] = 4] = "LONGPRESS";
+    GestureTypeInner[GestureTypeInner["ROTATION"] = 5] = "ROTATION";
+    GestureTypeInner[GestureTypeInner["PINCH"] = 6] = "PINCH";
+    GestureTypeInner[GestureTypeInner["NATIVE"] = 7] = "NATIVE";
+})(GestureTypeInner || (GestureTypeInner = {}));
+//# sourceMappingURL=types.js.map

package/runtime/lib/gesture/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/gesture/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,gEAAa,CAAA;IACb,qDAAO,CAAA;IACP,yDAAS,CAAA;IACT,6DAAW,CAAA;IACX,qDAAO,CAAA;IACP,iEAAa,CAAA;IACb,+DAAY,CAAA;IACZ,yDAAS,CAAA;IACT,2DAAU,CAAA;AACZ,CAAC,EAVW,gBAAgB,KAAhB,gBAAgB,QAU3B"}

package/runtime/lib/hooks/react.d.ts

@@ -0,0 +1,26 @@
+import { useCallback, useContext, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useMemo, useReducer, useRef, useState } from 'preact/hooks';
+import type { DependencyList, EffectCallback } from 'react';
+/**
+ * `useLayoutEffect` is now an alias of `useEffect`. Use `useEffect` instead.
+ *
+ * Accepts a function that contains imperative, possibly effectful code. The effects run after main thread dom update without blocking it.
+ *
+ * @param effect - Imperative function that can return a cleanup function
+ * @param deps - If present, effect will only activate if the values in the list change (using ===).
+ *
+ * @public
+ *
+ * @deprecated `useLayoutEffect` in the background thread cannot offer the precise timing for reading layout information and synchronously re-render, which is different from React.
+ */
+declare function useLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+/**
+ * Accepts a function that contains imperative, possibly effectful code.
+ * The effects run after main thread dom update without blocking it.
+ *
+ * @param effect - Imperative function that can return a cleanup function
+ * @param deps - If present, effect will only activate if the values in the list change (using ===).
+ *
+ * @public
+ */
+declare function useEffect(effect: EffectCallback, deps?: DependencyList): void;
+export { useState, useReducer, useRef, useImperativeHandle, useLayoutEffect, useEffect, useCallback, useMemo, useContext, useDebugValue, useErrorBoundary, useId, };

package/runtime/lib/hooks/react.js

@@ -0,0 +1,35 @@
+// 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 { useCallback, useContext, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useMemo, useLayoutEffect as usePreactLayoutEffect, useReducer, useRef, useState, } from 'preact/hooks';
+/**
+ * `useLayoutEffect` is now an alias of `useEffect`. Use `useEffect` instead.
+ *
+ * Accepts a function that contains imperative, possibly effectful code. The effects run after main thread dom update without blocking it.
+ *
+ * @param effect - Imperative function that can return a cleanup function
+ * @param deps - If present, effect will only activate if the values in the list change (using ===).
+ *
+ * @public
+ *
+ * @deprecated `useLayoutEffect` in the background thread cannot offer the precise timing for reading layout information and synchronously re-render, which is different from React.
+ */
+function useLayoutEffect(effect, deps) {
+    return usePreactLayoutEffect(effect, deps);
+}
+/**
+ * Accepts a function that contains imperative, possibly effectful code.
+ * The effects run after main thread dom update without blocking it.
+ *
+ * @param effect - Imperative function that can return a cleanup function
+ * @param deps - If present, effect will only activate if the values in the list change (using ===).
+ *
+ * @public
+ */
+function useEffect(effect, deps) {
+    return usePreactLayoutEffect(effect, deps);
+}
+export { 
+// preact
+useState, useReducer, useRef, useImperativeHandle, useLayoutEffect, useEffect, useCallback, useMemo, useContext, useDebugValue, useErrorBoundary, useId, };
+//# sourceMappingURL=react.js.map

package/runtime/lib/hooks/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/hooks/react.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,eAAe,IAAI,qBAAqB,EACxC,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,cAAc,CAAC;AAGtB;;;;;;;;;;;GAWG;AACH,SAAS,eAAe,CAAC,MAAsB,EAAE,IAAqB;IACpE,OAAO,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,SAAS,CAAC,MAAsB,EAAE,IAAqB;IAC9D,OAAO,qBAAqB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC;AAED,OAAO;AACL,SAAS;AACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,KAAK,GACN,CAAC"}

package/runtime/lib/hooks/useLynxGlobalEventListener.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `useLynxGlobalEventListener` help you `addListener` as early as possible.
+ *
+ * @example
+ *
+ * Use this hooks to listen to event 'exposure' and event 'disexposure'
+ *
+ * ```jsx
+ * function App() {
+ *   useLynxGlobalEventListener('exposure', (e) => {
+ *     console.log("exposure", e)
+ *   })
+ *   useLynxGlobalEventListener('disexposure', (e) => {
+ *     console.log("disexposure", e)
+ *   })
+ *   return (
+ *     <view
+ *       style='width: 100px; height: 100px; background-color: red;'
+ *       exposure-id='a'
+ *     />
+ *   )
+ * }
+ * ```
+ *
+ * @param eventName - Event name to listen
+ * @param listener - Event handler
+ * @public
+ */
+export declare function useLynxGlobalEventListener<T extends (...args: unknown[]) => void>(eventName: string, listener: T): void;