multiclone 0.2.1 → 0.3.0

package/dist/project/convert/scripts.js

@@ -0,0 +1,214 @@
+import { writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+import { ensureDir } from '../../core/files.js';
+import { attr, decodeEntities } from './html.js';
+const TRACKING = /googletagmanager|google-analytics|googlesyndication|doubleclick|googleadservices|gtag\(|\bfbq\(|connect\.facebook|facebook\.net|hotjar|clarity\.ms|segment\.(?:com|io)|cdn\.segment|mixpanel|amplitude|posthog|plausible\.io|fullstory|heapanalytics|intercom|hs-scripts|hs-analytics|hsforms|hubspot|snap\.licdn|linkedin\.com\/(?:insight|px)|ads-twitter|static\.ads|analytics\.tiktok|tiktok\.com\/i18n\/pixel|redditstatic|reddit\.com\/pixel|bat\.bing|cookiebot|onetrust|cookielaw|osano|termly|iubenda|usercentrics|cookieyes|consentmanager|cookie-?script|vwo\.|optimizely|newrelic|nr-data|browser\.sentry|sentry-cdn|datadoghq|rudderstack|klaviyo|crisp\.chat|js\.driftt|zdassets|zendesk|quora\.com\/_\/ad|pinimg\.com\/ct|matomo|umami\.|_vercel\/insights|_vercel\/speed-insights|vercel-insights|cloudflareinsights|beacon\.min\.js|gstatic\.com\/recaptcha|recaptcha\/api|hcaptcha|leadfeeder|lfeeder|apollo\.io|clearbit|6sc\.co|zoominfo|g2crowd|capterra|trustpilot\.com\/bootstrap|chatwidget|tawk\.to|livechatinc|olark|qualified\.com|chilipiper|rb2b|warmly|vector\.co/i;
+/** App runtimes that would try to own the page; their bundles are dropped, libraries kept. */
+const FRAMEWORKS = new Set([
+    'nextjs',
+    'remix',
+    'nuxt',
+    'gatsby',
+    'react',
+    'vue',
+    'svelte',
+    'angular',
+    'framer',
+    'wix',
+]);
+const LIBRARY = /gsap|scrolltrigger|scrollsmoother|splittext|lenis|locomotive|lottie|bodymovin|swiper|splide|glide|flickity|slick|three(?:\.module)?(?:\.min)?\.js|\/three@|ogl|pixi|rive|spline|anime(?:\.min)?\.js|aos(?:\.min)?\.js|barba|swup|typed|splitting|jquery|webflow|finsweet|fs-|alpine|matter|p5|tsparticles|particles|motion(?:\.min)?\.js|popmotion|vanilla-tilt|tilt|plyr|vimeo|youtube|mux|hls/i;
+const DATA_TYPES = /^(application\/(ld\+)?json|text\/(x-)?template|text\/html|text\/x-handlebars|importmap|speculationrules)$/i;
+/** Decides which original scripts the clone runs and writes local copies into public/. */
+export async function planScripts(input) {
+    const framework = input.stack.some((id) => FRAMEWORKS.has(id));
+    const pageOrigin = new URL(input.pageUrl).origin;
+    const bodies = new Map(input.network.filter((entry) => entry.file).map((entry) => [entry.url, entry]));
+    const scripts = [];
+    const dropped = [];
+    const outDir = join(input.project, 'public', ...input.publicDir.split('/'));
+    let index = 0;
+    for (const element of input.elements) {
+        const type = (attr(element, 'type') ?? '').trim().toLowerCase();
+        const rawSrc = attr(element, 'src');
+        const text = decodeEntities(element.children.map((child) => (child.kind === 'text' ? child.raw : '')).join(''));
+        const attrs = keptAttributes(element);
+        if (type && DATA_TYPES.test(type)) {
+            if (type === 'importmap' || type === 'speculationrules')
+                continue;
+            if (text.trim())
+                scripts.push({ text, type, ...(Object.keys(attrs).length ? { attrs } : {}) });
+            continue;
+        }
+        const module = type === 'module';
+        if (type && !module && !/javascript|ecmascript|^text\/babel$/.test(type)) {
+            dropped.push({ reason: `type ${type}`, what: rawSrc ?? 'inline script' });
+            continue;
+        }
+        let url = null;
+        if (rawSrc) {
+            try {
+                url = new URL(rawSrc, input.pageUrl);
+            }
+            catch {
+                dropped.push({ reason: 'bad URL', what: rawSrc });
+                continue;
+            }
+        }
+        const what = url?.href ?? `inline script: ${text.trim().slice(0, 60)}`;
+        if (TRACKING.test(url?.href ?? '') || (!url && TRACKING.test(text.slice(0, 4000)))) {
+            dropped.push({ reason: 'tracking or consent', what });
+            continue;
+        }
+        if (framework && !LIBRARY.test(url?.pathname ?? text.slice(0, 2000))) {
+            const sameOrigin = url ? url.origin === pageOrigin : true;
+            if (sameOrigin || module) {
+                dropped.push({ reason: 'framework app code (the React clone replaces it)', what });
+                continue;
+            }
+        }
+        index++;
+        const order = String(index).padStart(2, '0');
+        const base = {
+            ...(module ? { type: 'module' } : {}),
+            ...(Object.keys(attrs).length ? { attrs } : {}),
+        };
+        if (!url) {
+            if (!text.trim())
+                continue;
+            const name = `${order}-inline.js`;
+            await ensureDir(outDir);
+            await writeFile(join(outDir, name), `${text.trim()}\n`);
+            scripts.push({ src: `/${input.publicDir}/${name}`, ...base });
+            continue;
+        }
+        const async = element.attrs.some(([key]) => key.toLowerCase() === 'async');
+        const entry = bodies.get(url.href);
+        const body = entry?.file ? await input.readBody(entry.file) : null;
+        // Modules import siblings by relative URL; a lone copy would break them, so they load from the original.
+        const portable = body !== null && !(module && /\bimport\s*[({"'\w*]|\bfrom\s*["']/.test(body));
+        if (portable) {
+            const name = `${order}-${fileName(url)}`;
+            await ensureDir(outDir);
+            await writeFile(join(outDir, name), body);
+            scripts.push({ src: `/${input.publicDir}/${name}`, ...base, ...(async ? { async } : {}) });
+        }
+        else if (/^(localhost|127\.|0\.0\.0\.0|\[::1\])/.test(url.hostname)) {
+            dropped.push({ reason: 'points at the original developer machine', what });
+        }
+        else {
+            scripts.push({ src: url.href, ...base, ...(async ? { async } : {}) });
+        }
+    }
+    return { scripts, kept: scripts.length, dropped };
+}
+/** Attributes scripts read about themselves (data-* config, id); src/type/async are handled apart. */
+function keptAttributes(element) {
+    const out = {};
+    for (const [rawName, value] of element.attrs) {
+        const name = rawName.toLowerCase();
+        if ([
+            'src',
+            'type',
+            'async',
+            'defer',
+            'integrity',
+            'nonce',
+            'crossorigin',
+            'referrerpolicy',
+        ].includes(name))
+            continue;
+        if (/^[a-z_][\w\-:.]*$/.test(name))
+            out[name] = decodeEntities(value);
+    }
+    return out;
+}
+function fileName(url) {
+    const last = url.pathname.split('/').filter(Boolean).pop() ?? 'script';
+    const clean = last.replace(/[^a-zA-Z0-9._-]+/g, '_').slice(0, 60) || 'script';
+    return clean.endsWith('.js') || clean.endsWith('.mjs') ? clean : `${clean}.js`;
+}
+/** Browser helper written into the clone: applies <html>/<body> attributes and runs the scripts. */
+export const RUNTIME_SOURCE = `/**
+ * Runs the original site's scripts on the converted page, in their original order, after React
+ * has rendered the markup they expect. Generated by multiclone; keep it while the page still uses
+ * the site's own JS. Replace a script with real React code section by section, then remove it.
+ */
+export interface OriginalScript {
+  readonly src?: string;
+  readonly text?: string;
+  readonly type?: string;
+  readonly async?: boolean;
+  readonly attrs?: Readonly<Record<string, string>>;
+}
+
+export interface OriginalPage {
+  /** Attributes of the original <html> and <body> (Webflow ids, theme classes). */
+  readonly html: Readonly<Record<string, string>>;
+  readonly body: Readonly<Record<string, string>>;
+  readonly scripts: readonly OriginalScript[];
+}
+
+type Marked = Window & { __multicloneRan?: Set<string> };
+
+function applyAttributes(target: HTMLElement, attrs: Readonly<Record<string, string>>): void {
+  for (const [name, value] of Object.entries(attrs)) {
+    if (name === 'class') target.classList.add(...value.split(/\\s+/).filter(Boolean));
+    else target.setAttribute(name, value);
+  }
+}
+
+/** Inline handlers (onclick=...) were kept as data-mc-on* attributes; put them back. */
+function restoreHandlers(): void {
+  for (const element of Array.from(document.body.querySelectorAll('*'))) {
+    for (const { name, value } of Array.from(element.attributes)) {
+      if (name.startsWith('data-mc-on')) element.setAttribute(name.slice(8), value);
+    }
+  }
+}
+
+function load(script: OriginalScript): Promise<void> {
+  return new Promise((resolve) => {
+    const element = document.createElement('script');
+    for (const [name, value] of Object.entries(script.attrs ?? {})) element.setAttribute(name, value);
+    if (script.type) element.type = script.type;
+    if (script.text !== undefined) {
+      element.text = script.text;
+      document.body.appendChild(element);
+      resolve();
+      return;
+    }
+    if (!script.src) {
+      resolve();
+      return;
+    }
+    element.async = script.async === true;
+    element.src = script.src;
+    element.addEventListener('load', () => {
+      resolve();
+    });
+    element.addEventListener('error', () => {
+      console.warn('[multiclone] original script failed to load:', script.src);
+      resolve();
+    });
+    document.body.appendChild(element);
+    if (script.async === true) resolve();
+  });
+}
+
+/** Runs once per page load (StrictMode re-runs effects; scripts must not run twice). */
+export async function runOriginalPage(key: string, page: OriginalPage): Promise<void> {
+  const marked = window as Marked;
+  const ran = (marked.__multicloneRan ??= new Set<string>());
+  if (ran.has(key)) return;
+  ran.add(key);
+  applyAttributes(document.documentElement, page.html);
+  applyAttributes(document.body, page.body);
+  restoreHandlers();
+  for (const script of page.scripts) await load(script);
+  // Code that waits for these events missed them while the bundle loaded; replay them once.
+  document.dispatchEvent(new Event('DOMContentLoaded', { bubbles: true }));
+  window.dispatchEvent(new Event('load'));
+  window.dispatchEvent(new Event('resize'));
+}
+`;
+//# sourceMappingURL=scripts.js.map

package/dist/project/convert/scripts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts.js","sourceRoot":"","sources":["../../../src/project/convert/scripts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAoB,MAAM,WAAW,CAAC;AAmBnE,MAAM,QAAQ,GACZ,kiCAAkiC,CAAC;AAEriC,8FAA8F;AAC9F,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC;IACzB,QAAQ;IACR,OAAO;IACP,MAAM;IACN,QAAQ;IACR,OAAO;IACP,KAAK;IACL,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,KAAK;CACN,CAAC,CAAC;AACH,MAAM,OAAO,GACX,kYAAkY,CAAC;AACrY,MAAM,UAAU,GACd,4GAA4G,CAAC;AAc/G,0FAA0F;AAC1F,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAkB;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IACjD,MAAM,MAAM,GAAG,IAAI,GAAG,CACpB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAC/E,CAAC;IACF,MAAM,OAAO,GAAqB,EAAE,CAAC;IACrC,MAAM,OAAO,GAAuC,EAAE,CAAC;IACvD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5E,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAChE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACpC,MAAM,IAAI,GAAG,cAAc,CACzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACnF,CAAC;QACF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,kBAAkB;gBAAE,SAAS;YAClE,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAChF,SAAS;QACX,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC;QACjC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACzE,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,IAAI,eAAe,EAAE,CAAC,CAAC;YAC1E,SAAS;QACX,CAAC;QACD,IAAI,GAAG,GAAe,IAAI,CAAC;QAC3B,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC;gBACH,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;gBAClD,SAAS;YACX,CAAC;QACH,CAAC;QACD,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,kBAAkB,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;QACvE,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACnF,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAAC;YACtD,SAAS;QACX,CAAC;QACD,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YACrE,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1D,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC;gBACzB,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,kDAAkD,EAAE,IAAI,EAAE,CAAC,CAAC;gBACnF,SAAS;YACX,CAAC;QACH,CAAC;QACD,KAAK,EAAE,CAAC;QACR,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG;YACX,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACrC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAChD,CAAC;QACF,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAAE,SAAS;YAC3B,MAAM,IAAI,GAAG,GAAG,KAAK,YAAY,CAAC;YAClC,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;YACxB,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACxD,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;YAC9D,SAAS;QACX,CAAC;QACD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,CAAC;QAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACnE,yGAAyG;QACzG,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,oCAAoC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/F,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,GAAG,KAAK,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACzC,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;YACxB,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;YAC1C,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC7F,CAAC;aAAM,IAAI,uCAAuC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtE,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,0CAA0C,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7E,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IACD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACpD,CAAC;AAED,sGAAsG;AACtG,SAAS,cAAc,CAAC,OAAoB;IAC1C,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,KAAK,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;QACnC,IACE;YACE,KAAK;YACL,MAAM;YACN,OAAO;YACP,OAAO;YACP,WAAW;YACX,OAAO;YACP,aAAa;YACb,gBAAgB;SACjB,CAAC,QAAQ,CAAC,IAAI,CAAC;YAEhB,SAAS;QACX,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,QAAQ,CAAC,GAAQ;IACxB,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC;IACvE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC;IAC9E,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC;AACjF,CAAC;AAED,oGAAoG;AACpG,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkF7B,CAAC"}

package/dist/project/convert/styles.js

@@ -0,0 +1,228 @@
+import { parseCss, printCss, rewriteCssUrls, ruleOwner, selectorTokens, SHARED, splitSelectors, } from './css.js';
+import { attr, decodeEntities } from './html.js';
+/** Collects the page's real CSS, points its URLs at local copies, and splits it by section. */
+export async function buildStyles(input) {
+    const bodies = new Map(input.network.filter((entry) => entry.file).map((entry) => [entry.url, entry]));
+    const remote = [];
+    const imports = [];
+    let sheets = 0;
+    const rewrite = (css, base) => rewriteCssUrls(css, (raw) => {
+        let absolute;
+        try {
+            absolute = new URL(raw, base).href;
+        }
+        catch {
+            return null;
+        }
+        return input.local(absolute) ?? absolute;
+    });
+    const load = async (url, depth) => {
+        const entry = bodies.get(url);
+        const body = entry?.file ? await input.readBody(entry.file) : null;
+        if (body === null)
+            return null;
+        return inlineImports(body, url, depth);
+    };
+    const inlineImports = async (css, base, depth) => {
+        let out = '';
+        let last = 0;
+        for (const match of css.matchAll(/@import\s+(?:url\(\s*)?(["']?)([^"')\s;]+)\1\s*\)?([^;]*);/gi)) {
+            out += css.slice(last, match.index);
+            last = match.index + match[0].length;
+            let url;
+            try {
+                url = new URL(match[2] ?? '', base).href;
+            }
+            catch {
+                continue;
+            }
+            const media = (match[3] ?? '').trim();
+            const inner = depth < 4 ? await load(url, depth + 1) : null;
+            if (inner === null) {
+                imports.push(`@import url('${url}')${media ? ` ${media}` : ''};`);
+                continue;
+            }
+            out += media ? `@media ${media} {\n${inner}\n}` : inner;
+        }
+        return rewrite(out + css.slice(last), base);
+    };
+    const chunks = [];
+    for (const element of input.elements) {
+        if (element.tag === 'style') {
+            const text = decodeEntities(element.children.map((child) => (child.kind === 'text' ? child.raw : '')).join(''));
+            const media = attr(element, 'media');
+            const css = await inlineImports(text, input.pageUrl, 0);
+            chunks.push(wrapMedia(css, media));
+            sheets++;
+            continue;
+        }
+        const rel = (attr(element, 'rel') ?? '').toLowerCase().split(/\s+/);
+        const href = attr(element, 'href');
+        const asStyle = rel.includes('preload') && (attr(element, 'as') ?? '') === 'style';
+        if ((!rel.includes('stylesheet') && !asStyle) || rel.includes('alternate') || !href)
+            continue;
+        let url;
+        try {
+            url = new URL(href, input.pageUrl).href;
+        }
+        catch {
+            continue;
+        }
+        const css = await load(url, 0);
+        if (css === null) {
+            remote.push(url);
+            imports.push(`@import url('${url}');`);
+            continue;
+        }
+        // media="print" + onload swap is the async-CSS trick: the sheet applies to every medium.
+        const media = attr(element, 'media');
+        const lazy = media === 'print' && (attr(element, 'onload') ?? '').includes('media');
+        chunks.push(wrapMedia(css, lazy ? null : media));
+        sheets++;
+    }
+    const rules = throughMountPoint(parseCss(chunks.join('\n\n')));
+    const decide = ownership(rules, input.elementsTokens);
+    const shared = [];
+    const sections = new Map();
+    let moved = 0;
+    let kept = 0;
+    const place = (rule, owner, wrap) => {
+        if (owner === SHARED) {
+            shared.push(wrap(rule));
+            kept++;
+            return;
+        }
+        moved++;
+        const list = sections.get(owner) ?? [];
+        sections.set(owner, list);
+        list.push(wrap(rule));
+    };
+    for (const rule of rules) {
+        if (rule.children && /^@(media|supports|container)\b/i.test(rule.prelude)) {
+            for (const child of rule.children) {
+                const owner = child.children ? SHARED : (decide.get(child) ?? SHARED);
+                place(child, owner, (inner) => ({ ...rule, children: [inner] }));
+            }
+            continue;
+        }
+        place(rule, rule.children ? SHARED : (decide.get(rule) ?? SHARED), (inner) => inner);
+    }
+    const header = imports.length ? `${[...new Set(imports)].join('\n')}\n\n` : '';
+    return {
+        base: `${header}${printCss(mergeAdjacent(shared))}\n`,
+        sections: new Map([...sections].map(([owner, list]) => [owner, `${printCss(mergeAdjacent(list))}\n`])),
+        sheets,
+        remote,
+        moved,
+        kept,
+    };
+}
+function wrapMedia(css, media) {
+    const query = media?.trim();
+    return query && query.toLowerCase() !== 'all' ? `@media ${query} {\n${css}\n}` : css;
+}
+/** Re-joins consecutive copies of the same @media block that splitting broke apart. */
+function mergeAdjacent(rules) {
+    const out = [];
+    for (const rule of rules) {
+        const prev = out[out.length - 1];
+        if (prev?.children && rule.children && prev.prelude === rule.prelude) {
+            out[out.length - 1] = { ...prev, children: [...prev.children, ...rule.children] };
+        }
+        else
+            out.push(rule);
+    }
+    return out;
+}
+/**
+ * Section owner of every style rule (top level and inside @media/@supports). A rule moves into
+ * its section only when no shared rule after it could hit the same elements: section sheets load
+ * after the shared one, so moving such a rule would flip which declaration wins.
+ */
+function ownership(rules, elements) {
+    const owners = new Map();
+    const byToken = new Map();
+    for (const element of elements) {
+        for (const token of element.tokens) {
+            const set = owners.get(token) ?? new Set();
+            owners.set(token, set);
+            set.add(element.owner);
+            const list = byToken.get(token) ?? [];
+            byToken.set(token, list);
+            list.push(element);
+        }
+    }
+    const flat = [];
+    for (const rule of rules) {
+        if (rule.children && /^@(media|supports|container)\b/i.test(rule.prelude)) {
+            for (const child of rule.children)
+                if (!child.children)
+                    flat.push(child);
+        }
+        else if (!rule.children && !rule.prelude.startsWith('@'))
+            flat.push(rule);
+    }
+    const decided = new Map();
+    const laterTokens = new Set();
+    const laterTags = new Set();
+    for (let i = flat.length - 1; i >= 0; i--) {
+        const rule = flat[i];
+        if (!rule || rule.prelude.startsWith('@'))
+            continue;
+        let owner = ruleOwner(rule.prelude, owners);
+        const selectors = splitSelectors(rule.prelude);
+        const tokens = selectors.flatMap(selectorTokens);
+        if (owner !== SHARED) {
+            for (const token of tokens) {
+                for (const element of byToken.get(token) ?? []) {
+                    if (laterTags.has('*') ||
+                        laterTags.has(element.tag) ||
+                        element.tokens.some((t) => laterTokens.has(t)))
+                        owner = SHARED;
+                    if (owner === SHARED)
+                        break;
+                }
+                if (owner === SHARED)
+                    break;
+            }
+        }
+        decided.set(rule, owner);
+        if (owner === SHARED) {
+            for (const token of tokens)
+                laterTokens.add(token);
+            for (const selector of selectors) {
+                if (selectorTokens(selector).length)
+                    continue;
+                const subject = subjectTag(selector);
+                if (subject && subject !== 'html' && subject !== 'body' && subject !== ':root')
+                    laterTags.add(subject);
+            }
+        }
+    }
+    return decided;
+}
+/** Tag of a selector's last compound (`nav a:hover` → `a`); `*` when it has none. */
+function subjectTag(selector) {
+    const stripped = selector
+        .replace(/:[\w-]+\((?:[^()]|\([^()]*\))*\)/g, '')
+        .replace(/\[[^\]]*\]/g, '');
+    const last = stripped
+        .split(/\s*[>+~]\s*|\s+/)
+        .filter(Boolean)
+        .pop() ?? '';
+    if (last.startsWith(':root'))
+        return ':root';
+    const tag = /^([a-zA-Z][\w-]*|\*)/.exec(last)?.[1];
+    return tag ? tag.toLowerCase() : '*';
+}
+/** `body > .page` must still match now that the page renders inside the clone's #mc-root. */
+function throughMountPoint(rules) {
+    return rules.map((rule) => {
+        if (rule.children)
+            return { ...rule, children: throughMountPoint(rule.children) };
+        if (rule.prelude.startsWith('@') || !/\bbody\s*>/.test(rule.prelude))
+            return rule;
+        return { ...rule, prelude: rule.prelude.replace(/\bbody\s*>\s*/g, 'body > #mc-root > ') };
+    });
+}
+//# sourceMappingURL=styles.js.map

package/dist/project/convert/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/project/convert/styles.ts"],"names":[],"mappings":"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"}

package/dist/project/convert/write.js

@@ -0,0 +1,142 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+import { format } from 'prettier';
+import { ensureDir, readJson, writeJson } from '../../core/files.js';
+/** Prettier with the clone's settings; unformattable input is written as is. */
+export async function pretty(source, parser) {
+    try {
+        return await format(source, {
+            parser,
+            singleQuote: true,
+            trailingComma: 'all',
+            printWidth: 100,
+        });
+    }
+    catch {
+        return source;
+    }
+}
+export function sectionSource(options) {
+    const imports = [
+        options.cssProperties ? "import type { CSSProperties } from 'react';" : '',
+        options.css ? `import './${options.name}.css';` : '',
+    ].filter(Boolean);
+    return `// Converted by multiclone from ${options.origin} (section "${options.label.replace(/\n/g, ' ')}").
+// Original markup and class names; its styles are in ${options.css ? `./${options.name}.css and ` : ''}src/styles/original. Polish it, don't redraw it.
+${imports.join('\n')}
+
+export function ${options.name}() {
+  return (
+    <>
+      ${options.jsx}
+    </>
+  );
+}
+`;
+}
+export function pageSource(options) {
+    const sections = options.sections
+        .map((name) => `import { ${name} } from '@/sections/${options.slug}/${name}/${name}';`)
+        .join('\n');
+    return `// Page converted by multiclone from ${options.origin}. Sections live in src/sections/${options.slug};
+// the original site's scripts run from src/original/${options.slug}.ts until they are rewritten in React.
+import '@/styles/original/${options.slug}/base.css';
+import { useEffect${options.cssProperties ? ', type CSSProperties' : ''} } from 'react';
+import { runOriginalPage } from '@/lib/original';
+import { original } from '@/original/${options.slug}';
+${sections}
+
+export function ${options.name}() {
+  useEffect(() => {
+    void runOriginalPage(${JSON.stringify(options.route)}, original);
+  }, []);
+  return (
+    <>
+      ${options.jsx}
+    </>
+  );
+}
+`;
+}
+export function originalSource(page) {
+    return `// The original page's <html>/<body> attributes and scripts, in document order. Generated by multiclone.
+import type { OriginalPage } from '@/lib/original';
+
+export const original: OriginalPage = ${JSON.stringify(page, null, 2)};
+`;
+}
+/** Declares tags React's types do not know (custom elements like dotlottie-player). */
+export async function writeElementTypes(project, tags) {
+    const file = join(project, 'src', 'original', 'elements.d.ts');
+    const existing = await readFile(file, 'utf8').catch(() => '');
+    const all = new Set(tags);
+    for (const match of existing.matchAll(/^\s+'([^']+)': Loose;$/gm))
+        if (match[1])
+            all.add(match[1]);
+    if (!all.size)
+        return;
+    const lines = [...all].sort().map((tag) => `      '${tag}': Loose;`);
+    await ensureDir(join(project, 'src', 'original'));
+    await writeFile(file, `// Tags from the original page that React's types do not list. Generated by multiclone.
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type Loose = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & Record<string, unknown>;
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+${lines.join('\n')}
+    }
+  }
+}
+`);
+}
+/** Keeps the list of converted pages and regenerates src/app/routes.ts (one lazy chunk per page). */
+export async function registerPages(project, entries) {
+    const file = join(project, '.multiclone', 'pages.json');
+    const taken = new Set(entries.map((entry) => entry.route));
+    const pages = (await readJson(file).catch(() => [])).filter((page) => !taken.has(page.route));
+    pages.push(...entries);
+    pages.sort((a, b) => a.route.localeCompare(b.route));
+    await writeJson(file, pages);
+    const components = new Map(pages.map((page) => [page.component, page.file]));
+    const lazies = [...components]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([component, path]) => `const ${component} = lazy(() => import('${path}').then((module) => ({ default: module.${component} })));`)
+        .join('\n');
+    const routes = pages
+        .map((page) => `  ${JSON.stringify(page.route)}: ${page.component},`)
+        .join('\n');
+    await writeFile(join(project, 'src', 'app', 'routes.ts'), await pretty(`// Generated by multiclone: one entry per converted page. Each page loads as its own chunk,
+// so one page's original CSS never leaks into another.
+import { lazy, type ComponentType } from 'react';
+
+${lazies}
+
+export const routes: Partial<Record<string, ComponentType>> = {
+${routes}
+};
+`, 'typescript'));
+}
+/** App shell for converted pages: no extra smooth-scroll layer, the site's own scripts own scrolling. */
+export async function writeApp(project) {
+    await writeFile(join(project, 'src', 'app', 'App.tsx'), await pretty(`import { Suspense } from 'react';
+import { Page } from '@/app/Page';
+import { routes } from '@/app/routes';
+
+// Links are plain anchors (full page loads), so the route is read once per load.
+const path = window.location.pathname.replace(/\\/+$/, '') || '/';
+const Current = routes[path] ?? Page;
+
+export function App() {
+  return (
+    <Suspense fallback={null}>
+      <Current />
+    </Suspense>
+  );
+}
+`, 'typescript'));
+    // The template reset and the old drawn draft would fight the original CSS; keep fonts and tokens.
+    await writeFile(join(project, 'src', 'styles', 'index.css'), "@import './fonts.css';\n@import './tokens.css';\n");
+}
+//# sourceMappingURL=write.js.map

package/dist/project/convert/write.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"write.js","sourceRoot":"","sources":["../../../src/project/convert/write.ts"],"names":[],"mappings":"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"}