@bravostudioai/react 0.1.32 → 0.1.35

package/README.md

@@ -7,6 +7,7 @@
 [![React](https://img.shields.io/badge/React-18%2B%20%7C%2019%2B-blue.svg)](https://reactjs.org/)
 
 **The Figma → React Pipeline:**
+
 - 🎨 Design in Figma → Stream to typed React components
 - 🤖 Perfect for MCP (Model Context Protocol) apps
 - 🔒 100% TypeScript with full IntelliSense support
@@ -16,16 +17,16 @@
 
 **At a Glance:**
 
-| Feature | Included |
-|---------|----------|
-| TypeScript Interfaces | ✅ Yes |
-| Form Handling | ✅ Yes |
-| Event Handlers | ✅ Yes |
-| List/Array Props | ✅ Yes |
-| Dropdown Controls | ✅ Yes |
-| Auto Documentation | ✅ Yes |
-| Production Bundles | ✅ Yes |
-| Live Updates | ✅ Yes (via Pusher) |
+| Feature               | Included            |
+| --------------------- | ------------------- |
+| TypeScript Interfaces | ✅ Yes              |
+| Form Handling         | ✅ Yes              |
+| Event Handlers        | ✅ Yes              |
+| List/Array Props      | ✅ Yes              |
+| Dropdown Controls     | ✅ Yes              |
+| Auto Documentation    | ✅ Yes              |
+| Production Bundles    | ✅ Yes              |
+| Live Updates          | ✅ Yes (via Pusher) |
 
 ## Table of Contents
 
@@ -88,6 +89,7 @@ npm install @bravostudioai/react
 ```
 
 **Requirements:**
+
 - Node.js 16+
 - React 18.2.0+ or 19.0.0+
 - TypeScript (recommended)
@@ -124,7 +126,7 @@ src/components/
 ### Use Your Generated Component
 
 ```tsx
-import { PageName } from './components/YourApp/PageName';
+import { PageName } from "./components/YourApp/PageName";
 
 function MCPApp() {
   return (
@@ -132,9 +134,9 @@ function MCPApp() {
       headline="Welcome to our app"
       items={[
         { title: "Item 1", image: "https://..." },
-        { title: "Item 2", image: "https://..." }
+        { title: "Item 2", image: "https://..." },
       ]}
-      onSubmitClick={() => console.log('Submitted!')}
+      onSubmitClick={() => console.log("Submitted!")}
     />
   );
 }
@@ -187,7 +189,7 @@ Use it like this:
 <Page
   timeline={[
     { title: "Step 1", description: "...", image: "..." },
-    { title: "Step 2", description: "...", image: "..." }
+    { title: "Step 2", description: "...", image: "..." },
   ]}
   timelineCurrentIndex={currentSlide}
   onTimelineIndexChange={setCurrentSlide}
@@ -215,8 +217,8 @@ Your form handler receives clean, typed data:
 ```tsx
 <Page
   onContactFormSubmit={(data) => {
-    console.log(data.name);    // Type-safe!
-    console.log(data.email);   // Type-safe!
+    console.log(data.name); // Type-safe!
+    console.log(data.email); // Type-safe!
     console.log(data.message); // Type-safe!
   }}
 />
@@ -243,15 +245,21 @@ export interface DeelSalaryCalculatorProps {
 
   // Three interconnected dropdowns
   contractTypeSelectInput?: string;
-  contractTypeSelectInputOptions?: Array<string | { value: string; label: string }>;
+  contractTypeSelectInputOptions?: Array<
+    string | { value: string; label: string }
+  >;
   onContractTypeSelectInputChange?: (value: string) => void;
 
   contractCountrySelectInput?: string;
-  contractCountrySelectInputOptions?: Array<string | { value: string; label: string }>;
+  contractCountrySelectInputOptions?: Array<
+    string | { value: string; label: string }
+  >;
   onContractCountrySelectInputChange?: (value: string) => void;
 
   contractSalarySelectInput?: string;
-  contractSalarySelectInputOptions?: Array<string | { value: string; label: string }>;
+  contractSalarySelectInputOptions?: Array<
+    string | { value: string; label: string }
+  >;
   onContractSalarySelectInputChange?: (value: string) => void;
 
   onBookButtonClick?: () => void;
@@ -262,22 +270,22 @@ export interface DeelSalaryCalculatorProps {
 
 ```tsx
 function SalaryCalculator() {
-  const [contractType, setContractType] = useState('full-time');
-  const [country, setCountry] = useState('US');
-  const [salary, setSalary] = useState('100000');
+  const [contractType, setContractType] = useState("full-time");
+  const [country, setCountry] = useState("US");
+  const [salary, setSalary] = useState("100000");
 
   return (
     <DeelSalaryCalculator
       contractTypeSelectInput={contractType}
-      contractTypeSelectInputOptions={['full-time', 'contractor', 'part-time']}
+      contractTypeSelectInputOptions={["full-time", "contractor", "part-time"]}
       onContractTypeSelectInputChange={setContractType}
       contractCountrySelectInput={country}
-      contractCountrySelectInputOptions={['US', 'UK', 'CA', 'AU']}
+      contractCountrySelectInputOptions={["US", "UK", "CA", "AU"]}
       onContractCountrySelectInputChange={setCountry}
       contractSalarySelectInput={salary}
-      contractSalarySelectInputOptions={['50000', '75000', '100000', '150000']}
+      contractSalarySelectInputOptions={["50000", "75000", "100000", "150000"]}
       onContractSalarySelectInputChange={setSalary}
-      onBookButtonClick={() => console.log('Booking consultation')}
+      onBookButtonClick={() => console.log("Booking consultation")}
     />
   );
 }
@@ -324,15 +332,43 @@ Bravo Studio AI processes your Figma designs and the generator:
 
 ### Generate Components
 
+Stream your Figma designs into React components.
+
 ```bash
-# Generate all pages from an app
-npx @bravostudioai/react generate <appId> <outputPath>
+npx @bravostudioai/react generate <appId> [pageId] <outputPath> [options]
+```
 
-# Generate a specific page
-npx @bravostudioai/react generate <appId> <pageId> <outputPath>
+**Arguments:**
+
+- `appId`: The ID of your Bravo Studio application
+- `pageId` (optional): The ID of a specific page to generate. If omitted, all pages in the app are generated.
+- `outputPath`: Directory where the generated components will be saved.
+
+**Options:**
+
+- `--mode <mode>`: Controls data fetching strategy. Options: `dynamic` (default), `optimistic`, `production`.
+
+#### Deployment Modes
+
+The `--mode` flag is powerful. It lets you decide how your components handle data:
+
+| Mode           | Description                                                                                                                                                        | Best For                                                                    |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------- |
+| **dynamic**    | **(Default)** Component fetches fresh data from Bravo servers on mount. Ensures users always see the latest design updates without redeploying.                    | Live apps requiring real-time design updates.                               |
+| **optimistic** | **(Hybrid)** Bundles the latest data at build time for instant initial render, then checks for updates in the background. If updates exist, it refreshes silently. | Production apps where detailed performance and freshness are both critical. |
+| **production** | **(Offline)** Bundles all data at build time. No network requests to Bravo servers. The component is "frozen" until you regenerate it.                             | Offline-first apps, high-security environments, or stable releases.         |
+
+#### Examples
 
-# Generate with bundled production data (offline mode)
-npx @bravostudioai/react generate <appId> <pageId> <outputPath> --production
+```bash
+# Generate all pages in Dynamic mode (Default)
+npx @bravostudioai/react generate <appId> ./src/components
+
+# Generate a specific page in Optimistic mode (Instant load + Live updates)
+npx @bravostudioai/react generate <appId> <pageId> ./src/components --mode optimistic
+
+# Generate for Production (Zero network requests)
+npx @bravostudioai/react generate <appId> <pageId> ./src/components --mode production
 ```
 
 ### Download Raw Data
@@ -459,17 +495,21 @@ MCP applications need real UI components that AI agents can reason about and man
 Here's what the generator creates for a real-world salary calculator:
 
 **Generated TypeScript Interface:**
+
 ```typescript
 export interface DeelSalaryCalculatorProps {
   estimatedCost?: string;
   contractTypeSelectInput?: string;
-  contractTypeSelectInputOptions?: Array<string | { value: string; label: string }>;
+  contractTypeSelectInputOptions?: Array<
+    string | { value: string; label: string }
+  >;
   onContractTypeSelectInputChange?: (value: string) => void;
   // ... and more typed props
 }
 ```
 
 **Generated Component:**
+
 ```typescript
 export function DeelSalaryCalculator(props: DeelSalaryCalculatorProps) {
   const handleAction = (payload: any) => {
@@ -486,7 +526,11 @@ export function DeelSalaryCalculator(props: DeelSalaryCalculatorProps) {
     <EncoreApp
       appId="..."
       pageId="..."
-      data={{ /* auto-mapped props */ }}
+      data={
+        {
+          /* auto-mapped props */
+        }
+      }
       onAction={handleAction}
     />
   );
@@ -521,25 +565,30 @@ The generated code looks like code you'd write by hand. Clean, idiomatic React.
 ### Common Issues
 
 **Q: The generated component shows "Failed to load"**
+
 - Ensure your `appId` and `pageId` are correct
 - Check that you have network access to the Bravo Studio AI API
 - For offline use, use `--production` flag during generation
 
 **Q: TypeScript errors in generated code**
+
 - Make sure you have `@types/react` installed
 - Verify your TypeScript version is 5.0+
 - Try regenerating the component with the latest package version
 
 **Q: Props not updating the component**
+
 - Remember that data bindings need to be properly tagged in your Figma design
 - Check the generated README.md for the exact prop names
 - Verify the component is receiving props correctly using React DevTools
 
 **Q: How do I get my App ID and Page ID?**
+
 - Contact your Bravo Studio AI team for access credentials
 - IDs are provided when your Figma designs are processed through Bravo Studio AI
 
 **Q: Can I use this with regular Figma files?**
+
 - Figma files must be processed through Bravo Studio AI first
 - This adds the necessary metadata and structure for component generation
 
@@ -568,7 +617,7 @@ npm list @bravostudioai/react
 Or programmatically:
 
 ```typescript
-import { VERSION } from '@bravostudioai/react/version';
+import { VERSION } from "@bravostudioai/react/version";
 console.log(VERSION);
 ```
 

package/dist/cli/commands/download.js

@@ -1,10 +1,10 @@
-import { mkdir as c, writeFile as d } from "fs/promises";
-import { join as p } from "path";
-import { existsSync as f } from "fs";
+import { mkdir as a, writeFile as c } from "fs/promises";
+import { join as f } from "path";
+import { existsSync as d } from "fs";
 import m from "../../_virtual/main.js";
-import { CONST_APPS_SERVICE_URL as u, CONST_COMPONENTS_CDN_URL as E } from "../../packages/encore-lib/constants.js";
+import { CONST_APPS_SERVICE_URL as u, CONST_COMPONENTS_CDN_URL as $ } from "../../packages/encore-lib/constants.js";
 m.config();
-const i = process.env.VITE_APPS_SERVICE_URL || u, h = E;
+const l = process.env.VITE_APPS_SERVICE_URL || u, p = $;
 async function w(e, r) {
   const o = await fetch(e, {
     headers: r || {}
@@ -15,68 +15,51 @@ async function w(e, r) {
     );
   return await o.text();
 }
-async function $({
+async function E({
   appId: e,
   pageId: r,
   targetPath: o
 }) {
-  console.log(`Downloading Encore files for app: ${e}, page: ${r}`), console.log(`Target path: ${o}`), f(o) || (await c(o, { recursive: !0 }), console.log(`Created directory: ${o}`));
+  console.log(`Downloading Encore files for app: ${e}, page: ${r}`), console.log(`Target path: ${o}`), d(o) || (await a(o, { recursive: !0 }), console.log(`Created directory: ${o}`));
   const s = [
     {
-      url: `${i}/devices/apps/${e}`,
+      url: `${l}/devices/apps/${e}`,
       filename: "app.json",
       headers: { "x-app-clientrendered": "true" }
     },
     {
-      url: `${i}/devices/apps/${e}/node/${r}`,
+      url: `${l}/devices/apps/${e}/node/${r}`,
       filename: "page.json",
       headers: { "x-app-clientrendered": "true" }
     },
     {
-      url: `${h}/${e}/draft/components/${r}.js`,
+      url: `${p}/${e}/draft/components/${r}.js`,
       filename: "component.js"
     }
   ];
   for (const n of s)
     try {
       console.log(`Downloading ${n.filename} from ${n.url}...`);
-      const a = await w(n.url, n.headers), t = p(o, n.filename);
-      await d(t, a, "utf-8"), console.log(`✓ Saved ${n.filename} to ${t}`);
-    } catch (a) {
-      throw console.error(`✗ Failed to download ${n.filename} at :`, a), a;
+      const i = await w(n.url, n.headers), t = f(o, n.filename);
+      await c(t, i, "utf-8"), console.log(`✓ Saved ${n.filename} to ${t}`);
+    } catch (i) {
+      throw console.error(`✗ Failed to download ${n.filename} at :`, i), i;
     }
   console.log(`
 ✓ All files downloaded successfully!`);
 }
-function l() {
-  console.log(`
-Usage: download-bravo.ts <appId> <pageId> <targetPath>
-
-Arguments:
-  appId      The Encore app ID
-  pageId     The Encore page ID
-  targetPath Path where files should be saved
-
-Environment variables:
-  APPS_SERVICE_URL  Base URL for the apps service
-
-Example:
-  download-bravo.ts my-app-id my-page-id ./bravo-files
-  APPS_SERVICE_URL=https://api.example.com download-bravo.ts my-app-id my-page-id ./bravo-files
-`);
-}
-async function R(e) {
-  (e.length < 3 || e.includes("--help") || e.includes("-h")) && (l(), process.exit(e.includes("--help") || e.includes("-h") ? 0 : 1));
-  const [r, o, s] = e;
-  (!r || !o || !s) && (console.error("Error: Missing required arguments"), l(), process.exit(1));
+async function y(e, r, o) {
+  (!e || !r || !o) && (console.error(
+    "Error: Missing required arguments. Usage: download <appId> <pageId> <targetPath>"
+  ), process.exit(1));
   try {
-    await $({ appId: r, pageId: o, targetPath: s });
-  } catch (n) {
+    await E({ appId: e, pageId: r, targetPath: o });
+  } catch (s) {
     console.error(`
-Error:`, n instanceof Error ? n.message : n), process.exit(1);
+Error:`, s instanceof Error ? s.message : s), process.exit(1);
   }
 }
 export {
-  R as runDownload
+  y as runDownload
 };
 //# sourceMappingURL=download.js.map

