@lynx-js/web-core 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @lynx-js/web-core
 
+## 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), [`7da7601`](https://github.com/lynx-family/lynx-stack/commit/7da7601f00407970c485046ad73eeb8534aaa4f6)]:
+  - @lynx-js/web-worker-runtime@0.7.1
+  - @lynx-js/web-worker-rpc@0.7.1
+  - @lynx-js/web-constants@0.7.1
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/uiThread/decodeElementOperation.js

@@ -1,7 +1,7 @@
 // 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, lynxTagAttribute, lynxUniqueIdAttribute, OperationType, lynxRuntimeValue, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, W3cEventNameToLynx, parentComponentUniqueIdAttribute, __lynx_timing_flag, } from '@lynx-js/web-constants';
+import { cssIdAttribute, lynxTagAttribute, lynxUniqueIdAttribute, OperationType, lynxRuntimeValue, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, W3cEventNameToLynx, __lynx_timing_flag, } from '@lynx-js/web-constants';
 function getElement(uniqueId, uniqueIdToElement) {
     const element = uniqueIdToElement[uniqueId]?.deref();
     if (element) {
@@ -47,9 +47,6 @@ export function decodeElementOperation(operations, options) {
             if (typeof op.cssId === 'number') {
                 element.setAttribute(cssIdAttribute, op.cssId.toString());
             }
-            if (op.puid) {
-                element.setAttribute(parentComponentUniqueIdAttribute, op.puid);
-            }
             if (op.tag === 'page')
                 pageElement = element;
         }

package/dist/utils/loadTemplate.d.ts

@@ -1,2 +1,2 @@
-import type { LynxTemplate } from '@lynx-js/web-constants';
+import { type LynxTemplate } from '@lynx-js/web-constants';
 export declare function loadTemplate(url: string): Promise<LynxTemplate>;

package/dist/utils/loadTemplate.js

@@ -1,25 +1,85 @@
+import { globalMuteableVars } from '@lynx-js/web-constants';
 const TemplateCache = {};
 function createJsModuleUrl(content) {
     return URL.createObjectURL(new Blob([content], { type: 'text/javascript' }));
 }
-function generateJavascriptUrl(obj, injectVars, injectWithBind) {
+function generateJavascriptUrl(obj, injectVars, injectWithBind, muteableVars) {
+    injectVars = injectVars.concat(muteableVars);
     return Object.fromEntries(Object.entries(obj).map(([name, content]) => {
         return [
             name,
-            createJsModuleUrl(`globalThis.module.exports = function(lynx_runtime) {
-const module= {exports:{}};let exports = module.exports;
-var {${injectVars.join(',')}} = lynx_runtime; 
-${injectWithBind.map((nm) => `const ${nm} = lynx_runtime.${nm}?.bind(lynx_runtime)`).join(';')}
-var globDynamicComponentEntry = '__Card__';
-var {__globalProps} = lynx;
-${content}
-return module.exports;}`),
+            createJsModuleUrl([
+                'globalThis.module.exports = function(lynx_runtime) {',
+                'const module= {exports:{}};let exports = module.exports;',
+                'var {',
+                injectVars.join(','),
+                '} = lynx_runtime;',
+                ...injectWithBind.map((nm) => `const ${nm} = lynx_runtime.${nm}?.bind(lynx_runtime);`),
+                ';var globDynamicComponentEntry = \'__Card__\';',
+                'var {__globalProps} = lynx;',
+                'lynx_runtime._updateVars=()=>{',
+                ...muteableVars.map((nm) => `${nm} = lynx_runtime.__lynxGlobalBindingValues.${nm};`),
+                '};\n',
+                content,
+                '\n return module.exports;}',
+            ].join('')),
         ];
     }));
 }
 const mainThreadInjectVars = [
     'lynx',
     'globalThis',
+    '__AddConfig',
+    '__AddDataset',
+    '__GetAttributes',
+    '__GetComponentID',
+    '__GetDataByKey',
+    '__GetDataset',
+    '__GetElementConfig',
+    '__GetElementUniqueID',
+    '__GetID',
+    '__GetTag',
+    '__SetAttribute',
+    '__SetConfig',
+    '__SetDataset',
+    '__SetID',
+    '__UpdateComponentID',
+    '__GetConfig',
+    '__UpdateListCallbacks',
+    '__AppendElement',
+    '__ElementIsEqual',
+    '__FirstElement',
+    '__GetChildren',
+    '__GetParent',
+    '__InsertElementBefore',
+    '__LastElement',
+    '__NextElement',
+    '__RemoveElement',
+    '__ReplaceElement',
+    '__ReplaceElements',
+    '__SwapElement',
+    '__CreateComponent',
+    '__CreateElement',
+    '__CreatePage',
+    '__CreateView',
+    '__CreateText',
+    '__CreateRawText',
+    '__CreateImage',
+    '__CreateScrollView',
+    '__CreateWrapperElement',
+    '__CreateList',
+    '__AddEvent',
+    '__GetEvent',
+    '__GetEvents',
+    '__SetEvents',
+    '__AddClass',
+    '__SetClasses',
+    '__GetClasses',
+    '__AddInlineStyle',
+    '__SetInlineStyles',
+    '__SetCSSId',
+    '__OnLifecycleEvent',
+    '__FlushElementTree',
 ];
 const backgroundInjectVars = [
     'NativeModules',
@@ -40,8 +100,8 @@ export async function loadTemplate(url) {
     })).json());
     const decodedTemplate = {
         ...template,
-        lepusCode: generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, []),
-        manifest: generateJavascriptUrl(template.manifest, backgroundInjectVars, backgroundInjectWithBind),
+        lepusCode: generateJavascriptUrl(template.lepusCode, mainThreadInjectVars, [], globalMuteableVars),
+        manifest: generateJavascriptUrl(template.manifest, backgroundInjectVars, backgroundInjectWithBind, []),
     };
     TemplateCache[url] = decodedTemplate;
     /**

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@lynx-js/web-core",
-  "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-core"
+  },
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/index.js",
@@ -19,13 +24,13 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-constants": "0.7.0",
-    "@lynx-js/web-worker-rpc": "0.7.0",
-    "@lynx-js/web-worker-runtime": "0.7.0"
+    "@lynx-js/web-constants": "0.7.1",
+    "@lynx-js/web-worker-rpc": "0.7.1",
+    "@lynx-js/web-worker-runtime": "0.7.1"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.0",
-    "@lynx-js/web-elements": "0.2.4"
+    "@lynx-js/web-elements": "0.3.0"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.0",