@lynx-js/testing-environment 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lynx-js/testing-environment
 
+## 0.1.12
+
+### Patch Changes
+
+- Implement `__ElementAnimate` PAPI for web platform animation lifecycle ([#2329](https://github.com/lynx-family/lynx-stack/pull/2329))
+
+## 0.1.11
+
+### Patch Changes
+
+- Remove element api calls alog by default, and only enable it when `__ALOG_ELEMENT_API__` is defined to `true` or environment variable `REACT_ALOG_ELEMENT_API` is set to `true`. ([#2192](https://github.com/lynx-family/lynx-stack/pull/2192))
+
 ## 0.1.10
 
 ### Patch Changes

package/dist/index.cjs

@@ -163,6 +163,7 @@ function injectMainThreadGlobals(target, polyfills) {
     target.__DEV__ = true;
     target.__PROFILE__ = true;
     target.__ALOG__ = true;
+    target.__ALOG_ELEMENT_API__ = true;
     target.__JS__ = false;
     target.__LEPUS__ = true;
     target.__BACKGROUND__ = false;
@@ -172,8 +173,28 @@ function injectMainThreadGlobals(target, polyfills) {
     target.__TESTING_FORCE_RENDER_TO_OPCODE__ = false;
     target.__ENABLE_SSR__ = false;
     target.globDynamicComponentEntry = '__Card__';
+    const native = {
+        _listeners: {},
+        onTriggerEvent: void 0,
+        postMessage: (_message)=>{},
+        addEventListener: (type, listener)=>{
+            if (!native._listeners[type]) native._listeners[type] = [];
+            native._listeners[type].push(listener);
+        },
+        removeEventListener: (type, listener)=>{
+            if (native._listeners[type]) native._listeners[type] = native._listeners[type].filter((l)=>l !== listener);
+        },
+        dispatchEvent: (event)=>{
+            const listeners = native._listeners[event.type];
+            if (listeners) listeners.forEach((listener)=>listener(event));
+            return {
+                canceled: false
+            };
+        }
+    };
     target.lynx = {
         performance,
+        getNative: ()=>native,
         getCoreContext: ()=>CoreContext,
         getJSContext: ()=>JsContext,
         reportError: (e)=>{
@@ -222,6 +243,7 @@ function injectBackgroundThreadGlobals(target, polyfills) {
     target.__DEV__ = true;
     target.__PROFILE__ = true;
     target.__ALOG__ = true;
+    target.__ALOG_ELEMENT_API__ = true;
     target.__JS__ = true;
     target.__LEPUS__ = false;
     target.__BACKGROUND__ = true;

package/dist/index.js

@@ -124,6 +124,7 @@ function injectMainThreadGlobals(target, polyfills) {
     target.__DEV__ = true;
     target.__PROFILE__ = true;
     target.__ALOG__ = true;
+    target.__ALOG_ELEMENT_API__ = true;
     target.__JS__ = false;
     target.__LEPUS__ = true;
     target.__BACKGROUND__ = false;
@@ -133,8 +134,28 @@ function injectMainThreadGlobals(target, polyfills) {
     target.__TESTING_FORCE_RENDER_TO_OPCODE__ = false;
     target.__ENABLE_SSR__ = false;
     target.globDynamicComponentEntry = '__Card__';
+    const native = {
+        _listeners: {},
+        onTriggerEvent: void 0,
+        postMessage: (_message)=>{},
+        addEventListener: (type, listener)=>{
+            if (!native._listeners[type]) native._listeners[type] = [];
+            native._listeners[type].push(listener);
+        },
+        removeEventListener: (type, listener)=>{
+            if (native._listeners[type]) native._listeners[type] = native._listeners[type].filter((l)=>l !== listener);
+        },
+        dispatchEvent: (event)=>{
+            const listeners = native._listeners[event.type];
+            if (listeners) listeners.forEach((listener)=>listener(event));
+            return {
+                canceled: false
+            };
+        }
+    };
     target.lynx = {
         performance,
+        getNative: ()=>native,
         getCoreContext: ()=>CoreContext,
         getJSContext: ()=>JsContext,
         reportError: (e)=>{
@@ -183,6 +204,7 @@ function injectBackgroundThreadGlobals(target, polyfills) {
     target.__DEV__ = true;
     target.__PROFILE__ = true;
     target.__ALOG__ = true;
+    target.__ALOG_ELEMENT_API__ = true;
     target.__JS__ = true;
     target.__LEPUS__ = false;
     target.__BACKGROUND__ = true;

package/dist/lynx/ElementPAPI.cjs

@@ -231,6 +231,44 @@ const initElementTree = ()=>{
         __GetAttributeByName(ele, name) {
             return ele.getAttribute(name);
         }
+        __ElementAnimate(element, args) {
+            const [operation, name] = args;
+            switch(operation){
+                case 0:
+                    {
+                        const keyframes = args[2];
+                        const options = args[3];
+                        this.animationMap.set(name, {
+                            element,
+                            state: 'running',
+                            keyframes,
+                            options
+                        });
+                        break;
+                    }
+                case 1:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'running';
+                        break;
+                    }
+                case 2:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'paused';
+                        break;
+                    }
+                case 3:
+                    this.animationMap.delete(name);
+                    break;
+                case 4:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'finished';
+                        break;
+                    }
+            }
+        }
         clear() {
             this.root = void 0;
         }
@@ -254,6 +292,7 @@ const initElementTree = ()=>{
         constructor(){
             _define_property(this, "uniqueId2Element", new Map());
             _define_property(this, "root", void 0);
+            _define_property(this, "animationMap", new Map());
         }
     }();
 };

package/dist/lynx/ElementPAPI.d.ts

@@ -6,18 +6,6 @@
  * @public
  */
 export interface LynxElement extends HTMLElement {
-    /**
-     * The unique id of the element.
-     *
-     * @internal
-     */
-    $$uiSign: number;
-    /**
-     * The unique id of the parent of the element.
-     *
-     * @internal
-     */
-    parentComponentUniqueId: number;
     /**
      * The map of events bound to the element.
      */
@@ -96,6 +84,14 @@ export declare const initElementTree: () => {
     __CreateList(parentComponentUniqueId: number, componentAtIndex: any, enqueueComponent: any): LynxElement;
     __GetTag(ele: LynxElement): string;
     __GetAttributeByName(ele: LynxElement, name: string): string | null;
+    /** @internal */
+    animationMap: Map<string, {
+        element: LynxElement;
+        state: string;
+        keyframes?: any[];
+        options?: any;
+    }>;
+    __ElementAnimate(element: LynxElement, args: [number, string, ...any[]]): void;
     clear(): void;
     toTree(): LynxElement | undefined;
     /**

package/dist/lynx/ElementPAPI.js

@@ -203,6 +203,44 @@ const initElementTree = ()=>{
         __GetAttributeByName(ele, name) {
             return ele.getAttribute(name);
         }
+        __ElementAnimate(element, args) {
+            const [operation, name] = args;
+            switch(operation){
+                case 0:
+                    {
+                        const keyframes = args[2];
+                        const options = args[3];
+                        this.animationMap.set(name, {
+                            element,
+                            state: 'running',
+                            keyframes,
+                            options
+                        });
+                        break;
+                    }
+                case 1:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'running';
+                        break;
+                    }
+                case 2:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'paused';
+                        break;
+                    }
+                case 3:
+                    this.animationMap.delete(name);
+                    break;
+                case 4:
+                    {
+                        const anim = this.animationMap.get(name);
+                        if (anim) anim.state = 'finished';
+                        break;
+                    }
+            }
+        }
         clear() {
             this.root = void 0;
         }
@@ -226,6 +264,7 @@ const initElementTree = ()=>{
         constructor(){
             _define_property(this, "uniqueId2Element", new Map());
             _define_property(this, "root", void 0);
+            _define_property(this, "animationMap", new Map());
         }
     }();
 };

package/dist/lynx/GlobalThis.d.ts

@@ -5,14 +5,6 @@ export declare const createGlobalThis: () => LynxGlobalThis;
  * @public
  */
 export interface LynxGlobalThis {
-    /**
-     * @internal
-     */
-    _globalObject: any;
-    /**
-     * @internal
-     */
-    _globalProxy: any;
     /**
      * The globalThis object.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/testing-environment",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "A subset of a Lynx environment to be useful for testing",
   "keywords": [
     "Lynx",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jsdom": "^21.1.7",
-    "rsbuild-plugin-publint": "0.3.3"
+    "rsbuild-plugin-publint": "0.3.4"
   },
   "scripts": {
     "api-extractor": "api-extractor run --verbose",