@embeddable.com/sdk-react 2.2.14 → 2.2.16

package/lib/index.js

@@ -74,7 +74,8 @@ const loadComponentMeta = async (moduleId, code) => {
         .replace(".emb.", ".emb-temp.")
         .replace(/\.ts$/, ".js");
     await fs__namespace.writeFile(tempFilePath, babelGenerate(ast).code);
-    const module = await import(tempFilePath);
+    const importFile = `${tempFilePath}?${Date.now()}`;
+    const module = await import(importFile);
     await fs__namespace.rm(tempFilePath);
     return module.meta;
 };
@@ -84,7 +85,7 @@ const loadComponentMeta = async (moduleId, code) => {
  * is being cached. Thus we use this code duplication in place. Please investigate and fix.
  */
 var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, componentFileRegex, searchEntry = "", }) => {
-    const configs = [];
+    let configs = [];
     return {
         name: "extract-components-config",
         moduleParsed: async (moduleInfo) => {
@@ -108,6 +109,7 @@ globalThis.__EMBEDDABLE__.${globalKey} = globalThis.__EMBEDDABLE__.${globalKey}
 ];
       `;
             await fs__namespace.writeFile(`${outputDir}/${fileName}`, template.replace("__PLACEHOLDER__", configs.filter(Boolean).join(",\n")));
+            configs = [];
         },
     };
 };
@@ -642,7 +644,7 @@ const getModuleType = (moduleInfo) => {
     }
 };
 var validateComponentMetaPlugin = (componentFileRegex) => {
-    const metaConfigs = [];
+    let metaConfigs = [];
     return {
         name: "validate-component-meta",
         moduleParsed: async (moduleInfo) => {
@@ -667,6 +669,7 @@ var validateComponentMetaPlugin = (componentFileRegex) => {
                     errors.push(`\nComponent meta is not valid ${metaConfig.moduleId}:\n${validationResult.join("\n")}`);
                 }
             }
+            metaConfigs = [];
             if (errors.length) {
                 // @ts-ignore
                 this.error(errors.join("\n"));
@@ -706,30 +709,37 @@ const entrypointModifiers = [
 const oraP = import('ora');
 const EMB_FILE_REGEX = /^(.*)(?<!\.type|\.options)\.emb\.[jt]s$/;
 var generate = async (ctx) => {
+    var _a;
     const ora = (await oraP).default;
-    const progress = ora("React: building components...").start();
     const filesList = await findFiles(ctx.client.srcDir, EMB_FILE_REGEX);
     await prepareEntrypoint(ctx, filesList);
-    await runViteBuild(ctx);
-    progress.succeed("React: components built completed");
+    let result;
+    if ((_a = ctx.dev) === null || _a === void 0 ? void 0 : _a.watch) {
+        result = await runViteWatch(ctx);
+    }
+    else {
+        const progress = ora("React: building components...").start();
+        result = await runViteBuild(ctx);
+        progress.succeed("React: components built completed");
+    }
+    return result;
 };
-async function runViteBuild(ctx) {
-    process.chdir(ctx.client.rootDir);
-    await vite__namespace.build({
-        logLevel: "error",
+async function runViteBuild(ctx, watch = null) {
+    return await vite__namespace.build({
+        logLevel: !!watch ? "info" : "error",
         plugins: [
             viteReactPlugin(),
             extractComponentsConfigPlugin({
                 globalKey: "componentsMeta",
                 fileName: "embeddable-components-meta.js",
-                outputDir: ".embeddable-build",
+                outputDir: ctx.client.buildDir,
                 componentFileRegex: EMB_FILE_REGEX,
                 searchEntry: "defineComponent",
             }),
             extractComponentsConfigPlugin({
                 globalKey: "editorsMeta",
                 fileName: "embeddable-editors-meta.js",
-                outputDir: ".embeddable-build",
+                outputDir: ctx.client.buildDir,
                 componentFileRegex: EMB_FILE_REGEX,
                 searchEntry: "defineEditor",
             }),
@@ -737,16 +747,25 @@ async function runViteBuild(ctx) {
         ],
         build: {
             sourcemap: true,
+            watch,
             lib: {
-                entry: `./${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}`,
+                entry: path__namespace.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
                 formats: ["es"],
                 fileName: ctx["sdk-react"].outputOptions.fileName,
             },
-            outDir: `.embeddable-build/${ctx["sdk-react"].outputOptions.buildName}`,
+            outDir: path__namespace.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
         },
         define: { "process.env.NODE_ENV": '"production"' },
     });
 }
+async function runViteWatch(ctx) {
+    const watch = {
+        chokidar: {
+            ignored: ["**/node_modules/**", /.*\.emb-temp.js$/],
+        },
+    };
+    return (await runViteBuild(ctx, watch));
+}
 const IMPORT_REPLACE_TOKEN = "{{LAZY_IMPORTS}}";
 const ERROR_FALLBACK_COMPONENT_IMPORT_TOKEN = "{{ERROR_FALLBACK_COMPONENT_IMPORT}}";
 const ERROR_FALLBACK_COMPONENT_TOKEN = "{{ERROR_FALLBACK_COMPONENT}}";
@@ -786,7 +805,7 @@ async function prepareEntrypoint(ctx, filesList) {
 
 var build = async (ctx) => {
     createContext(path__namespace$1.resolve(__dirname, ".."), ctx);
-    await generate(ctx);
+    return await generate(ctx);
 };
 
 var cleanup = async (ctx) => await fs.rm(path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename));