@embeddable.com/init 0.1.0 → 0.1.2

package/dist/index.js

@@ -7,45 +7,71 @@ import path from "path";
 import chalk from "chalk";
 import degit from "degit";
 import prompts from "prompts";
+import terminalLink from "terminal-link";
 var REPO_URL = "embeddable-hq/remarkable-pro-boilerplate";
 var DEFAULT_FOLDER = "embeddable-repo";
-var SIGNUP_URLS = {
-  US: "https://app.us.embeddable.com/auth/login?screen_hint=signup",
-  EU: "https://app.eu.embeddable.com/auth/login?screen_hint=signup"
+var WORKSPACE_URLS = {
+  US: "https://app.us.embeddable.com",
+  EU: "https://app.eu.embeddable.com"
 };
+var INVALID_FOLDER_CHARS = /[<>:"/\\|?*\x00-\x1f]/;
 function exit(message) {
   if (message) console.log(message);
   process.exit(0);
 }
+function printDocsHint() {
+  const docsUrl = "https://docs.embeddable.com";
+  const docsLink = terminalLink(docsUrl, docsUrl, { fallback: (text) => text });
+  console.log(`If you get stuck, please follow our 'Quick-start guide' at ${chalk.cyan(docsLink)}
+`);
+}
+function validateFolderName(value, cwd) {
+  const trimmed = value.trim();
+  if (!trimmed) return "Folder name is required";
+  if (INVALID_FOLDER_CHARS.test(trimmed)) {
+    return "Folder name contains invalid characters";
+  }
+  if (trimmed.startsWith(".") || trimmed.startsWith("-")) {
+    return "Folder name should not start with . or -";
+  }
+  if (fs.existsSync(path.join(cwd, trimmed))) {
+    return `Folder "${trimmed}" already exists`;
+  }
+  return true;
+}
+function isValidUuid(value) {
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  return uuidRegex.test(value.trim());
+}
 async function main() {
-  prompts.override({ onCancel: () => exit("\nSetup cancelled.\n") });
+  const onCancel = () => exit("\nSetup cancelled.\n");
   console.log(chalk.bold("\nWelcome to Embeddable!\n"));
+  console.log(`Embeddable stores your ${chalk.bold("charting components")}, ${chalk.bold("data models")} and ${chalk.bold("themes")} in code, so you have ${chalk.bold("full control")} over the ${chalk.bold("look-and-feel")} and the ${chalk.bold("data")} powering your dashboards.
+`);
+  console.log("This tool helps you get set up to create your first Embeddable dashboard.\n");
   const cwd = process.cwd();
-  const { confirmDir } = await prompts({
-    type: "confirm",
-    name: "confirmDir",
-    message: `Create a new project in ${chalk.cyan(cwd)}?`,
-    initial: true
-  });
-  if (confirmDir === void 0) {
-    exit("\nSetup cancelled.\n");
-  }
+  const { confirmDir } = await prompts(
+    {
+      type: "confirm",
+      name: "confirmDir",
+      message: `Ok to create a new Project subfolder in your current directory ${chalk.cyan(cwd)}?`,
+      initial: true
+    },
+    { onCancel }
+  );
   if (!confirmDir) {
     exit("\nRun this command from the directory where you'd like to create your project.\n");
   }
-  const { folderName } = await prompts({
-    type: "text",
-    name: "folderName",
-    message: "Project folder name:",
-    initial: DEFAULT_FOLDER,
-    validate: (value) => {
-      if (!value.trim()) return "Folder name is required";
-      if (fs.existsSync(path.join(cwd, value))) {
-        return `Folder "${value}" already exists`;
-      }
-      return true;
-    }
-  });
+  const { folderName } = await prompts(
+    {
+      type: "text",
+      name: "folderName",
+      message: "Project folder name:",
+      initial: DEFAULT_FOLDER,
+      validate: (value) => validateFolderName(value, cwd)
+    },
+    { onCancel }
+  );
   if (!folderName) {
     exit("\nSetup cancelled.\n");
   }
@@ -62,6 +88,7 @@ async function main() {
     console.error(chalk.red(`
 Failed to download boilerplate: ${message}
 `));
+    printDocsHint();
     process.exit(1);
   }
   try {
@@ -71,57 +98,117 @@ Failed to download boilerplate: ${message}
       chalk.yellow("\nWarning: Could not initialize git repository. Is git installed?")
     );
   }
-  const { region: selectedRegion } = await prompts({
-    type: "select",
-    name: "region",
-    message: "Select your region:",
-    choices: [
-      { title: "US", value: "US" },
-      { title: "EU", value: "EU" }
-    ],
-    initial: 0
-  });
-  if (!selectedRegion) {
+  console.log(chalk.dim("Installing dependencies...\n"));
+  try {
+    execSync("npm install", { cwd: projectPath, stdio: "inherit" });
+  } catch {
+    console.error(chalk.red("\nnpm install failed.\n"));
+    printDocsHint();
+    process.exit(1);
+  }
+  console.log(`
+`);
+  const { apiKey } = await prompts(
+    {
+      type: "password",
+      name: "apiKey",
+      message: `You'll need an API Key to push this code bundle to your workspace (to create an account, head to ${chalk.cyan("https://embeddable.com/start")}). 
+Paste your API Key here:`,
+      validate: (value) => {
+        const trimmed = value.trim();
+        if (!trimmed) return "API key is required";
+        if (!isValidUuid(trimmed)) return "API key must be a valid UUID";
+        return true;
+      }
+    },
+    { onCancel }
+  );
+  if (!apiKey) {
+    exit("\nSetup cancelled.\n");
+  }
+  const embeddableDir = path.join(projectPath, ".embeddable");
+  fs.mkdirSync(embeddableDir, { recursive: true });
+  fs.writeFileSync(path.join(embeddableDir, ".api-key"), apiKey.trim());
+  const regionResponse = await prompts(
+    {
+      type: "select",
+      name: "region",
+      message: "Confirm your workspace region:",
+      choices: [
+        { title: "US", value: "US" },
+        { title: "EU", value: "EU" }
+      ],
+      initial: 0
+    },
+    { onCancel }
+  );
+  const region = regionResponse.region;
+  if (!region) {
     exit("\nSetup cancelled.\n");
   }
-  const region = selectedRegion;
   if (region === "EU") {
     const configPath = path.join(projectPath, "embeddable.config.ts");
-    if (!fs.existsSync(configPath)) {
-      console.log(
-        chalk.yellow("\nWarning: Could not find embeddable.config.ts to set region.")
-      );
-    } else {
-      let configContent = fs.readFileSync(configPath, "utf-8");
-      const originalContent = configContent;
-      configContent = configContent.replace(
+    try {
+      const configContent = fs.readFileSync(configPath, "utf-8");
+      let updatedContent = configContent.replace(
         /^(\s*)region:\s*["']US["'],?/m,
         "$1// region: 'US',"
       );
-      configContent = configContent.replace(
+      updatedContent = updatedContent.replace(
         /^(\s*)\/\/\s*region:\s*["']EU["'],?/m,
         "$1region: 'EU',"
       );
-      if (configContent === originalContent) {
+      if (updatedContent === configContent) {
         console.log(
           chalk.yellow("\nWarning: Could not update region in config file. Please set it manually.")
         );
       } else {
-        fs.writeFileSync(configPath, configContent);
+        fs.writeFileSync(configPath, updatedContent);
       }
+    } catch {
+      console.log(
+        chalk.yellow("\nWarning: Could not find embeddable.config.ts to set region.")
+      );
     }
   }
+  console.log(chalk.dim("\nBuilding bundle...\n"));
+  try {
+    execSync("npm run embeddable:build", { cwd: projectPath, stdio: "inherit" });
+  } catch {
+    console.error(chalk.red("\nFailed to build bundle.\n"));
+    printDocsHint();
+    process.exit(1);
+  }
+  console.log(chalk.dim("\nPushing bundle to workspace...\n"));
+  try {
+    execSync(
+      `npm run embeddable:push -- --api-key ${apiKey.trim()} --email "no-reply@embeddable.com" --message "npx @embeddable.com/init"`,
+      { cwd: projectPath, stdio: "inherit" }
+    );
+  } catch {
+    console.error(chalk.red("\nFailed to push bundle to workspace.\n"));
+    printDocsHint();
+    process.exit(1);
+  }
+  const workspaceUrl = WORKSPACE_URLS[region];
+  const workspaceLink = terminalLink(workspaceUrl, workspaceUrl, {
+    fallback: (text) => text
+  });
+  const docsUrl = "https://docs.embeddable.com/getting-started/first-embeddable";
+  const docsLink = terminalLink(docsUrl, docsUrl, {
+    fallback: (text) => text
+  });
   console.log(chalk.green(`
-\u2713 Created ${chalk.bold(folderName)}!
+Success!
 `));
-  console.log("Next steps:\n");
-  console.log(chalk.cyan(`  cd ${folderName}`));
-  console.log(chalk.cyan("  npm install"));
-  console.log(chalk.cyan("  npm run dev\n"));
-  console.log(`Sign up at: ${chalk.underline(SIGNUP_URLS[region])}
+  console.log(`You have pushed your ${chalk.bold("components")} and ${chalk.bold("data models")} to workspace.`);
+  console.log(`Head there now to build your first Embeddable: ${chalk.cyan(workspaceLink)}
+`);
+  console.log(`Follow the guide here to create your first Embeddable dashboard: ${chalk.cyan(docsLink)}
 `);
 }
 main().catch((error) => {
   console.error(chalk.red("An unexpected error occurred:"), error);
+  printDocsHint();
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddable.com/init",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "CLI tool for Embeddable",
   "type": "module",
   "bin": {
@@ -25,7 +25,8 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "degit": "^2.8.4",
-    "prompts": "^2.4.2"
+    "prompts": "^2.4.2",
+    "terminal-link": "^5.0.0"
   },
   "devDependencies": {
     "@types/degit": "^2.8.6",