@lynx-js/web-constants 0.15.1 → 0.15.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @lynx-js/web-constants
 
+## 0.15.2
+
+### Patch Changes
+
+- feat: move SSR hydrate essential info to the ssr attribute ([#1292](https://github.com/lynx-family/lynx-stack/pull/1292))
+
+  We found that in browser there is no simple tool to decode a base64 string
+
+  Therefore we move the data to `ssr` attribute
+
+  Also fix some ssr issues
+
+- feat: support \_\_MarkTemplateElement, \_\_MarkPartElement and \_\_GetTemplateParts for all-on-ui ([#1275](https://github.com/lynx-family/lynx-stack/pull/1275))
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.15.2
+
 ## 0.15.1
 
 ### Patch Changes

package/dist/constants.d.ts

@@ -6,6 +6,8 @@ export declare const lynxTagAttribute: "lynx-tag";
 export declare const lynxDatasetAttribute: "l-dset";
 export declare const lynxComponentConfigAttribute: "l-comp-cfg";
 export declare const lynxDisposedAttribute: "l-disposed";
+export declare const lynxElementTemplateMarkerAttribute: "l-template";
+export declare const lynxPartIdAttribute: "l-part";
 export declare const lynxDefaultDisplayLinearAttribute: "lynx-default-display-linear";
 export declare const lynxDefaultOverflowVisibleAttribute: "lynx-default-overflow-visible";
 export declare const __lynx_timing_flag: "__lynx_timing_flag";

package/dist/constants.js

@@ -9,6 +9,8 @@ export const lynxTagAttribute = 'lynx-tag';
 export const lynxDatasetAttribute = 'l-dset';
 export const lynxComponentConfigAttribute = 'l-comp-cfg';
 export const lynxDisposedAttribute = 'l-disposed';
+export const lynxElementTemplateMarkerAttribute = 'l-template';
+export const lynxPartIdAttribute = 'l-part';
 export const lynxDefaultDisplayLinearAttribute = 'lynx-default-display-linear';
 export const lynxDefaultOverflowVisibleAttribute = 'lynx-default-overflow-visible';
 export const __lynx_timing_flag = '__lynx_timing_flag';

package/dist/types/Element.d.ts

@@ -35,6 +35,7 @@ export interface ElementAnimationOptions {
     timingOptions?: Record<string, any>;
 }
 export interface WebFiberElementImpl {
+    querySelectorAll?: (selectors: string) => WebFiberElementImpl[];
     getAttributeNames: () => string[];
     getAttribute: (name: string) => string | null;
     setAttribute: (name: string, value: string) => void;

package/dist/types/MainThreadGlobalThis.d.ts

@@ -25,7 +25,7 @@ export type SetEventsPAPI = (element: WebFiberElementImpl, listeners: {
 export type AppendElementPAPI = (parent: WebFiberElementImpl, child: WebFiberElementImpl) => void;
 export type ElementIsEqualPAPI = (left: WebFiberElementImpl, right: WebFiberElementImpl) => boolean;
 export type FirstElementPAPI = (element: WebFiberElementImpl) => WebFiberElementImpl | null;
-export type GetChildrenPAPI = (element: WebFiberElementImpl) => WebFiberElementImpl[];
+export type GetChildrenPAPI = (element: WebFiberElementImpl) => WebFiberElementImpl[] | null;
 export type GetParentPAPI = (element: WebFiberElementImpl) => WebFiberElementImpl | null;
 export type InsertElementBeforePAPI = (parent: WebFiberElementImpl, child: WebFiberElementImpl, ref?: WebFiberElementImpl | null) => WebFiberElementImpl;
 export type LastElementPAPI = (element: WebFiberElementImpl) => WebFiberElementImpl | null;
@@ -75,11 +75,16 @@ export type AddInlineStylePAPI = (element: WebFiberElementImpl, key: number | st
 export type SetInlineStylesPAPI = (element: WebFiberElementImpl, value: string | Record<string, string> | undefined) => void;
 export type SetCSSIdPAPI = (elements: WebFiberElementImpl[], cssId: number | null) => void;
 export type GetPageElementPAPI = () => WebFiberElementImpl | undefined;
-export type GetTemplatePartsPAPI = (templateElement: WebFiberElementImpl) => Record<string, WebFiberElementImpl> | undefined;
+export type MarkTemplateElementPAPI = (element: WebFiberElementImpl) => void;
+export type MarkPartElementPAPI = (element: WebFiberElementImpl, partId: string) => void;
+export type GetTemplatePartsPAPI = (templateElement: WebFiberElementImpl) => Record<string, WebFiberElementImpl>;
 interface JSErrorInfo {
     release: string;
 }
 export interface MainThreadGlobalThis {
+    __GetTemplateParts?: GetTemplatePartsPAPI;
+    __MarkPartElement: MarkPartElementPAPI;
+    __MarkTemplateElement: MarkTemplateElementPAPI;
     __AddEvent: AddEventPAPI;
     __GetEvent: GetEventPAPI;
     __GetEvents: GetEventsPAPI;
@@ -130,14 +135,13 @@ export interface MainThreadGlobalThis {
     __SetInlineStyles: SetInlineStylesPAPI;
     __SetCSSId: SetCSSIdPAPI;
     __GetPageElement: GetPageElementPAPI;
-    __GetTemplateParts: GetTemplatePartsPAPI;
     __globalProps: unknown;
     SystemInfo: typeof systemInfo;
     globalThis?: MainThreadGlobalThis;
     lynx: MainThreadLynx;
     processData?: ProcessDataCallback;
     ssrEncode?: () => string;
-    ssrHydrate?: (encodeData?: string) => void;
+    ssrHydrate?: (encodeData?: string | null) => void;
     _ReportError: (error: Error, _: unknown) => void;
     _SetSourceMapRelease: (errInfo: JSErrorInfo) => void;
     __OnLifecycleEvent: (lifeCycleEvent: Cloneable) => void;

package/dist/types/SSR.d.ts

@@ -0,0 +1,22 @@
+import type { WebFiberElementImpl } from './Element.js';
+import type { AddEventPAPI } from './MainThreadGlobalThis.js';
+export type SSREventReplayInfo = [
+    number,
+    Parameters<AddEventPAPI>[1],
+    Parameters<AddEventPAPI>[2],
+    Parameters<AddEventPAPI>[3]
+];
+export type SSRDumpInfo = {
+    ssrEncodeData: string | null | undefined;
+    events: SSREventReplayInfo[];
+};
+export interface SSRHydrateInfo extends SSRDumpInfo {
+    /** WeakRef<Element> */
+    lynxUniqueIdToElement: WeakRef<WebFiberElementImpl>[];
+    /** for cssog */
+    lynxUniqueIdToStyleRulesIndex: number[];
+    cardStyleElement: HTMLStyleElement | null;
+}
+export type SSRDehydrateHooks = {
+    __AddEvent: AddEventPAPI;
+};

package/dist/types/SSR.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SSR.js.map

package/dist/types/index.d.ts

@@ -18,3 +18,4 @@ export * from './MainThreadLynx.js';
 export * from './I18n.js';
 export * from './BackThreadStartConfigs.js';
 export * from './MarkTiming.js';
+export * from './SSR.js';

package/dist/types/index.js

@@ -18,4 +18,5 @@ export * from './MainThreadLynx.js';
 export * from './I18n.js';
 export * from './BackThreadStartConfigs.js';
 export * from './MarkTiming.js';
+export * from './SSR.js';
 //# sourceMappingURL=index.js.map

package/dist/utils/generateTemplate.js

@@ -62,6 +62,10 @@ const mainThreadInjectVars = [
     'SystemInfo',
     '_I18nResourceTranslation',
     '_AddEventListener',
+    '__GetTemplateParts',
+    '__MarkPartElement',
+    '__MarkTemplateElement',
+    '__GetPageElement',
 ];
 const backgroundInjectVars = [
     'NativeModules',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-constants",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,7 +23,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-worker-rpc": "0.15.1"
+    "@lynx-js/web-worker-rpc": "0.15.2"
   },
   "devDependencies": {
     "@lynx-js/offscreen-document": "0.1.3"