@lynx-js/web-core 0.13.0 → 0.13.2

package/CHANGELOG.md

@@ -1,5 +1,76 @@
 # @lynx-js/web-core
 
+## 0.13.2
+
+### Patch Changes
+
+- feat: allow lynx code to get JS engine provided properties on globalThis ([#786](https://github.com/lynx-family/lynx-stack/pull/786))
+
+  ```
+  globalThis.Reflect; // this will be the Reflect Object
+  ```
+
+  Note that `assigning to the globalThis` is still not allowed.
+
+- perf: use v8 hint for generated javascript file ([#807](https://github.com/lynx-family/lynx-stack/pull/807))
+
+  https://v8.dev/blog/explicit-compile-hints
+
+- feat: add new property `inject-style-rules` for LynxView ([#785](https://github.com/lynx-family/lynx-stack/pull/785))
+
+  This property allows developer to inject some style rules into the shadowroot.
+
+  It's a wrapper of https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/insertRule
+
+- fix: corrupt mainthread module cache ([#806](https://github.com/lynx-family/lynx-stack/pull/806))
+
+- Updated dependencies [[`03a5f64`](https://github.com/lynx-family/lynx-stack/commit/03a5f64d7d09e38903f5d1c022f36f6e68b6432d), [`6d3d852`](https://github.com/lynx-family/lynx-stack/commit/6d3d8529d0d528419920102ca52da279bbe0f1e0), [`8cdd288`](https://github.com/lynx-family/lynx-stack/commit/8cdd28884288b9456aee3a919d6edbf72da1c67b), [`6d3d852`](https://github.com/lynx-family/lynx-stack/commit/6d3d8529d0d528419920102ca52da279bbe0f1e0)]:
+  - @lynx-js/web-mainthread-apis@0.13.2
+  - @lynx-js/web-worker-runtime@0.13.2
+  - @lynx-js/web-constants@0.13.2
+  - @lynx-js/offscreen-document@0.0.3
+  - @lynx-js/web-worker-rpc@0.13.2
+
+## 0.13.1
+
+### Patch Changes
+
+- fix: some inline style properties cause crash ([#647](https://github.com/lynx-family/lynx-stack/pull/647))
+
+  add support for the following css properties
+
+  - mask
+  - mask-repeat
+  - mask-position
+  - mask-clip
+  - mask-origin
+  - mask-size
+  - gap
+  - column-gap
+  - row-gap
+  - image-rendering
+  - hyphens
+  - offset-path
+  - offset-distance
+
+- feat: support touch events for MTS ([#641](https://github.com/lynx-family/lynx-stack/pull/641))
+
+  now we support
+
+  - main-thread:bindtouchstart
+  - main-thread:bindtouchend
+  - main-thread:bindtouchmove
+  - main-thread:bindtouchcancel
+
+- feat: add SystemInfo.screenWidth and SystemInfo.screenHeight ([#641](https://github.com/lynx-family/lynx-stack/pull/641))
+
+- Updated dependencies [[`c9ccad6`](https://github.com/lynx-family/lynx-stack/commit/c9ccad6b574c98121149d3e9d4a9a7e97af63d91), [`9ad394e`](https://github.com/lynx-family/lynx-stack/commit/9ad394ea9ef28688a3b810b4051868b2a28eb7de), [`f4cfb70`](https://github.com/lynx-family/lynx-stack/commit/f4cfb70606d46cd4017254c326095432f9c6bcb8), [`c9ccad6`](https://github.com/lynx-family/lynx-stack/commit/c9ccad6b574c98121149d3e9d4a9a7e97af63d91), [`839d61c`](https://github.com/lynx-family/lynx-stack/commit/839d61c8a329ed1e265fe2edc12a702e9592f743)]:
+  - @lynx-js/offscreen-document@0.0.2
+  - @lynx-js/web-mainthread-apis@0.13.1
+  - @lynx-js/web-worker-runtime@0.13.1
+  - @lynx-js/web-constants@0.13.1
+  - @lynx-js/web-worker-rpc@0.13.1
+
 ## 0.13.0
 
 ### Patch Changes

package/dist/apis/LynxView.d.ts

@@ -20,7 +20,8 @@ export type INapiModulesCall = (name: string, data: any, moduleName: string, lyn
  * @property {"auto" | null} width [optional] (attribute: "width") set it to "auto" for width auto-sizing
  * @property {NapiModulesMap} napiModulesMap [optional] the napiModule which is called in lynx-core. key is module-name, value is esm url.
  * @property {INapiModulesCall} onNapiModulesCall [optional] the NapiModule value handler.
- * @property {"false" | "true" | null} injectHeadLinks [optional] @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
+ * @property {"false" | "true" | null} injectHeadLinks [optional] (attribute: "inject-head-links") @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
+ * @property {string[]} injectStyleRules [optional] the css rules which will be injected into shadowroot. Each items will be inserted by `insertRule` method. @see https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/insertRule
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
  * @property {"all-on-ui" | "multi-thread"} threadStrategy [optional] @default "multi-thread" (attribute: "thread-strategy") controls the thread strategy for current lynx view
  * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
@@ -146,6 +147,9 @@ export declare class LynxView extends HTMLElement {
      */
     get threadStrategy(): 'all-on-ui' | 'multi-thread';
     set threadStrategy(val: 'all-on-ui' | 'multi-thread');
+    get injectHeadLinks(): boolean;
+    set injectHeadLinks(val: boolean);
+    injectStyleRules: string[];
     /**
      * @private
      */

package/dist/apis/LynxView.js

@@ -2,8 +2,7 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import { createLynxView, } from './createLynxView.js';
-import {} from '@lynx-js/web-constants';
-import { inShadowRootStyles } from './inShadowRootStyles.js';
+import { inShadowRootStyles, } from '@lynx-js/web-constants';
 /**
  * Based on our experiences, these elements are almost used in all lynx cards.
  */
@@ -18,7 +17,8 @@ import { inShadowRootStyles } from './inShadowRootStyles.js';
  * @property {"auto" | null} width [optional] (attribute: "width") set it to "auto" for width auto-sizing
  * @property {NapiModulesMap} napiModulesMap [optional] the napiModule which is called in lynx-core. key is module-name, value is esm url.
  * @property {INapiModulesCall} onNapiModulesCall [optional] the NapiModule value handler.
- * @property {"false" | "true" | null} injectHeadLinks [optional] @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
+ * @property {"false" | "true" | null} injectHeadLinks [optional] (attribute: "inject-head-links") @default true set it to "false" to disable injecting the <link href="" ref="stylesheet"> styles into shadowroot
+ * @property {string[]} injectStyleRules [optional] the css rules which will be injected into shadowroot. Each items will be inserted by `insertRule` method. @see https://developer.mozilla.org/docs/Web/API/CSSStyleSheet/insertRule
  * @property {number} lynxGroupId [optional] (attribute: "lynx-group-id") the background shared context id, which is used to share webworker between different lynx cards
  * @property {"all-on-ui" | "multi-thread"} threadStrategy [optional] @default "multi-thread" (attribute: "thread-strategy") controls the thread strategy for current lynx view
  * @property {(string)=>Promise<LynxTemplate>} customTemplateLoader [optional] the custom template loader, which is used to load the template
@@ -260,6 +260,18 @@ export class LynxView extends HTMLElement {
             this.removeAttribute('thread-strategy');
         }
     }
+    get injectHeadLinks() {
+        return this.getAttribute('inject-head-links') !== 'false';
+    }
+    set injectHeadLinks(val) {
+        if (val) {
+            this.setAttribute('inject-head-links', 'true');
+        }
+        else {
+            this.removeAttribute('inject-head-links');
+        }
+    }
+    injectStyleRules = [];
     /**
      * @private
      */
@@ -344,6 +356,9 @@ export class LynxView extends HTMLElement {
                     for (const rule of inShadowRootStyles) {
                         styleSheet.insertRule(rule);
                     }
+                    for (const rule of this.injectStyleRules) {
+                        styleSheet.insertRule(rule);
+                    }
                     const injectHeadLinks = this.getAttribute('inject-head-links') !== 'false';
                     if (injectHeadLinks) {
                         document.head.querySelectorAll('link[rel="stylesheet"]').forEach((linkElement) => {

package/dist/apis/createLynxView.js

@@ -2,6 +2,9 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // 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;
 export function createLynxView(configs) {
     const { shadowRoot, callbacks, templateUrl, globalProps, initData, nativeModulesMap, napiModulesMap, tagMap, lynxGroupId, threadStrategy = 'multi-thread', } = configs;
     return startUIThread(templateUrl, {
@@ -12,6 +15,8 @@ export function createLynxView(configs) {
         napiModulesMap,
         browserConfig: {
             pixelRatio: window.devicePixelRatio,
+            pixelWidth: screenWidth,
+            pixelHeight: screenHeight,
         },
     }, shadowRoot, lynxGroupId, threadStrategy, callbacks);
 }

package/dist/utils/loadTemplate.js

@@ -9,6 +9,7 @@ function generateJavascriptUrl(obj, injectVars, injectWithBind, muteableVars) {
         return [
             name,
             createJsModuleUrl([
+                '//# allFunctionsCalledOnLoad\n',
                 'globalThis.module.exports = function(lynx_runtime) {',
                 'const module= {exports:{}};let exports = module.exports;',
                 'var {',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "private": false,
   "description": "",
   "keywords": [],
@@ -24,15 +24,15 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/offscreen-document": "0.0.1",
-    "@lynx-js/web-constants": "0.13.0",
-    "@lynx-js/web-mainthread-apis": "0.13.0",
-    "@lynx-js/web-worker-rpc": "0.13.0",
-    "@lynx-js/web-worker-runtime": "0.13.0"
+    "@lynx-js/offscreen-document": "0.0.3",
+    "@lynx-js/web-constants": "0.13.2",
+    "@lynx-js/web-mainthread-apis": "0.13.2",
+    "@lynx-js/web-worker-rpc": "0.13.2",
+    "@lynx-js/web-worker-runtime": "0.13.2"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.2",
-    "@lynx-js/web-elements": "0.7.0"
+    "@lynx-js/web-elements": "0.7.2"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.2",

package/dist/apis/inShadowRootStyles.d.ts

@@ -1 +0,0 @@
-export declare const inShadowRootStyles: string[];

package/dist/apis/inShadowRootStyles.js

@@ -1,10 +0,0 @@
-export const inShadowRootStyles = [
-    ` [lynx-default-display-linear="false"] * {
-    --lynx-display: flex;
-    --lynx-display-toggle: var(--lynx-display-flex);
-  }`,
-    `[lynx-default-overflow-visible="true"] x-view{
-    overflow: visible;
-  }`,
-];
-//# sourceMappingURL=inShadowRootStyles.js.map