@lynx-js/web-core-canary 0.19.4 → 0.19.5-canary-20260107-b41d54ae

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lynx-js/web-core
 
+## 0.19.5-canary-20260107110030-b41d54aead52f891fcd04b7dad57f7ddf400e5d9
+
+### Patch Changes
+
+- fix: pixelWidth and pixelHeight use client instead of screen ([#2055](https://github.com/lynx-family/lynx-stack/pull/2055))
+
+- Updated dependencies []:
+  - @lynx-js/web-constants@0.19.5-canary-20260107110030-b41d54aead52f891fcd04b7dad57f7ddf400e5d9
+  - @lynx-js/web-mainthread-apis@0.19.5-canary-20260107110030-b41d54aead52f891fcd04b7dad57f7ddf400e5d9
+  - @lynx-js/web-worker-rpc@0.19.5-canary-20260107110030-b41d54aead52f891fcd04b7dad57f7ddf400e5d9
+  - @lynx-js/web-worker-runtime@0.19.5-canary-20260107110030-b41d54aead52f891fcd04b7dad57f7ddf400e5d9
+
 ## 0.19.4
 
 ### Patch Changes
@@ -470,25 +482,25 @@
   lynxView.initI18nResources = [
     {
       options: {
-        locale: 'en',
-        channel: '1',
-        fallback_url: '',
+        locale: "en",
+        channel: "1",
+        fallback_url: "",
       },
       resource: {
-        hello: 'hello',
-        lynx: 'lynx web platform1',
+        hello: "hello",
+        lynx: "lynx web platform1",
       },
     },
   ];
-  lynxView.addEventListener('i18nResourceMissed', (e) => {
+  lynxView.addEventListener("i18nResourceMissed", (e) => {
     console.log(e);
   });
 
   // mts
   _I18nResourceTranslation({
-    locale: 'en',
-    channel: '1',
-    fallback_url: '',
+    locale: "en",
+    channel: "1",
+    fallback_url: "",
   });
   ```
 
@@ -896,8 +908,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -1012,8 +1024,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -1028,8 +1040,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -1046,7 +1058,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -1125,8 +1137,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -1138,7 +1150,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -1148,7 +1160,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };
@@ -1506,7 +1518,7 @@
   This flag changes the behaviour of cascading. It provide a way to do this
 
   ```jsx
-  <view class='class-a class-b' />;
+  <view class="class-a class-b" />
   ```
 
   The class-b will override (cascading) styles of class-a.
@@ -1606,11 +1618,11 @@
   There is also a simple way to use this feature
 
   ```javascript
-  import { LynxCard } from '@lynx-js/web-core';
-  import { loadElement } from '@lynx-js/web-elements/lazy';
-  import '@lynx-js/web-elements/index.css';
-  import '@lynx-js/web-core/index.css';
-  import './index.css';
+  import { LynxCard } from "@lynx-js/web-core";
+  import { loadElement } from "@lynx-js/web-elements/lazy";
+  import "@lynx-js/web-elements/index.css";
+  import "@lynx-js/web-core/index.css";
+  import "./index.css";
 
   const lynxcard = new LynxCard({
     ...beforeConfigs,

package/dist/apis/createLynxView.js

@@ -3,8 +3,8 @@
 // LICENSE file in the root directory of this source tree.
 import { startUIThread, } from '../uiThread/startUIThread.js';
 const pixelRatio = window.devicePixelRatio;
-const screenWidth = window.screen.availWidth * pixelRatio;
-const screenHeight = window.screen.availHeight * pixelRatio;
+const screenWidth = document.documentElement.clientWidth * pixelRatio;
+const screenHeight = document.documentElement.clientHeight * pixelRatio;
 export function createLynxView(configs) {
     const { shadowRoot, callbacks, templateUrl, globalProps, initData, nativeModulesMap, napiModulesMap, tagMap, lynxGroupId, threadStrategy = 'multi-thread', initI18nResources, ssr, } = configs;
     return startUIThread(templateUrl, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-canary",
-  "version": "0.19.4",
+  "version": "0.19.5-canary-20260107-b41d54ae",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,10 +25,10 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4",
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.4",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.4",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.4",
-    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.4"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.5-canary-20260107-b41d54ae",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.5-canary-20260107-b41d54ae",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.5-canary-20260107-b41d54ae",
+    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.5-canary-20260107-b41d54ae"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",