@embeddable.com/init 0.1.22 → 0.1.24

package/dist/index.js

@@ -9,6 +9,42 @@ import degit from "degit";
 import prompts from "prompts";
 import terminalLink from "terminal-link";
 import open from "open";
+
+// src/analytics.ts
+import crypto from "crypto";
+var deviceId = crypto.randomUUID();
+function getAnalyticsUrl(region) {
+  if (region) {
+    return `https://api.${region.toLowerCase()}.embeddable.com/user-analytics`;
+  }
+  return "https://api.eu.embeddable.com/user-analytics";
+}
+function trackEvent(name, properties, region, apiKey) {
+  try {
+    const url = getAnalyticsUrl(region);
+    const body = JSON.stringify({
+      eventType: name,
+      deviceId,
+      eventProperties: properties ?? {}
+    });
+    const headers = { "Content-Type": "application/json" };
+    if (apiKey) {
+      headers["Workspace-Api-Key"] = apiKey;
+    }
+    fetch(url, {
+      method: "POST",
+      headers,
+      body
+    }).catch(() => {
+    });
+  } catch {
+  }
+}
+async function flushAndWait(timeoutMs = 1e3) {
+  await new Promise((resolve) => setTimeout(resolve, timeoutMs));
+}
+
+// src/index.ts
 var REPO_URL = "embeddable-hq/remarkable-pro-boilerplate";
 var DEFAULT_FOLDER = "embeddable-repo";
 var TYPEWRITER_SPEED = 10;
