@lynx-js/web-core-canary 0.19.6 → 0.19.7-canary-20260126-5e7e43c5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @lynx-js/web-core
 
+## 0.19.7-canary-20260126074925-5e7e43c59237f98a93aefbd6749ad39c33acdc4d
+
+### Patch Changes
+
+- feat: add browser config of lynx-view, now you can customize the browser config of lynx-view: ([#2140](https://github.com/lynx-family/lynx-stack/pull/2140))
+
+  ```
+  lynxView.browserConfig = {
+    pixelRatio: 1,
+    pixelWidth: 1234,
+    pixelHeight: 5678,
+  }
+  ```
+
+- Updated dependencies []:
+  - @lynx-js/web-constants@0.19.7-canary-20260126074925-5e7e43c59237f98a93aefbd6749ad39c33acdc4d
+  - @lynx-js/web-mainthread-apis@0.19.7-canary-20260126074925-5e7e43c59237f98a93aefbd6749ad39c33acdc4d
+  - @lynx-js/web-worker-rpc@0.19.7-canary-20260126074925-5e7e43c59237f98a93aefbd6749ad39c33acdc4d
+  - @lynx-js/web-worker-runtime@0.19.7-canary-20260126074925-5e7e43c59237f98a93aefbd6749ad39c33acdc4d
+
 ## 0.19.6
 
 ### Patch Changes
@@ -496,25 +516,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: "",
   });
   ```
 
@@ -922,8 +942,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -1038,8 +1058,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -1054,8 +1074,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -1072,7 +1092,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -1151,8 +1171,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -1164,7 +1184,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -1174,7 +1194,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };
@@ -1532,7 +1552,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.
@@ -1632,11 +1652,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/LynxView.d.ts

@@ -181,6 +181,15 @@ export declare class LynxView extends HTMLElement {
      * @param url the url of the template
      */
     customTemplateLoader?: (url: string) => Promise<LynxTemplate>;
+    /**
+     * @public
+     * allow user to customize the browser config
+     */
+    browserConfig?: {
+        pixelRatio?: number;
+        pixelWidth?: number;
+        pixelHeight?: number;
+    };
     /**
      * @private
      */

package/dist/apis/LynxView.js

@@ -329,6 +329,11 @@ export class LynxView extends HTMLElement {
      * @param url the url of the template
      */
     customTemplateLoader;
+    /**
+     * @public
+     * allow user to customize the browser config
+     */
+    browserConfig;
     /**
      * @private the flag to group all changes into one render operation
      */
@@ -376,6 +381,7 @@ export class LynxView extends HTMLElement {
                         napiModulesMap: this.#napiModulesMap,
                         lynxGroupId,
                         initI18nResources: this.#initI18nResources,
+                        browserConfig: this.browserConfig,
                         callbacks: {
                             nativeModulesCall: (...args) => {
                                 if (this.onNativeModulesCall) {

package/dist/apis/createLynxView.d.ts

@@ -14,6 +14,11 @@ export interface LynxViewConfigs {
     threadStrategy: 'all-on-ui' | 'multi-thread';
     initI18nResources: InitI18nResources;
     ssr?: SSRDumpInfo;
+    browserConfig?: {
+        pixelRatio?: number;
+        pixelWidth?: number;
+        pixelHeight?: number;
+    };
 }
 export interface LynxView {
     updateData(data: Cloneable, processorName?: string, callback?: () => void): void;

package/dist/apis/createLynxView.js

@@ -6,7 +6,7 @@ const pixelRatio = window.devicePixelRatio;
 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;
+    const { shadowRoot, callbacks, templateUrl, globalProps, initData, nativeModulesMap, napiModulesMap, tagMap, lynxGroupId, threadStrategy = 'multi-thread', initI18nResources, ssr, browserConfig, } = configs;
     return startUIThread(templateUrl, {
         tagMap,
         initData,
@@ -14,9 +14,9 @@ export function createLynxView(configs) {
         nativeModulesMap,
         napiModulesMap,
         browserConfig: {
-            pixelRatio: window.devicePixelRatio,
-            pixelWidth: screenWidth,
-            pixelHeight: screenHeight,
+            pixelRatio: browserConfig?.pixelRatio ?? window.devicePixelRatio,
+            pixelWidth: browserConfig?.pixelWidth ?? screenWidth,
+            pixelHeight: browserConfig?.pixelHeight ?? screenHeight,
         },
         initI18nResources,
     }, shadowRoot, lynxGroupId, threadStrategy, callbacks, ssr);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-canary",
-  "version": "0.19.6",
+  "version": "0.19.7-canary-20260126-5e7e43c5",
   "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.6",
-    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.6",
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.6",
-    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.6"
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.7-canary-20260126-5e7e43c5",
+    "@lynx-js/web-mainthread-apis": "npm:@lynx-js/web-mainthread-apis-canary@0.19.7-canary-20260126-5e7e43c5",
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.19.7-canary-20260126-5e7e43c5",
+    "@lynx-js/web-worker-runtime": "npm:@lynx-js/web-worker-runtime-canary@0.19.7-canary-20260126-5e7e43c5"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",