@iyulab/modern-app 0.19.2 → 0.19.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.19.3] - 2026-09-13
+
+### Fixed
+
+- **The "shell has no sized ancestor" dev-mode warning was a complete no-op** — its own guard used
+  `import.meta.env.DEV`, which Vite resolves statically at this package's own build time, so the
+  published dist always shipped with the check baked to `false` and the warning removed entirely
+  by dead-code elimination. Replaced with `process.env.NODE_ENV !== 'production'`. The
+  `@iyulab/components` peer floor moves to `>=1.40.3`, which fixes the identical defect in the
+  shared `createDevWarner` helper this warning calls into — installing 0.19.3 without that
+  components fix would still produce no warning.
+
 ## [0.19.2] - 2026-09-13
 
 ### Changed

package/dist/layouts/SidebarLayout.js

@@ -19,17 +19,16 @@ import { ifDefined as h } from "lit/directives/if-defined.js";
 import { createDevWarner as g } from "@iyulab/components/dist/utilities/devWarning.js";
 import { UProgressBar as _ } from "@iyulab/components/dist/components/progress-bar/UProgressBar.js";
 //#region src/layouts/SidebarLayout.ts
-g("@iyulab/modern-app");
-var v = 0;
-function y(e) {
+var v = g("@iyulab/modern-app"), y = 0;
+function b(e) {
 	let t = e.tagName;
 	if (t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable) return !0;
 	let n = e.getAttribute("role");
 	return n === "textbox" || n === "searchbox" || n === "combobox" || n === "spinbutton";
 }
-var b = class extends i {
+var x = class extends i {
 	constructor(...t) {
-		super(...t), this.state = "default", this.locale = "", this.context = null, this.unsizedWarnKey = `unsized:${++v}`, this.isMatchedLink = (e) => !this.context || !e ? !1 : (e = typeof e == "string" ? new URLPattern(e, window.location.origin) : e, e.test(this.context.path, window.location.origin)), this.handleBrandLogoClick = (t) => () => {
+		super(...t), this.state = "default", this.locale = "", this.context = null, this.unsizedWarnKey = `unsized:${++y}`, this.isMatchedLink = (e) => !this.context || !e ? !1 : (e = typeof e == "string" ? new URLPattern(e, window.location.origin) : e, e.test(this.context.path, window.location.origin)), this.handleBrandLogoClick = (t) => () => {
 			e.navigate(t ?? "");
 		}, this.handleToggleButtonClick = () => {
 			let t = e.screen ?? "large";
@@ -52,7 +51,7 @@ var b = class extends i {
 			}, 300);
 		}, this._handleMainKeydown = (e) => {
 			let t = e.composedPath()[0];
-			if (t instanceof HTMLElement && y(t)) return;
+			if (t instanceof HTMLElement && b(t)) return;
 			let n = this.shadowRoot?.querySelector(".main");
 			if (!n) return;
 			let r = n.clientHeight;
@@ -102,7 +101,13 @@ var b = class extends i {
 	firstUpdated(e) {
 		super.firstUpdated(e), this.warnIfUnsized();
 	}
-	warnIfUnsized() {}
+	warnIfUnsized() {
+		process.env.NODE_ENV !== "production" && requestAnimationFrame(() => {
+			if (!this.isConnected) return;
+			let e = this.getBoundingClientRect().height;
+			e >= 200 || v(this.unsizedWarnKey, `u-sidebar-layout is only ${Math.round(e)}px tall — its height: 100% found no sized ancestor, so the shell sits at its own chrome height and the route area has almost no room. Give the root element a height (e.g. #app { height: 100vh } — app.load() does this for document.body).`);
+		});
+	}
 	render() {
 		return this.config ? s`
       <!-- Mobile Header -->
@@ -252,6 +257,6 @@ var b = class extends i {
 r([u({
 	type: String,
 	reflect: !0
-}), n("design:type", Object)], b.prototype, "state", void 0), r([u({ type: Object }), n("design:type", Object)], b.prototype, "config", void 0), r([u({ type: String }), n("design:type", Object)], b.prototype, "locale", void 0), r([d("u-progress-bar"), n("design:type", _ === void 0 ? Object : _)], b.prototype, "progressBarEl", void 0), r([f(), n("design:type", Object)], b.prototype, "context", void 0), b = r([l("u-sidebar-layout")], b);
+}), n("design:type", Object)], x.prototype, "state", void 0), r([u({ type: Object }), n("design:type", Object)], x.prototype, "config", void 0), r([u({ type: String }), n("design:type", Object)], x.prototype, "locale", void 0), r([d("u-progress-bar"), n("design:type", _ === void 0 ? Object : _)], x.prototype, "progressBarEl", void 0), r([f(), n("design:type", Object)], x.prototype, "context", void 0), x = r([l("u-sidebar-layout")], x);
 //#endregion
-export { b as SidebarLayout };
+export { x as SidebarLayout };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/modern-app",
   "description": "web-framework by iyulab based on lit-element",
-  "version": "0.19.2",
+  "version": "0.19.3",
   "keywords": [
     "iyulab",
     "web-framework",
@@ -65,7 +65,7 @@
     "lit": "^3.3.3"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=1.40.2",
+    "@iyulab/components": ">=1.40.3",
     "@lit/react": ">=1.0.8",
     "react": ">=18.0.0"
   },