@lynx-js/web-core 0.19.6 → 0.19.8

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @lynx-js/web-core
 
+## 0.19.8
+
+### Patch Changes
+
+- fix: avoid error when LynxView is removed immediately after connected ([#2182](https://github.com/lynx-family/lynx-stack/pull/2182))
+
+- Updated dependencies []:
+  - @lynx-js/web-constants@0.19.8
+  - @lynx-js/web-mainthread-apis@0.19.8
+  - @lynx-js/web-worker-rpc@0.19.8
+  - @lynx-js/web-worker-runtime@0.19.8
+
+## 0.19.7
+
+### 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
+  - @lynx-js/web-mainthread-apis@0.19.7
+  - @lynx-js/web-worker-rpc@0.19.7
+  - @lynx-js/web-worker-runtime@0.19.7
+
 ## 0.19.6
 
 ### Patch Changes

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

@@ -55,7 +55,6 @@ export class LynxView extends HTMLElement {
      */
     static observedAttributes = LynxView.observedAttributeAsProperties.map(nm => nm.toLowerCase());
     #instance;
-    #connected = false;
     #url;
     /**
      * @public
@@ -329,6 +328,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
      */
@@ -337,10 +341,13 @@ export class LynxView extends HTMLElement {
      * @private
      */
     #render() {
-        if (!this.#rendering && this.#connected) {
+        if (!this.#rendering && this.isConnected) {
             this.#rendering = true;
             queueMicrotask(() => {
                 this.#rendering = false;
+                if (!this.isConnected) {
+                    return;
+                }
                 const ssrData = this.getAttribute('ssr');
                 if (this.#instance) {
                     this.disconnectedCallback();
@@ -376,6 +383,7 @@ export class LynxView extends HTMLElement {
                         napiModulesMap: this.#napiModulesMap,
                         lynxGroupId,
                         initI18nResources: this.#initI18nResources,
+                        browserConfig: this.browserConfig,
                         callbacks: {
                             nativeModulesCall: (...args) => {
                                 if (this.onNativeModulesCall) {
@@ -441,7 +449,6 @@ export class LynxView extends HTMLElement {
      * @private
      */
     connectedCallback() {
-        this.#connected = true;
         this.#render();
     }
 }

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",
-  "version": "0.19.6",
+  "version": "0.19.8",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,14 +25,14 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "0.1.4",
-    "@lynx-js/web-constants": "0.19.6",
-    "@lynx-js/web-mainthread-apis": "0.19.6",
-    "@lynx-js/web-worker-rpc": "0.19.6",
-    "@lynx-js/web-worker-runtime": "0.19.6"
+    "@lynx-js/web-constants": "0.19.8",
+    "@lynx-js/web-mainthread-apis": "0.19.8",
+    "@lynx-js/web-worker-rpc": "0.19.8",
+    "@lynx-js/web-worker-runtime": "0.19.8"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",
-    "@lynx-js/web-elements": "0.11.0"
+    "@lynx-js/web-elements": "0.11.2"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.3",