@embeddable.com/sdk-core 2.4.14 → 2.4.15

package/lib/index.js

@@ -8,9 +8,9 @@ var fsSync = require('node:fs');
 var node = require('@stencil/core/sys/node');
 var compiler = require('@stencil/core/compiler');
 var YAML = require('yaml');
-var require$$1 = require('path');
+var path$2 = require('path');
 var require$$4$1 = require('util');
-var require$$1$1 = require('os');
+var require$$1 = require('os');
 var require$$3 = require('http');
 var require$$4 = require('https');
 var require$$0$1 = require('url');
@@ -18,6 +18,8 @@ var require$$2$1 = require('fs');
 var os$1 = require('node:os');
 var axios = require('axios');
 var archiver = require('archiver');
+var ws = require('ws');
+var chokidar = require('chokidar');
 var promises = require('fs/promises');
 
 function _interopNamespaceDefault(e) {
@@ -42,9 +44,10 @@ var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fsSync__namespace = /*#__PURE__*/_interopNamespaceDefault(fsSync);
 var YAML__namespace = /*#__PURE__*/_interopNamespaceDefault(YAML);
-var require$$1__namespace = /*#__PURE__*/_interopNamespaceDefault(require$$1);
+var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path$2);
 var os__namespace = /*#__PURE__*/_interopNamespaceDefault(os$1);
 var archiver__namespace = /*#__PURE__*/_interopNamespaceDefault(archiver);
