npm - launchframe - Versions diffs - 0.4.11 → 0.4.13 - Mend

launchframe 0.4.11 → 0.4.13

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.

Files changed (31) hide show

package/docs/research/example.com/page-inspection/example.com-2026-05-15T21-49-07-887Z/motion-summary.json ADDED Viewed

@@ -0,0 +1,18 @@
+{
+  "sourceUrl": "https://example.com/",
+  "generatedAt": "2026-05-15T21:49:16.187Z",
+  "viewport": {
+    "width": 1440,
+    "height": 900
+  },
+  "counts": {
+    "keyframeRules": 0,
+    "motionRelatedLines": 0,
+    "inlineStyleTags": 1,
+    "networkStylesheets": 0,
+    "scriptElements": 0
+  },
+  "keyframes": [],
+  "motionLinesSample": [],
+  "motionLinesTotal": 0
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "launchframe",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "private": false,
   "description": "Scaffold a Next.js app from a reference URL plus your SaaS idea — AI-ready website cloning",
   "author": "JCodesMore",

package/scripts/page-inspection-dump.mjs CHANGED Viewed

@@ -22,6 +22,7 @@
  *   --timeout <ms>          Navigation timeout (default: 90000)
  *   --scroll-full           Scroll to the bottom slowly to trigger lazy-loaded regions
  *   --no-css-files          Skip writing individual .css files (still builds motion from inline + collected text)
+ *   --no-ai-bundle          Skip ai-page-bundle.txt (HTML + all CSS in one .txt for LLM attach)
  */
 import { chromium } from "playwright";
@@ -44,7 +45,8 @@ function parseArgs(argv) {
       const key = a.slice(2);
       if (
         key === "scroll-full" ||
-        key === "no-css-files"
+        key === "no-css-files" ||
+        key === "no-ai-bundle"
       ) {
         flags.add(key);
         continue;
@@ -300,6 +302,33 @@ async function runCapture() {
       ...cssBodies.map((c) => `/* network stylesheet: ${c.url} */\n${c.text}`),
     ].join("\n\n");
+    let aiBundleBytes = 0;
+    if (!flags.has("no-ai-bundle")) {
+      const banner = (title) =>
+        `\n${"=".repeat(80)}\n${title}\n${"=".repeat(80)}\n\n`;
+      const bundle = [
+        banner("LAUNCHFRAME AI PAGE BUNDLE"),
+        `Source URL: ${url}\n`,
+        `Generated: ${new Date().toISOString()}\n`,
+        `Viewport: ${vw}x${vh}\n`,
+        `Wait until: ${waitUntil}\n\n`,
+        "Single plain-text file: POST-JS HTML plus all captured CSS (inline + network).\n",
+        "Use document.html / *.css separately if you hit tool context limits.\n",
+        banner("PART 1 — HTML (document.documentElement.outerHTML)"),
+        fullHtml,
+        banner("PART 2 — CSS (inline <style> tags, then network stylesheets)"),
+        aggregatedCss,
+        banner("END OF BUNDLE"),
+      ].join("");
+      await writeFile(join(outDir, "ai-page-bundle.txt"), bundle, "utf8");
+      aiBundleBytes = Buffer.byteLength(bundle, "utf8");
+      if (bundle.length > 12_000_000) {
+        console.warn(
+          `warning: ai-page-bundle.txt is large (~${Math.round(bundle.length / 1e6)}M chars); consider --no-ai-bundle and attach document.html + motion-summary only`,
+        );
+      }
+    }
     const keyframes = extractKeyframeBlocks(aggregatedCss);
     const motionLines = extractMotionLines(aggregatedCss);
@@ -342,10 +371,12 @@ async function runCapture() {
       options: {
         scrollFull: flags.has("scroll-full"),
         wroteCssFiles: !flags.has("no-css-files"),
+        wroteAiBundle: !flags.has("no-ai-bundle"),
       },
       outputs: {
         documentHtmlBytes: Buffer.byteLength(fullHtml, "utf8"),
         bodyOuterHtmlBytes: bodyOuter ? Buffer.byteLength(bodyOuter, "utf8") : 0,
+        ...(aiBundleBytes ? { aiPageBundleBytes: aiBundleBytes } : {}),
         networkStylesheets: cssBodies.map((c) => ({ url: c.url, bytes: c.bytes })),
       },
       scripts: scriptInventory,
@@ -361,7 +392,8 @@ async function runCapture() {
         `Source: ${url}`,
         "",
         "Files:",
-        "  document.html      — Full <html> outerHTML after JS (attach this for an agent)",
+        "  ai-page-bundle.txt — **ALL-IN-ONE for LLMs:** HTML + inline/network CSS as plain text",
+        "  document.html      — Full <html> outerHTML after JS (same HTML as Part 1 of bundle)",
         "  body-outer.html    — <body> outerHTML only (smaller)",
         "  inline-styles.json — All inline <style> tag contents",
         "  motion-summary.json— @keyframes + animation/transition-related lines",

package/src/app/page.tsx CHANGED Viewed

@@ -1,40 +1,9 @@
-import Link from "next/link";
-import {
-  LAUNCHFRAME_SAAS_IDEA,
-  LAUNCHFRAME_SOURCE_URL,
-} from "@/lib/launchframe-config";
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center gap-8 px-6 py-16">
-      <div className="mx-auto max-w-2xl space-y-6 text-center">
-        <p className="text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground">
-          SaaS idea
-        </p>
-        <h1 className="text-balance text-3xl font-semibold tracking-tight text-foreground sm:text-4xl whitespace-pre-wrap">
-          {LAUNCHFRAME_SAAS_IDEA}
-        </h1>
-        <p className="text-pretty text-sm text-muted-foreground sm:text-base">
-          Visual reference (clone target):{" "}
-          <Link
-            href={LAUNCHFRAME_SOURCE_URL}
-            className="font-medium text-foreground underline underline-offset-4"
-            target="_blank"
-            rel="noreferrer noopener"
-          >
-            {LAUNCHFRAME_SOURCE_URL}
-          </Link>
-        </p>
-        <p className="text-pretty text-sm text-muted-foreground">
-          Run{" "}
-          <code className="rounded-md bg-muted px-2 py-1 font-mono text-foreground">
-            /launchframe {LAUNCHFRAME_SOURCE_URL} &quot;…your saas idea…&quot;
-          </code>{" "}
-          with your AI agent to rebuild this layout from the reference site while keeping the SaaS
-          positioning above.
-        </p>
-      </div>
-    </main>
+    <iframe
+      src="/captured/example-com-document.html"
+      title="Captured reference page"
+      className="fixed inset-0 h-dvh w-dvw border-0"
+    />
   );
 }