package/dist/cli/commands/download.js.map

@@ -1 +1 @@
-{"version":3,"file":"download.js","sources":["../../../src/cli/commands/download.ts"],"sourcesContent":["import { writeFile, mkdir } from \"fs/promises\";\nimport { join } from \"path\";\nimport { existsSync } from \"fs\";\nimport dotenv from \"dotenv\";\nimport {\n  CONST_APPS_SERVICE_URL,\n  CONST_COMPONENTS_CDN_URL,\n} from \"../../../constants\";\n\ndotenv.config();\n\n// Default apps service URL (can be overridden with APPS_SERVICE_URL env var)\nconst APPS_SERVICE_URL =\n  process.env.VITE_APPS_SERVICE_URL || CONST_APPS_SERVICE_URL;\nconst COMPONENTS_CDN_URL = CONST_COMPONENTS_CDN_URL;\n\ninterface DownloadOptions {\n  appId: string;\n  pageId: string;\n  targetPath: string;\n}\n\nasync function downloadFile(\n  url: string,\n  headers?: Record<string, string>\n): Promise<string> {\n  const response = await fetch(url, {\n    headers: headers || {},\n  });\n\n  if (!response.ok) {\n    throw new Error(\n      `Failed to download ${url}: ${response.status} ${response.statusText}`\n    );\n  }\n\n  return await response.text();\n}\n\nasync function downloadEncoreFiles({\n  appId,\n  pageId,\n  targetPath,\n}: DownloadOptions) {\n  console.log(`Downloading Encore files for app: ${appId}, page: ${pageId}`);\n  console.log(`Target path: ${targetPath}`);\n\n  // Ensure target directory exists\n  if (!existsSync(targetPath)) {\n    await mkdir(targetPath, { recursive: true });\n    console.log(`Created directory: ${targetPath}`);\n  }\n\n  const files: Array<{\n    url: string;\n    filename: string;\n    headers?: Record<string, string>;\n  }> = [\n    {\n      url: `${APPS_SERVICE_URL}/devices/apps/${appId}`,\n      filename: \"app.json\",\n      headers: { \"x-app-clientrendered\": \"true\" },\n    },\n    {\n      url: `${APPS_SERVICE_URL}/devices/apps/${appId}/node/${pageId}`,\n      filename: \"page.json\",\n      headers: { \"x-app-clientrendered\": \"true\" },\n    },\n    {\n      url: `${COMPONENTS_CDN_URL}/${appId}/draft/components/${pageId}.js`,\n      filename: \"component.js\",\n    },\n  ];\n\n  for (const file of files) {\n    try {\n      console.log(`Downloading ${file.filename} from ${file.url}...`);\n      const content = await downloadFile(file.url, file.headers);\n      const filePath = join(targetPath, file.filename);\n      await writeFile(filePath, content, \"utf-8\");\n      console.log(`✓ Saved ${file.filename} to ${filePath}`);\n    } catch (error) {\n      console.error(`✗ Failed to download ${file.filename} at :`, error);\n      throw error;\n    }\n  }\n\n  console.log(\"\\n✓ All files downloaded successfully!\");\n}\n\nfunction printUsage() {\n  console.log(`\nUsage: download-bravo.ts <appId> <pageId> <targetPath>\n\nArguments:\n  appId      The Encore app ID\n  pageId     The Encore page ID\n  targetPath Path where files should be saved\n\nEnvironment variables:\n  APPS_SERVICE_URL  Base URL for the apps service\n\nExample:\n  download-bravo.ts my-app-id my-page-id ./bravo-files\n  APPS_SERVICE_URL=https://api.example.com download-bravo.ts my-app-id my-page-id ./bravo-files\n`);\n}\n\nexport async function runDownload(args: string[]) {\n  if (args.length < 3 || args.includes(\"--help\") || args.includes(\"-h\")) {\n    printUsage();\n    process.exit(args.includes(\"--help\") || args.includes(\"-h\") ? 0 : 1);\n  }\n\n  const [appId, pageId, targetPath] = args;\n\n  if (!appId || !pageId || !targetPath) {\n    console.error(\"Error: Missing required arguments\");\n    printUsage();\n    process.exit(1);\n  }\n\n  try {\n    await downloadEncoreFiles({ appId, pageId, targetPath });\n  } catch (error) {\n    console.error(\"\\nError:\", error instanceof Error ? error.message : error);\n    process.exit(1);\n  }\n}\n"],"names":["dotenv","APPS_SERVICE_URL","CONST_APPS_SERVICE_URL","COMPONENTS_CDN_URL","CONST_COMPONENTS_CDN_URL","downloadFile","url","headers","response","downloadEncoreFiles","appId","pageId","targetPath","existsSync","mkdir","files","file","content","filePath","join","writeFile","error","printUsage","runDownload","args"],"mappings":";;;;;AASAA,EAAO,OAAA;AAGP,MAAMC,IACJ,QAAQ,IAAI,yBAAyBC,GACjCC,IAAqBC;AAQ3B,eAAeC,EACbC,GACAC,GACiB;AACjB,QAAMC,IAAW,MAAM,MAAMF,GAAK;AAAA,IAChC,SAASC,KAAW,CAAA;AAAA,EAAC,CACtB;AAED,MAAI,CAACC,EAAS;AACZ,UAAM,IAAI;AAAA,MACR,sBAAsBF,CAAG,KAAKE,EAAS,MAAM,IAAIA,EAAS,UAAU;AAAA,IAAA;AAIxE,SAAO,MAAMA,EAAS,KAAA;AACxB;AAEA,eAAeC,EAAoB;AAAA,EACjC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AACF,GAAoB;AAClB,UAAQ,IAAI,qCAAqCF,CAAK,WAAWC,CAAM,EAAE,GACzE,QAAQ,IAAI,gBAAgBC,CAAU,EAAE,GAGnCC,EAAWD,CAAU,MACxB,MAAME,EAAMF,GAAY,EAAE,WAAW,IAAM,GAC3C,QAAQ,IAAI,sBAAsBA,CAAU,EAAE;AAGhD,QAAMG,IAID;AAAA,IACH;AAAA,MACE,KAAK,GAAGd,CAAgB,iBAAiBS,CAAK;AAAA,MAC9C,UAAU;AAAA,MACV,SAAS,EAAE,wBAAwB,OAAA;AAAA,IAAO;AAAA,IAE5C;AAAA,MACE,KAAK,GAAGT,CAAgB,iBAAiBS,CAAK,SAASC,CAAM;AAAA,MAC7D,UAAU;AAAA,MACV,SAAS,EAAE,wBAAwB,OAAA;AAAA,IAAO;AAAA,IAE5C;AAAA,MACE,KAAK,GAAGR,CAAkB,IAAIO,CAAK,qBAAqBC,CAAM;AAAA,MAC9D,UAAU;AAAA,IAAA;AAAA,EACZ;AAGF,aAAWK,KAAQD;AACjB,QAAI;AACF,cAAQ,IAAI,eAAeC,EAAK,QAAQ,SAASA,EAAK,GAAG,KAAK;AAC9D,YAAMC,IAAU,MAAMZ,EAAaW,EAAK,KAAKA,EAAK,OAAO,GACnDE,IAAWC,EAAKP,GAAYI,EAAK,QAAQ;AAC/C,YAAMI,EAAUF,GAAUD,GAAS,OAAO,GAC1C,QAAQ,IAAI,WAAWD,EAAK,QAAQ,OAAOE,CAAQ,EAAE;AAAA,IACvD,SAASG,GAAO;AACd,oBAAQ,MAAM,wBAAwBL,EAAK,QAAQ,SAASK,CAAK,GAC3DA;AAAA,IACR;AAGF,UAAQ,IAAI;AAAA,qCAAwC;AACtD;AAEA,SAASC,IAAa;AACpB,UAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAcb;AACD;AAEA,eAAsBC,EAAYC,GAAgB;AAChD,GAAIA,EAAK,SAAS,KAAKA,EAAK,SAAS,QAAQ,KAAKA,EAAK,SAAS,IAAI,OAClEF,EAAA,GACA,QAAQ,KAAKE,EAAK,SAAS,QAAQ,KAAKA,EAAK,SAAS,IAAI,IAAI,IAAI,CAAC;AAGrE,QAAM,CAACd,GAAOC,GAAQC,CAAU,IAAIY;AAEpC,GAAI,CAACd,KAAS,CAACC,KAAU,CAACC,OACxB,QAAQ,MAAM,mCAAmC,GACjDU,EAAA,GACA,QAAQ,KAAK,CAAC;AAGhB,MAAI;AACF,UAAMb,EAAoB,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY;AAAA,EACzD,SAASS,GAAO;AACd,YAAQ,MAAM;AAAA,SAAYA,aAAiB,QAAQA,EAAM,UAAUA,CAAK,GACxE,QAAQ,KAAK,CAAC;AAAA,EAChB;AACF;"}
+{"version":3,"file":"download.js","sources":["../../../src/cli/commands/download.ts"],"sourcesContent":["import { writeFile, mkdir } from \"fs/promises\";\nimport { join } from \"path\";\nimport { existsSync } from \"fs\";\nimport dotenv from \"dotenv\";\nimport {\n  CONST_APPS_SERVICE_URL,\n  CONST_COMPONENTS_CDN_URL,\n} from \"../../../constants\";\n\ndotenv.config();\n\n// Default apps service URL (can be overridden with APPS_SERVICE_URL env var)\nconst APPS_SERVICE_URL =\n  process.env.VITE_APPS_SERVICE_URL || CONST_APPS_SERVICE_URL;\nconst COMPONENTS_CDN_URL = CONST_COMPONENTS_CDN_URL;\n\ninterface DownloadOptions {\n  appId: string;\n  pageId: string;\n  targetPath: string;\n}\n\nasync function downloadFile(\n  url: string,\n  headers?: Record<string, string>\n): Promise<string> {\n  const response = await fetch(url, {\n    headers: headers || {},\n  });\n\n  if (!response.ok) {\n    throw new Error(\n      `Failed to download ${url}: ${response.status} ${response.statusText}`\n    );\n  }\n\n  return await response.text();\n}\n\nasync function downloadEncoreFiles({\n  appId,\n  pageId,\n  targetPath,\n}: DownloadOptions) {\n  console.log(`Downloading Encore files for app: ${appId}, page: ${pageId}`);\n  console.log(`Target path: ${targetPath}`);\n\n  // Ensure target directory exists\n  if (!existsSync(targetPath)) {\n    await mkdir(targetPath, { recursive: true });\n    console.log(`Created directory: ${targetPath}`);\n  }\n\n  const files: Array<{\n    url: string;\n    filename: string;\n    headers?: Record<string, string>;\n  }> = [\n    {\n      url: `${APPS_SERVICE_URL}/devices/apps/${appId}`,\n      filename: \"app.json\",\n      headers: { \"x-app-clientrendered\": \"true\" },\n    },\n    {\n      url: `${APPS_SERVICE_URL}/devices/apps/${appId}/node/${pageId}`,\n      filename: \"page.json\",\n      headers: { \"x-app-clientrendered\": \"true\" },\n    },\n    {\n      url: `${COMPONENTS_CDN_URL}/${appId}/draft/components/${pageId}.js`,\n      filename: \"component.js\",\n    },\n  ];\n\n  for (const file of files) {\n    try {\n      console.log(`Downloading ${file.filename} from ${file.url}...`);\n      const content = await downloadFile(file.url, file.headers);\n      const filePath = join(targetPath, file.filename);\n      await writeFile(filePath, content, \"utf-8\");\n      console.log(`✓ Saved ${file.filename} to ${filePath}`);\n    } catch (error) {\n      console.error(`✗ Failed to download ${file.filename} at :`, error);\n      throw error;\n    }\n  }\n\n  console.log(\"\\n✓ All files downloaded successfully!\");\n}\n\nexport async function runDownload(\n  appId: string,\n  pageId: string,\n  targetPath: string\n) {\n  if (!appId || !pageId || !targetPath) {\n    console.error(\n      \"Error: Missing required arguments. Usage: download <appId> <pageId> <targetPath>\"\n    );\n    process.exit(1);\n  }\n\n  try {\n    await downloadEncoreFiles({ appId, pageId, targetPath });\n  } catch (error) {\n    console.error(\"\\nError:\", error instanceof Error ? error.message : error);\n    process.exit(1);\n  }\n}\n"],"names":["dotenv","APPS_SERVICE_URL","CONST_APPS_SERVICE_URL","COMPONENTS_CDN_URL","CONST_COMPONENTS_CDN_URL","downloadFile","url","headers","response","downloadEncoreFiles","appId","pageId","targetPath","existsSync","mkdir","files","file","content","filePath","join","writeFile","error","runDownload"],"mappings":";;;;;AASAA,EAAO,OAAA;AAGP,MAAMC,IACJ,QAAQ,IAAI,yBAAyBC,GACjCC,IAAqBC;AAQ3B,eAAeC,EACbC,GACAC,GACiB;AACjB,QAAMC,IAAW,MAAM,MAAMF,GAAK;AAAA,IAChC,SAASC,KAAW,CAAA;AAAA,EAAC,CACtB;AAED,MAAI,CAACC,EAAS;AACZ,UAAM,IAAI;AAAA,MACR,sBAAsBF,CAAG,KAAKE,EAAS,MAAM,IAAIA,EAAS,UAAU;AAAA,IAAA;AAIxE,SAAO,MAAMA,EAAS,KAAA;AACxB;AAEA,eAAeC,EAAoB;AAAA,EACjC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AACF,GAAoB;AAClB,UAAQ,IAAI,qCAAqCF,CAAK,WAAWC,CAAM,EAAE,GACzE,QAAQ,IAAI,gBAAgBC,CAAU,EAAE,GAGnCC,EAAWD,CAAU,MACxB,MAAME,EAAMF,GAAY,EAAE,WAAW,IAAM,GAC3C,QAAQ,IAAI,sBAAsBA,CAAU,EAAE;AAGhD,QAAMG,IAID;AAAA,IACH;AAAA,MACE,KAAK,GAAGd,CAAgB,iBAAiBS,CAAK;AAAA,MAC9C,UAAU;AAAA,MACV,SAAS,EAAE,wBAAwB,OAAA;AAAA,IAAO;AAAA,IAE5C;AAAA,MACE,KAAK,GAAGT,CAAgB,iBAAiBS,CAAK,SAASC,CAAM;AAAA,MAC7D,UAAU;AAAA,MACV,SAAS,EAAE,wBAAwB,OAAA;AAAA,IAAO;AAAA,IAE5C;AAAA,MACE,KAAK,GAAGR,CAAkB,IAAIO,CAAK,qBAAqBC,CAAM;AAAA,MAC9D,UAAU;AAAA,IAAA;AAAA,EACZ;AAGF,aAAWK,KAAQD;AACjB,QAAI;AACF,cAAQ,IAAI,eAAeC,EAAK,QAAQ,SAASA,EAAK,GAAG,KAAK;AAC9D,YAAMC,IAAU,MAAMZ,EAAaW,EAAK,KAAKA,EAAK,OAAO,GACnDE,IAAWC,EAAKP,GAAYI,EAAK,QAAQ;AAC/C,YAAMI,EAAUF,GAAUD,GAAS,OAAO,GAC1C,QAAQ,IAAI,WAAWD,EAAK,QAAQ,OAAOE,CAAQ,EAAE;AAAA,IACvD,SAASG,GAAO;AACd,oBAAQ,MAAM,wBAAwBL,EAAK,QAAQ,SAASK,CAAK,GAC3DA;AAAA,IACR;AAGF,UAAQ,IAAI;AAAA,qCAAwC;AACtD;AAEA,eAAsBC,EACpBZ,GACAC,GACAC,GACA;AACA,GAAI,CAACF,KAAS,CAACC,KAAU,CAACC,OACxB,QAAQ;AAAA,IACN;AAAA,EAAA,GAEF,QAAQ,KAAK,CAAC;AAGhB,MAAI;AACF,UAAMH,EAAoB,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY;AAAA,EACzD,SAASS,GAAO;AACd,YAAQ,MAAM;AAAA,SAAYA,aAAiB,QAAQA,EAAM,UAAUA,CAAK,GACxE,QAAQ,KAAK,CAAC;AAAA,EAChB;AACF;"}