// Build a faithful, self-contained static mirror of the live site from
// landing-rip/ (rendered.html + styles.css + assets + manifest.json).
// Output: public/landing/{index.html, styles.css, assets/*} — an exact 1:1 copy
// with all URLs localized and tracking/ad scripts stripped.
import fs from "node:fs";
import path from "node:path";
const RIP = "landing-rip";
const OUT = "public/landing";
const manifest = JSON.parse(fs.readFileSync(path.join(RIP, "manifest.json"), "utf8"));
// 1) copy assets ----------------------------------------------------------
fs.mkdirSync(path.join(OUT, "assets"), { recursive: true });
let copied = 0;
for (const f of fs.readdirSync(path.join(RIP, "assets"))) {
const src = path.join(RIP, "assets", f);
if (fs.statSync(src).isDirectory()) continue; // handle the optics sequence separately
fs.copyFileSync(src, path.join(OUT, "assets", f));
copied++;
}
// 1b) copy the lens-reveal frame sequence (#scrollanim canvas) -------------
const OPTICS_SRC = path.join(RIP, "assets", "optics-webp");
const OPTICS_DST = path.join(OUT, "optics");
let opticsFrames = 0;
if (fs.existsSync(OPTICS_SRC)) {
fs.mkdirSync(OPTICS_DST, { recursive: true });
for (const f of fs.readdirSync(OPTICS_SRC)) {
fs.copyFileSync(path.join(OPTICS_SRC, f), path.join(OPTICS_DST, f));
opticsFrames++;
}
}
// 1c) Lenis (smooth scroll) UMD bundle for the static mirror ---------------
try {
fs.copyFileSync("node_modules/lenis/dist/lenis.min.js", path.join(OUT, "lenis.min.js"));
} catch {}
// 2) build URL -> local map from manifest --------------------------------
// Map the full URL, the URL without query, the pathname, and the basename so we
// catch absolute, root-relative, and srcset references.
const map = new Map();
function addMapping(url, local) {
if (!url) return;
const noQuery = url.split("?")[0];
map.set(url, local);
map.set(noQuery, local);
try {
const u = new URL(url);
map.set(u.pathname, local);
map.set(u.pathname + u.search, local);
} catch {}
}
for (const [url, info] of Object.entries(manifest)) {
if (!info?.file) continue;
addMapping(url, "/landing/" + info.file); // info.file like "assets/008-asset.webp"
}
// Replace any known URL occurrences in a text blob. Longest keys first so a
// query-string URL isn't partially clobbered by its no-query variant.
const keys = [...map.keys()].sort((a, b) => b.length - a.length);
function localizeUrls(text) {
let out = text;
for (const k of keys) {
if (!k || k.length < 6) continue;
out = out.split(k).join(map.get(k));
}
return out;
}
// 3) rewrite styles.css ---------------------------------------------------
let css = fs.readFileSync(path.join(RIP, "styles.css"), "utf8");
css = localizeUrls(css);
// Best-effort: map any remaining /static/media/ by basename to an asset.
fs.writeFileSync(path.join(OUT, "styles.css"), css);
// 4) rewrite rendered.html -----------------------------------------------
let html = fs.readFileSync(path.join(RIP, "rendered.html"), "utf8");
// strip all `;
// Mobile nav: the live site's hamburger uses the custom "TOG" toggle framework,
// whose JS we strip — so on mobile the menu can't open. Inject a clean, on-brand,
// accessible overlay (real nav destinations) and wire it to the hamburger.
const mobileNav = `
`;
// Smooth scroll (Lenis) + eased anchor scrolling + soft scroll reveals.
// Reveals are visible-by-default (only hidden via JS, then animated in) so the
// page never ships blank without JS, and they honor prefers-reduced-motion.
const motionScript = `
`;
// Perf: load + play each background video only when it nears the viewport, and
// pause it when it leaves. Cuts initial load from ~3.8 MB to ~the hero video.
const lazyVideoScript = `
`;
html = html.replace(/<\/body>/i, `${lensScript}${mobileNav}${motionScript}${lazyVideoScript}