@embeddable.com/sdk-core 3.9.2 → 3.9.4

package/lib/index.esm.js

@@ -652,14 +652,7 @@ const getPackageVersion = (packageName) => {
         return undefined;
     }
 };
-
-var cleanup = async (ctx) => {
-    await extractBuild(ctx);
-    await removeObsoleteDir(ctx.client.buildDir);
-    await moveBuildTOBuildDir(ctx);
-};
-async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFileName, stencilWrapperFileName, }) {
-    var _a, _b, _c, _d;
+const getSDKVersions = () => {
     const packageNames = [
         "@embeddable.com/core",
         "@embeddable.com/react",
@@ -674,6 +667,30 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
         }
         return acc;
     }, {});
+    return sdkVersions;
+};
+const hrtimeToISO8601 = (hrtime) => {
+    if (hrtime === null || hrtime === undefined) {
+        return "";
+    }
+    const seconds = hrtime[0];
+    const nanoseconds = hrtime[1];
+    // Convert time components
+    const totalSeconds = seconds + nanoseconds / 1e9;
+    const minutes = Math.floor(totalSeconds / 60);
+    const remainingSeconds = totalSeconds % 60;
+    // Format ISO 8601 duration without hours
+    return `PT${minutes > 0 ? minutes + "M" : ""}${remainingSeconds.toFixed(3)}S`;
+};
+
+var cleanup = async (ctx) => {
+    await extractBuild(ctx);
+    await removeObsoleteDir(ctx.client.buildDir);
+    await moveBuildTOBuildDir(ctx);
+};
+async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFileName, stencilWrapperFileName, }) {
+    var _a, _b, _c, _d;
+    const sdkVersions = getSDKVersions();
     // identify user's package manager and its version
     let packageManager = "npm";
     if ((_a = process.env.npm_config_user_agent) === null || _a === void 0 ? void 0 : _a.includes("yarn")) {
@@ -699,6 +716,9 @@ async function createManifest({ ctx, typesFileName, metaFileName, editorsMetaFil
             sdkVersions,
             packageManager,
             packageManagerVersion,
+            metrics: {
+                buildTime: hrtimeToISO8601(ctx.buildTime),
+            },
         },
     };
     await fs.writeFile(path.join(ctx.client.tmpDir, "embeddable-manifest.json"), JSON.stringify(manifest));
@@ -21198,9 +21218,96 @@ async function getUserData() {
   }
 }
 
+const LOG_DIR = path.join(process.cwd(), ".embeddable", "logs");
+const ERROR_LOG_FILE = path.join(LOG_DIR, "error.log");
+const MAX_LOG_SIZE = 5 * 1024 * 1024; // 5 MB
+const MAX_LOG_FILES = 5;
+async function initLogger(command) {
+    try {
+        await fs.mkdir(LOG_DIR, { recursive: true });
+    }
+    catch (error) {
+        console.error("Failed to create log directory:", error);
+    }
+    setupGlobalErrorHandlers(command);
+}
+async function logError({ command, breadcrumbs, error, }) {
+    const sdkVersions = getSDKVersions();
+    const logEntry = {
+        timestamp: new Date().toISOString(),
+        command,
+        breadcrumbs,
+        error: error instanceof Error
+            ? `${error.name}: ${error.message}\n${error.stack}`
+            : String(error),
+    };
+    const logMessage = `
+[${logEntry.timestamp}] Command: ${logEntry.command}
+Breadcrumbs: ${logEntry.breadcrumbs.join(" > ")}
+Error: ${logEntry.error}
+OS: ${process.platform}
+Node: ${process.version}
+SDK Versions: ${JSON.stringify(sdkVersions, null, 2)}
+----------------------------------------
+`;
+    try {
+        await rotateLogIfNeeded();
+        await fs.appendFile(ERROR_LOG_FILE, logMessage);
+        console.error(`An error occurred during ${command}. Check the log file for details: ${ERROR_LOG_FILE}`);
+    }
+    catch (error) {
+        console.error("Failed to write to log file:", error);
+    }
+}
+async function rotateLogIfNeeded() {
+    try {
+        const stats = await fs.stat(ERROR_LOG_FILE);
+        if (stats.size < MAX_LOG_SIZE) {
+            return;
+        }
+        for (let i = MAX_LOG_FILES - 1; i > 0; i--) {
+            const oldFile = `${ERROR_LOG_FILE}.${i}`;
+            const newFile = `${ERROR_LOG_FILE}.${i + 1}`;
+            try {
+                await fs.rename(oldFile, newFile);
+            }
+            catch (error) {
+                // Ignore error if file doesn't exist
+            }
+        }
+        await fs.rename(ERROR_LOG_FILE, `${ERROR_LOG_FILE}.1`);
+        await fs.writeFile(ERROR_LOG_FILE, ""); // Create a new empty log file
+    }
+    catch (error) {
+        if (error.code !== "ENOENT") {
+            console.error("Error rotating log file:", error);
+        }
+    }
+}
+function setupGlobalErrorHandlers(command) {
+    process.on("uncaughtException", async (error) => {
+        await logError({ command, breadcrumbs: ["uncaughtException"], error });
+        console.error("An uncaught error occurred. Check the log file for details.");
+        process.exit(1);
+    });
+    process.on("unhandledRejection", async (reason) => {
+        await logError({
+            command,
+            breadcrumbs: ["unhandledRejection"],
+            error: reason,
+        });
+        console.error("An unhandled rejection occurred. Check the log file for details.");
+        process.exit(1);
+    });
+}
+
 var build = async () => {
+    await initLogger("build");
+    const breadcrumbs = [];
     try {
+        const startTime = process.hrtime();
         checkNodeVersion();
+        breadcrumbs.push("checkNodeVersion");
         removeBuildSuccessFlag();
         const config = await provideConfig();
         await validate(config);
@@ -21208,16 +21315,24 @@ var build = async () => {
         await buildTypes(config);
         for (const getPlugin of config.plugins) {
             const plugin = getPlugin();
+            breadcrumbs.push(`${plugin.pluginName}: validate`);
             await plugin.validate(config);
+            breadcrumbs.push(`${plugin.pluginName}: build`);
             await plugin.build(config);
+            breadcrumbs.push(`${plugin.pluginName}: cleanup`);
             await plugin.cleanup(config);
         }
         // NOTE: likely this will be called inside the loop above if we decide to support clients with mixed frameworks simultaneously.
+        breadcrumbs.push("generate");
         await generate(config, "sdk-react");
+        // Calculating build time in seconds
+        config.buildTime = process.hrtime(startTime);
+        breadcrumbs.push("cleanup");
         await cleanup(config);
         await storeBuildSuccessFlag();
     }
     catch (error) {
+        await logError({ command: "build", breadcrumbs, error });
         await reportErrorToRollbar(error);
         console.log(error);
         process.exit(1);
@@ -21228,12 +21343,16 @@ const oraP$2 = import('ora');
 const openP = import('open');
 var login = async () => {
     var _a;
+    await initLogger("login");
+    const breadcrumbs = [];
     const ora = (await oraP$2).default;
     const authenticationSpinner = ora("Waiting for code verification...").start();
     try {
         const open = (await openP).default;
         const config = await provideConfig();
+        breadcrumbs.push("provideConfig");
         await resolveFiles();
+        breadcrumbs.push("resolveFiles");
         const deviceCodePayload = {
             client_id: config.authClientId,
             audience: config.audienceUrl,
@@ -21269,6 +21388,7 @@ var login = async () => {
     }
     catch (error) {
         authenticationSpinner.fail("Authentication failed. Please try again.");
+        await logError({ command: "login", breadcrumbs, error });
         await reportErrorToRollbar(error);
         console.log(error);
         process.exit(1);
@@ -21357,10 +21477,12 @@ const oraP$1 = import('ora');
 const YAML_OR_JS_FILES = /^(.*)\.(cube|sc)\.(ya?ml|js)$/;
 let ora$1;
 var push = async () => {
-    var _a, _b;
+    await initLogger("push");
+    const breadcrumbs = [];
     let spinnerPushing;
     try {
         checkNodeVersion();
+        breadcrumbs.push("checkNodeVersion");
         const isBuildSuccess = await checkBuildSuccess();
         if (!isBuildSuccess) {
             console.error("Build failed or not completed. Please run `embeddable:build` first.");
@@ -21370,29 +21492,29 @@ var push = async () => {
         const config = await provideConfig();
         if (process.argv.includes("--api-key") || process.argv.includes("-k")) {
             spinnerPushing = ora$1("Using API key...").start();
+            breadcrumbs.push("push by api key");
             await pushByApiKey(config, spinnerPushing);
             spinnerPushing.succeed("Published using API key");
             return;
         }
+        breadcrumbs.push("push by standard login");
         const token = await verify(config);
         spinnerPushing = ora$1()
             .start()
             .info("No API Key provided. Standard login will be used.");
+        breadcrumbs.push("select workspace");
         const { workspaceId, name: workspaceName } = await selectWorkspace(ora$1, config, token);
         const workspacePreviewUrl = `${config.previewBaseUrl}/workspace/${workspaceId}`;
+        breadcrumbs.push("build archive");
         await buildArchive(config);
         spinnerPushing.info(`Publishing to ${workspaceName} using ${workspacePreviewUrl}...`);
+        breadcrumbs.push("send build");
         await sendBuild(config, { workspaceId, token });
         spinnerPushing.succeed(`Published to ${workspaceName} using ${workspacePreviewUrl}`);
     }
     catch (error) {
         spinnerPushing === null || spinnerPushing === void 0 ? void 0 : spinnerPushing.fail("Publishing failed");
-        if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.statusText) === "Unauthorized") {
-            console.error("Unauthorized. Please check your credentials.");
-        }
-        else {
-            console.error(((_b = error.response) === null || _b === void 0 ? void 0 : _b.data) || (error === null || error === void 0 ? void 0 : error.message) || error);
-        }
+        await logError({ command: "push", breadcrumbs, error });
         await reportErrorToRollbar(error);
         process.exit(1);
     }
@@ -21531,96 +21653,111 @@ const chokidarWatchOptions = {
 };
 var dev = async () => {
     var _a, _b;
-    checkNodeVersion();
-    addToGitingore();
-    ora = (await oraP).default;
-    process.on("warning", (e) => console.warn(e.stack));
-    const logger = createNodeLogger();
-    const sys = createNodeSys({ process });
-    const defaultConfig = await provideConfig();
-    const buildDir = path$1.resolve(defaultConfig.client.rootDir, BUILD_DEV_DIR);
-    const config = {
-        ...defaultConfig,
-        dev: {
-            watch: true,
-            logger,
-            sys,
-        },
-        client: {
-            ...defaultConfig.client,
-            buildDir,
-            componentDir: path$1.resolve(buildDir, "component"),
-            stencilBuild: path$1.resolve(buildDir, "dist", "embeddable-wrapper"),
-            tmpDir: path$1.resolve(defaultConfig.client.rootDir, ".embeddable-dev-tmp"),
-        },
-    };
-    await prepare(config);
-    const finalhandler = require("finalhandler");
-    const serveStatic = require("serve-static");
-    const serve = serveStatic(config.client.buildDir);
-    const workspacePreparation = ora("Preparing workspace...").start();
+    await initLogger("dev");
+    const breadcrumbs = [];
     try {
-        previewWorkspace = await getPreviewWorkspace(workspacePreparation, config);
-    }
-    catch (e) {
-        workspacePreparation.fail(((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.errorMessage) || "Unknown error: " + e.message);
-        process.exit(1);
-    }
-    workspacePreparation.succeed("Workspace is ready");
-    const server = http.createServer((request, res) => {
-        var _a;
-        res.setHeader("Access-Control-Allow-Origin", "*");
-        res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
-        res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
-        if (request.method === "OPTIONS") {
-            // Respond to OPTIONS requests with just the CORS headers and a 200 status code
-            res.writeHead(200);
-            res.end();
-            return;
-        }
-        const done = finalhandler(request, res);
+        breadcrumbs.push("run dev");
+        checkNodeVersion();
+        addToGitingore();
+        ora = (await oraP).default;
+        process.on("warning", (e) => console.warn(e.stack));
+        const logger = createNodeLogger();
+        const sys = createNodeSys({ process });
+        const defaultConfig = await provideConfig();
+        const buildDir = path$1.resolve(defaultConfig.client.rootDir, BUILD_DEV_DIR);
+        const config = {
+            ...defaultConfig,
+            dev: {
+                watch: true,
+                logger,
+                sys,
+            },
+            client: {
+                ...defaultConfig.client,
+                buildDir,
+                componentDir: path$1.resolve(buildDir, "component"),
+                stencilBuild: path$1.resolve(buildDir, "dist", "embeddable-wrapper"),
+                tmpDir: path$1.resolve(defaultConfig.client.rootDir, ".embeddable-dev-tmp"),
+            },
+        };
+        breadcrumbs.push("prepare config");
+        await prepare(config);
+        const finalhandler = require("finalhandler");
+        const serveStatic = require("serve-static");
+        const serve = serveStatic(config.client.buildDir);
+        const workspacePreparation = ora("Preparing workspace...").start();
+        breadcrumbs.push("get preview workspace");
         try {
-            if ((_a = request.url) === null || _a === void 0 ? void 0 : _a.endsWith(GLOBAL_CSS)) {
-                res.writeHead(200, { "Content-Type": "text/css" });
-                res.end(require$$2$1.readFileSync(config.client.globalCss));
-                return;
-            }
+            previewWorkspace = await getPreviewWorkspace(workspacePreparation, config);
         }
-        catch (_b) { }
-        serve(request, res, done);
-    });
-    wss = new WebSocketServer({ server });
-    server.listen(SERVER_PORT, async () => {
-        const watchers = [];
-        if (sys === null || sys === void 0 ? void 0 : sys.onProcessInterrupt) {
-            sys.onProcessInterrupt(async () => await onClose(server, sys, watchers, config));
+        catch (e) {
+            workspacePreparation.fail(((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.errorMessage) || "Unknown error: " + e.message);
+            process.exit(1);
         }
-        await createManifest({
-            ctx: {
-                ...config,
-                client: {
-                    ...config.client,
-                    tmpDir: buildDir,
+        workspacePreparation.succeed("Workspace is ready");
+        const server = http.createServer((request, res) => {
+            var _a;
+            res.setHeader("Access-Control-Allow-Origin", "*");
+            res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+            res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
+            if (request.method === "OPTIONS") {
+                // Respond to OPTIONS requests with just the CORS headers and a 200 status code
+                res.writeHead(200);
+                res.end();
+                return;
+            }
+            const done = finalhandler(request, res);
+            try {
+                if ((_a = request.url) === null || _a === void 0 ? void 0 : _a.endsWith(GLOBAL_CSS)) {
+                    res.writeHead(200, { "Content-Type": "text/css" });
+                    res.end(require$$2$1.readFileSync(config.client.globalCss));
+                    return;
+                }
+            }
+            catch (_b) { }
+            serve(request, res, done);
+        });
+        wss = new WebSocketServer({ server });
+        server.listen(SERVER_PORT, async () => {
+            const watchers = [];
+            if (sys === null || sys === void 0 ? void 0 : sys.onProcessInterrupt) {
+                sys.onProcessInterrupt(async () => await onClose(server, sys, watchers, config));
+            }
+            breadcrumbs.push("create manifest");
+            await createManifest({
+                ctx: {
+                    ...config,
+                    client: {
+                        ...config.client,
+                        tmpDir: buildDir,
+                    },
                 },
-            },
-            typesFileName: "embeddable-types.js",
-            stencilWrapperFileName: "embeddable-wrapper.js",
-            metaFileName: "embeddable-components-meta.js",
-            editorsMetaFileName: "embeddable-editors-meta.js",
+                typesFileName: "embeddable-types.js",
+                stencilWrapperFileName: "embeddable-wrapper.js",
+                metaFileName: "embeddable-components-meta.js",
+                editorsMetaFileName: "embeddable-editors-meta.js",
+            });
+            await sendDataModelsAndSecurityContextsChanges(config);
+            for (const getPlugin of config.plugins) {
+                const plugin = getPlugin();
+                breadcrumbs.push("validate plugin");
+                await plugin.validate(config);
+                breadcrumbs.push("build plugin");
+                const watcher = await plugin.build(config);
+                breadcrumbs.push("configure watcher");
+                await configureWatcher(watcher, config);
+                watchers.push(watcher);
+            }
+            const dataModelAndSecurityContextWatch = dataModelAndSecurityContextWatcher(config);
+            const customGlobalCssWatch = globalCssWatcher(config);
+            watchers.push(dataModelAndSecurityContextWatch);
+            watchers.push(customGlobalCssWatch);
         });
-        await sendDataModelsAndSecurityContextsChanges(config);
-        for (const getPlugin of config.plugins) {
-            const plugin = getPlugin();
-            await plugin.validate(config);
-            const watcher = await plugin.build(config);
-            await configureWatcher(watcher, config);
-            watchers.push(watcher);
-        }
-        const dataModelAndSecurityContextWatch = dataModelAndSecurityContextWatcher(config);
-        const customGlobalCssWatch = globalCssWatcher(config);
-        watchers.push(dataModelAndSecurityContextWatch);
-        watchers.push(customGlobalCssWatch);
-    });
+    }
+    catch (error) {
+        await logError({ command: "dev", breadcrumbs, error });
+        process.exit(1);
+    }
 };
 const configureWatcher = async (watcher, ctx) => {
     watcher.on("change", (path) => {
@@ -21804,7 +21941,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
 };
 
 var name = "@embeddable.com/sdk-core";
-var version = "3.9.2";
+var version = "3.9.4";
 var description = "Core Embeddable SDK module responsible for web-components bundling and publishing.";
 var keywords = [
 	"embeddable",