@embeddable.com/sdk-core 3.2.2 → 3.3.1

package/lib/index.esm.js

@@ -1,7 +1,7 @@
 import * as fs$1 from 'node:fs/promises';
 import fs__default, { readdir, lstat } from 'node:fs/promises';
 import * as path$1 from 'node:path';
-import { join } from 'node:path';
+import path__default, { join } from 'node:path';
 import * as vite from 'vite';
 import 'node:child_process';
 import * as crypto from 'node:crypto';
@@ -9,17 +9,17 @@ import * as fs$2 from 'node:fs';
 import { existsSync } from 'node:fs';
 import { createNodeLogger, createNodeSys } from '@stencil/core/sys/node';
 import { loadConfig, createCompiler } from '@stencil/core/compiler';
+import * as os$1 from 'node:os';
 import * as YAML from 'yaml';
 import * as url$2 from 'node:url';
 import * as path$2 from 'path';
-import path__default, { basename } from 'path';
+import path__default$1, { basename } from 'path';
 import require$$4$1 from 'util';
 import require$$1 from 'os';
 import require$$3 from 'http';
 import require$$4 from 'https';
 import require$$0$1 from 'url';
 import require$$2$1, { createReadStream } from 'fs';
-import * as os$1 from 'node:os';
 import axios from 'axios';
 import * as archiver from 'archiver';
 import { WebSocketServer } from 'ws';
