@lingxia/html 0.10.0 → 0.12.0

package/dist/global.es2020.js

@@ -156,11 +156,80 @@ var LingXiaPage = (function(exports) {
 		if (clean.length > 1) throw new Error(`Page action '${name}' accepts at most one payload argument`);
 		return clean[0];
 	}
+	const initialLayout = Object.freeze({
+		revision: 0,
+		topInset: 0,
+		bottomInset: 0,
+		capsuleRect: null,
+		capsuleInlineEndInset: 0
+	});
+	function shouldApplyPageChromeRevision(currentRevision, nextRevision) {
+		return nextRevision >= currentRevision;
+	}
+	function projectPageChromeLayout(layout) {
+		const root = document.documentElement;
+		root?.style.setProperty("--lx-page-chrome-top-inset", `${layout.topInset}px`);
+		root?.style.setProperty("--lx-page-chrome-bottom-inset", `${layout.bottomInset}px`);
+		root?.style.setProperty("--lx-page-chrome-capsule-inline-end-inset", `${layout.capsuleInlineEndInset}px`);
+	}
+	/** Read the latest realized page-chrome layout synchronously. */
+	function getPageChromeLayout() {
+		if (typeof window === "undefined") return initialLayout;
+		return installPageChromeRuntime()?.layout ?? initialLayout;
+	}
+	/** Subscribe to realized page-chrome layout changes. */
+	function subscribePageChromeLayout(listener) {
+		if (typeof window === "undefined") return () => {};
+		installPageChromeRuntime();
+		const handleChange = (event) => {
+			listener(event.detail);
+		};
+		window.addEventListener("lxpagechromechange", handleChange);
+		return () => window.removeEventListener("lxpagechromechange", handleChange);
+	}
+	/** Ensure browser previews have the same synchronous contract as native pages. */
+	function installPageChromeRuntime() {
+		if (typeof window === "undefined") return void 0;
+		if (window.lxPageChrome) return window.lxPageChrome;
+		let layout = initialLayout;
+		const api = Object.freeze({ get layout() {
+			return layout;
+		} });
+		Object.defineProperty(window, "lxPageChrome", {
+			configurable: false,
+			enumerable: true,
+			value: api
+		});
+		Object.defineProperty(window, "__lingxiaApplyPageChrome", {
+			configurable: false,
+			enumerable: false,
+			value(next, scheme) {
+				if (!shouldApplyPageChromeRevision(layout.revision, next.revision)) return;
+				const capsuleRect = next.capsuleRect ? Object.freeze({ ...next.capsuleRect }) : null;
+				layout = Object.freeze({
+					...next,
+					capsuleRect
+				});
+				projectPageChromeLayout(layout);
+				const root = document.documentElement;
+				if (root) {
+					root.style.colorScheme = scheme;
+					root.setAttribute("data-theme", scheme);
+				}
+				window.dispatchEvent(new CustomEvent("lxpagechromechange", { detail: layout }));
+			}
+		});
+		projectPageChromeLayout(initialLayout);
+		return api;
+	}
+	installPageChromeRuntime();
 	//#endregion
 	exports.getActions = getPageActions;
+	exports.getPageChromeLayout = getPageChromeLayout;
 	exports.getSnapshot = getPageSnapshot;
 	exports.getStateInfo = getPageStateInfo;
 	exports.subscribe = subscribePageData;
+	exports.subscribePageChromeLayout = subscribePageChromeLayout;
 	exports.subscribeSnapshot = subscribePageSnapshot;
 	return exports;
 })({});

