multiclone 0.0.0-stage → 0.2.0

package/dist/domain/stack.js

@@ -0,0 +1,342 @@
+/** What multiclone recognises and how to rebuild each one. Order is the report order. */
+export const RULES = [
+    {
+        id: 'nextjs',
+        label: 'Next.js',
+        kind: 'framework',
+        globals: ['__NEXT_DATA__'],
+        url: /\/_next\//,
+        advice: 'Page data often sits in __NEXT_DATA__ or the RSC payload; mine it for typed content.',
+    },
+    {
+        id: 'remix',
+        label: 'Remix / React Router',
+        kind: 'framework',
+        globals: ['__remixContext', '__reactRouterContext'],
+        advice: 'Route and island props live in window.__remixContext; extract them as typed content.',
+    },
+    {
+        id: 'nuxt',
+        label: 'Nuxt',
+        kind: 'framework',
+        globals: ['__NUXT__'],
+        url: /\/_nuxt\//,
+        advice: 'Content is in window.__NUXT__; port Vue components to React by behaviour.',
+    },
+    {
+        id: 'gatsby',
+        label: 'Gatsby',
+        kind: 'framework',
+        globals: ['___gatsby'],
+        advice: 'Static React output; page-data JSON files hold the content.',
+    },
+    {
+        id: 'astro',
+        label: 'Astro',
+        kind: 'framework',
+        markers: ['astro'],
+        advice: 'Mostly static HTML with islands; rebuild islands as lazy React components.',
+    },
+    {
+        id: 'react',
+        label: 'React',
+        kind: 'framework',
+        markers: ['react'],
+        advice: 'Component boundaries usually follow the original DOM sections.',
+    },
+    {
+        id: 'vue',
+        label: 'Vue',
+        kind: 'framework',
+        markers: ['vue'],
+        text: /__VUE__|vue\.runtime/,
+        advice: 'Port components to React hooks; Vue <Transition> classes map to CSS transitions.',
+    },
+    {
+        id: 'svelte',
+        label: 'Svelte',
+        kind: 'framework',
+        markers: ['svelte'],
+        advice: 'Svelte transitions compile to CSS keyframes; copy them from the captured styles.',
+    },
+    {
+        id: 'angular',
+        label: 'Angular',
+        kind: 'framework',
+        markers: ['angular'],
+        advice: 'Angular animations compile to WAAPI; read them from the motion map.',
+    },
+    {
+        id: 'webflow',
+        label: 'Webflow',
+        kind: 'platform',
+        globals: ['Webflow'],
+        markers: ['webflow'],
+        text: /data-w-id|webflow\.js|"ix2"/,
+        advice: 'IX2 interactions are inline transforms driven by scroll and hover. Reuse the compiled Webflow CSS and rebuild interactions from the motion map.',
+    },
+    {
+        id: 'framer',
+        label: 'Framer',
+        kind: 'platform',
+        markers: ['framer'],
+        url: /framerusercontent\.com/,
+        advice: 'Appear and scroll effects map to motion/react whileInView and useScroll/useTransform.',
+    },
+    {
+        id: 'shopify',
+        label: 'Shopify storefront',
+        kind: 'platform',
+        globals: ['Shopify'],
+        url: /cdn\.shopify\.com/,
+        advice: 'Theme sections map one-to-one to components; product data is static in the capture.',
+    },
+    {
+        id: 'wordpress',
+        label: 'WordPress',
+        kind: 'platform',
+        url: /\/wp-content\/|\/wp-includes\//,
+        advice: 'Theme CSS is usually reusable; plugins add jQuery-driven effects.',
+    },
+    {
+        id: 'squarespace',
+        label: 'Squarespace',
+        kind: 'platform',
+        globals: ['Squarespace'],
+        url: /squarespace(-cdn)?\.com/,
+        advice: 'Section animations are class toggles on scroll; reproduce with IntersectionObserver.',
+    },
+    {
+        id: 'wix',
+        label: 'Wix',
+        kind: 'platform',
+        globals: ['wixBiSession'],
+        url: /parastorage\.com|wixstatic\.com/,
+        advice: 'Absolute-positioned layout; rebuild responsive layout by hand from screenshots.',
+    },
+    {
+        id: 'gsap',
+        label: 'GSAP',
+        kind: 'animation',
+        globals: ['gsap'],
+        text: /gsap\.(to|from|timeline)\(|GreenSock|_gsScope/,
+        advice: 'Use gsap (npm) in useLayoutEffect with gsap.context() cleanup. Rebuild timelines from the motion map and the captured scripts.',
+    },
+    {
+        id: 'scrolltrigger',
+        label: 'GSAP ScrollTrigger',
+        kind: 'scroll',
+        globals: ['ScrollTrigger'],
+        text: /ScrollTrigger/,
+        advice: 'Pinned and scrubbed sections: register ScrollTrigger and match start/end from the motion map (where values begin and stop changing).',
+    },
+    {
+        id: 'scrollsmoother',
+        label: 'GSAP ScrollSmoother',
+        kind: 'scroll',
+        globals: ['ScrollSmoother'],
+        text: /ScrollSmoother/,
+        advice: 'Smooth wrapper/content transform; Lenis is a free equivalent for the feel.',
+    },
+    {
+        id: 'lenis',
+        label: 'Lenis smooth scroll',
+        kind: 'scroll',
+        globals: ['lenis'],
+        text: /lenis|__lenis/i,
+        advice: 'Add lenis with a requestAnimationFrame loop; keep native scroll authoritative so CSS scroll timelines still work.',
+    },
+    {
+        id: 'locomotive',
+        label: 'Locomotive Scroll',
+        kind: 'scroll',
+        globals: ['LocomotiveScroll'],
+        markers: ['locomotive'],
+        text: /locomotive-scroll|LocomotiveScroll/,
+        advice: 'data-scroll-speed parallax; rebuild with Lenis + scroll-linked transforms.',
+    },
+    {
+        id: 'framer-motion',
+        label: 'Framer Motion / Motion',
+        kind: 'animation',
+        globals: ['Motion'],
+        text: /framer-motion|motion\/react|useMotionValue|animateMotionValue/,
+        advice: 'Use motion/react; spring and duration values are often visible in the bundle.',
+    },
+    {
+        id: 'anime',
+        label: 'anime.js',
+        kind: 'animation',
+        globals: ['anime'],
+        text: /animejs|anime\.timeline/,
+        advice: 'Port timelines to WAAPI or motion.',
+    },
+    {
+        id: 'aos',
+        label: 'AOS reveal on scroll',
+        kind: 'animation',
+        markers: ['aos'],
+        advice: 'Simple reveal classes; an IntersectionObserver hook plus CSS transitions is enough.',
+    },
+    {
+        id: 'split-text',
+        label: 'Split text effects',
+        kind: 'animation',
+        markers: ['split-text'],
+        text: /SplitText|SplitType|splitting/i,
+        advice: 'Split headings into line/word/char spans in React and stagger them with CSS delays.',
+    },
+    {
+        id: 'swiper',
+        label: 'Swiper / Splide carousel',
+        kind: 'animation',
+        globals: ['Swiper'],
+        markers: ['swiper', 'splide'],
+        advice: 'Use the same library in React or embla-carousel; copy breakpoints from the scripts.',
+    },
+    {
+        id: 'page-transitions',
+        label: 'Barba / Swup page transitions',
+        kind: 'animation',
+        globals: ['barba', 'swup'],
+        advice: 'Landing-page-only clones can ignore cross-page transitions; keep the intro animation.',
+    },
+    {
+        id: 'three',
+        label: 'three.js / WebGL',
+        kind: 'graphics',
+        globals: ['THREE'],
+        text: /WebGLRenderer|THREE\.REVISION|__THREE__/,
+        advice: 'Use @react-three/fiber or plain three. Shaders are in the captured scripts (search for gl_FragColor / void main); port them verbatim when possible.',
+    },
+    {
+        id: 'ogl',
+        label: 'OGL / raw WebGL',
+        kind: 'graphics',
+        text: /gl_FragColor|precision (highp|mediump) float/,
+        advice: 'Raw shader code is present in the bundle; lift it into a small WebGL canvas component.',
+    },
+    {
+        id: 'pixi',
+        label: 'PixiJS',
+        kind: 'graphics',
+        globals: ['PIXI'],
+        text: /pixi\.js|PIXI\.Application/,
+        advice: 'Use pixi.js in a canvas effect component.',
+    },
+    {
+        id: 'spline',
+        label: 'Spline 3D',
+        kind: 'graphics',
+        markers: ['spline'],
+        url: /prod\.spline\.design|\.splinecode/,
+        advice: 'Embed the same .splinecode scene with @splinetool/react-spline.',
+    },
+    {
+        id: 'rive',
+        label: 'Rive',
+        kind: 'media',
+        globals: ['rive'],
+        url: /\.riv(\?|$)|rive\.wasm/,
+        advice: 'Reuse the captured .riv files with @rive-app/canvas and the same state machine names.',
+    },
+    {
+        id: 'lottie',
+        label: 'Lottie',
+        kind: 'media',
+        globals: ['lottie'],
+        markers: ['lottie-player'],
+        url: /\.lottie(\?|$)|lottie.*\.json/,
+        advice: 'Reuse the captured animation JSON with lottie-web or @lottiefiles/dotlottie-react.',
+    },
+    {
+        id: 'canvas',
+        label: 'Canvas drawing',
+        kind: 'graphics',
+        advice: 'Canvas output is code, not markup: find the drawing code in the scripts and rebuild it as a canvas component. Match it with screenshots.',
+    },
+    {
+        id: 'video',
+        label: 'Video backgrounds',
+        kind: 'media',
+        advice: 'Reuse the captured video files; play only in view and respect reduced motion.',
+    },
+    {
+        id: 'scroll-driven-css',
+        label: 'CSS scroll-driven animations',
+        kind: 'css',
+        css: ['scroll-driven-animations'],
+        text: /animation-timeline\s*:/,
+        advice: 'Pure CSS (animation-timeline: scroll()/view()). Reuse the original rules; runtime-set custom properties may need calibrating per viewport.',
+    },
+    {
+        id: 'tailwind',
+        label: 'Tailwind CSS',
+        kind: 'css',
+        css: ['tailwind'],
+        text: /--tw-[a-z]/,
+        advice: 'The compiled stylesheet can be reused as-is with the original class names.',
+    },
+    {
+        id: 'view-transitions',
+        label: 'View transitions',
+        kind: 'css',
+        css: ['view-transitions'],
+        advice: 'document.startViewTransition with matching view-transition-name rules.',
+    },
+    {
+        id: 'sticky',
+        label: 'Sticky / pinned sections',
+        kind: 'css',
+        css: ['position-sticky'],
+        advice: 'Pinned sections are tall wrappers with a sticky child; match wrapper heights exactly.',
+    },
+];
+export function detectStack({ fingerprint, urls, texts }) {
+    const signals = [];
+    for (const rule of RULES) {
+        const evidence = [];
+        for (const name of rule.globals ?? []) {
+            if (fingerprint.globals.includes(name))
+                evidence.push(`window.${name}`);
+        }
+        for (const name of rule.markers ?? []) {
+            if (fingerprint.markers.includes(name))
+                evidence.push(`DOM marker: ${name}`);
+        }
+        for (const name of rule.css ?? []) {
+            if (fingerprint.cssFeatures.includes(name))
+                evidence.push(`stylesheet: ${name}`);
+        }
+        if (rule.url) {
+            const hit = urls.find((url) => rule.url?.test(url));
+            if (hit)
+                evidence.push(`request: ${hit}`);
+        }
+        if (rule.text) {
+            for (const [url, text] of texts) {
+                if (rule.text.test(text)) {
+                    evidence.push(`code: ${url}`);
+                    break;
+                }
+            }
+        }
+        if (rule.id === 'canvas' && fingerprint.canvases.length) {
+            evidence.push(`${fingerprint.canvases.length} <canvas> element(s)`);
+        }
+        if (rule.id === 'video' && fingerprint.videos.length) {
+            evidence.push(`${fingerprint.videos.length} <video> element(s)`);
+        }
+        if (evidence.length) {
+            signals.push({
+                id: rule.id,
+                label: rule.label,
+                kind: rule.kind,
+                evidence,
+                advice: rule.advice,
+            });
+        }
+    }
+    return signals;
+}
+//# sourceMappingURL=stack.js.map

package/dist/domain/stack.js.map

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

package/dist/domain/tokens.js

@@ -0,0 +1,183 @@
+import { nodeStyles } from './snapshot.js';
+class Counter {
+    #map = new Map();
+    add(value, weight = 1) {
+        if (value === undefined || value === '' || weight <= 0)
+            return;
+        this.#map.set(value, (this.#map.get(value) ?? 0) + weight);
+    }
+    top(limit, minUses = 1, order = 'uses') {
+        const entries = [...this.#map]
+            .filter(([, uses]) => uses >= minUses)
+            .map(([value, uses]) => ({ value, uses: Math.round(uses) }))
+            .sort((a, b) => b.uses - a.uses || a.value.localeCompare(b.value))
+            .slice(0, limit);
+        return order === 'px'
+            ? entries.sort((a, b) => px(a.value) - px(b.value) || a.value.localeCompare(b.value))
+            : entries;
+    }
+}
+const px = (value) => {
+    const number = Number.parseFloat(value);
+    return Number.isFinite(number) ? number : Number.MAX_SAFE_INTEGER;
+};
+const transparent = (value) => /^(transparent|rgba\(0, 0, 0, 0\))$/.test(value);
+const isZero = (value) => /^(0px|0|auto|normal|none)$/.test(value);
+/** Splits multi-value timing strings like `opacity 0.3s ease, transform 0.6s cubic-bezier(…)`. */
+export function timingParts(transition) {
+    const durations = [];
+    const easings = [];
+    for (const part of transition.split(/,(?![^(]*\))/)) {
+        for (const match of part.matchAll(/(cubic-bezier\([^)]*\)|steps\([^)]*\)|linear\([^)]*\)|ease-in-out|ease-in|ease-out|ease|linear)|(\d*\.?\d+m?s)/g)) {
+            if (match[1])
+                easings.push(match[1]);
+            else if (match[2] && match[2] !== '0s')
+                durations.push(match[2]);
+        }
+    }
+    return { durations, easings };
+}
+/** Design scales from computed styles of laid-out, visible elements in the main document. */
+export function extractTokens(snapshot, extraEasings = []) {
+    const text = new Counter();
+    const background = new Counter();
+    const border = new Counter();
+    const families = new Counter();
+    const sizes = new Counter();
+    const weights = new Counter();
+    const lineHeights = new Counter();
+    const letterSpacings = new Counter();
+    const spacing = new Counter();
+    const radii = new Counter();
+    const shadows = new Counter();
+    const containers = new Counter();
+    const zIndices = new Counter();
+    const easings = new Counter();
+    const durations = new Counter();
+    const doc = snapshot.documents[0];
+    if (doc) {
+        const textLength = new Map();
+        for (const node of doc.nodes) {
+            if (node.t === 3 && node.text)
+                textLength.set(node.p, (textLength.get(node.p) ?? 0) + node.text.trim().length);
+        }
+        for (const node of doc.nodes) {
+            if (node.t !== 1 || !node.box || !node.s)
+                continue;
+            const [, , width, height] = node.box;
+            if (width <= 0 || height <= 0)
+                continue;
+            const style = nodeStyles(snapshot, node);
+            if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0')
+                continue;
+            const chars = textLength.get(node.i) ?? 0;
+            if (chars > 0) {
+                const weight = Math.min(chars, 400);
+                text.add(style.color, weight);
+                families.add(style['font-family']?.split(',')[0]?.replace(/["']/g, '').trim(), weight);
+                sizes.add(style['font-size'], weight);
+                weights.add(style['font-weight'], weight);
+                lineHeights.add(style['line-height'], weight);
+                if (style['letter-spacing'] && style['letter-spacing'] !== 'normal')
+                    letterSpacings.add(style['letter-spacing'], weight);
+            }
+            const bg = style['background-color'];
+            if (bg && !transparent(bg))
+                background.add(bg, Math.sqrt(width * height));
+            if (style['border-top-style'] &&
+                style['border-top-style'] !== 'none' &&
+                !isZero(style['border-top-width'] ?? '0')) {
+                border.add(style['border-top-color']);
+            }
+            for (const prop of [
+                'padding-top',
+                'padding-right',
+                'padding-bottom',
+                'padding-left',
+                'margin-top',
+                'margin-bottom',
+                'gap',
+                'row-gap',
+                'column-gap',
+            ]) {
+                const value = style[prop];
+                if (value && !isZero(value) && value.endsWith('px') && px(value) > 0)
+                    spacing.add(value);
+            }
+            const radius = style['border-top-left-radius'];
+            if (radius && !isZero(radius))
+                radii.add(radius);
+            const shadow = style['box-shadow'];
+            if (shadow && shadow !== 'none')
+                shadows.add(shadow);
+            const maxWidth = style['max-width'];
+            if (maxWidth && maxWidth !== 'none' && maxWidth.endsWith('px') && px(maxWidth) >= 480)
+                containers.add(maxWidth);
+            const z = style['z-index'];
+            if (z && z !== 'auto' && style.position !== 'static')
+                zIndices.add(z);
+            const timing = timingParts(style.transition ?? '');
+            for (const easing of timing.easings)
+                easings.add(easing);
+            for (const duration of timing.durations)
+                durations.add(duration);
+            if (style['animation-timing-function'] &&
+                style['animation-name'] &&
+                style['animation-name'] !== 'none') {
+                easings.add(style['animation-timing-function']);
+                durations.add(style['animation-duration']);
+            }
+        }
+    }
+    for (const easing of extraEasings)
+        easings.add(easing);
+    return {
+        colors: { text: text.top(16), background: background.top(16), border: border.top(10) },
+        fontFamilies: families.top(8),
+        fontSizes: sizes.top(16, 1, 'px'),
+        fontWeights: weights.top(8, 1, 'px'),
+        lineHeights: lineHeights.top(12),
+        letterSpacings: letterSpacings.top(8),
+        spacing: spacing.top(20, 2, 'px'),
+        radii: radii.top(10, 1, 'px'),
+        shadows: shadows.top(8),
+        containerWidths: containers.top(8, 1, 'px'),
+        zIndices: zIndices.top(10, 1, 'px'),
+        easings: easings.top(12),
+        durations: durations.top(10, 1, 'px'),
+    };
+}
+const slug = (index, prefix) => `--${prefix}-${String(index + 1)}`;
+/** CSS custom properties for the rebuild's tokens.css. */
+export function tokensCss(tokens) {
+    const lines = [
+        '/* Generated by multiclone from computed styles. Rename freely. */',
+        ':root {',
+    ];
+    const group = (title, prefix, entries) => {
+        if (!entries.length)
+            return;
+        lines.push(`  /* ${title} */`);
+        entries.forEach((entry, index) => {
+            lines.push(`  ${slug(index, prefix)}: ${entry.value};`);
+        });
+    };
+    group('Text colors (most used first)', 'color-text', tokens.colors.text);
+    group('Background colors', 'color-bg', tokens.colors.background);
+    group('Border colors', 'color-border', tokens.colors.border);
+    group('Font families', 'font', tokens.fontFamilies.map((entry) => ({ ...entry, value: `'${entry.value}'` })));
+    group('Font sizes (small → large)', 'text', tokens.fontSizes);
+    group('Font weights', 'weight', tokens.fontWeights);
+    group('Line heights', 'leading', tokens.lineHeights);
+    group('Letter spacing', 'tracking', tokens.letterSpacings);
+    group('Spacing (small → large)', 'space', tokens.spacing);
+    group('Radii', 'radius', tokens.radii);
+    group('Shadows', 'shadow', tokens.shadows);
+    group('Container widths', 'container', tokens.containerWidths);
+    group('Z-index', 'z', tokens.zIndices);
+    group('Easings', 'ease', tokens.easings);
+    group('Durations', 'duration', tokens.durations);
+    lines.push('}', '');
+    return lines.join('\n');
+}
+//# sourceMappingURL=tokens.js.map

package/dist/domain/tokens.js.map

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

package/dist/domain/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/domain/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/domain/types.ts"],"names":[],"mappings":""}

package/dist/domain/viewports.js

@@ -0,0 +1,45 @@
+export const DESKTOP = { name: 'desktop', width: 1440, height: 900, mobile: false };
+export const MOBILE = { name: 'mobile', width: 390, height: 844, mobile: true };
+/** Parses `desktop`, `mobile` or `name:WIDTHxHEIGHT` (mobile when narrower than 768px). */
+export function parseViewport(spec) {
+    const value = spec.trim();
+    if (value === 'desktop')
+        return DESKTOP;
+    if (value === 'mobile')
+        return MOBILE;
+    const match = /^(?:([a-z0-9-]+):)?(\d+)x(\d+)$/i.exec(value);
+    if (!match?.[2] || !match[3]) {
+        throw new Error(`Bad viewport "${spec}". Use desktop, mobile or name:1280x800.`);
+    }
+    const width = Number(match[2]);
+    const height = Number(match[3]);
+    return { name: match[1] ?? `${width}x${height}`, width, height, mobile: width < 768 };
+}
+export function parseViewports(spec) {
+    if (!spec)
+        return [DESKTOP, MOBILE];
+    return spec
+        .split(',')
+        .filter((part) => part.trim() !== 'auto')
+        .map(parseViewport);
+}
+/** `auto` in a viewport list asks capture to add one viewport per major CSS breakpoint. */
+export const wantsAutoViewports = (spec) => spec?.split(',').some((part) => part.trim() === 'auto') ?? false;
+/**
+ * One viewport just inside each major breakpoint not already covered (within 60px) by `existing`.
+ * Widths are taken 1px below the breakpoint so `max-width` rules apply and `min-width` ones don't.
+ */
+export function breakpointViewports(widths, existing) {
+    const out = [];
+    for (const width of [...widths].sort((a, b) => a - b)) {
+        const target = width - 1;
+        if (target < 320 || target > 2560)
+            continue;
+        if ([...existing, ...out].some((viewport) => Math.abs(viewport.width - target) <= 60))
+            continue;
+        const mobile = target < 768;
+        out.push({ name: `bp${String(target)}`, width: target, height: mobile ? 844 : 900, mobile });
+    }
+    return out;
+}
+//# sourceMappingURL=viewports.js.map

package/dist/domain/viewports.js.map

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