@lynx-js/web-core-wasm 0.0.2 → 0.0.4

package/dist/server/elementAPIs/createElementAPI.js

@@ -0,0 +1,235 @@
+/*
+ * Copyright 2025 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 { MainThreadServerContext, StyleSheetResource } from '../wasm.js';
+import { LYNX_TAG_TO_HTML_TAG_MAP, uniqueIdSymbol, lynxDefaultDisplayLinearAttribute, lynxEntryNameAttribute, } from '../../constants.js';
+import { __AddConfig, __AddDataset, __AddEvent, __ElementIsEqual, __FirstElement, __GetChildren, __GetComponentID, __GetConfig, __GetDataByKey, __GetDataset, __GetElementConfig, __GetElementUniqueID, __GetEvent, __GetEvents, __GetPageElement, __GetParent, __GetTemplateParts, __InsertElementBefore, __LastElement, __MarkPartElement, __MarkTemplateElement, __NextElement, __RemoveElement, __ReplaceElement, __ReplaceElements, __SetConfig, __SetDataset, __SetEvents, __SwapElement, __UpdateComponentID, __UpdateComponentInfo, __UpdateListCallbacks, getUniqueId, } from './pureElementAPIs.js';
+export function createElementAPI(mtsBinding, styleInfo, viewAttributes, config) {
+    const wasmContext = new MainThreadServerContext(viewAttributes, config.enableCSSSelector);
+    if (styleInfo) {
+        const resource = new StyleSheetResource(styleInfo, undefined);
+        wasmContext.push_style_sheet(resource);
+    }
+    let pageElementId;
+    function getAttribute(element, key) {
+        return wasmContext.get_attribute(element[uniqueIdSymbol], key) || undefined;
+    }
+    const __SetCSSId = (elements, cssId, entryName) => {
+        const uniqueIds = elements.map((element) => element[uniqueIdSymbol]);
+        wasmContext.set_css_id(new Uint32Array(uniqueIds), cssId ?? 0, entryName);
+    };
+    const __SetClasses = (element, classname) => {
+        const el = element;
+        if (classname) {
+            wasmContext.set_attribute(el[uniqueIdSymbol], 'class', classname);
+        }
+        else {
+            wasmContext.remove_attribute(el[uniqueIdSymbol], 'class');
+        }
+    };
+    const __AddClass = (element, className) => {
+        const el = element;
+        wasmContext.add_class(el[uniqueIdSymbol], className);
+    };
+    return {
+        globalThisAPIs: {
+            // Pure/Throwing Methods
+            __GetID: ((element) => {
+                return getAttribute(element, 'id') ?? null;
+            }),
+            __GetTag: ((element) => {
+                const el = element;
+                const tag = wasmContext.get_tag(el[uniqueIdSymbol]) ?? '';
+                // Reverse-map HTML tag to Lynx tag (consistent with CSR `__GetTag` behavior)
+                for (const [lynxTag, htmlTag] of Object.entries(LYNX_TAG_TO_HTML_TAG_MAP)) {
+                    if (tag === htmlTag) {
+                        return lynxTag;
+                    }
+                }
+                return tag;
+            }),
+            __GetAttributes: ((element) => {
+                const el = element;
+                return wasmContext.get_attributes(el[uniqueIdSymbol]);
+            }),
+            __GetAttributeByName: (element, name) => {
+                return getAttribute(element, name) ?? null;
+            },
+            __GetClasses: ((element) => {
+                const cls = getAttribute(element, 'class');
+                if (!cls)
+                    return [];
+                return cls.split(/\s+/).filter((c) => c.length > 0);
+            }),
+            __GetParent,
+            __GetChildren,
+            __AddEvent,
+            __GetEvent,
+            __GetEvents,
+            __SetEvents,
+            __UpdateListCallbacks,
+            __GetConfig,
+            __SetConfig,
+            __GetElementConfig,
+            __GetComponentID,
+            __GetDataset,
+            __SetDataset,
+            __AddDataset,
+            __GetDataByKey,
+            __ElementIsEqual,
+            __GetElementUniqueID,
+            __FirstElement,
+            __LastElement,
+            __NextElement,
+            __RemoveElement,
+            __ReplaceElement,
+            __SwapElement,
+            __SetCSSId,
+            __SetClasses: config.enableCSSSelector
+                ? __SetClasses
+                : ((element, classname) => {
+                    __SetClasses(element, classname);
+                    const el = element;
+                    wasmContext.update_css_og_style(el[uniqueIdSymbol], getAttribute(el, lynxEntryNameAttribute));
+                }),
+            __AddClass,
+            __AddConfig,
+            __UpdateComponentInfo,
+            __UpdateComponentID,
+            __MarkTemplateElement,
+            __MarkPartElement,
+            __GetTemplateParts,
+            __GetPageElement,
+            __InsertElementBefore,
+            __ReplaceElements,
+            // Context-Dependent Methods
+            __CreateView: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('x-view', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateText: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('x-text', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateImage: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('x-image', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateRawText: ((text) => {
+                const id = wasmContext.create_element('raw-text');
+                wasmContext.set_attribute(id, 'text', text);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateScrollView: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('scroll-view', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateElement: ((tagName, parentComponentUniqueId) => {
+                const htmlTag = LYNX_TAG_TO_HTML_TAG_MAP[tagName] ?? tagName;
+                const id = wasmContext.create_element(htmlTag, parentComponentUniqueId);
+                const el = { [uniqueIdSymbol]: id };
+                if (!config.enableCSSSelector) {
+                    wasmContext.set_attribute(id, 'l-uid', id.toString());
+                }
+                return el;
+            }),
+            __CreateComponent: ((parentComponentUniqueId, _componentID, _cssID, entryName, name) => {
+                const id = wasmContext.create_element('x-view', parentComponentUniqueId, _cssID, _componentID); // Component host
+                const el = { [uniqueIdSymbol]: id };
+                if (!config.enableCSSSelector) {
+                    wasmContext.set_attribute(id, 'l-uid', id.toString());
+                }
+                if (entryName) {
+                    wasmContext.set_attribute(id, 'lynx-entry-name', entryName);
+                }
+                if (name) {
+                    wasmContext.set_attribute(id, 'name', name);
+                }
+                return el;
+            }),
+            __CreateWrapperElement: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('lynx-wrapper', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreateList: ((parentComponentUniqueId) => {
+                const id = wasmContext.create_element('x-list', parentComponentUniqueId);
+                return { [uniqueIdSymbol]: id };
+            }),
+            __CreatePage: ((_componentID, _cssID) => {
+                const id = wasmContext.create_element('div', 0, _cssID, _componentID);
+                pageElementId = id;
+                const el = { [uniqueIdSymbol]: id };
+                if (!config.enableCSSSelector) {
+                    wasmContext.set_attribute(id, 'l-uid', id.toString());
+                }
+                wasmContext.set_attribute(id, 'part', 'page');
+                if (config.defaultDisplayLinear === false) {
+                    wasmContext.set_attribute(id, lynxDefaultDisplayLinearAttribute, 'false');
+                }
+                if (config.defaultOverflowVisible === true) {
+                    wasmContext.set_attribute(id, 'lynx-default-overflow-visible', 'true');
+                }
+                return el;
+            }),
+            __AppendElement: ((parent, child) => {
+                const parentId = getUniqueId(parent);
+                const childId = getUniqueId(child);
+                wasmContext.append_child(parentId, childId);
+            }),
+            __SetAttribute: ((element, name, value) => {
+                const el = element;
+                let valStr = '';
+                if (value == null) {
+                    valStr = '';
+                }
+                else {
+                    valStr = value.toString();
+                }
+                wasmContext.set_attribute(el[uniqueIdSymbol], name, valStr);
+            }),
+            __SetInlineStyles: ((element, value) => {
+                const uniqueId = element[uniqueIdSymbol];
+                if (!value) {
+                    wasmContext.remove_attribute(uniqueId, 'style');
+                }
+                else {
+                    if (typeof value === 'string') {
+                        if (!wasmContext.set_inline_styles_in_str(uniqueId, value)) {
+                            wasmContext.set_attribute(uniqueId, 'style', value);
+                        }
+                    }
+                    else if (!value) {
+                        wasmContext.remove_attribute(uniqueId, 'style');
+                    }
+                    else {
+                        wasmContext.get_inline_styles_in_key_value_vec(uniqueId, Object.entries(value).flat().map((item) => item.toString()));
+                    }
+                }
+            }),
+            __AddInlineStyle: ((element, key, value) => {
+                const uniqueId = element[uniqueIdSymbol];
+                if (typeof value != 'string') {
+                    value = value.toString();
+                }
+                if (typeof key === 'number') {
+                    return wasmContext.set_inline_styles_number_key(uniqueId, key, value);
+                }
+                else {
+                    return wasmContext.add_inline_style_raw_string_key(uniqueId, key.toString(), value);
+                }
+            }),
+            __FlushElementTree: (() => {
+                if (pageElementId !== undefined) {
+                    mtsBinding.ssrResult = wasmContext.generate_html(pageElementId);
+                }
+            }),
+            __SetID: ((element, id) => {
+                wasmContext.set_attribute(element[uniqueIdSymbol], 'id', id ?? '');
+            }),
+        },
+        wasmContext,
+    };
+}
+//# sourceMappingURL=createElementAPI.js.map

package/dist/server/elementAPIs/pureElementAPIs.d.ts

@@ -0,0 +1,38 @@
+import { uniqueIdSymbol } from '../../constants.js';
+import type { AddConfigPAPI, AddDatasetPAPI, AddEventPAPI, ElementIsEqualPAPI, FirstElementPAPI, GetChildrenPAPI, GetComponentIdPAPI, GetDataByKeyPAPI, GetDatasetPAPI, GetElementConfigPAPI, GetElementUniqueIDPAPI, GetEventPAPI, GetEventsPAPI, GetPageElementPAPI, GetParentPAPI, GetTemplatePartsPAPI, InsertElementBeforePAPI, LastElementPAPI, MarkPartElementPAPI, MarkTemplateElementPAPI, NextElementPAPI, RemoveElementPAPI, ReplaceElementPAPI, ReplaceElementsPAPI, SetConfigPAPI, SetDatasetPAPI, SetEventsPAPI, SwapElementPAPI, UpdateComponentIDPAPI, UpdateComponentInfoPAPI, UpdateListCallbacksPAPI } from '../../types/index.js';
+export interface ServerElement extends HTMLElement {
+    [uniqueIdSymbol]: number;
+}
+export declare function getUniqueId(element: unknown): number;
+export declare const __ElementIsEqual: ElementIsEqualPAPI;
+export declare const __GetElementUniqueID: GetElementUniqueIDPAPI;
+export declare const __GetParent: GetParentPAPI;
+export declare const __GetChildren: GetChildrenPAPI;
+export declare const __AddEvent: AddEventPAPI;
+export declare const __GetEvent: GetEventPAPI;
+export declare const __GetEvents: GetEventsPAPI;
+export declare const __SetEvents: SetEventsPAPI;
+export declare const __UpdateListCallbacks: UpdateListCallbacksPAPI;
+export declare const __GetConfig: GetElementConfigPAPI;
+export declare const __SetConfig: SetConfigPAPI;
+export declare const __GetElementConfig: GetElementConfigPAPI;
+export declare const __GetComponentID: GetComponentIdPAPI;
+export declare const __GetDataset: GetDatasetPAPI;
+export declare const __SetDataset: SetDatasetPAPI;
+export declare const __AddDataset: AddDatasetPAPI;
+export declare const __GetDataByKey: GetDataByKeyPAPI;
+export declare const __FirstElement: FirstElementPAPI;
+export declare const __LastElement: LastElementPAPI;
+export declare const __NextElement: NextElementPAPI;
+export declare const __RemoveElement: RemoveElementPAPI;
+export declare const __ReplaceElement: ReplaceElementPAPI;
+export declare const __SwapElement: SwapElementPAPI;
+export declare const __AddConfig: AddConfigPAPI;
+export declare const __UpdateComponentInfo: UpdateComponentInfoPAPI;
+export declare const __UpdateComponentID: UpdateComponentIDPAPI;
+export declare const __MarkTemplateElement: MarkTemplateElementPAPI;
+export declare const __MarkPartElement: MarkPartElementPAPI;
+export declare const __GetTemplateParts: GetTemplatePartsPAPI;
+export declare const __GetPageElement: GetPageElementPAPI;
+export declare const __InsertElementBefore: InsertElementBeforePAPI;
+export declare const __ReplaceElements: ReplaceElementsPAPI;

package/dist/server/elementAPIs/pureElementAPIs.js

@@ -0,0 +1,112 @@
+/*
+ * Copyright 2025 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 { uniqueIdSymbol } from '../../constants.js';
+export function getUniqueId(element) {
+    return element[uniqueIdSymbol];
+}
+export const __ElementIsEqual = (left, right) => {
+    if (left === right)
+        return true;
+    if (!left || !right)
+        return false;
+    return getUniqueId(left) === getUniqueId(right);
+};
+export const __GetElementUniqueID = (element) => {
+    return getUniqueId(element);
+};
+// Throwing/Stub Implementations
+export const __GetParent = (_element) => {
+    throw new Error('__GetParent is not implemented in SSR');
+};
+export const __GetChildren = (_element) => {
+    throw new Error('__GetChildren is not implemented in SSR');
+};
+export const __AddEvent = () => {
+    // Silent return for SSR compatibility
+};
+export const __GetEvent = () => {
+    throw new Error('__GetEvent is not implemented in SSR');
+};
+export const __GetEvents = () => {
+    throw new Error('__GetEvents is not implemented in SSR');
+};
+export const __SetEvents = () => {
+    throw new Error('__SetEvents is not implemented in SSR');
+};
+export const __UpdateListCallbacks = () => {
+    // No-op in SSR
+};
+// __GetConfig uses GetElementConfigPAPI
+export const __GetConfig = () => {
+    throw new Error('__GetConfig is not implemented in SSR');
+};
+export const __SetConfig = () => {
+    throw new Error('__SetConfig is not implemented in SSR');
+};
+export const __GetElementConfig = () => {
+    throw new Error('__GetElementConfig is not implemented in SSR');
+};
+export const __GetComponentID = () => {
+    throw new Error('__GetComponentID is not implemented in SSR');
+};
+export const __GetDataset = (_element) => {
+    throw new Error('__GetDataset is not implemented in SSR');
+};
+export const __SetDataset = (_element, _dataset) => {
+    throw new Error('__SetDataset is not implemented in SSR');
+};
+export const __AddDataset = (_element, _key, _value) => {
+    // No-op in SSR
+};
+export const __GetDataByKey = (_element, _key) => {
+    throw new Error('__GetDataByKey is not implemented in SSR');
+};
+export const __FirstElement = (_element) => {
+    throw new Error('__FirstElement is not implemented in SSR');
+};
+export const __LastElement = (_element) => {
+    throw new Error('__LastElement is not implemented in SSR');
+};
+export const __NextElement = (_element) => {
+    throw new Error('__NextElement is not implemented in SSR');
+};
+export const __RemoveElement = (_parent, _child) => {
+    throw new Error('__RemoveElement is not implemented in SSR');
+};
+export const __ReplaceElement = (_newEl, _oldEl) => {
+    throw new Error('__ReplaceElement is not implemented in SSR');
+};
+export const __SwapElement = (_a, _b) => {
+    throw new Error('__SwapElement is not implemented in SSR');
+};
+export const __AddConfig = () => {
+    throw new Error('__AddConfig is not implemented in SSR');
+};
+export const __UpdateComponentInfo = () => {
+    throw new Error('__UpdateComponentInfo is not implemented in SSR');
+};
+export const __UpdateComponentID = () => {
+    throw new Error('__UpdateComponentID is not implemented in SSR');
+};
+export const __MarkTemplateElement = () => {
+    throw new Error('__MarkTemplateElement is not implemented in SSR');
+};
+export const __MarkPartElement = () => {
+    throw new Error('__MarkPartElement is not implemented in SSR');
+};
+export const __GetTemplateParts = () => {
+    throw new Error('__GetTemplateParts is not implemented in SSR');
+};
+export const __GetPageElement = () => {
+    throw new Error('__GetPageElement is not implemented in SSR');
+};
+export const __InsertElementBefore = (_parent, _child, _ref) => {
+    throw new Error('__InsertElementBefore is not implemented in SSR');
+};
+export const __ReplaceElements = (_parent, _newChildren, _oldChildren) => {
+    throw new Error('__ReplaceElements is not implemented in SSR');
+};
+//# sourceMappingURL=pureElementAPIs.js.map

package/dist/server/index.d.ts

@@ -0,0 +1,4 @@
+export * from './wasm.js';
+export * from './elementAPIs/createElementAPI.js';
+export * from './deploy.js';
+export * from './decode.js';

package/dist/server/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright 2025 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.
+ */
+export * from './wasm.js';
+export * from './elementAPIs/createElementAPI.js';
+export * from './deploy.js';
+export * from './decode.js';
+//# sourceMappingURL=index.js.map