package/dist/global.es5.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var LingXiaPage = (function (exports) {
     Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
     //#region dist/__page_runtime_runtime__.js
@@ -182,11 +193,83 @@ var LingXiaPage = (function (exports) {
             throw new Error("Page action '".concat(name, "' accepts at most one payload argument"));
         return clean[0];
     }
+    var initialLayout = Object.freeze({
+        revision: 0,
+        topInset: 0,
+        bottomInset: 0,
+        capsuleRect: null,
+        capsuleInlineEndInset: 0
+    });
+    function shouldApplyPageChromeRevision(currentRevision, nextRevision) {
+        return nextRevision >= currentRevision;
+    }
+    function projectPageChromeLayout(layout) {
+        var root = document.documentElement;
+        root === null || root === void 0 ? void 0 : root.style.setProperty("--lx-page-chrome-top-inset", "".concat(layout.topInset, "px"));
+        root === null || root === void 0 ? void 0 : root.style.setProperty("--lx-page-chrome-bottom-inset", "".concat(layout.bottomInset, "px"));
+        root === null || root === void 0 ? void 0 : root.style.setProperty("--lx-page-chrome-capsule-inline-end-inset", "".concat(layout.capsuleInlineEndInset, "px"));
+    }
+    /** Read the latest realized page-chrome layout synchronously. */
+    function getPageChromeLayout() {
+        var _a, _b;
+        if (typeof window === "undefined")
+            return initialLayout;
+        return (_b = (_a = installPageChromeRuntime()) === null || _a === void 0 ? void 0 : _a.layout) !== null && _b !== void 0 ? _b : initialLayout;
+    }
+    /** Subscribe to realized page-chrome layout changes. */
+    function subscribePageChromeLayout(listener) {
+        if (typeof window === "undefined")
+            return function () { };
+        installPageChromeRuntime();
+        var handleChange = function (event) {
+            listener(event.detail);
+        };
+        window.addEventListener("lxpagechromechange", handleChange);
+        return function () { return window.removeEventListener("lxpagechromechange", handleChange); };
+    }
+    /** Ensure browser previews have the same synchronous contract as native pages. */
+    function installPageChromeRuntime() {
+        if (typeof window === "undefined")
+            return void 0;
+        if (window.lxPageChrome)
+            return window.lxPageChrome;
+        var layout = initialLayout;
+        var api = Object.freeze({ get layout() {
+                return layout;
+            } });
+        Object.defineProperty(window, "lxPageChrome", {
+            configurable: false,
+            enumerable: true,
+            value: api
+        });
+        Object.defineProperty(window, "__lingxiaApplyPageChrome", {
+            configurable: false,
+            enumerable: false,
+            value: function (next, scheme) {
+                if (!shouldApplyPageChromeRevision(layout.revision, next.revision))
+                    return;
+                var capsuleRect = next.capsuleRect ? Object.freeze(__assign({}, next.capsuleRect)) : null;
+                layout = Object.freeze(__assign(__assign({}, next), { capsuleRect: capsuleRect }));
+                projectPageChromeLayout(layout);
+                var root = document.documentElement;
+                if (root) {
+                    root.style.colorScheme = scheme;
+                    root.setAttribute("data-theme", scheme);
+                }
+                window.dispatchEvent(new CustomEvent("lxpagechromechange", { detail: layout }));
+            }
+        });
+        projectPageChromeLayout(initialLayout);
+        return api;
+    }
+    installPageChromeRuntime();
     //#endregion
     exports.getActions = getPageActions;
+    exports.getPageChromeLayout = getPageChromeLayout;
     exports.getSnapshot = getPageSnapshot;
     exports.getStateInfo = getPageStateInfo;
     exports.subscribe = subscribePageData;
+    exports.subscribePageChromeLayout = subscribePageChromeLayout;
     exports.subscribeSnapshot = subscribePageSnapshot;
     return exports;
 })({});

package/dist/index.d.ts

@@ -1 +1,3 @@
-export { getPageActions as getActions, getPageSnapshot as getSnapshot, getPageStateInfo as getStateInfo, subscribePageData as subscribe, subscribePageSnapshot as subscribeSnapshot, type ActionMap, type Snapshot, } from "@lingxia/page-runtime";
+export { getPageChromeLayout, getPageActions as getActions, getPageSnapshot as getSnapshot, getPageStateInfo as getStateInfo, subscribePageData as subscribe, subscribePageChromeLayout, subscribePageSnapshot as subscribeSnapshot, type ActionMap, type Snapshot, } from "@lingxia/page-runtime";
+export type { LxPageChrome, PageChromeLayoutListener, PageChromeLayoutSnapshot, PageChromeRect, } from "@lingxia/page-runtime";
+export { getDisplayLanguage, subscribeDisplayLanguage, } from "@lingxia/bridge";

package/dist/index.js

@@ -1 +1,2 @@
-export { getPageActions as getActions, getPageSnapshot as getSnapshot, getPageStateInfo as getStateInfo, subscribePageData as subscribe, subscribePageSnapshot as subscribeSnapshot, } from "@lingxia/page-runtime";
+export { getPageChromeLayout, getPageActions as getActions, getPageSnapshot as getSnapshot, getPageStateInfo as getStateInfo, subscribePageData as subscribe, subscribePageChromeLayout, subscribePageSnapshot as subscribeSnapshot, } from "@lingxia/page-runtime";
+export { getDisplayLanguage, subscribeDisplayLanguage, } from "@lingxia/bridge";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxia/html",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "private": false,
   "description": "LingXia HTML runtime for lxapp pages",
   "type": "module",
@@ -21,11 +21,13 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@lingxia/page-runtime": "^0.10.0"
+    "@lingxia/bridge": "~0.12.0",
+    "@lingxia/page-runtime": "~0.12.0"
   },
   "devDependencies": {
+    "@lingxia/bridge": "file:../lingxia-bridge",
     "@lingxia/page-runtime": "file:../lingxia-page-runtime",
-    "rolldown": "^1.0.0-rc.13",
+    "rolldown": "^1.2.4",
     "typescript": "^5.7.2"
   },
   "files": [