@adidas/htmplar-cli 0.0.0 → 2.0.0-alpha.1

package/dist/bin.mjs

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+import './chunk-VSA5JOPE.mjs';
+//# sourceMappingURL=bin.mjs.map
+//# sourceMappingURL=bin.mjs.map

package/dist/bin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bin.mjs"}

package/dist/build-P2H7OT3Y.mjs

@@ -0,0 +1,3 @@
+export { buildEmails } from './chunk-3B2SEUWU.mjs';
+//# sourceMappingURL=build-P2H7OT3Y.mjs.map
+//# sourceMappingURL=build-P2H7OT3Y.mjs.map

package/dist/build-P2H7OT3Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"build-P2H7OT3Y.mjs"}

package/dist/chunk-3B2SEUWU.mjs

@@ -0,0 +1,87 @@
+import { rm, mkdir, writeFile, readdir } from 'fs/promises';
+import { join, basename, extname } from 'path';
+import chalk from 'chalk';
+import ora from 'ora';
+
+// src/commands/build.ts
+async function buildEmails(options) {
+  const spinner = ora("Finding email files...").start();
+  const cwd = process.cwd();
+  const outputDir = join(cwd, options.output);
+  try {
+    if (options.clean) {
+      spinner.text = "Cleaning output directory...";
+      try {
+        await rm(outputDir, { recursive: true, force: true });
+      } catch {
+      }
+    }
+    spinner.text = "Creating output directory...";
+    await mkdir(outputDir, { recursive: true });
+    spinner.text = "Scanning for email files...";
+    const srcDir = join(cwd, "src");
+    const files = await findEmailFiles(srcDir);
+    if (files.length === 0) {
+      spinner.warn("No email files found in src/");
+      console.log(chalk.yellow("  Create email files in src/ with .tsx or .jsx extension"));
+      return;
+    }
+    spinner.succeed(`Found ${files.length} email file(s)`);
+    console.log("");
+    let successCount = 0;
+    let failCount = 0;
+    for (const file of files) {
+      const name = basename(file, extname(file));
+      const buildSpinner = ora(`Building ${name}...`).start();
+      try {
+        const { renderEmailFromFile } = await import('./renderEmail-WCOTFX4J.mjs');
+        const html = await renderEmailFromFile(file);
+        const outputPath = join(outputDir, `${name}.html`);
+        await writeFile(outputPath, html, "utf-8");
+        buildSpinner.succeed(chalk.green(`${name}.html`));
+        successCount++;
+      } catch (error) {
+        buildSpinner.fail(chalk.red(`Failed to build ${name}`));
+        if (error instanceof Error) {
+          console.error(chalk.gray(`  ${error.message}`));
+        }
+        failCount++;
+      }
+    }
+    console.log("");
+    if (successCount > 0) {
+      console.log(chalk.green(`\u2705 Built ${successCount} email(s) to ${options.output}/`));
+    }
+    if (failCount > 0) {
+      console.log(chalk.yellow(`\u26A0\uFE0F  ${failCount} email(s) failed to build`));
+      process.exit(1);
+    }
+  } catch (error) {
+    spinner.fail("Build failed");
+    throw error;
+  }
+}
+async function findEmailFiles(dir) {
+  const files = [];
+  try {
+    const entries = await readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = join(dir, entry.name);
+      if (entry.isDirectory()) {
+        const subFiles = await findEmailFiles(fullPath);
+        files.push(...subFiles);
+      } else if (entry.isFile()) {
+        const ext = extname(entry.name);
+        if (ext === ".tsx" || ext === ".jsx") {
+          files.push(fullPath);
+        }
+      }
+    }
+  } catch {
+  }
+  return files;
+}
+
+export { buildEmails };
+//# sourceMappingURL=chunk-3B2SEUWU.mjs.map
+//# sourceMappingURL=chunk-3B2SEUWU.mjs.map