package/dist/server/wasm.d.ts

@@ -0,0 +1 @@
+export * from '../../binary/server/server.js';

package/dist/server/wasm.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright 2025 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.
+ */
+export * from '../../binary/server/server.js';
+//# sourceMappingURL=wasm.js.map

package/dist/types/DecodedTemplate.d.ts

@@ -1,7 +1,9 @@
 import type { PageConfig } from './PageConfig.js';
+import type { StyleSheetResource } from '../../binary/client/client.js';
 export interface DecodedTemplate {
     config?: PageConfig;
     lepusCode?: Record<string, string>;
     customSections?: Record<string, any>;
     backgroundCode?: Record<string, string>;
+    styleSheet?: StyleSheetResource;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core-wasm",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "This is an internal experimental package, do not use",
   "repository": {
     "type": "git",
@@ -21,11 +21,16 @@
       "import": "./dist/client/index.js",
       "default": "./dist/client/index.js"
     },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
     "./client.prod.js": {
-      "default": "./dist/client_prod/client.js"
+      "default": "./dist/client_prod/static/js/client.js"
     },
-    "./index.css": {
-      "default": "./css/index.css"
+    "./client.prod.css": {
+      "default": "./dist/client_prod/static/css/client.css"
     }
   },
   "main": "./dist/client/index.js",
@@ -51,26 +56,26 @@
     ]
   },
   "dependencies": {
-    "@lynx-js/web-elements": "0.11.1",
-    "@lynx-js/web-worker-rpc": "0.19.7"
+    "@lynx-js/web-elements": "0.11.3",
+    "@lynx-js/web-worker-rpc": "0.19.8"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",
-    "@rsbuild/core": "1.7.2",
-    "@rsbuild/plugin-eslint": "^1.2.0",
-    "@rsbuild/plugin-source-build": "1.0.3",
+    "@rsbuild/core": "1.7.3",
+    "@rsbuild/plugin-eslint": "1.2.1",
+    "@rsbuild/plugin-source-build": "1.0.4",
     "binaryen": "^125.0.0",
-    "eslint-plugin-compat": "^6.0.2",
+    "eslint-plugin-compat": "^6.2.0",
     "fb-dotslash": "^0.5.8",
     "jsdom": "^27.4.0",
     "tslib": "^2.8.1",
     "wasm-feature-detect": "^1.8.0",
-    "@lynx-js/css-serializer": "0.1.3"
+    "@lynx-js/css-serializer": "0.1.4"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.3",
     "tslib": "^2.5.0",
-    "@lynx-js/css-serializer": "0.1.3"
+    "@lynx-js/css-serializer": "0.1.4"
   },
   "peerDependenciesMeta": {
     "@lynx-js/css-serializer": {

package/dist/client_prod/static/css/async/web-elements.css

@@ -1 +0,0 @@
-@supports not ((content-visibility:auto) and (transition-behavior:allow-discrete) and (width:1rex)){*{--lynx-display:linear;--lynx-linear-weight-sum:1;--lynx-linear-weight:0;--justify-content-column:flex-start;--justify-content-column-reverse:flex-start;--justify-content-row:flex-start;--justify-content-row-reverse:flex-start;--align-self-row:auto;--align-self-column:auto;--lynx-linear-weight-basis:auto;--lynx-linear-orientation:vertical;--flex-direction:row;--flex-grow:0;--flex-shrink:1;--flex-basis:auto;--justify-content:flex-start;--flex-wrap:nowrap;--align-self:auto}[lynx-computed-display=linear]{flex-direction:column;justify-content:flex-start;flex-wrap:nowrap!important}[lynx-computed-display=flex]{flex-direction:var(--flex-direction);justify-content:var(--justify-content);flex-wrap:var(--flex-wrap)}[lynx-computed-display=flex]>*,[lynx-computed-display=flex]>lynx-wrapper>*{flex:var(--flex,var(--flex-grow)var(--flex-shrink)var(--flex-basis))}[lynx-computed-display=linear]>*,[lynx-computed-display=linear]>lynx-wrapper>*{flex-shrink:0!important;flex-grow:calc(var(--lynx-linear-weight)/calc(var(--lynx-linear-weight-sum) + ( 1 - clamp(0,var(--lynx-linear-weight-sum)*999999,1))))!important;flex-basis:var(--lynx-linear-weight-basis)!important}[lynx-computed-display=linear][lynx-linear-orientation=vertical]{justify-content:var(--justify-content-column);flex-direction:column!important}[lynx-computed-display=linear][lynx-linear-orientation=horizontal]{justify-content:var(--justify-content-row);flex-direction:row!important}[lynx-computed-display=linear][lynx-linear-orientation=vertical-reverse]{justify-content:var(--justify-content-column-reverse);flex-direction:column-reverse!important}[lynx-computed-display=linear][lynx-linear-orientation=horizontal-reverse]{justify-content:var(--justify-content-row-reverse);flex-direction:row-reverse!important}[lynx-computed-display=linear][lynx-linear-orientation=vertical]>*,[lynx-computed-display=linear][lynx-linear-orientation=vertical-reverse],[lynx-computed-display=linear][lynx-linear-orientation=vertical]>lynx-wrapper>*,[lynx-computed-display=linear][lynx-linear-orientation=vertical-reverse]>lynx-wrapper>*{align-self:var(--align-self-column)}[lynx-computed-display=linear][lynx-linear-orientation=horizontal]>*,[lynx-computed-display=linear][lynx-linear-orientation=horizontal-reverse],[lynx-computed-display=linear][lynx-linear-orientation=horizontal]>lynx-wrapper>*,[lynx-computed-display=linear][lynx-linear-orientation=horizontal-reverse]>lynx-wrapper>*{align-self:var(--align-self-row)}}