+var chokidar__namespace = /*#__PURE__*/_interopNamespaceDefault(chokidar);
 
 var findFiles = async (initialSrcDir, regex) => {
     const filesList = [];
@@ -358,11 +361,11 @@ const formatErrorPath = (path) => {
     return formatted;
 };
 
-const oraP$3 = import('ora');
+const oraP$4 = import('ora');
 const EMB_TYPE_FILE_REGEX = /^(.*)\.type\.emb\.[jt]s$/;
 const EMB_OPTIONS_FILE_REGEX = /^(.*)\.options\.emb\.[jt]s$/;
 var buildTypes = async (ctx) => {
-    const ora = (await oraP$3).default;
+    const ora = (await oraP$4).default;
     const progress = ora("building types...").start();
     await generate$1(ctx);
     await build$1(ctx);
@@ -379,17 +382,16 @@ async function generate$1(ctx) {
     await fs__namespace.writeFile(path__namespace.resolve(ctx.client.rootDir, ctx.outputOptions.typesEntryPointFilename), typeImports);
 }
 async function build$1(ctx) {
-    process.chdir(ctx.client.rootDir);
     await vite__namespace.build({
         logLevel: "error",
         build: {
             emptyOutDir: false,
             lib: {
-                entry: `./${ctx.outputOptions.typesEntryPointFilename}`,
+                entry: path__namespace.resolve(ctx.client.rootDir, ctx.outputOptions.typesEntryPointFilename),
                 formats: ["es"],
                 fileName: "embeddable-types",
             },
-            outDir: ".embeddable-build/",
+            outDir: ctx.client.buildDir,
         },
     });
 }
@@ -438,15 +440,21 @@ async function injectBundleRender(ctx, pluginName) {
     await fs__namespace.writeFile(path__namespace.resolve(ctx.client.componentDir, "component.tsx"), content.replace(RENDER_IMPORT_TOKEN, importStr));
 }
 async function runStencil(ctx) {
-    process.chdir(ctx.client.buildDir);
-    const logger = node.createNodeLogger({ process });
-    const sys = node.createNodeSys({ process });
+    var _a, _b;
+    const logger = ((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.logger) || node.createNodeLogger({ process });
+    const sys = ((_b = ctx.dev) === null || _b === void 0 ? void 0 : _b.sys) || node.createNodeSys({ process });
+    const devMode = !!ctx.dev;
     const validated = await compiler.loadConfig({
+        initTsConfig: true,
         logger,
         sys,
         config: {
+            devMode,
+            rootDir: ctx.client.buildDir,
+            configPath: path__namespace.resolve(ctx.client.buildDir, "stencil.config.ts"),
+            tsconfig: path__namespace.resolve(ctx.client.buildDir, "tsconfig.json"),
             namespace: "embeddable-wrapper",
-            srcDir: "component",
+            srcDir: path__namespace.resolve(ctx.client.buildDir, "component"),
             outputTargets: [
                 {
                     type: "dist",
@@ -457,6 +465,7 @@ async function runStencil(ctx) {
     const compiler$1 = await compiler.createCompiler(validated.config);
     await compiler$1.build();
     await compiler$1.destroy();
+    process.chdir(ctx.client.rootDir);
 }
 async function generateSourceMap(ctx, pluginName) {
     const componentBuildDir = path__namespace.resolve(ctx.client.buildDir, ctx[pluginName].outputOptions.buildName);
@@ -4521,7 +4530,7 @@ const checkNodeVersion$1 = () => {
         throw new Error(`Node version ${minMajor}.${minMinor} or higher is required. You are running ${major}.${minor}.`);
     }
 };
-var validate = async (ctx) => {
+var validate = async (ctx, exitIfInvalid = true) => {
     checkNodeVersion$1();
     const ora = (await import('ora')).default;
     const spinnerValidate = ora("data model validation...").start();
@@ -4530,9 +4539,12 @@ var validate = async (ctx) => {
     if (dataModelErrors.length) {
         spinnerValidate.fail("One or more cube.yaml files are invalid:");
         dataModelErrors.forEach((errorMessage) => spinnerValidate.info(errorMessage));
-        process.exit(1);
+        if (exitIfInvalid) {
+            process.exit(1);
+        }
     }
     spinnerValidate.succeed("data model validation completed");
+    return dataModelErrors.length === 0;
 };
 async function dataModelsValidation(filesList) {
     const errors = [];
@@ -16815,7 +16827,7 @@ sourceMap.SourceMapConsumer = sourceMapConsumer.SourceMapConsumer;
 sourceMap.SourceNode = sourceNode.SourceNode;
 
 var SourceMapConsumer = sourceMap.SourceMapConsumer;
-var path = require$$1;
+var path = path$2;
 var fs = require$$2$1;
 
 /**
@@ -19082,7 +19094,7 @@ var setupCustomJSON = function(JSON) {
 var json3 = setupCustomJSON;
 
 var util = require$$4$1;
-var os = require$$1$1;
+var os = require$$1;
 
 var packageJson = require$$2;
 var Client = rollbar$1;
@@ -19858,7 +19870,7 @@ const reportErrorToRollbar = async (error) => {
 
 const getSdkPackageVersionInfo = (config) => {
   try {
-    const packageJsonFilePath = require$$1__namespace.resolve(
+    const packageJsonFilePath = path__namespace$1.resolve(
       config.client.rootDir,
       "package.json",
     );
@@ -19902,11 +19914,11 @@ async function getUserData() {
   }
 }
 
-const oraP$2 = import('ora');
-let ora$1;
+const oraP$3 = import('ora');
+let ora$2;
 const checkNodeVersion = async () => {
-    ora$1 = (await oraP$2).default;
-    ora$1("checking node version...");
+    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
@@ -19914,7 +19926,7 @@ const checkNodeVersion = async () => {
         .map((v) => v.replace(/[^\d]/g, ""))
         .map(Number);
     if (major < minMajor || (major === minMajor && minor < minMinor)) {
-        ora$1({
+        ora$2({
             text: `Node version ${minMajor}.${minMinor} or higher is required. You are running ${major}.${minor}.`,
             color: "red",
         }).fail();
@@ -19946,12 +19958,12 @@ var build = async () => {
     }
 };
 
-const oraP$1 = import('ora');
+const oraP$2 = import('ora');
 const openP = import('open');
 var login = async () => {
     var _a;
     try {
-        const ora = (await oraP$1).default;
+        const ora = (await oraP$2).default;
         const open = (await openP).default;
         const config = await provideConfig();
         await resolveFiles();
@@ -20022,22 +20034,22 @@ async function resolveFiles() {
     }
 }
 
-const oraP = import('ora');
+const oraP$1 = import('ora');
 const inquirerSelect = import('@inquirer/select');
 const CUBE_YAML_FILE_REGEX = /^(.*)\.cube\.ya?ml$/;
-let ora;
+let ora$1;
 var push = async () => {
     try {
         checkNodeVersion();
-        ora = (await oraP).default;
+        ora$1 = (await oraP$1).default;
         const config = await provideConfig();
         const token = await verify(config);
         const { workspaceId, name: workspaceName } = await selectWorkspace(config, token);
-        const spinnerArchive = ora("archivation...").start();
+        const spinnerArchive = ora$1("archivation...").start();
         const filesList = await findFiles(config.client.srcDir, CUBE_YAML_FILE_REGEX);
         await archive(config, filesList);
         spinnerArchive.succeed("archivation competed");
-        const spinnerPushing = ora(`publishing to ${workspaceName} using ${config.pushBaseUrl}...`).start();
+        const spinnerPushing = ora$1(`publishing to ${workspaceName} using ${config.pushBaseUrl}...`).start();
         await sendBuild(config, { workspaceId, token });
         spinnerPushing.succeed(`published to ${workspaceName} using ${config.pushBaseUrl}`);
     }
@@ -20048,7 +20060,7 @@ var push = async () => {
     }
 };
 async function selectWorkspace(ctx, token) {
-    const workspaceSpinner = ora({
+    const workspaceSpinner = ora$1({
         text: `Fetching workspaces using ${ctx.pushBaseUrl}...`,
         color: "green",
         discardStdin: false,
@@ -20092,13 +20104,15 @@ async function verify(ctx) {
     }
     return token;
 }
-async function archive(ctx, yamlFiles) {
+async function archive(ctx, yamlFiles, includeBuild = true) {
     const output = fsSync__namespace.createWriteStream(ctx.client.archiveFile);
     const _archiver = archiver__namespace.create("zip", {
         zlib: { level: 9 },
     });
     _archiver.pipe(output);
-    _archiver.directory(ctx.client.buildDir, false);
+    if (includeBuild) {
+        _archiver.directory(ctx.client.buildDir, false);
+    }
     for (const fileData of yamlFiles) {
         _archiver.file(fileData[1], { name: `${fileData[0]}.cube.yaml` });
     }
@@ -20124,13 +20138,14 @@ async function sendBuild(ctx, { workspaceId, token }) {
     await fs__namespace.rm(ctx.client.archiveFile);
 }
 async function getWorkspaces(ctx, token, workspaceSpinner) {
+    var _a;
     try {
         const response = await axios.get(`${ctx.pushBaseUrl}/workspace`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
         });
-        return response.data;
+        return (_a = response.data) === null || _a === void 0 ? void 0 : _a.filter((w) => !w.devWorkspace);
     }
     catch (e) {
         if (e.response.status === 401) {
@@ -20143,7 +20158,171 @@ async function getWorkspaces(ctx, token, workspaceSpinner) {
     }
 }
 
-var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, }) => {
+const oraP = import('ora');
+let wss;
+let changedFiles = [];
+let browserWindow = null;
+let ora;
+let previewWorkspace;
+const SERVER_PORT = 8926;
+const buildWebComponent = async (config) => {
+    await generate(config, "sdk-react");
+};
+var dev = async () => {
+    const http = require("http");
+    ora = (await oraP).default;
+    process.on("warning", (e) => console.warn(e.stack));
+    const logger = node.createNodeLogger({ process });
+    const sys = node.createNodeSys({ process });
+    const config = {
+        dev: {
+            watch: true,
+            logger,
+            sys,
+        },
+        ...(await provideConfig()),
+    };
+    await prepare(config);
+    const finalhandler = require("finalhandler");
+    const serveStatic = require("serve-static");
+    const serve = serveStatic(config.client.buildDir);
+    const workspacePreparation = ora("Preparing workspace...").start();
+    previewWorkspace = await getPreviewWorkspace(config);
+    workspacePreparation.succeed("Workspace is ready");
+    const server = http.createServer((request, res) => {
+        res.setHeader("Access-Control-Allow-Origin", "*");
+        const done = finalhandler(request, res);
+        serve(request, res, done);
+    });
+    wss = new ws.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));
+        }
+        await sendDataModels(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 modelWatcher = dataModelWatcher(config);
+        watchers.push(modelWatcher);
+    });
+};
+const configureWatcher = async (watcher, ctx) => {
+    watcher.on("change", (path) => {
+        changedFiles.push(path);
+    });
+    watcher.on("event", async (e) => {
+        var _a;
+        if (e.code === "BUNDLE_START") {
+            await onBuildStart(ctx);
+        }
+        if (e.code === "BUNDLE_END") {
+            await onBundleBuildEnd(ctx);
+            changedFiles = [];
+        }
+        if (e.code === "ERROR") {
+            sendMessage("componentsBuildError", { error: (_a = e.error) === null || _a === void 0 ? void 0 : _a.message });
+            changedFiles = [];
+        }
+    });
+};
+const sendMessage = (type, meta = {}) => {
+    wss.clients.forEach((ws) => {
+        ws.send(JSON.stringify({ type, ...meta }));
+    });
+};
+const typeFilesFilter = (f) => EMB_OPTIONS_FILE_REGEX.test(f) || EMB_TYPE_FILE_REGEX.test(f);
+const onlyTypesChanged = () => changedFiles.length !== 0 &&
+    changedFiles.filter(typeFilesFilter).length === changedFiles.length;
+const isTypeFileChanged = () => changedFiles.findIndex(typeFilesFilter) >= 0;
+const onBuildStart = async (ctx) => {
+    if (changedFiles.length === 0 || isTypeFileChanged()) {
+        await buildTypes(ctx);
+    }
+    sendMessage("componentsBuildStart", { changedFiles });
+};
+const onBundleBuildEnd = async (ctx) => {
+    if (!onlyTypesChanged() || changedFiles.length === 0) {
+        await buildWebComponent(ctx);
+    }
+    if (browserWindow == null) {
+        const open = (await import('open')).default;
+        browserWindow = await open(`${ctx.previewBaseUrl}/workspace/${previewWorkspace}`);
+    }
+    else {
+        sendMessage("componentsBuildSuccess");
+    }
+};
+const dataModelWatcher = (ctx) => {
+    const fsWatcher = chokidar__namespace.watch([path__namespace$1.resolve(ctx.client.srcDir, "**/*.cube.{yaml,yml}")], {
+        ignoreInitial: true,
+    });
+    fsWatcher.on("all", async () => {
+        await sendDataModels(ctx);
+    });
+    return fsWatcher;
+};
+const sendDataModels = async (ctx) => {
+    sendMessage("dataModelsUpdateStart");
+    const isValid = await validate(ctx, false);
+    if (isValid) {
+        const token = await getToken();
+        const sending = ora("synchronising data models...").start();
+        const filesList = await findFiles(ctx.client.srcDir, CUBE_YAML_FILE_REGEX);
+        await archive(ctx, filesList, false);
+        await sendBuild(ctx, { workspaceId: previewWorkspace, token });
+        sending.succeed(`data models synchronized`);
+        sendMessage("dataModelsUpdateSuccess");
+    }
+    else {
+        sendMessage("dataModelsUpdateError");
+    }
+};
+const onClose = async (server, sys, watchers, config) => {
+    server.close();
+    wss.close();
+    browserWindow === null || browserWindow === void 0 ? void 0 : browserWindow.unref();
+    for (const watcher of watchers) {
+        if (watcher.close) {
+            await watcher.close();
+        }
+    }
+    for (const getPlugin of config.plugins) {
+        const plugin = getPlugin();
+        await plugin.cleanup(config);
+    }
+    await removeIfExists(config);
+    await sys.destroy();
+    process.exit(0);
+};
+const getPreviewWorkspace = async (ctx) => {
+    const token = await getToken();
+    try {
+        const response = await axios.get(`${ctx.pushBaseUrl}/workspace/dev-workspace`, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        });
+        return response.data;
+    }
+    catch (e) {
+        if (e.response.status === 401) {
+            // login and retry
+            await login();
+            return await getPreviewWorkspace(ctx);
+        }
+        else {
+            throw e;
+        }
+    }
+};
+
+var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientId, errorFallbackComponent, applicationEnvironment, rollbarAccessToken, previewBaseUrl, }) => {
     const coreRoot = path__namespace.resolve(__dirname, "..");
     const clientRoot = process.cwd();
     return {
@@ -20169,6 +20348,7 @@ var defineConfig = ({ plugins, pushBaseUrl, audienceUrl, authDomain, authClientI
         },
         pushBaseUrl: pushBaseUrl !== null && pushBaseUrl !== void 0 ? pushBaseUrl : "https://api.embeddable.com",
         audienceUrl: audienceUrl !== null && audienceUrl !== void 0 ? audienceUrl : "https://auth.embeddable.com",
+        previewBaseUrl: previewBaseUrl !== null && previewBaseUrl !== void 0 ? previewBaseUrl : "https://app.embeddable.com",
         authDomain: authDomain !== null && authDomain !== void 0 ? authDomain : "auth.embeddable.com",
         authClientId: authClientId !== null && authClientId !== void 0 ? authClientId : "dygrSUmI6HmgY5ymVbEAoLDEBxIOyr1V",
         applicationEnvironment: applicationEnvironment !== null && applicationEnvironment !== void 0 ? applicationEnvironment : "production",
@@ -20516,7 +20696,7 @@ var _FileFromPath = class _FileFromPath {
     __privateAdd(this, _start, void 0);
     __privateSet(this, _path, input.path);
     __privateSet(this, _start, input.start || 0);
-    this.name = require$$1.basename(__privateGet(this, _path));
+    this.name = path$2.basename(__privateGet(this, _path));
     this.size = input.size;
     this.lastModified = input.lastModified;
   }
@@ -20579,6 +20759,7 @@ var fileFromPath$1 = /*#__PURE__*/Object.freeze({
 
 exports.build = build;
 exports.defineConfig = defineConfig;
+exports.dev = dev;
 exports.login = login;
 exports.push = push;
 //# sourceMappingURL=index.js.map