nodality 1.0.147 → 1.0.148
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/layout/animator.js +1 -1
- package/layout/audio.js +1 -1
- package/layout/audionew.js +1 -1
- package/layout/base-2.js +1 -1
- package/layout/base.js +1 -1
- package/layout/beta-desktop-bar.js +1 -1
- package/layout/beta-mobile-bar.js +1 -1
- package/layout/box.js +1 -1
- package/layout/button.js +1 -1
- package/layout/cards.js +1 -1
- package/layout/center.js +1 -1
- package/layout/checkbox.js +1 -1
- package/layout/circle.js +1 -1
- package/layout/clean-row.js +1 -1
- package/layout/code.js +1 -1
- package/layout/container.js +1 -1
- package/layout/custom.js +1 -1
- package/layout/div-image.js +1 -1
- package/layout/dropdown-2025.js +1 -1
- package/layout/dropdown.js +1 -1
- package/layout/empty-element.js +1 -1
- package/layout/external-stylesheet.js +1 -1
- package/layout/flex-card.js +1 -1
- package/layout/flex-grid.js +1 -1
- package/layout/flex-row.js +1 -1
- package/layout/footer.js +1 -1
- package/layout/form-components/custom.js +1 -1
- package/layout/form-components/data-list.js +1 -1
- package/layout/form-components/floating-input.js +1 -1
- package/layout/form-components/form-all.js +1 -1
- package/layout/form-components/form.js +1 -1
- package/layout/form-components/image-picker.js +1 -1
- package/layout/form-components/picker.js +1 -1
- package/layout/form-components/radio.js +1 -1
- package/layout/form-components/radiogroup.js +1 -1
- package/layout/form-components/range.js +1 -1
- package/layout/free.js +1 -1
- package/layout/grid-new.js +1 -1
- package/layout/grid-switcher.js +1 -1
- package/layout/grid.js +1 -1
- package/layout/group.js +1 -1
- package/layout/header.js +1 -1
- package/layout/horizontal-scroller.js +1 -1
- package/layout/image-old.js +1 -1
- package/layout/image.js +1 -1
- package/layout/index.js +1 -1
- package/layout/label.js +1 -1
- package/layout/link.js +1 -1
- package/layout/list-OLD.js +1 -1
- package/layout/list.js +1 -1
- package/layout/meta-adder.js +1 -1
- package/layout/modal-2025.js +1 -1
- package/layout/modernwrap.js +1 -1
- package/layout/multiswitcher.js +1 -1
- package/layout/multiswitcherBeta.js +1 -1
- package/layout/nav-bar.js +1 -1
- package/layout/nav-factor/custom-div.js +1 -1
- package/layout/navBar-OLD.js +1 -1
- package/layout/new-flat-adder.js +1 -1
- package/layout/new-nav-bar.js +1 -1
- package/layout/offset-container.js +1 -1
- package/layout/polygon.js +1 -1
- package/layout/prerender.js +57 -7
- package/layout/progress.js +1 -1
- package/layout/row.js +1 -1
- package/layout/saved-new-nav-bar.js +1 -1
- package/layout/scroll-video.js +1 -1
- package/layout/side-bar.js +1 -1
- package/layout/side-nav-bar.js +1 -1
- package/layout/simple-bar.js +1 -1
- package/layout/slider-2025.js +1 -1
- package/layout/spacer.js +1 -1
- package/layout/stack.js +1 -1
- package/layout/styler.js +1 -1
- package/layout/svg.js +1 -1
- package/layout/switcher.js +1 -1
- package/layout/table.js +1 -1
- package/layout/text-field.js +1 -1
- package/layout/text.js +1 -1
- package/layout/ulist.js +1 -1
- package/layout/video.js +1 -1
- package/layout/without-new.js +1 -1
- package/layout/wrap.js +1 -1
- package/layout/zoom-card.js +1 -1
- package/lib/card-getter.js +1 -1
- package/lib/designer.js +1 -1
- package/lib/element-mapper.js +1 -1
- package/lib/keyframe-animation.js +1 -1
- package/lib/link-getter.js +1 -1
- package/lib/scroll-video.js +1 -1
- package/lib/stacker.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/transform-anim.js +1 -1
- package/package.json +1 -1
package/layout/animator.js
CHANGED
package/layout/audio.js
CHANGED
package/layout/audionew.js
CHANGED
package/layout/base-2.js
CHANGED
package/layout/base.js
CHANGED
package/layout/box.js
CHANGED
package/layout/button.js
CHANGED
package/layout/cards.js
CHANGED
package/layout/center.js
CHANGED
package/layout/checkbox.js
CHANGED
package/layout/circle.js
CHANGED
package/layout/clean-row.js
CHANGED
package/layout/code.js
CHANGED
package/layout/container.js
CHANGED
package/layout/custom.js
CHANGED
package/layout/div-image.js
CHANGED
package/layout/dropdown-2025.js
CHANGED
package/layout/dropdown.js
CHANGED
package/layout/empty-element.js
CHANGED
package/layout/flex-card.js
CHANGED
package/layout/flex-grid.js
CHANGED
package/layout/flex-row.js
CHANGED
package/layout/footer.js
CHANGED
package/layout/free.js
CHANGED
package/layout/grid-new.js
CHANGED
package/layout/grid-switcher.js
CHANGED
package/layout/grid.js
CHANGED
package/layout/group.js
CHANGED
package/layout/header.js
CHANGED
package/layout/image-old.js
CHANGED
package/layout/image.js
CHANGED
package/layout/index.js
CHANGED
package/layout/label.js
CHANGED
package/layout/link.js
CHANGED
package/layout/list-OLD.js
CHANGED
package/layout/list.js
CHANGED
package/layout/meta-adder.js
CHANGED
package/layout/modal-2025.js
CHANGED
package/layout/modernwrap.js
CHANGED
package/layout/multiswitcher.js
CHANGED
package/layout/nav-bar.js
CHANGED
package/layout/navBar-OLD.js
CHANGED
package/layout/new-flat-adder.js
CHANGED
package/layout/new-nav-bar.js
CHANGED
package/layout/polygon.js
CHANGED
package/layout/prerender.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.148
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -93,6 +93,15 @@ import path from "node:path";
|
|
|
93
93
|
* @param {string} [opts.url="http://localhost/"] — Base URL for the jsdom
|
|
94
94
|
* window. Affects `window.location`, relative-URL resolution, and the
|
|
95
95
|
* `Document.URL` your code may read.
|
|
96
|
+
* @param {{ width?: number, height?: number }} [opts.viewport={width:390,height:844}]
|
|
97
|
+
* — Simulated viewport dimensions. Drives `window.innerWidth`,
|
|
98
|
+
* `window.innerHeight`, and the response of `window.matchMedia()`
|
|
99
|
+
* to viewport queries like `(min-width: 768px)`. Default is mobile
|
|
100
|
+
* (iPhone 12-ish: 390×844) so JS-driven responsive layouts (e.g.
|
|
101
|
+
* `Switcher({ breakpoints })`) emit the MOBILE variant during SSG.
|
|
102
|
+
* That's the "mobile-first" pattern — phones see the right layout
|
|
103
|
+
* immediately, desktop users see the mobile layout briefly until
|
|
104
|
+
* JS rehydrates with the desktop variant.
|
|
96
105
|
* @param {(window: Window) => (void | Promise<void>)} opts.build —
|
|
97
106
|
* Async function that runs inside the simulated browser. Receives the
|
|
98
107
|
* jsdom `window` object. Should construct the page via Nodality
|
|
@@ -110,6 +119,7 @@ export async function prerender({
|
|
|
110
119
|
locale,
|
|
111
120
|
localStorageKey = "h7lang",
|
|
112
121
|
url = "http://localhost/",
|
|
122
|
+
viewport = { width: 390, height: 844 },
|
|
113
123
|
build,
|
|
114
124
|
output,
|
|
115
125
|
}) {
|
|
@@ -191,18 +201,58 @@ export async function prerender({
|
|
|
191
201
|
disconnect() {}
|
|
192
202
|
};
|
|
193
203
|
}
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
204
|
+
// Simulated viewport. jsdom's defaults are 1024×768 — we override
|
|
205
|
+
// with the caller-provided (or default mobile) dimensions so JS-
|
|
206
|
+
// driven responsive layouts pick the right variant during SSG.
|
|
207
|
+
//
|
|
208
|
+
// `innerWidth` / `innerHeight` are read by code like
|
|
209
|
+
// `Switcher.choose()` that compares `window.innerWidth` against
|
|
210
|
+
// each breakpoint's `at` value. They must be defined as values
|
|
211
|
+
// (not getters) so subsequent assignments don't throw.
|
|
212
|
+
const vw = (viewport && Number(viewport.width)) || 390;
|
|
213
|
+
const vh = (viewport && Number(viewport.height)) || 844;
|
|
214
|
+
try {
|
|
215
|
+
Object.defineProperty(window, "innerWidth", { value: vw, configurable: true, writable: true });
|
|
216
|
+
Object.defineProperty(window, "innerHeight", { value: vh, configurable: true, writable: true });
|
|
217
|
+
Object.defineProperty(window, "outerWidth", { value: vw, configurable: true, writable: true });
|
|
218
|
+
Object.defineProperty(window, "outerHeight", { value: vh, configurable: true, writable: true });
|
|
219
|
+
} catch {
|
|
220
|
+
// jsdom version that freezes these — fall back to direct assignment.
|
|
221
|
+
try { window.innerWidth = vw; window.innerHeight = vh; } catch {}
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
// Replace jsdom's matchMedia (which returns matches:false for every
|
|
225
|
+
// query) with a viewport-aware shim that resolves CSS `(min-width:
|
|
226
|
+
// N)` / `(max-width: N)` against the simulated width. This lets
|
|
227
|
+
// matchMedia-driven responsive code (and Nodality's Switcher
|
|
228
|
+
// matchMedia path) pick the right branch during SSG.
|
|
229
|
+
//
|
|
230
|
+
// We override unconditionally — jsdom's default is too permissive
|
|
231
|
+
// for our purposes since it answers `false` for every viewport
|
|
232
|
+
// query, defeating the mobile-first goal.
|
|
233
|
+
window.matchMedia = (query) => {
|
|
234
|
+
let matches = false;
|
|
235
|
+
if (typeof query === "string" && query.includes("width")) {
|
|
236
|
+
// Parse a single "(min-width: 768px)" or "(max-width: 768px)"
|
|
237
|
+
// clause. Multi-clause queries (commas, `and`) fall through to
|
|
238
|
+
// false — Nodality's breakpoint code doesn't emit those.
|
|
239
|
+
const min = query.match(/min-width:\s*(\d+)\s*px/i);
|
|
240
|
+
const max = query.match(/max-width:\s*(\d+)\s*px/i);
|
|
241
|
+
if (min && !max) matches = vw >= Number(min[1]);
|
|
242
|
+
else if (max && !min) matches = vw <= Number(max[1]);
|
|
243
|
+
// Both present (range) or other → leave as false.
|
|
244
|
+
}
|
|
245
|
+
return {
|
|
246
|
+
matches,
|
|
247
|
+
media: query || "",
|
|
198
248
|
onchange: null,
|
|
199
249
|
addListener() {},
|
|
200
250
|
removeListener() {},
|
|
201
251
|
addEventListener() {},
|
|
202
252
|
removeEventListener() {},
|
|
203
253
|
dispatchEvent() { return false; },
|
|
204
|
-
}
|
|
205
|
-
}
|
|
254
|
+
};
|
|
255
|
+
};
|
|
206
256
|
// Some libraries probe these for code-splitting / analytics. Stub
|
|
207
257
|
// them as harmless no-ops so the builder doesn't crash; the live
|
|
208
258
|
// browser still uses the real implementations.
|
package/layout/progress.js
CHANGED
package/layout/row.js
CHANGED
package/layout/scroll-video.js
CHANGED
package/layout/side-bar.js
CHANGED
package/layout/side-nav-bar.js
CHANGED
package/layout/simple-bar.js
CHANGED
package/layout/slider-2025.js
CHANGED
package/layout/spacer.js
CHANGED
package/layout/stack.js
CHANGED
package/layout/styler.js
CHANGED
package/layout/svg.js
CHANGED
package/layout/switcher.js
CHANGED
package/layout/table.js
CHANGED
package/layout/text-field.js
CHANGED
package/layout/text.js
CHANGED
package/layout/ulist.js
CHANGED
package/layout/video.js
CHANGED
package/layout/without-new.js
CHANGED
package/layout/wrap.js
CHANGED
package/layout/zoom-card.js
CHANGED
package/lib/card-getter.js
CHANGED
package/lib/designer.js
CHANGED
package/lib/element-mapper.js
CHANGED
package/lib/link-getter.js
CHANGED
package/lib/scroll-video.js
CHANGED
package/lib/stacker.js
CHANGED
package/lib/theme.js
CHANGED
package/lib/transform-anim.js
CHANGED