@lynx-js/web-mainthread-apis 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @lynx-js/web-mainthread-apis
 
+## 0.7.1
+
+### Patch Changes
+
+- Support NPM provenance. ([#30](https://github.com/lynx-family/lynx-stack/pull/30))
+
+- fix: some valus should be updateable by global scope ([#130](https://github.com/lynx-family/lynx-stack/pull/130))
+
+  Now we add an allowlist to allow some identifiers could be updated by globalThis.
+
+  For those values in the allowlist:
+
+  ```
+  globalThis.foo = 'xx';
+  console.log(foo); //'xx'
+  ```
+
+- refactor: isolate the globalThis in mts ([#90](https://github.com/lynx-family/lynx-stack/pull/90))
+
+  After this commit, developers' mts code won't be able to access the globalThis
+
+  The following usage will NOT work
+
+  ```
+  globalThis.foo = () =>{};
+  foo();//crash
+  ```
+
+- refractor: improve some internal logic for element creating in MTS ([#71](https://github.com/lynx-family/lynx-stack/pull/71))
+
+- Updated dependencies [[`c617453`](https://github.com/lynx-family/lynx-stack/commit/c617453aea967aba702967deb2916b5c883f03bb), [`2044571`](https://github.com/lynx-family/lynx-stack/commit/204457166531dae6e9f653db56b14187553b7666), [`399a6d9`](https://github.com/lynx-family/lynx-stack/commit/399a6d973024aa8a46ab2f2f13e7c82214066f9e), [`7da7601`](https://github.com/lynx-family/lynx-stack/commit/7da7601f00407970c485046ad73eeb8534aaa4f6)]:
+  - @lynx-js/web-style-transformer@0.2.2
+  - @lynx-js/web-constants@0.7.1
+
 ## 0.7.0
 
 ### Patch Changes

package/dist/MainThreadLynx.d.ts

@@ -1,4 +1,4 @@
-import { MainThreadConfig, MainThreadRuntime } from './MainThreadRuntime.js';
+import { type MainThreadConfig, MainThreadRuntime } from './MainThreadRuntime.js';
 export declare function createMainThreadLynx(config: MainThreadConfig, lepusRuntime: MainThreadRuntime): {
     requestAnimationFrame(cb: FrameRequestCallback): number;
     cancelAnimationFrame(handler: number): void;

package/dist/MainThreadLynx.js

@@ -1,3 +1,4 @@
+import { MainThreadRuntime, } from './MainThreadRuntime.js';
 export function createMainThreadLynx(config, lepusRuntime) {
     return {
         requestAnimationFrame(cb) {

package/dist/MainThreadRuntime.d.ts

@@ -1,5 +1,5 @@
-import type { ElementOperation, LynxLifecycleEvent, LynxTemplate, PageConfig, ProcessDataCallback, StyleInfo, FlushElementTreeOptions, Cloneable, BrowserConfig } from '@lynx-js/web-constants';
-import { MainThreadLynx } from './MainThreadLynx.js';
+import { type ElementOperation, type LynxLifecycleEvent, type LynxTemplate, type PageConfig, type ProcessDataCallback, type StyleInfo, type FlushElementTreeOptions, type Cloneable, type BrowserConfig } from '@lynx-js/web-constants';
+import { type MainThreadLynx } from './MainThreadLynx.js';
 export interface MainThreadRuntimeCallbacks {
     mainChunkReady: () => void;
     onNewTag: (tag: string) => void;
@@ -26,7 +26,11 @@ export declare class MainThreadRuntime {
         operations: ElementOperation[];
     };
     constructor(config: MainThreadConfig);
-    get globalThis(): typeof globalThis & this;
+    /**
+     * @private
+     */
+    __lynxGlobalBindingValues: Record<string, any>;
+    get globalThis(): this;
     lynx: MainThreadLynx;
     NativeModules: undefined;
     __globalProps: unknown;
@@ -37,4 +41,5 @@ export declare class MainThreadRuntime {
     __LoadLepusChunk: (path: string) => boolean;
     __FlushElementTree: (_subTree: unknown, options: FlushElementTreeOptions) => void;
     updatePage?: (data: Cloneable, options?: Record<string, string>) => void;
+    _updateVars?: () => void;
 }

package/dist/MainThreadRuntime.js

@@ -1,6 +1,8 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // 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 {} from '@lynx-js/web-constants';
+import { globalMuteableVars } from '@lynx-js/web-constants';
 import { createMainThreadLynx } from './MainThreadLynx.js';
 import { initializeElementCreatingFunction } from './elementAPI/elementCreating/elementCreatingFunctions.js';
 import * as attributeAndPropertyApis from './elementAPI/attributeAndProperty/attributeAndPropertyFunctions.js';
@@ -49,11 +51,24 @@ export class MainThreadRuntime {
                 queueMicrotask(this.config.callbacks.mainChunkReady);
             },
         });
+        for (const nm of globalMuteableVars) {
+            Object.defineProperty(this, nm, {
+                get: () => {
+                    return this.__lynxGlobalBindingValues[nm];
+                },
+                set: (v) => {
+                    this.__lynxGlobalBindingValues[nm] = v;
+                    this._updateVars?.();
+                },
+            });
+        }
     }
+    /**
+     * @private
+     */
+    __lynxGlobalBindingValues = {};
     get globalThis() {
-        const global = Object.assign(globalThis, this);
-        Object.defineProperty(global, 'renderPage', Object.getOwnPropertyDescriptor(this, 'renderPage'));
-        return global;
+        return this;
     }
     lynx;
     NativeModules = undefined;
@@ -72,5 +87,6 @@ export class MainThreadRuntime {
         this.isFp = false;
     };
     updatePage;
+    _updateVars;
 }
 //# sourceMappingURL=MainThreadRuntime.js.map

package/dist/elementAPI/ElementThreadElement.d.ts

@@ -6,7 +6,6 @@ export declare enum RefCountType {
 export declare class ElementThreadElement {
     tag: string;
     uniqueId: number;
-    parentComponentUniqueId: number;
     readonly pageConfig: PageConfig;
     private operationsRef;
     styleInfo: CssInJsInfo;
@@ -34,7 +33,7 @@ export declare class ElementThreadElement {
     };
     children: ElementThreadElement[];
     parent?: ElementThreadElement;
-    constructor(tag: string, uniqueId: number, parentComponentUniqueId: number, pageConfig: PageConfig, operationsRef: {
+    constructor(tag: string, uniqueId: number, pageConfig: PageConfig, operationsRef: {
         operations: ElementOperation[];
     }, styleInfo: CssInJsInfo);
     setProperty(key: string, value: any): void;

package/dist/elementAPI/ElementThreadElement.js

@@ -18,7 +18,6 @@ export var RefCountType;
 export class ElementThreadElement {
     tag;
     uniqueId;
-    parentComponentUniqueId;
     pageConfig;
     operationsRef;
     styleInfo;
@@ -50,10 +49,10 @@ export class ElementThreadElement {
     };
     children = [];
     parent;
-    constructor(tag, uniqueId, parentComponentUniqueId, pageConfig, operationsRef, styleInfo) {
+    // public parentComponentUniqueId!: number;
+    constructor(tag, uniqueId, pageConfig, operationsRef, styleInfo) {
         this.tag = tag;
         this.uniqueId = uniqueId;
-        this.parentComponentUniqueId = parentComponentUniqueId;
         this.pageConfig = pageConfig;
         this.operationsRef = operationsRef;
         this.styleInfo = styleInfo;
@@ -67,7 +66,6 @@ export class ElementThreadElement {
             type: OperationType.Create,
             uid: uniqueId,
             tag: tag,
-            puid: parentComponentUniqueId.toString(),
         });
     }
     setProperty(key, value) {

package/dist/elementAPI/createOffscreenDocument.d.ts

@@ -0,0 +1,13 @@
+import type { CssInJsInfo, ElementOperation, PageConfig } from '@lynx-js/web-constants';
+import { ElementThreadElement } from './ElementThreadElement.js';
+interface OffscreenDocument {
+    createElement(tagName: string): ElementThreadElement;
+}
+export declare function createOffscreenDocument(options: {
+    pageConfig: PageConfig;
+    styleInfo: CssInJsInfo;
+    operationsRef: {
+        operations: ElementOperation[];
+    };
+}): OffscreenDocument;
+export {};

package/dist/elementAPI/createOffscreenDocument.js

@@ -0,0 +1,18 @@
+import { ListElement, ElementThreadElement } from './ElementThreadElement.js';
+export function createOffscreenDocument(options) {
+    const { pageConfig, styleInfo, operationsRef } = options;
+    let incrementalUniqueId = 0;
+    function createElement(tagName) {
+        const uniqueId = incrementalUniqueId++;
+        if (tagName === 'list') {
+            return new ListElement(tagName, uniqueId, pageConfig, operationsRef, styleInfo);
+        }
+        else {
+            return new ElementThreadElement(tagName, uniqueId, pageConfig, operationsRef, styleInfo);
+        }
+    }
+    return {
+        createElement,
+    };
+}
+//# sourceMappingURL=createOffscreenDocument.js.map

package/dist/elementAPI/elementCreating/elementCreatingFunctions.js

@@ -1,14 +1,19 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // 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 { cssIdAttribute, } from '@lynx-js/web-constants';
+import { cssIdAttribute, parentComponentUniqueIdAttribute, } from '@lynx-js/web-constants';
 import { __UpdateComponentID } from '../attributeAndProperty/attributeAndPropertyFunctions.js';
 import { ListElement, ElementThreadElement, } from '../ElementThreadElement.js';
 import { __SetCSSId } from '../style/styleFunctions.js';
+import { createOffscreenDocument } from '../createOffscreenDocument.js';
 export function initializeElementCreatingFunction(config) {
-    let incrementalUniqueId = 0;
     const tagSet = new Set();
     const { operationsRef, pageConfig, styleInfo } = config;
+    const document = createOffscreenDocument({
+        pageConfig,
+        operationsRef,
+        styleInfo,
+    });
     function createLynxElement(tag, parentComponentUniqueId, cssId, componentId, 
     // @ts-expect-error
     info) {
@@ -16,8 +21,9 @@ export function initializeElementCreatingFunction(config) {
             config.onNewTag(tag);
             tagSet.add(tag);
         }
-        const uniqueId = incrementalUniqueId++;
-        const element = new (tag === 'list' ? ListElement : ElementThreadElement)(tag, uniqueId, parentComponentUniqueId, pageConfig, operationsRef, styleInfo);
+        const element = document.createElement(tag);
+        // element.parentComponentUniqueId = parentComponentUniqueId;
+        element.setAttribute(parentComponentUniqueIdAttribute, parentComponentUniqueId.toString());
         if (cssId !== undefined)
             __SetCSSId([element], cssId);
         else if (parentComponentUniqueId >= 0) { // don't infer for uniqueid === -1
@@ -48,7 +54,7 @@ export function initializeElementCreatingFunction(config) {
     }
     function __CreatePage(componentID, cssID, info) {
         const page = createLynxElement('page', 0, cssID, componentID, info);
-        page.parentComponentUniqueId = page.uniqueId;
+        page.setAttribute(parentComponentUniqueIdAttribute, page.uniqueId.toString());
         return page;
     }
     function __CreateView(parentComponentUniqueId) {

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@lynx-js/web-mainthread-apis",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": false,
   "description": "",
   "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lynx-family/lynx-stack.git",
+    "directory": "packages/web-platform/web-mainthread-apis"
+  },
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/index.js",
@@ -20,7 +25,7 @@
   "dependencies": {
     "css-tree": "^3.1.0",
     "hyphenate-style-name": "^1.1.0",
-    "@lynx-js/web-constants": "0.7.0",
-    "@lynx-js/web-style-transformer": "0.2.1"
+    "@lynx-js/web-constants": "0.7.1",
+    "@lynx-js/web-style-transformer": "0.2.2"
   }
 }