@lynx-js/web-core-server 0.19.8 → 0.19.9

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @lynx-js/web-core-server
 
+## 0.19.9
+
 ## 0.19.8
 
 ## 0.19.7

package/dist/131.js

@@ -152,6 +152,7 @@ __webpack_require__.add({
             OE: ()=>_constants_js__rspack_import_0.OE,
             Pb: ()=>_constants_js__rspack_import_0.Pb,
             SP: ()=>"l-uid",
+            Uc: ()=>_types_index_js__rspack_import_3.Uc,
             Ve: ()=>_endpoints_js__rspack_import_2.Ve,
             WS: ()=>_endpoints_js__rspack_import_2.WS,
             Yx: ()=>_utils_index_js__rspack_import_4.Yx,
@@ -180,7 +181,10 @@ __webpack_require__.add({
         var _types_index_js__rspack_import_3 = __webpack_require__("../web-constants/dist/types/index.js");
         var _utils_index_js__rspack_import_4 = __webpack_require__("../web-constants/dist/utils/index.js");
     },
-    "../web-constants/dist/types/Element.js" () {
+    "../web-constants/dist/types/Element.js" (__unused_rspack___webpack_module__, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            U: ()=>AnimationOperation
+        });
         var AnimationOperation;
         (function(AnimationOperation) {
             AnimationOperation[AnimationOperation["START"] = 0] = "START";
@@ -249,11 +253,12 @@ __webpack_require__.add({
         __webpack_require__.d(__webpack_exports__, {
             HO: ()=>_I18n_js__rspack_import_3.HO,
             O4: ()=>_NativeApp_js__rspack_import_0.O,
+            Uc: ()=>_Element_js__rspack_import_2.U,
             gI: ()=>_I18n_js__rspack_import_3.gI
         });
         var _NativeApp_js__rspack_import_0 = __webpack_require__("../web-constants/dist/types/NativeApp.js");
         __webpack_require__("../web-constants/dist/types/UpdateDataOptions.js");
-        __webpack_require__("../web-constants/dist/types/Element.js");
+        var _Element_js__rspack_import_2 = __webpack_require__("../web-constants/dist/types/Element.js");
         var _I18n_js__rspack_import_3 = __webpack_require__("../web-constants/dist/types/I18n.js");
     },
     "../web-constants/dist/utils/LynxCrossThreadContext.js" (__unused_rspack___webpack_module__, __webpack_exports__, __webpack_require__) {
@@ -940,7 +945,7 @@ const templateScrollView = `<style>
     part="bot-fade-mask"
   ></div>`;
 const templateXAudioTT = '<audio id="audio"></audio>';
-const XSSDetector = /<\s*script/g;
+const XSSDetector = /<\s*script/;
 const templateXImage = (attributes)=>{
     const { src } = attributes;
     if (src && XSSDetector.test(src)) throw new Error("detected <script, this is a potential XSS attack, please check your src");

package/dist/27.js

@@ -597,6 +597,48 @@ __webpack_require__.add({
                         }
                         return el;
                     };
+                    const animationMap = new Map();
+                    const mapTimingOptions = (options)=>{
+                        if (!options) return;
+                        const result = {};
+                        if ('duration' in options) result.duration = Number(options['duration']);
+                        if ('delay' in options) result.delay = Number(options['delay']);
+                        if ('direction' in options) result.direction = options['direction'];
+                        if ('iterationCount' in options) result.iterations = 'infinite' === options['iterationCount'] ? 1 / 0 : Number(options['iterationCount']);
+                        if ('fillMode' in options) result.fill = options['fillMode'];
+                        if ('timingFunction' in options) result.easing = options['timingFunction'];
+                        return result;
+                    };
+                    const __ElementAnimate = (element, args)=>{
+                        const [operation, name] = args;
+                        switch(operation){
+                            case _lynx_js_web_constants__rspack_import_0.Uc.START:
+                                {
+                                    const keyframes = args[2];
+                                    const options = args[3];
+                                    animationMap.get(name)?.cancel();
+                                    const animation = element.animate(keyframes, mapTimingOptions(options));
+                                    animation.oncancel = animation.onfinish = ()=>{
+                                        if (animationMap.get(name) === animation) animationMap.delete(name);
+                                    };
+                                    animationMap.set(name, animation);
+                                    break;
+                                }
+                            case _lynx_js_web_constants__rspack_import_0.Uc.PLAY:
+                                animationMap.get(name)?.play();
+                                break;
+                            case _lynx_js_web_constants__rspack_import_0.Uc.PAUSE:
+                                animationMap.get(name)?.pause();
+                                break;
+                            case _lynx_js_web_constants__rspack_import_0.Uc.CANCEL:
+                                animationMap.get(name)?.cancel();
+                                animationMap.delete(name);
+                                break;
+                            case _lynx_js_web_constants__rspack_import_0.Uc.FINISH:
+                                animationMap.get(name)?.finish();
+                                break;
+                        }
+                    };
                     const __GetPageElement = ()=>pageElement;
                     const templateIdToTemplate = {};
                     const createElementForElementTemplateData = (data, parentComponentUniId)=>{
@@ -726,7 +768,8 @@ __webpack_require__.add({
                         _AddEventListener: ()=>{},
                         renderPage: void 0,
                         __InvokeUIMethod,
-                        __QuerySelector
+                        __QuerySelector,
+                        __ElementAnimate
                     };
                     Object.assign(mtsRealm.globalWindow, mtsGlobalThis);
                     Object.defineProperty(mtsRealm.globalWindow, 'renderPage', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-server",
-  "version": "0.19.8",
+  "version": "0.19.9",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,10 +26,10 @@
     "rsbuild-plugin-arethetypeswrong": "0.2.0",
     "rsbuild-plugin-publint": "0.3.4",
     "@lynx-js/offscreen-document": "0.1.4",
-    "@lynx-js/web-constants": "0.19.8",
-    "@lynx-js/web-elements": "0.11.2",
-    "@lynx-js/web-mainthread-apis": "0.19.8",
-    "@lynx-js/web-worker-rpc": "0.19.8"
+    "@lynx-js/web-constants": "0.19.9",
+    "@lynx-js/web-elements": "0.12.0",
+    "@lynx-js/web-mainthread-apis": "0.19.9",
+    "@lynx-js/web-worker-rpc": "0.19.9"
   },
   "scripts": {
     "build": "rslib build",