@@ -17,8 +53,14 @@ var WORKSPACE_URLS = {
   EU: "https://app.eu.embeddable.com"
 };
 var INVALID_FOLDER_CHARS = /[<>:"/\\|?*\x00-\x1f]/;
-function exit(message) {
+var exiting = false;
+var currentStage = "init";
+async function exit(message) {
+  if (exiting) return void 0;
+  exiting = true;
   if (message) console.log(message);
+  trackEvent("F1_Cli_Cancelled", { stage: currentStage });
+  await flushAndWait();
   printDocsHint();
   process.exit(0);
 }
@@ -62,7 +104,9 @@ var LOGO = `
     \u2580\u2580\u2588\u2588\u2588\u2588\u2580\u2580      \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D
 `;
 async function main() {
-  const onCancel = () => exit("\nSetup cancelled.\n");
+  const onCancel = () => {
+    exit("\nSetup cancelled.\n");
+  };
   console.log(chalk.white(LOGO));
   await typewriter("Welcome to Embeddable!\n\n", chalk.bold, TYPEWRITER_SPEED);
   await typewriter("Embeddable stores your ", void 0, TYPEWRITER_SPEED);
@@ -85,7 +129,9 @@ async function main() {
   await typewriter(" and ", void 0, TYPEWRITER_SPEED);
   await typewriter("themes", chalk.bold, TYPEWRITER_SPEED);
   await typewriter(" (in your current directory) to help you create your first Embeddable dashboard.\n\n", void 0, TYPEWRITER_SPEED);
+  trackEvent("F1_Cli_Started");
   const cwd = process.cwd();
+  currentStage = "dir_confirm";
   const { confirmDir } = await prompts(
     {
       type: "confirm",
@@ -95,9 +141,11 @@ async function main() {
     },
     { onCancel }
   );
+  trackEvent("F1_Dir_Confirmed", { accepted: !!confirmDir });
   if (!confirmDir) {
-    exit("\nRun this command from the directory where you'd like to create your project.\n");
+    await exit("\nRun this command from the directory where you'd like to create your project.\n");
   }
+  currentStage = "folder_name";
   const { folderName } = await prompts(
     {
       type: "text",
@@ -109,18 +157,23 @@ async function main() {
     { onCancel }
   );
   if (!folderName) {
-    exit("\nSetup cancelled.\n");
+    await exit("\nSetup cancelled.\n");
   }
+  trackEvent("F1_Folder_Named");
   const projectPath = path.join(cwd, folderName);
   console.log(chalk.dim("\nDownloading boilerplate..."));
+  const startRepo = Date.now();
   try {
     const emitter = degit(REPO_URL, { cache: false, force: true });
     await emitter.clone(projectPath);
+    trackEvent("F1_Repo_Downloaded", { duration_ms: Date.now() - startRepo });
   } catch (error) {
     if (fs.existsSync(projectPath)) {
       fs.rmSync(projectPath, { recursive: true });
     }
     const message = error instanceof Error ? error.message : "Unknown error";
+    trackEvent("F1_Cli_Error", { stage: "repo_download", error: message });
+    await flushAndWait();
     console.error(chalk.red(`
 Failed to download boilerplate: ${message}
 `));
@@ -135,13 +188,18 @@ Failed to download boilerplate: ${message}
     );
   }
   console.log(chalk.dim("Installing dependencies...\n"));
+  const startDeps = Date.now();
   try {
     execSync("npm install", { cwd: projectPath, stdio: "inherit" });
+    trackEvent("F1_Deps_Installed", { duration_ms: Date.now() - startDeps });
   } catch {
+    trackEvent("F1_Cli_Error", { stage: "deps_install", error: "npm install failed" });
+    await flushAndWait();
     console.error(chalk.red("\nnpm install failed.\n"));
     printDocsHint();
     process.exit(1);
   }
+  currentStage = "api_key";
   console.log(`
 `);
   const { apiKey } = await prompts(
@@ -162,11 +220,13 @@ Paste your API Key here:`,
     { onCancel }
   );
   if (!apiKey) {
-    exit("\nSetup cancelled.\n");
+    await exit("\nSetup cancelled.\n");
   }
+  trackEvent("F1_Api_Key_Entered", void 0, void 0, apiKey.trim());
   const embeddableDir = path.join(projectPath, ".embeddable");
   fs.mkdirSync(embeddableDir, { recursive: true });
   fs.writeFileSync(path.join(embeddableDir, ".api-key"), apiKey.trim());
+  currentStage = "region";
   console.log("");
   const regionResponse = await prompts(
     {
@@ -183,8 +243,9 @@ Paste your API Key here:`,
   );
   const region = regionResponse.region;
   if (!region) {
-    exit("\nSetup cancelled.\n");
+    await exit("\nSetup cancelled.\n");
   }
+  trackEvent("F1_Region_Selected", { region }, region, apiKey.trim());
   if (region === "EU") {
     const configPath = path.join(projectPath, "embeddable.config.ts");
     try {
@@ -211,20 +272,28 @@ Paste your API Key here:`,
     }
   }
   console.log(chalk.dim("\nBuilding bundle..."));
+  const startBuild = Date.now();
   try {
     execSync("npm run embeddable:build", { cwd: projectPath, stdio: "inherit" });
+    trackEvent("F1_Bundle_Built", { duration_ms: Date.now() - startBuild }, region, apiKey.trim());
   } catch {
+    trackEvent("F1_Cli_Error", { stage: "bundle_build", error: "build failed" }, region, apiKey.trim());
+    await flushAndWait();
     console.error(chalk.red("\nFailed to build bundle.\n"));
     printDocsHint();
     process.exit(1);
   }
   console.log(chalk.dim("Pushing bundle to workspace..."));
+  const startPush = Date.now();
   try {
     execSync(
       `npm run embeddable:push -- --api-key ${apiKey.trim()} --email "no-reply@embeddable.com" --message "npx @embeddable.com/init"`,
       { cwd: projectPath, stdio: "inherit" }
     );
+    trackEvent("F1_Bundle_Pushed", { duration_ms: Date.now() - startPush }, region, apiKey.trim());
   } catch {
+    trackEvent("F1_Cli_Error", { stage: "bundle_push", error: "push failed" }, region, apiKey.trim());
+    await flushAndWait();
     console.error(chalk.red("\nFailed to push bundle to workspace.\n"));
     printDocsHint();
     process.exit(1);
@@ -245,9 +314,13 @@ Success!
 `);
   console.log(`Follow the guide here to create your first Embeddable dashboard: ${chalk.cyan(docsLink)}
 `);
+  trackEvent("F1_Cli_Completed", { region }, region, apiKey.trim());
+  await flushAndWait();
   await open(docsUrl);
 }
-main().catch((error) => {
+main().catch(async (error) => {
+  trackEvent("F1_Cli_Error", { stage: currentStage, error: error instanceof Error ? error.message : "Unknown error" });
+  await flushAndWait();
   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.22",
+  "version": "0.1.24",
   "description": "CLI tool for Embeddable",
   "type": "module",
   "bin": {