@@ -378,11 +378,11 @@ async function generate$1(ctx) {
     const optionsFiles = await findFiles(ctx.client.srcDir, EMB_OPTIONS_FILE_REGEX);
     const typeImports = typeFiles
         .concat(optionsFiles)
-        .map(([_fileName, filePath]) => `import './${path$1
+        .map(([_fileName, filePath]) => `import '../${path$1
         .relative(ctx.client.rootDir, filePath)
         .replaceAll("\\", "/")}';`)
         .join("\n");
-    await fs$1.writeFile(path$1.resolve(ctx.client.rootDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
+    await fs$1.writeFile(path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
 }
 async function build$1(ctx) {
     var _a;
@@ -391,7 +391,7 @@ async function build$1(ctx) {
         build: {
             emptyOutDir: false,
             lib: {
-                entry: path$1.resolve(ctx.client.rootDir, ctx.outputOptions.typesEntryPointFilename),
+                entry: path$1.resolve(ctx.client.buildDir, ctx.outputOptions.typesEntryPointFilename),
                 formats: ["es"],
                 fileName: "embeddable-types",
             },
@@ -407,7 +407,7 @@ async function build$1(ctx) {
     });
 }
 async function cleanup$1(ctx) {
-    await fs$1.rm(path$1.resolve(ctx.client.rootDir, "embeddable-types-entry-point.js"));
+    await fs$1.rm(path$1.resolve(ctx.client.buildDir, "embeddable-types-entry-point.js"));
 }
 
 var prepare = async (ctx) => {
@@ -510,11 +510,142 @@ async function generateSourceMap(ctx, pluginName) {
     await fs$1.rm(tmpComponentDir, { recursive: true });
 }
 
+const CREDENTIALS_DIR = path$1.resolve(os$1.homedir(), ".embeddable");
+const CREDENTIALS_FILE = path$1.resolve(CREDENTIALS_DIR, "credentials");
+
+const oraP$3 = import('ora');
+let ora$2;
+const checkNodeVersion$1 = async () => {
+    ora$2 = (await oraP$3).default;
+    ora$2("Checking node version...");
+    const [major, minor] = process.versions.node.split(".").map(Number);
+    const engines = require("../package.json").engines.node;
+    const [minMajor, minMinor] = engines
+        .split(".")
+        .map((v) => v.replace(/[^\d]/g, ""))
+        .map(Number);
+    if (major < minMajor || (major === minMajor && minor < minMinor)) {
+        ora$2({
+            text: `Node version ${minMajor}.${minMinor} or higher is required. You are running ${major}.${minor}.`,
+            color: "red",
+        }).fail();
+        process.exit(1);
+    }
+};
+/**
+ *  Get the value of a process argument by key
+ *  Example: getArgumentByKey("--email") or getArgumentByKey(["--email", "-e"])
+ * @param key  The key to search for in the process arguments
+ * @returns
+ */
+const getArgumentByKey = (key) => {
+    if (Array.isArray(key)) {
+        for (const k of key) {
+            if (process.argv.includes(k)) {
+                const index = process.argv.indexOf(k);
+                return index !== -1 ? process.argv[index + 1] : undefined;
+            }
+        }
+        return undefined;
+    }
+    const index = process.argv.indexOf(key);
+    return index !== -1 ? process.argv[index + 1] : undefined;
+};
+const SUCCESS_FLAG_FILE = `${CREDENTIALS_DIR}/success`;
+/**
+ *  Store a flag in the credentials directory to indicate a successful build
+ *  This is used to determine if the build was successful or not
+ */
+const storeBuildSuccessFlag = async () => {
+    try {
+        await fs$1.access(CREDENTIALS_DIR);
+    }
+    catch (_e) {
+        await fs$1.mkdir(CREDENTIALS_DIR);
+    }
+    await fs$1.writeFile(SUCCESS_FLAG_FILE, "true");
+};
+/**
+ * Remove the success flag from the credentials directory
+ */
+const removeBuildSuccessFlag = async () => {
+    try {
+        await fs$1.unlink(SUCCESS_FLAG_FILE);
+    }
+    catch (_e) { }
+};
+/**
+ * Check if the build was successful
+ */
+const checkBuildSuccess = async () => {
+    try {
+        await fs$1.access(SUCCESS_FLAG_FILE);
+        return true;
+    }
+    catch (_e) {
+        return false;
+    }
+};
+const getPackageVersion = (packageName) => {
+    const packageJsonPath = path__default.join(process.cwd(), "node_modules", packageName, "package.json");
+    try {
+        const packageJson = require(packageJsonPath);
+        return packageJson.version;
+    }
+    catch (e) {
+        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 packageNames = [
+        "@embeddable.com/core",
+        "@embeddable.com/react",
+        "@embeddable.com/sdk-core",
+        "@embeddable.com/sdk-react",
+        "@embeddable.com/sdk-utils",
+    ];
+    const sdkVersions = packageNames.reduce((acc, packageName) => {
+        const version = getPackageVersion(packageName);
+        if (version) {
+            acc[packageName] = version;
+        }
+        return acc;
+    }, {});
+    // 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")) {
+        packageManager = "yarn";
+    }
+    if ((_b = process.env.npm_config_user_agent) === null || _b === void 0 ? void 0 : _b.includes("pnpm")) {
+        packageManager = "pnpm";
+    }
+    const packageManagerVersion = ((_d = (_c = process.env.npm_config_user_agent) === null || _c === void 0 ? void 0 : _c.match(/(\d+\.\d+\.\d+)/)) === null || _d === void 0 ? void 0 : _d[0]) ||
+        "unknown";
+    // write manifest file with files with hash
+    const manifest = {
+        entryFiles: {
+            "embeddable-types.js": typesFileName,
+            "embeddable-components-meta.js": metaFileName,
+            "embeddable-editors-meta.js": editorsMetaFileName,
+            "embeddable-wrapper.esm.js": stencilWrapperFileName,
+        },
+        metadata: {
+            nodeVersion: process.version,
+            platform: process.platform,
+            sdkVersions,
+            packageManager,
+            packageManagerVersion,
+        },
+    };
+    await fs$1.writeFile(path$1.join(ctx.client.tmpDir, "embeddable-manifest.json"), JSON.stringify(manifest));
+}
 async function extractBuild(ctx) {
     const [[, stencilWrapperFilePath]] = await findFiles(ctx.client.stencilBuild, /embeddable-wrapper.esm-[a-z0-9]+\.js/);
     const stencilWrapperFileName = path$1.basename(stencilWrapperFilePath);
@@ -528,16 +659,13 @@ async function extractBuild(ctx) {
     const [[, editorsMetaFilePath]] = await findFiles(ctx.client.buildDir, /embeddable-editors-meta-[a-z0-9]+\.js/);
     const editorsMetaFileName = path$1.basename(editorsMetaFilePath);
     await fs$1.rename(editorsMetaFilePath, path$1.join(ctx.client.tmpDir, editorsMetaFileName));
-    // write manifest file with files with hash
-    const manifest = {
-        entryFiles: {
-            "embeddable-types.js": typesFileName,
-            "embeddable-components-meta.js": metaFileName,
-            "embeddable-editors-meta.js": editorsMetaFileName,
-            "embeddable-wrapper.esm.js": stencilWrapperFileName,
-        },
-    };
-    await fs$1.writeFile(path$1.join(ctx.client.tmpDir, "embeddable-manifest.json"), JSON.stringify(manifest));
+    await createManifest({
+        ctx,
+        typesFileName,
+        metaFileName,
+        editorsMetaFileName,
+        stencilWrapperFileName,
+    });
 }
 async function removeObsoleteDir(dir) {
     await fs$1.rm(dir, { recursive: true });
@@ -4783,7 +4911,7 @@ var z = /*#__PURE__*/Object.freeze({
 
 const CUBE_YAML_FILE_REGEX = /^(.*)\.cube\.ya?ml$/;
 const SECURITY_CONTEXT_FILE_REGEX = /^(.*)\.sc\.ya?ml$/;
-const checkNodeVersion$1 = () => {
+const checkNodeVersion = () => {
     const [major, minor] = process.versions.node.split(".").map(Number);
     const engines = require("../package.json").engines.node;
     const [minMajor, minMinor] = engines.split(".").map(Number);
@@ -4792,7 +4920,7 @@ const checkNodeVersion$1 = () => {
     }
 };
 var validate = async (ctx, exitIfInvalid = true) => {
-    checkNodeVersion$1();
+    checkNodeVersion();
     const ora = (await import('ora')).default;
     const spinnerValidate = ora("Data model validation...").start();
     const filesList = await findFiles(ctx.client.srcDir, CUBE_YAML_FILE_REGEX);
@@ -17174,7 +17302,7 @@ sourceMap.SourceMapConsumer = sourceMapConsumer.SourceMapConsumer;
 sourceMap.SourceNode = sourceNode.SourceNode;
 
 var SourceMapConsumer = sourceMap.SourceMapConsumer;
-var path = path__default;
+var path = path__default$1;
 var fs = require$$2$1;
 
 /**
@@ -20124,9 +20252,6 @@ var rollbar = Rollbar;
 
 var Rollbar$1 = /*@__PURE__*/getDefaultExportFromCjs(rollbar);
 
-const CREDENTIALS_DIR = path$1.resolve(os$1.homedir(), ".embeddable");
-const CREDENTIALS_FILE = path$1.resolve(CREDENTIALS_DIR, "credentials");
-
 class InvalidTokenError extends Error {
 }
 InvalidTokenError.prototype.name = "InvalidTokenError";
@@ -20261,83 +20386,9 @@ async function getUserData() {
   }
 }
 
-const oraP$3 = import('ora');
-let ora$2;
-const checkNodeVersion = async () => {
-    ora$2 = (await oraP$3).default;
-    ora$2("Checking node version...");
-    const [major, minor] = process.versions.node.split(".").map(Number);
-    const engines = require("../package.json").engines.node;
-    const [minMajor, minMinor] = engines
-        .split(".")
-        .map((v) => v.replace(/[^\d]/g, ""))
-        .map(Number);
-    if (major < minMajor || (major === minMajor && minor < minMinor)) {
-        ora$2({
-            text: `Node version ${minMajor}.${minMinor} or higher is required. You are running ${major}.${minor}.`,
-            color: "red",
-        }).fail();
-        process.exit(1);
-    }
-};
-/**
- *  Get the value of a process argument by key
- *  Example: getArgumentByKey("--email") or getArgumentByKey(["--email", "-e"])
- * @param key  The key to search for in the process arguments
- * @returns
- */
-const getArgumentByKey = (key) => {
-    if (Array.isArray(key)) {
-        for (const k of key) {
-            if (process.argv.includes(k)) {
-                const index = process.argv.indexOf(k);
-                return index !== -1 ? process.argv[index + 1] : undefined;
-            }
-        }
-        return undefined;
-    }
-    const index = process.argv.indexOf(key);
-    return index !== -1 ? process.argv[index + 1] : undefined;
-};
-const SUCCESS_FLAG_FILE = `${CREDENTIALS_DIR}/success`;
-/**
- *  Store a flag in the credentials directory to indicate a successful build
- *  This is used to determine if the build was successful or not
- */
-const storeBuildSuccessFlag = async () => {
-    try {
-        await fs$1.access(CREDENTIALS_DIR);
-    }
-    catch (_e) {
-        await fs$1.mkdir(CREDENTIALS_DIR);
-    }
-    await fs$1.writeFile(SUCCESS_FLAG_FILE, "true");
-};
-/**
- * Remove the success flag from the credentials directory
- */
-const removeBuildSuccessFlag = async () => {
-    try {
-        await fs$1.unlink(SUCCESS_FLAG_FILE);
-    }
-    catch (_e) { }
-};
-/**
- * Check if the build was successful
- */
-const checkBuildSuccess = async () => {
-    try {
-        await fs$1.access(SUCCESS_FLAG_FILE);
-        return true;
-    }
-    catch (_e) {
-        return false;
-    }
-};
-
 var build = async () => {
     try {
-        checkNodeVersion();
+        checkNodeVersion$1();
         removeBuildSuccessFlag();
         const config = await provideConfig();
         await validate(config);
@@ -20449,7 +20500,7 @@ var push = async () => {
     var _a, _b;
     let spinnerPushing;
     try {
-        checkNodeVersion();
+        checkNodeVersion$1();
         const isBuildSuccess = await checkBuildSuccess();
         if (!isBuildSuccess) {
             console.error("Build failed or not completed. Please run `embeddable:build` first.");
@@ -20635,24 +20686,48 @@ let browserWindow = null;
 let ora;
 let previewWorkspace;
 const SERVER_PORT = 8926;
+const BUILD_DEV_DIR = ".embeddable-dev-build";
 const buildWebComponent = async (config) => {
     await generate(config, "sdk-react");
 };
+const addToGitingore = async () => {
+    try {
+        const fs = require("fs").promises;
+        const gitignorePath = path$2.resolve(process.cwd(), ".gitignore");
+        const gitignoreContent = await fs.readFile(gitignorePath, "utf8");
+        if (!gitignoreContent.includes(BUILD_DEV_DIR)) {
+            await fs.appendFile(gitignorePath, `\n${BUILD_DEV_DIR}\n`);
+        }
+    }
+    catch (e) {
+        // ignore
+    }
+};
 var dev = async () => {
     var _a;
-    checkNodeVersion();
+    checkNodeVersion$1();
+    addToGitingore();
     const http = require("http");
     ora = (await oraP).default;
     process.on("warning", (e) => console.warn(e.stack));
     const logger = createNodeLogger({ process });
     const sys = createNodeSys({ process });
+    const defaultConfig = await provideConfig();
+    const buildDir = path$2.resolve(defaultConfig.client.rootDir, ".embeddable-dev-build");
     const config = {
+        ...defaultConfig,
         dev: {
             watch: true,
             logger,
             sys,
         },
-        ...(await provideConfig()),
+        client: {
+            ...defaultConfig.client,
+            buildDir: buildDir,
+            componentDir: path$2.resolve(buildDir, "component"),
+            stencilBuild: path$2.resolve(buildDir, "dist", "embeddable-wrapper"),
+            tmpDir: path$2.resolve(defaultConfig.client.rootDir, ".embeddable-dev-tmp"),
+        },
     };
     await prepare(config);
     const finalhandler = require("finalhandler");