nodality 1.0.147 → 1.0.149
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 +99 -10
- 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.149
|
|
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.
|
|
@@ -284,11 +334,50 @@ export async function prerender({
|
|
|
284
334
|
// promise-based for full coverage.
|
|
285
335
|
await new Promise((resolve) => setImmediate(resolve));
|
|
286
336
|
|
|
337
|
+
// ─── Hydration handoff ──────────────────────────────────────────
|
|
338
|
+
//
|
|
339
|
+
// The runtime <script> tags from the template still load in the
|
|
340
|
+
// live browser — they're how interactivity (dropdowns, animations,
|
|
341
|
+
// language switching) reaches the user. But Nodality's `render()`
|
|
342
|
+
// primitive APPENDS to the mount target rather than replacing it.
|
|
343
|
+
// That means without intervention, the browser would parse the
|
|
344
|
+
// prerendered DOM (visible), then app.js would run and append a
|
|
345
|
+
// SECOND copy of every section beneath it. The user sees the
|
|
346
|
+
// page rendered twice, stacked.
|
|
347
|
+
//
|
|
348
|
+
// Fix: inject a tiny inline `<script>` right BEFORE the first
|
|
349
|
+
// runtime module script. The inline script empties the mount
|
|
350
|
+
// container so app.js starts with a clean slate. Bots that don't
|
|
351
|
+
// execute JS still see the prerendered content (SEO + social
|
|
352
|
+
// preview win preserved). Users with JS see the prerendered
|
|
353
|
+
// content as instant-paint, then a sub-frame later the inline
|
|
354
|
+
// script clears mount and app.js rebuilds — visually a brief
|
|
355
|
+
// flicker, no duplication.
|
|
356
|
+
//
|
|
357
|
+
// Why not just have app.js clear mount itself: nodality has no
|
|
358
|
+
// hook for "before first render" and the page entry scripts in
|
|
359
|
+
// every consumer would each need the same boilerplate. Doing it
|
|
360
|
+
// here, once, keeps consumers untouched.
|
|
361
|
+
if (mount) {
|
|
362
|
+
const firstRuntimeScript = window.document.querySelector(
|
|
363
|
+
'body script[type="module"][src], body script[src][type="module"]'
|
|
364
|
+
);
|
|
365
|
+
if (firstRuntimeScript) {
|
|
366
|
+
const clearScript = window.document.createElement("script");
|
|
367
|
+
// Inline (not type="module") so it executes synchronously,
|
|
368
|
+
// before any module scripts begin loading. Module scripts
|
|
369
|
+
// are always deferred, so the clear runs in the right order
|
|
370
|
+
// regardless of where it sits in the DOM relative to them.
|
|
371
|
+
clearScript.textContent =
|
|
372
|
+
`(function(){var m=document.querySelector(${JSON.stringify(mount)});if(m)m.innerHTML='';})();`;
|
|
373
|
+
firstRuntimeScript.parentNode.insertBefore(clearScript, firstRuntimeScript);
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
|
|
287
377
|
// Serialize the full document. `dom.serialize()` returns
|
|
288
378
|
// `<!DOCTYPE html><html>...</html>` including the template's
|
|
289
|
-
// head + the now-populated body
|
|
290
|
-
//
|
|
291
|
-
// re-execute app.js and re-mount on top of the static DOM.
|
|
379
|
+
// head + the now-populated body PLUS the hydration-clear script
|
|
380
|
+
// we injected above.
|
|
292
381
|
const rendered = dom.serialize();
|
|
293
382
|
|
|
294
383
|
// Ensure the output directory exists. Writing to a path like
|
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