package/dist/chunk-3B2SEUWU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/build.ts"],"names":[],"mappings":"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","file":"chunk-3B2SEUWU.mjs","sourcesContent":["import { readdir, mkdir, writeFile, rm } from 'fs/promises';\nimport { join, extname, basename } from 'path';\nimport chalk from 'chalk';\nimport ora from 'ora';\n\ninterface BuildOptions {\n  output: string;\n  clean: boolean;\n}\n\nexport async function buildEmails(options: BuildOptions) {\n  const spinner = ora('Finding email files...').start();\n  const cwd = process.cwd();\n  const outputDir = join(cwd, options.output);\n\n  try {\n    // Clean output directory if requested\n    if (options.clean) {\n      spinner.text = 'Cleaning output directory...';\n      try {\n        await rm(outputDir, { recursive: true, force: true });\n      } catch {\n        // Directory might not exist, that's okay\n      }\n    }\n\n    // Create output directory\n    spinner.text = 'Creating output directory...';\n    await mkdir(outputDir, { recursive: true });\n\n    // Find all email files (*.tsx, *.jsx)\n    spinner.text = 'Scanning for email files...';\n    const srcDir = join(cwd, 'src');\n    const files = await findEmailFiles(srcDir);\n\n    if (files.length === 0) {\n      spinner.warn('No email files found in src/');\n      console.log(chalk.yellow('  Create email files in src/ with .tsx or .jsx extension'));\n      return;\n    }\n\n    spinner.succeed(`Found ${files.length} email file(s)`);\n\n    // Build each email\n    console.log('');\n    let successCount = 0;\n    let failCount = 0;\n\n    for (const file of files) {\n      const name = basename(file, extname(file));\n      const buildSpinner = ora(`Building ${name}...`).start();\n\n      try {\n        const { renderEmailFromFile } = await import('../utils/renderEmail.js');\n        const html = await renderEmailFromFile(file);\n\n        const outputPath = join(outputDir, `${name}.html`);\n        await writeFile(outputPath, html, 'utf-8');\n\n        buildSpinner.succeed(chalk.green(`${name}.html`));\n        successCount++;\n      } catch (error) {\n        buildSpinner.fail(chalk.red(`Failed to build ${name}`));\n        if (error instanceof Error) {\n          console.error(chalk.gray(`  ${error.message}`));\n        }\n        failCount++;\n      }\n    }\n\n    console.log('');\n    if (successCount > 0) {\n      console.log(chalk.green(`✅ Built ${successCount} email(s) to ${options.output}/`));\n    }\n    if (failCount > 0) {\n      console.log(chalk.yellow(`⚠️  ${failCount} email(s) failed to build`));\n      process.exit(1);\n    }\n  } catch (error) {\n    spinner.fail('Build failed');\n    throw error;\n  }\n}\n\nasync function findEmailFiles(dir: string): Promise<string[]> {\n  const files: string[] = [];\n\n  try {\n    const entries = await readdir(dir, { withFileTypes: true });\n\n    for (const entry of entries) {\n      const fullPath = join(dir, entry.name);\n\n      if (entry.isDirectory()) {\n        // Recursively search subdirectories\n        const subFiles = await findEmailFiles(fullPath);\n        files.push(...subFiles);\n      } else if (entry.isFile()) {\n        const ext = extname(entry.name);\n        if (ext === '.tsx' || ext === '.jsx') {\n          files.push(fullPath);\n        }\n      }\n    }\n  } catch {\n    // Directory might not exist\n  }\n\n  return files;\n}\n"]}

package/dist/chunk-AW7RBGLV.mjs

@@ -0,0 +1,107 @@
+import { mkdir, writeFile } from 'fs/promises';
+import { join } from 'path';
+import chalk from 'chalk';
+import ora from 'ora';
+
+// src/commands/init.ts
+async function initProject(name) {
+  const projectName = name || "my-emails";
+  const spinner = ora(`Creating project: ${projectName}`).start();
+  try {
+    const projectDir = join(process.cwd(), projectName);
+    await mkdir(join(projectDir, "src"), { recursive: true });
+    await mkdir(join(projectDir, "dist"), { recursive: true });
+    const packageJson = {
+      name: projectName,
+      version: "1.0.0",
+      private: true,
+      scripts: {
+        dev: "htmplar dev",
+        build: "htmplar build",
+        preview: "htmplar preview"
+      },
+      dependencies: {
+        "@adidas/htmplar-core": "^2.0.0-alpha.1",
+        "@adidas/htmplar-renderer": "^2.0.0-alpha.1",
+        react: "^18.3.1",
+        "react-dom": "^18.3.1"
+      },
+      devDependencies: {
+        "@adidas/htmplar-cli": "^2.0.0-alpha.1",
+        "@types/react": "^18.3.8",
+        "@types/react-dom": "^18.3.0",
+        typescript: "^5.6.2"
+      }
+    };
+    await writeFile(join(projectDir, "package.json"), JSON.stringify(packageJson, null, 2));
+    const exampleEmail = `import React from 'react';
+import { Block, Text, Button } from '@adidas/htmplar-core';
+
+export default function WelcomeEmail() {
+  return (
+    <Block backgroundColor="#f4f4f4" padding={40}>
+      <Block backgroundColor="#ffffff" padding={30} maxWidth={600}>
+        <Text fontSize={24} fontWeight="bold" align="center">
+          Welcome to HTMplar!
+        </Text>
+
+        <Block padding={20}>
+          <Text fontSize={16} color="#666666">
+            Start building amazing emails with React and TypeScript.
+          </Text>
+        </Block>
+
+        <Block padding={20}>
+          <Button href="https://github.com/adidas/htmplar">
+            Get Started
+          </Button>
+        </Block>
+      </Block>
+    </Block>
+  );
+}
+`;
+    await writeFile(join(projectDir, "src", "welcome.tsx"), exampleEmail);
+    const readme = `# ${projectName}
+
+HTMplar email project
+
+## Getting Started
+
+\`\`\`bash
+# Install dependencies
+npm install
+
+# Start dev server
+npm run dev
+
+# Build emails
+npm run build
+
+# Preview built emails
+npm run preview
+\`\`\`
+
+## Project Structure
+
+- \`src/\` - Email source files (React components)
+- \`dist/\` - Built HTML files
+`;
+    await writeFile(join(projectDir, "README.md"), readme);
+    spinner.succeed(chalk.green("Project created!"));
+    console.log("");
+    console.log(chalk.cyan("Next steps:"));
+    console.log("");
+    console.log(`  cd ${projectName}`);
+    console.log("  npm install");
+    console.log("  npm run dev");
+    console.log("");
+  } catch (error) {
+    spinner.fail("Failed to create project");
+    throw error;
+  }
+}
+
+export { initProject };
+//# sourceMappingURL=chunk-AW7RBGLV.mjs.map
+//# sourceMappingURL=chunk-AW7RBGLV.mjs.map

package/dist/chunk-AW7RBGLV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/init.ts"],"names":[],"mappings":";;;;;;AAKA,eAAsB,YAAY,IAAA,EAAe;AAC/C,EAAA,MAAM,cAAc,IAAA,IAAQ,WAAA;AAC5B,EAAA,MAAM,UAAU,GAAA,CAAI,CAAA,kBAAA,EAAqB,WAAW,CAAA,CAAE,EAAE,KAAA,EAAM;AAE9D,EAAA,IAAI;AACF,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,OAAA,CAAQ,GAAA,IAAO,WAAW,CAAA;AAGlD,IAAA,MAAM,KAAA,CAAM,KAAK,UAAA,EAAY,KAAK,GAAG,EAAE,SAAA,EAAW,MAAM,CAAA;AACxD,IAAA,MAAM,KAAA,CAAM,KAAK,UAAA,EAAY,MAAM,GAAG,EAAE,SAAA,EAAW,MAAM,CAAA;AAGzD,IAAA,MAAM,WAAA,GAAc;AAAA,MAClB,IAAA,EAAM,WAAA;AAAA,MACN,OAAA,EAAS,OAAA;AAAA,MACT,OAAA,EAAS,IAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,GAAA,EAAK,aAAA;AAAA,QACL,KAAA,EAAO,eAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,sBAAA,EAAwB,gBAAA;AAAA,QACxB,0BAAA,EAA4B,gBAAA;AAAA,QAC5B,KAAA,EAAO,SAAA;AAAA,QACP,WAAA,EAAa;AAAA,OACf;AAAA,MACA,eAAA,EAAiB;AAAA,QACf,qBAAA,EAAuB,gBAAA;AAAA,QACvB,cAAA,EAAgB,SAAA;AAAA,QAChB,kBAAA,EAAoB,SAAA;AAAA,QACpB,UAAA,EAAY;AAAA;AACd,KACF;AAEA,IAAA,MAAM,SAAA,CAAU,IAAA,CAAK,UAAA,EAAY,cAAc,CAAA,EAAG,KAAK,SAAA,CAAU,WAAA,EAAa,IAAA,EAAM,CAAC,CAAC,CAAA;AAGtF,IAAA,MAAM,YAAA,GAAe,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AA4BrB,IAAA,MAAM,UAAU,IAAA,CAAK,UAAA,EAAY,KAAA,EAAO,aAAa,GAAG,YAAY,CAAA;AAGpE,IAAA,MAAM,MAAA,GAAS,KAAK,WAAW;;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA,CAAA;AA0B/B,IAAA,MAAM,SAAA,CAAU,IAAA,CAAK,UAAA,EAAY,WAAW,GAAG,MAAM,CAAA;AAErD,IAAA,OAAA,CAAQ,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,kBAAkB,CAAC,CAAA;AAE/C,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,aAAa,CAAC,CAAA;AACrC,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,KAAA,EAAQ,WAAW,CAAA,CAAE,CAAA;AACjC,IAAA,OAAA,CAAQ,IAAI,eAAe,CAAA;AAC3B,IAAA,OAAA,CAAQ,IAAI,eAAe,CAAA;AAC3B,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AAAA,EAChB,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAK,0BAA0B,CAAA;AACvC,IAAA,MAAM,KAAA;AAAA,EACR;AACF","file":"chunk-AW7RBGLV.mjs","sourcesContent":["import { mkdir, writeFile } from 'fs/promises';\nimport { join } from 'path';\nimport chalk from 'chalk';\nimport ora from 'ora';\n\nexport async function initProject(name?: string) {\n  const projectName = name || 'my-emails';\n  const spinner = ora(`Creating project: ${projectName}`).start();\n\n  try {\n    const projectDir = join(process.cwd(), projectName);\n\n    // Create directories\n    await mkdir(join(projectDir, 'src'), { recursive: true });\n    await mkdir(join(projectDir, 'dist'), { recursive: true });\n\n    // Create package.json\n    const packageJson = {\n      name: projectName,\n      version: '1.0.0',\n      private: true,\n      scripts: {\n        dev: 'htmplar dev',\n        build: 'htmplar build',\n        preview: 'htmplar preview',\n      },\n      dependencies: {\n        '@adidas/htmplar-core': '^2.0.0-alpha.1',\n        '@adidas/htmplar-renderer': '^2.0.0-alpha.1',\n        react: '^18.3.1',\n        'react-dom': '^18.3.1',\n      },\n      devDependencies: {\n        '@adidas/htmplar-cli': '^2.0.0-alpha.1',\n        '@types/react': '^18.3.8',\n        '@types/react-dom': '^18.3.0',\n        typescript: '^5.6.2',\n      },\n    };\n\n    await writeFile(join(projectDir, 'package.json'), JSON.stringify(packageJson, null, 2));\n\n    // Create example email\n    const exampleEmail = `import React from 'react';\nimport { Block, Text, Button } from '@adidas/htmplar-core';\n\nexport default function WelcomeEmail() {\n  return (\n    <Block backgroundColor=\"#f4f4f4\" padding={40}>\n      <Block backgroundColor=\"#ffffff\" padding={30} maxWidth={600}>\n        <Text fontSize={24} fontWeight=\"bold\" align=\"center\">\n          Welcome to HTMplar!\n        </Text>\n\n        <Block padding={20}>\n          <Text fontSize={16} color=\"#666666\">\n            Start building amazing emails with React and TypeScript.\n          </Text>\n        </Block>\n\n        <Block padding={20}>\n          <Button href=\"https://github.com/adidas/htmplar\">\n            Get Started\n          </Button>\n        </Block>\n      </Block>\n    </Block>\n  );\n}\n`;\n\n    await writeFile(join(projectDir, 'src', 'welcome.tsx'), exampleEmail);\n\n    // Create README\n    const readme = `# ${projectName}\n\nHTMplar email project\n\n## Getting Started\n\n\\`\\`\\`bash\n# Install dependencies\nnpm install\n\n# Start dev server\nnpm run dev\n\n# Build emails\nnpm run build\n\n# Preview built emails\nnpm run preview\n\\`\\`\\`\n\n## Project Structure\n\n- \\`src/\\` - Email source files (React components)\n- \\`dist/\\` - Built HTML files\n`;\n\n    await writeFile(join(projectDir, 'README.md'), readme);\n\n    spinner.succeed(chalk.green('Project created!'));\n\n    console.log('');\n    console.log(chalk.cyan('Next steps:'));\n    console.log('');\n    console.log(`  cd ${projectName}`);\n    console.log('  npm install');\n    console.log('  npm run dev');\n    console.log('');\n  } catch (error) {\n    spinner.fail('Failed to create project');\n    throw error;\n  }\n}\n"]}

package/dist/chunk-PDVVYV5V.mjs

@@ -0,0 +1,161 @@
+import { createServer } from 'vite';
+import react from '@vitejs/plugin-react';
+import chalk from 'chalk';
+import path from 'path';
+import { readdir } from 'fs/promises';
+
+// src/commands/dev.ts
+async function discoverEmailTemplates() {
+  const srcDir = path.join(process.cwd(), "src");
+  try {
+    const files = await readdir(srcDir);
+    return files.filter(
+      (file) => (file.endsWith(".tsx") || file.endsWith(".jsx")) && file !== "main.tsx" && file !== "main.jsx"
+    ).map((file) => file.replace(/\.(tsx|jsx)$/, ""));
+  } catch {
+    return [];
+  }
+}
+function createRoutingPlugin(templates) {
+  return {
+    name: "htmplar-routing",
+    configureServer(server) {
+      server.middlewares.use(async (req, res, next) => {
+        const url = req.url || "";
+        if (url === "/" || url === "/index.html") {
+          const templateLinks = templates.map(
+            (name) => `<li style="margin: 10px 0;"><a href="/${name}" style="color: #0066cc; text-decoration: none; font-size: 16px;">\u{1F4E7} ${name}</a></li>`
+          ).join("");
+          const html = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HTMplar Email Templates</title>
+    <style>
+      body {
+        font-family: system-ui, -apple-system, sans-serif;
+        max-width: 800px;
+        margin: 0 auto;
+        padding: 40px 20px;
+        background: #f9f9f9;
+      }
+      h1 { color: #333; }
+      ul { list-style: none; padding: 0; }
+      a:hover { text-decoration: underline !important; }
+      .card {
+        background: white;
+        padding: 30px;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card">
+      <h1>\u{1F4E7} HTMplar Email Templates</h1>
+      <p style="color: #666; margin-top: 10px;">
+        Click on a template below to preview it. Changes will hot reload automatically.
+      </p>
+      ${templates.length > 0 ? `<ul style="margin-top: 30px;">${templateLinks}</ul>` : '<p style="color: #999; margin-top: 30px;">No email templates found. Create a .tsx file in the src/ directory.</p>'}
+    </div>
+  </body>
+</html>`;
+          res.setHeader("Content-Type", "text/html");
+          res.end(html);
+          return;
+        }
+        const routeMatch = url.match(/^\/([^/?]+)/);
+        if (routeMatch) {
+          const templateName = routeMatch[1];
+          if (templates.includes(templateName)) {
+            const ext = await getTemplateExtension(templateName);
+            const html = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${templateName} - HTMplar</title>
+    <style>
+      body { margin: 0; padding: 0; }
+      #root { min-height: 100vh; }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module">
+      import React from 'react';
+      import { createRoot } from 'react-dom/client';
+      import EmailComponent from '/src/${templateName}.${ext}';
+
+      const root = createRoot(document.getElementById('root'));
+      root.render(React.createElement(EmailComponent));
+    </script>
+  </body>
+</html>`;
+            res.setHeader("Content-Type", "text/html");
+            res.end(html);
+            return;
+          }
+        }
+        next();
+      });
+    }
+  };
+}
+async function getTemplateExtension(name) {
+  const srcDir = path.join(process.cwd(), "src");
+  const files = await readdir(srcDir);
+  const file = files.find((f) => f === `${name}.tsx` || f === `${name}.jsx`);
+  return file?.endsWith(".tsx") ? "tsx" : "jsx";
+}
+async function startDevServer(options) {
+  const port = parseInt(options.port, 10);
+  try {
+    process.env.VITE_TELEMETRY_DISABLED = "1";
+    const templates = await discoverEmailTemplates();
+    const server = await createServer({
+      configFile: false,
+      root: process.cwd(),
+      server: {
+        port,
+        open: options.open
+      },
+      plugins: [react(), createRoutingPlugin(templates)],
+      resolve: {
+        alias: {
+          "@adidas/htmplar-core": path.resolve(process.cwd(), "node_modules/@adidas/htmplar-core"),
+          "@adidas/htmplar-renderer": path.resolve(
+            process.cwd(),
+            "node_modules/@adidas/htmplar-renderer"
+          )
+        }
+      }
+    });
+    await server.listen();
+    console.log("");
+    console.log(chalk.green("\u2705 Dev server running!"));
+    console.log("");
+    console.log(chalk.cyan(`   \u279C  Local:   http://localhost:${port}/`));
+    console.log("");
+    console.log(chalk.gray("   Press Ctrl+C to stop"));
+    console.log("");
+    process.on("SIGTERM", async () => {
+      await server.close();
+      process.exit(0);
+    });
+    process.on("SIGINT", async () => {
+      console.log("");
+      console.log(chalk.yellow("Stopping dev server..."));
+      await server.close();
+      process.exit(0);
+    });
+  } catch (error) {
+    console.error(chalk.red("Failed to start dev server:"), error);
+    throw error;
+  }
+}
+
+export { startDevServer };
+//# sourceMappingURL=chunk-PDVVYV5V.mjs.map
+//# sourceMappingURL=chunk-PDVVYV5V.mjs.map

package/dist/chunk-PDVVYV5V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/dev.ts"],"names":[],"mappings":"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","file":"chunk-PDVVYV5V.mjs","sourcesContent":["import { createServer, ViteDevServer } from 'vite';\nimport react from '@vitejs/plugin-react';\nimport chalk from 'chalk';\nimport path from 'path';\nimport { readdir } from 'fs/promises';\n\ninterface DevOptions {\n  port: string;\n  open: boolean;\n}\n\nasync function discoverEmailTemplates(): Promise<string[]> {\n  const srcDir = path.join(process.cwd(), 'src');\n  try {\n    const files = await readdir(srcDir);\n    return files\n      .filter(\n        (file) =>\n          (file.endsWith('.tsx') || file.endsWith('.jsx')) &&\n          file !== 'main.tsx' &&\n          file !== 'main.jsx'\n      )\n      .map((file) => file.replace(/\\.(tsx|jsx)$/, ''));\n  } catch {\n    return [];\n  }\n}\n\nfunction createRoutingPlugin(templates: string[]) {\n  return {\n    name: 'htmplar-routing',\n    configureServer(server: ViteDevServer) {\n      server.middlewares.use(async (req, res, next) => {\n        const url = req.url || '';\n\n        // Root - show index with list of templates\n        if (url === '/' || url === '/index.html') {\n          const templateLinks = templates\n            .map(\n              (name) =>\n                `<li style=\"margin: 10px 0;\"><a href=\"/${name}\" style=\"color: #0066cc; text-decoration: none; font-size: 16px;\">📧 ${name}</a></li>`\n            )\n            .join('');\n\n          const html = `<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>HTMplar Email Templates</title>\n    <style>\n      body {\n        font-family: system-ui, -apple-system, sans-serif;\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 40px 20px;\n        background: #f9f9f9;\n      }\n      h1 { color: #333; }\n      ul { list-style: none; padding: 0; }\n      a:hover { text-decoration: underline !important; }\n      .card {\n        background: white;\n        padding: 30px;\n        border-radius: 8px;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"card\">\n      <h1>📧 HTMplar Email Templates</h1>\n      <p style=\"color: #666; margin-top: 10px;\">\n        Click on a template below to preview it. Changes will hot reload automatically.\n      </p>\n      ${\n        templates.length > 0\n          ? `<ul style=\"margin-top: 30px;\">${templateLinks}</ul>`\n          : '<p style=\"color: #999; margin-top: 30px;\">No email templates found. Create a .tsx file in the src/ directory.</p>'\n      }\n    </div>\n  </body>\n</html>`;\n\n          res.setHeader('Content-Type', 'text/html');\n          res.end(html);\n          return;\n        }\n\n        // Template routes - serve dynamic preview\n        const routeMatch = url.match(/^\\/([^/?]+)/);\n        if (routeMatch) {\n          const templateName = routeMatch[1];\n          if (templates.includes(templateName)) {\n            const ext = await getTemplateExtension(templateName);\n            const html = `<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>${templateName} - HTMplar</title>\n    <style>\n      body { margin: 0; padding: 0; }\n      #root { min-height: 100vh; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n    <script type=\"module\">\n      import React from 'react';\n      import { createRoot } from 'react-dom/client';\n      import EmailComponent from '/src/${templateName}.${ext}';\n\n      const root = createRoot(document.getElementById('root'));\n      root.render(React.createElement(EmailComponent));\n    </script>\n  </body>\n</html>`;\n\n            res.setHeader('Content-Type', 'text/html');\n            res.end(html);\n            return;\n          }\n        }\n\n        next();\n      });\n    },\n  };\n}\n\nasync function getTemplateExtension(name: string): Promise<string> {\n  const srcDir = path.join(process.cwd(), 'src');\n  const files = await readdir(srcDir);\n  const file = files.find((f) => f === `${name}.tsx` || f === `${name}.jsx`);\n  return file?.endsWith('.tsx') ? 'tsx' : 'jsx';\n}\n\nexport async function startDevServer(options: DevOptions) {\n  const port = parseInt(options.port, 10);\n\n  try {\n    // Disable telemetry\n    process.env.VITE_TELEMETRY_DISABLED = '1';\n\n    // Discover email templates\n    const templates = await discoverEmailTemplates();\n\n    // Create Vite dev server\n    const server = await createServer({\n      configFile: false,\n      root: process.cwd(),\n      server: {\n        port,\n        open: options.open,\n      },\n      plugins: [react(), createRoutingPlugin(templates)],\n      resolve: {\n        alias: {\n          '@adidas/htmplar-core': path.resolve(process.cwd(), 'node_modules/@adidas/htmplar-core'),\n          '@adidas/htmplar-renderer': path.resolve(\n            process.cwd(),\n            'node_modules/@adidas/htmplar-renderer'\n          ),\n        },\n      },\n    });\n\n    await server.listen();\n\n    console.log('');\n    console.log(chalk.green('✅ Dev server running!'));\n    console.log('');\n    console.log(chalk.cyan(`   ➜  Local:   http://localhost:${port}/`));\n    console.log('');\n    console.log(chalk.gray('   Press Ctrl+C to stop'));\n    console.log('');\n\n    // Keep process alive\n    process.on('SIGTERM', async () => {\n      await server.close();\n      process.exit(0);\n    });\n\n    process.on('SIGINT', async () => {\n      console.log('');\n      console.log(chalk.yellow('Stopping dev server...'));\n      await server.close();\n      process.exit(0);\n    });\n  } catch (error) {\n    console.error(chalk.red('Failed to start dev server:'), error);\n    throw error;\n  }\n}\n"]}

package/dist/chunk-SEOAKQKB.mjs

@@ -0,0 +1,78 @@
+import express from 'express';
+import { readdir } from 'fs/promises';
+import { join } from 'path';
+import chalk from 'chalk';
+
+// src/commands/preview.ts
+async function startPreviewServer(options) {
+  const port = parseInt(options.port, 10);
+  const cwd = process.cwd();
+  const distDir = join(cwd, "dist");
+  const app = express();
+  app.use(express.static(distDir));
+  app.get("/", async (_req, res) => {
+    try {
+      const files = await readdir(distDir);
+      const htmlFiles = files.filter((f) => f.endsWith(".html"));
+      const html = `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>HTMplar Preview</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      max-width: 800px;
+      margin: 50px auto;
+      padding: 20px;
+    }
+    h1 { color: #0066cc; }
+    ul { list-style: none; padding: 0; }
+    li { margin: 10px 0; }
+    a {
+      display: block;
+      padding: 15px;
+      background: #f4f4f4;
+      border-radius: 8px;
+      text-decoration: none;
+      color: #333;
+      transition: background 0.2s;
+    }
+    a:hover { background: #e0e0e0; }
+  </style>
+</head>
+<body>
+  <h1>\u{1F4E7} HTMplar Email Preview</h1>
+  <p>${htmlFiles.length} email(s) built</p>
+  <ul>
+    ${htmlFiles.map((file) => `<li><a href="/${file}">${file}</a></li>`).join("")}
+  </ul>
+</body>
+</html>
+      `;
+      res.send(html);
+    } catch {
+      res.status(500).send("Error reading dist directory");
+    }
+  });
+  app.listen(port, () => {
+    console.log("");
+    console.log(chalk.green("\u2705 Preview server running!"));
+    console.log("");
+    console.log(chalk.cyan(`   \u279C  Local:   http://localhost:${port}/`));
+    console.log("");
+    console.log(chalk.gray("   Press Ctrl+C to stop"));
+    console.log("");
+  });
+  process.on("SIGTERM", () => process.exit(0));
+  process.on("SIGINT", () => {
+    console.log("");
+    console.log(chalk.yellow("Stopping preview server..."));
+    process.exit(0);
+  });
+}
+
+export { startPreviewServer };
+//# sourceMappingURL=chunk-SEOAKQKB.mjs.map
+//# sourceMappingURL=chunk-SEOAKQKB.mjs.map

package/dist/chunk-SEOAKQKB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/preview.ts"],"names":[],"mappings":";;;;;;AAUA,eAAsB,mBAAmB,OAAA,EAAyB;AAChE,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAA;AACtC,EAAA,MAAM,GAAA,GAAM,QAAQ,GAAA,EAAI;AACxB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,EAAK,MAAM,CAAA;AAEhC,EAAA,MAAM,MAAM,OAAA,EAAQ;AAGpB,EAAA,GAAA,CAAI,GAAA,CAAI,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAC,CAAA;AAG/B,EAAA,GAAA,CAAI,GAAA,CAAI,GAAA,EAAK,OAAO,IAAA,EAAM,GAAA,KAAQ;AAChC,IAAA,IAAI;AACF,MAAA,MAAM,KAAA,GAAQ,MAAM,OAAA,CAAQ,OAAO,CAAA;AACnC,MAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,QAAA,CAAS,OAAO,CAAC,CAAA;AAEzD,MAAA,MAAM,IAAA,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,EA8BZ,UAAU,MAAM,CAAA;AAAA;AAAA,IAAA,EAEjB,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,KAAS,CAAA,cAAA,EAAiB,IAAI,CAAA,EAAA,EAAK,IAAI,CAAA,SAAA,CAAW,CAAA,CAAE,IAAA,CAAK,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA,MAAA,CAAA;AAM3E,MAAA,GAAA,CAAI,KAAK,IAAI,CAAA;AAAA,IACf,CAAA,CAAA,MAAQ;AACN,MAAA,GAAA,CAAI,MAAA,CAAO,GAAG,CAAA,CAAE,IAAA,CAAK,8BAA8B,CAAA;AAAA,IACrD;AAAA,EACF,CAAC,CAAA;AAED,EAAA,GAAA,CAAI,MAAA,CAAO,MAAM,MAAM;AACrB,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,KAAA,CAAM,gCAA2B,CAAC,CAAA;AACpD,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,IAAA,CAAK,CAAA,qCAAA,EAAmC,IAAI,GAAG,CAAC,CAAA;AAClE,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,yBAAyB,CAAC,CAAA;AACjD,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AAAA,EAChB,CAAC,CAAA;AAGD,EAAA,OAAA,CAAQ,GAAG,SAAA,EAAW,MAAM,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAC,CAAA;AAC3C,EAAA,OAAA,CAAQ,EAAA,CAAG,UAAU,MAAM;AACzB,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA;AACd,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,MAAA,CAAO,4BAA4B,CAAC,CAAA;AACtD,IAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAChB,CAAC,CAAA;AACH","file":"chunk-SEOAKQKB.mjs","sourcesContent":["import express from 'express';\nimport { readdir } from 'fs/promises';\nimport { join } from 'path';\nimport chalk from 'chalk';\n\ninterface PreviewOptions {\n  port: string;\n  open: boolean;\n}\n\nexport async function startPreviewServer(options: PreviewOptions) {\n  const port = parseInt(options.port, 10);\n  const cwd = process.cwd();\n  const distDir = join(cwd, 'dist');\n\n  const app = express();\n\n  // Serve static files from dist\n  app.use(express.static(distDir));\n\n  // Index page listing all emails\n  app.get('/', async (_req, res) => {\n    try {\n      const files = await readdir(distDir);\n      const htmlFiles = files.filter((f) => f.endsWith('.html'));\n\n      const html = `\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTMplar Preview</title>\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      max-width: 800px;\n      margin: 50px auto;\n      padding: 20px;\n    }\n    h1 { color: #0066cc; }\n    ul { list-style: none; padding: 0; }\n    li { margin: 10px 0; }\n    a {\n      display: block;\n      padding: 15px;\n      background: #f4f4f4;\n      border-radius: 8px;\n      text-decoration: none;\n      color: #333;\n      transition: background 0.2s;\n    }\n    a:hover { background: #e0e0e0; }\n  </style>\n</head>\n<body>\n  <h1>📧 HTMplar Email Preview</h1>\n  <p>${htmlFiles.length} email(s) built</p>\n  <ul>\n    ${htmlFiles.map((file) => `<li><a href=\"/${file}\">${file}</a></li>`).join('')}\n  </ul>\n</body>\n</html>\n      `;\n\n      res.send(html);\n    } catch {\n      res.status(500).send('Error reading dist directory');\n    }\n  });\n\n  app.listen(port, () => {\n    console.log('');\n    console.log(chalk.green('✅ Preview server running!'));\n    console.log('');\n    console.log(chalk.cyan(`   ➜  Local:   http://localhost:${port}/`));\n    console.log('');\n    console.log(chalk.gray('   Press Ctrl+C to stop'));\n    console.log('');\n  });\n\n  // Handle shutdown\n  process.on('SIGTERM', () => process.exit(0));\n  process.on('SIGINT', () => {\n    console.log('');\n    console.log(chalk.yellow('Stopping preview server...'));\n    process.exit(0);\n  });\n}\n"]}

package/dist/chunk-VSA5JOPE.mjs

@@ -0,0 +1,52 @@
+import { Command } from 'commander';
+import chalk from 'chalk';
+
+// src/cli.ts
+var program = new Command();
+program.name("htmplar").description("HTMplar - Modern email development with React").version("2.0.0-alpha.0");
+program.command("dev").description("Start development server with hot reload").option("-p, --port <port>", "Port to run the server on", "3000").option("-o, --open", "Open browser automatically", false).action(async (options) => {
+  console.log(chalk.blue("\u{1F680} Starting HTMplar dev server..."));
+  console.log(chalk.gray(`   Port: ${options.port}`));
+  try {
+    const { startDevServer } = await import('./dev-3URSSDZ2.mjs');
+    await startDevServer(options);
+  } catch (error) {
+    console.error(chalk.red("\u274C Failed to start dev server:"), error);
+    process.exit(1);
+  }
+});
+program.command("build").description("Build emails to static HTML").option("-o, --output <dir>", "Output directory", "dist").option("--clean", "Clean output directory before build", false).action(async (options) => {
+  console.log(chalk.blue("\u{1F4E6} Building emails..."));
+  try {
+    const { buildEmails } = await import('./build-P2H7OT3Y.mjs');
+    await buildEmails(options);
+    console.log(chalk.green("\u2705 Build complete!"));
+  } catch (error) {
+    console.error(chalk.red("\u274C Build failed:"), error);
+    process.exit(1);
+  }
+});
+program.command("preview").description("Preview built emails").option("-p, --port <port>", "Port to run preview server", "3001").option("-o, --open", "Open browser automatically", false).action(async (options) => {
+  console.log(chalk.blue("\u{1F440} Starting preview server..."));
+  try {
+    const { startPreviewServer } = await import('./preview-6ZXF4ZM7.mjs');
+    await startPreviewServer(options);
+  } catch (error) {
+    console.error(chalk.red("\u274C Failed to start preview:"), error);
+    process.exit(1);
+  }
+});
+program.command("init [name]").description("Initialize a new HTMplar project").action(async (name) => {
+  console.log(chalk.blue("\u{1F389} Initializing new HTMplar project..."));
+  try {
+    const { initProject } = await import('./init-52IMMAJT.mjs');
+    await initProject(name);
+    console.log(chalk.green("\u2705 Project initialized!"));
+  } catch (error) {
+    console.error(chalk.red("\u274C Initialization failed:"), error);
+    process.exit(1);
+  }
+});
+program.parse();
+//# sourceMappingURL=chunk-VSA5JOPE.mjs.map
+//# sourceMappingURL=chunk-VSA5JOPE.mjs.map

package/dist/chunk-VSA5JOPE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli.ts"],"names":[],"mappings":";;;;AAKA,IAAM,OAAA,GAAU,IAAI,OAAA,EAAQ;AAE5B,OAAA,CACG,KAAK,SAAS,CAAA,CACd,YAAY,+CAA+C,CAAA,CAC3D,QAAQ,eAAe,CAAA;AAG1B,OAAA,CACG,QAAQ,KAAK,CAAA,CACb,YAAY,0CAA0C,CAAA,CACtD,OAAO,mBAAA,EAAqB,2BAAA,EAA6B,MAAM,CAAA,CAC/D,OAAO,YAAA,EAAc,4BAAA,EAA8B,KAAK,CAAA,CACxD,MAAA,CAAO,OAAO,OAAA,KAAY;AACzB,EAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,0CAAmC,CAAC,CAAA;AAC3D,EAAA,OAAA,CAAQ,IAAI,KAAA,CAAM,IAAA,CAAK,YAAY,OAAA,CAAQ,IAAI,EAAE,CAAC,CAAA;AAElD,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,cAAA,EAAe,GAAI,MAAM,OAAO,oBAAmB,CAAA;AAC3D,IAAA,MAAM,eAAe,OAAO,CAAA;AAAA,EAC9B,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,oCAA+B,GAAG,KAAK,CAAA;AAC/D,IAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAChB;AACF,CAAC,CAAA;AAGH,OAAA,CACG,QAAQ,OAAO,CAAA,CACf,YAAY,6BAA6B,CAAA,CACzC,OAAO,oBAAA,EAAsB,kBAAA,EAAoB,MAAM,CAAA,CACvD,OAAO,SAAA,EAAW,qCAAA,EAAuC,KAAK,CAAA,CAC9D,MAAA,CAAO,OAAO,OAAA,KAAY;AACzB,EAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,8BAAuB,CAAC,CAAA;AAE/C,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,MAAM,OAAO,sBAAqB,CAAA;AAC1D,IAAA,MAAM,YAAY,OAAO,CAAA;AACzB,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,KAAA,CAAM,wBAAmB,CAAC,CAAA;AAAA,EAC9C,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,sBAAiB,GAAG,KAAK,CAAA;AACjD,IAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAChB;AACF,CAAC,CAAA;AAGH,OAAA,CACG,QAAQ,SAAS,CAAA,CACjB,YAAY,sBAAsB,CAAA,CAClC,OAAO,mBAAA,EAAqB,4BAAA,EAA8B,MAAM,CAAA,CAChE,OAAO,YAAA,EAAc,4BAAA,EAA8B,KAAK,CAAA,CACxD,MAAA,CAAO,OAAO,OAAA,KAAY;AACzB,EAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,sCAA+B,CAAC,CAAA;AAEvD,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,kBAAA,EAAmB,GAAI,MAAM,OAAO,wBAAuB,CAAA;AACnE,IAAA,MAAM,mBAAmB,OAAO,CAAA;AAAA,EAClC,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,iCAA4B,GAAG,KAAK,CAAA;AAC5D,IAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAChB;AACF,CAAC,CAAA;AAGH,OAAA,CACG,OAAA,CAAQ,aAAa,CAAA,CACrB,WAAA,CAAY,kCAAkC,CAAA,CAC9C,MAAA,CAAO,OAAO,IAAA,KAAS;AACtB,EAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,+CAAwC,CAAC,CAAA;AAEhE,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,MAAM,OAAO,qBAAoB,CAAA;AACzD,IAAA,MAAM,YAAY,IAAI,CAAA;AACtB,IAAA,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,KAAA,CAAM,6BAAwB,CAAC,CAAA;AAAA,EACnD,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,+BAA0B,GAAG,KAAK,CAAA;AAC1D,IAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,EAChB;AACF,CAAC,CAAA;AAEH,OAAA,CAAQ,KAAA,EAAM","file":"chunk-VSA5JOPE.mjs","sourcesContent":["#!/usr/bin/env node\n\nimport { Command } from 'commander';\nimport chalk from 'chalk';\n\nconst program = new Command();\n\nprogram\n  .name('htmplar')\n  .description('HTMplar - Modern email development with React')\n  .version('2.0.0-alpha.0');\n\n// Dev command\nprogram\n  .command('dev')\n  .description('Start development server with hot reload')\n  .option('-p, --port <port>', 'Port to run the server on', '3000')\n  .option('-o, --open', 'Open browser automatically', false)\n  .action(async (options) => {\n    console.log(chalk.blue('🚀 Starting HTMplar dev server...'));\n    console.log(chalk.gray(`   Port: ${options.port}`));\n\n    try {\n      const { startDevServer } = await import('./commands/dev.js');\n      await startDevServer(options);\n    } catch (error) {\n      console.error(chalk.red('❌ Failed to start dev server:'), error);\n      process.exit(1);\n    }\n  });\n\n// Build command\nprogram\n  .command('build')\n  .description('Build emails to static HTML')\n  .option('-o, --output <dir>', 'Output directory', 'dist')\n  .option('--clean', 'Clean output directory before build', false)\n  .action(async (options) => {\n    console.log(chalk.blue('📦 Building emails...'));\n\n    try {\n      const { buildEmails } = await import('./commands/build.js');\n      await buildEmails(options);\n      console.log(chalk.green('✅ Build complete!'));\n    } catch (error) {\n      console.error(chalk.red('❌ Build failed:'), error);\n      process.exit(1);\n    }\n  });\n\n// Preview command\nprogram\n  .command('preview')\n  .description('Preview built emails')\n  .option('-p, --port <port>', 'Port to run preview server', '3001')\n  .option('-o, --open', 'Open browser automatically', false)\n  .action(async (options) => {\n    console.log(chalk.blue('👀 Starting preview server...'));\n\n    try {\n      const { startPreviewServer } = await import('./commands/preview.js');\n      await startPreviewServer(options);\n    } catch (error) {\n      console.error(chalk.red('❌ Failed to start preview:'), error);\n      process.exit(1);\n    }\n  });\n\n// Init command\nprogram\n  .command('init [name]')\n  .description('Initialize a new HTMplar project')\n  .action(async (name) => {\n    console.log(chalk.blue('🎉 Initializing new HTMplar project...'));\n\n    try {\n      const { initProject } = await import('./commands/init.js');\n      await initProject(name);\n      console.log(chalk.green('✅ Project initialized!'));\n    } catch (error) {\n      console.error(chalk.red('❌ Initialization failed:'), error);\n      process.exit(1);\n    }\n  });\n\nprogram.parse();\n"]}

package/dist/cli.mjs

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+import './chunk-VSA5JOPE.mjs';
+//# sourceMappingURL=cli.mjs.map
+//# sourceMappingURL=cli.mjs.map

package/dist/cli.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cli.mjs"}

package/dist/dev-3URSSDZ2.mjs

@@ -0,0 +1,3 @@
+export { startDevServer } from './chunk-PDVVYV5V.mjs';
+//# sourceMappingURL=dev-3URSSDZ2.mjs.map
+//# sourceMappingURL=dev-3URSSDZ2.mjs.map

package/dist/dev-3URSSDZ2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dev-3URSSDZ2.mjs"}

package/dist/index.mjs

@@ -0,0 +1,11 @@
+export { startDevServer } from './chunk-PDVVYV5V.mjs';
+export { buildEmails } from './chunk-3B2SEUWU.mjs';
+export { startPreviewServer } from './chunk-SEOAKQKB.mjs';
+export { initProject } from './chunk-AW7RBGLV.mjs';
+
+// src/index.ts
+var version = "2.0.0-alpha.0";
+
+export { version };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAKO,IAAM,OAAA,GAAU","file":"index.mjs","sourcesContent":["/**\n * @adidas/htmplar-cli - Command line interface\n * @packageDocumentation\n */\n\nexport const version = '2.0.0-alpha.0';\n\n// Export commands\nexport { startDevServer } from './commands/dev';\nexport { buildEmails } from './commands/build';\nexport { startPreviewServer } from './commands/preview';\nexport { initProject } from './commands/init';\n"]}

package/dist/init-52IMMAJT.mjs

@@ -0,0 +1,3 @@
+export { initProject } from './chunk-AW7RBGLV.mjs';
+//# sourceMappingURL=init-52IMMAJT.mjs.map
+//# sourceMappingURL=init-52IMMAJT.mjs.map

package/dist/init-52IMMAJT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"init-52IMMAJT.mjs"}

package/dist/preview-6ZXF4ZM7.mjs

@@ -0,0 +1,3 @@
+export { startPreviewServer } from './chunk-SEOAKQKB.mjs';
+//# sourceMappingURL=preview-6ZXF4ZM7.mjs.map
+//# sourceMappingURL=preview-6ZXF4ZM7.mjs.map

package/dist/preview-6ZXF4ZM7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"preview-6ZXF4ZM7.mjs"}

package/dist/renderEmail-WCOTFX4J.mjs

@@ -0,0 +1,59 @@
+import { renderToEmail, getBaseStyles } from '@adidas/htmplar-renderer';
+import juice from 'juice';
+
+// src/utils/renderEmail.ts
+function inlineCss(html, options = {}) {
+  const {
+    removeStyleTags = false,
+    preserveMediaQueries = true,
+    preserveFontFaces = true
+  } = options;
+  try {
+    return juice(html, {
+      removeStyleTags,
+      preserveMediaQueries,
+      preserveFontFaces,
+      applyWidthAttributes: true,
+      applyHeightAttributes: true,
+      insertPreservedExtraCss: true
+    });
+  } catch (error) {
+    console.warn("CSS inlining failed, returning original HTML:", error);
+    return html;
+  }
+}
+
+// src/utils/renderEmail.ts
+async function renderEmailFromFile(filePath, options = {}) {
+  const { includeBaseStyles = true, inlineCss: shouldInline = true } = options;
+  try {
+    const module = await import(filePath);
+    const Component = module.default || module;
+    if (typeof Component !== "function") {
+      throw new Error(`File ${filePath} does not export a valid React component`);
+    }
+    const element = Component({});
+    let html = renderToEmail(element, {
+      styles: includeBaseStyles ? getBaseStyles() : "",
+      includeDoctype: true
+    });
+    if (shouldInline) {
+      html = inlineCss(html, {
+        removeStyleTags: false,
+        // Keep style tags for media queries
+        preserveMediaQueries: true,
+        preserveFontFaces: true
+      });
+    }
+    return html;
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(`Failed to render ${filePath}: ${error.message}`);
+    }
+    throw error;
+  }
+}
+
+export { renderEmailFromFile };
+//# sourceMappingURL=renderEmail-WCOTFX4J.mjs.map
+//# sourceMappingURL=renderEmail-WCOTFX4J.mjs.map

package/dist/renderEmail-WCOTFX4J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/inlineCss.ts","../src/utils/renderEmail.ts"],"names":[],"mappings":";;;;AAYO,SAAS,SAAA,CAAU,IAAA,EAAc,OAAA,GAA4B,EAAC,EAAW;AAC9E,EAAA,MAAM;AAAA,IACJ,eAAA,GAAkB,KAAA;AAAA,IAClB,oBAAA,GAAuB,IAAA;AAAA,IACvB,iBAAA,GAAoB;AAAA,GACtB,GAAI,OAAA;AAEJ,EAAA,IAAI;AACF,IAAA,OAAO,MAAM,IAAA,EAAM;AAAA,MACjB,eAAA;AAAA,MACA,oBAAA;AAAA,MACA,iBAAA;AAAA,MACA,oBAAA,EAAsB,IAAA;AAAA,MACtB,qBAAA,EAAuB,IAAA;AAAA,MACvB,uBAAA,EAAyB;AAAA,KAC1B,CAAA;AAAA,EACH,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,IAAA,CAAK,iDAAiD,KAAK,CAAA;AACnE,IAAA,OAAO,IAAA;AAAA,EACT;AACF;;;ACtBA,eAAsB,mBAAA,CACpB,QAAA,EACA,OAAA,GAA8B,EAAC,EACd;AACjB,EAAA,MAAM,EAAE,iBAAA,GAAoB,IAAA,EAAM,SAAA,EAAW,YAAA,GAAe,MAAK,GAAI,OAAA;AAErE,EAAA,IAAI;AAEF,IAAA,MAAM,MAAA,GAAS,MAAM,OAAO,QAAA,CAAA;AAC5B,IAAA,MAAM,SAAA,GAAY,OAAO,OAAA,IAAW,MAAA;AAEpC,IAAA,IAAI,OAAO,cAAc,UAAA,EAAY;AACnC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,KAAA,EAAQ,QAAQ,CAAA,wCAAA,CAA0C,CAAA;AAAA,IAC5E;AAGA,IAAA,MAAM,OAAA,GAAU,SAAA,CAAU,EAAE,CAAA;AAG5B,IAAA,IAAI,IAAA,GAAO,cAAc,OAAA,EAAS;AAAA,MAChC,MAAA,EAAQ,iBAAA,GAAoB,aAAA,EAAc,GAAI,EAAA;AAAA,MAC9C,cAAA,EAAgB;AAAA,KACjB,CAAA;AAGD,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAA,GAAO,UAAU,IAAA,EAAM;AAAA,QACrB,eAAA,EAAiB,KAAA;AAAA;AAAA,QACjB,oBAAA,EAAsB,IAAA;AAAA,QACtB,iBAAA,EAAmB;AAAA,OACpB,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,IAAA;AAAA,EACT,SAAS,KAAA,EAAO;AACd,IAAA,IAAI,iBAAiB,KAAA,EAAO;AAC1B,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,iBAAA,EAAoB,QAAQ,CAAA,EAAA,EAAK,KAAA,CAAM,OAAO,CAAA,CAAE,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,KAAA;AAAA,EACR;AACF","file":"renderEmail-WCOTFX4J.mjs","sourcesContent":["import juice from 'juice';\n\nexport interface InlineCssOptions {\n  removeStyleTags?: boolean;\n  preserveMediaQueries?: boolean;\n  preserveFontFaces?: boolean;\n}\n\n/**\n * Inline CSS styles in HTML for email compatibility\n * Uses juice library to convert <style> tags to inline styles\n */\nexport function inlineCss(html: string, options: InlineCssOptions = {}): string {\n  const {\n    removeStyleTags = false,\n    preserveMediaQueries = true,\n    preserveFontFaces = true,\n  } = options;\n\n  try {\n    return juice(html, {\n      removeStyleTags,\n      preserveMediaQueries,\n      preserveFontFaces,\n      applyWidthAttributes: true,\n      applyHeightAttributes: true,\n      insertPreservedExtraCss: true,\n    });\n  } catch (error) {\n    console.warn('CSS inlining failed, returning original HTML:', error);\n    return html;\n  }\n}\n","import { renderToEmail, getBaseStyles } from '@adidas/htmplar-renderer';\nimport type { ReactElement } from 'react';\nimport { inlineCss } from './inlineCss.js';\n\ninterface RenderEmailOptions {\n  includeBaseStyles?: boolean;\n  inlineCss?: boolean;\n  minify?: boolean;\n}\n\nexport async function renderEmailFromFile(\n  filePath: string,\n  options: RenderEmailOptions = {}\n): Promise<string> {\n  const { includeBaseStyles = true, inlineCss: shouldInline = true } = options;\n\n  try {\n    // Dynamically import the email component\n    const module = await import(filePath);\n    const Component = module.default || module;\n\n    if (typeof Component !== 'function') {\n      throw new Error(`File ${filePath} does not export a valid React component`);\n    }\n\n    // Create element\n    const element = Component({}) as ReactElement;\n\n    // Render to email HTML\n    let html = renderToEmail(element, {\n      styles: includeBaseStyles ? getBaseStyles() : '',\n      includeDoctype: true,\n    });\n\n    // Inline CSS for email compatibility\n    if (shouldInline) {\n      html = inlineCss(html, {\n        removeStyleTags: false, // Keep style tags for media queries\n        preserveMediaQueries: true,\n        preserveFontFaces: true,\n      });\n    }\n\n    return html;\n  } catch (error) {\n    if (error instanceof Error) {\n      throw new Error(`Failed to render ${filePath}: ${error.message}`);\n    }\n    throw error;\n  }\n}\n"]}

package/package.json

@@ -1,4 +1,54 @@
 {
   "name": "@adidas/htmplar-cli",
-  "version": "0.0.0"
+  "version": "2.0.0-alpha.1",
+  "description": "Command line interface for HTMplar",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adidas/htmplar.git",
+    "directory": "packages/cli"
+  },
+  "homepage": "https://github.com/adidas/htmplar#readme",
+  "bugs": {
+    "url": "https://github.com/adidas/htmplar/issues"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "htmplar": "./dist/bin.mjs"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@adidas/htmplar-core": "*",
+    "@adidas/htmplar-renderer": "*",
+    "@vitejs/plugin-react": "^4.3.2",
+    "chalk": "^5.3.0",
+    "chokidar": "^3.6.0",
+    "commander": "^12.1.0",
+    "cosmiconfig": "^9.0.0",
+    "express": "^4.21.0",
+    "inquirer": "^10.2.2",
+    "juice": "^10.0.1",
+    "ora": "^8.1.0",
+    "vite": "^8.3.0",
+    "zod": "^3.23.8",
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/inquirer": "^9.0.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }