@embeddable.com/sdk-react 3.0.2 → 3.1.0-next.1

package/lib/index.esm.js

@@ -1,7 +1,7 @@
-import * as path$1 from 'node:path';
+import * as path from 'node:path';
 import { resolve, join } from 'node:path';
 import * as fs$2 from 'fs/promises';
-import * as path from 'path';
+import * as path$1 from 'path';
 import * as vite from 'vite';
 import viteReactPlugin from '@vitejs/plugin-react';
 import * as fs from 'node:fs/promises';
@@ -13,6 +13,7 @@ import { z } from 'zod';
 import { parse } from '@babel/parser';
 import traverse from '@babel/traverse';
 import * as fs$1 from 'fs';
+import { glob } from 'glob';
 
 var createContext = (pluginRoot, coreCtx) => {
     coreCtx["sdk-react"] = {
@@ -26,14 +27,21 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
-const loadComponentMeta = async (moduleId, ast) => {
-    const tempFilePath = moduleId
-        .replace(".emb.", ".emb-temp.")
-        .replace(/\.ts$/, ".js");
-    await fs.writeFile(tempFilePath, generate$1(ast));
-    const module = await import(url.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
-    await fs.rm(tempFilePath);
-    return module.meta;
+const loadComponentMeta = async ({ moduleId, ast, }) => {
+    // make it dot file so it will be hidden
+    const fileName = `.${path.basename(moduleId)}`;
+    const tempFileName = fileName.replace(".emb.ts", ".emb-temp.js");
+    const tempFilePath = path.join(path.dirname(moduleId), tempFileName);
+    try {
+        await fs.writeFile(tempFilePath, generate$1(ast));
+        const module = await import(url.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
+        return module.meta;
+    }
+    catch (e) {
+        console.error(e);
+        await fs.unlink(tempFilePath);
+        throw e;
+    }
 };
 
 /**
@@ -48,7 +56,10 @@ var extractComponentsConfigPlugin = ({ globalKey, outputDir, fileName, component
             var _a;
             if (componentFileRegex.test(moduleInfo.id) &&
                 ((_a = moduleInfo.code) === null || _a === void 0 ? void 0 : _a.includes(searchEntry))) {
-                const meta = await loadComponentMeta(moduleInfo.id, moduleInfo.ast);
+                const meta = await loadComponentMeta({
+                    moduleId: moduleInfo.id,
+                    ast: moduleInfo.ast,
+                });
                 const configJSON = JSON.stringify(meta, (_key, value) => typeof value === "object" &&
                     value !== null &&
                     "__embeddableType" in value
@@ -732,7 +743,7 @@ const validateComponentEvents = (metaInfo) => {
     return errors;
 };
 const validateModuleName = (metaInfo) => {
-    const basename = path.basename(metaInfo.moduleId);
+    const basename = path$1.basename(metaInfo.moduleId);
     const fileName = basename.split(".")[0];
     if (fileName !== metaInfo.meta.name) {
         return [
@@ -848,7 +859,10 @@ var validateComponentMetaPlugin = (componentFileRegex) => {
                 ? getModuleType(moduleInfo)
                 : null;
             if (moduleType) {
-                const meta = await loadComponentMeta(moduleInfo.id, moduleInfo.ast);
+                const meta = await loadComponentMeta({
+                    moduleId: moduleInfo.id,
+                    ast: moduleInfo.ast,
+                });
                 metaConfigs.push({
                     moduleId: moduleInfo.id,
                     meta,
@@ -893,7 +907,7 @@ const styledComponentsEntrypointModifier = {
     },
     needToModify(ctx) {
         var _a;
-        const packageJsonFilePath = path.resolve(ctx.client.rootDir, "package.json");
+        const packageJsonFilePath = path$1.resolve(ctx.client.rootDir, "package.json");
         const packageJson = require(packageJsonFilePath);
         return !!((_a = packageJson.dependencies) === null || _a === void 0 ? void 0 : _a["styled-components"]);
     },
@@ -908,7 +922,7 @@ function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
     const files = fs$1.readdirSync(directory);
     const result = [];
     files.forEach((file) => {
-        const filePath = path.join(directory, file);
+        const filePath = path$1.join(directory, file);
         if (fs$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             result.push(...findFilesWithWrongUsage(filePath, pattern, mustEndWith));
@@ -926,7 +940,7 @@ function findTypeNames(directory) {
     const files = fs$1.readdirSync(directory);
     const typeNames = [];
     files.forEach((file) => {
-        const filePath = path.join(directory, file);
+        const filePath = path$1.join(directory, file);
         if (fs$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             typeNames.push(...findTypeNames(filePath));
@@ -1063,11 +1077,11 @@ async function runViteBuild(ctx, watch = null) {
             watch,
             minify: !watch,
             lib: {
-                entry: path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
+                entry: path$1.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
                 formats: ["es"],
                 fileName: ctx["sdk-react"].outputOptions.fileName,
             },
-            outDir: path.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+            outDir: path$1.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
         },
         define: { "process.env.NODE_ENV": '"production"' },
     });
@@ -1088,7 +1102,7 @@ const ADDITIONAL_CONTENT_IMPORT_TOKEN = "{{ADDITIONAL_CONTENT_IMPORT}}";
 const ADDITIONAL_CONTENT_BEGIN_TOKEN = "{{ADDITIONAL_CONTENT_BEGIN}}";
 const ADDITIONAL_CONTENT_END_TOKEN = "{{ADDITIONAL_CONTENT_END}}";
 function getRelativeFileNameForImport(ctx, fileName) {
-    return `./${path
+    return `./${path$1
         .relative(ctx.client.rootDir, fileName)
         // it is a bit of a hack. On windows the path will look like '.src\something\something'
         // but for imports it must be '.src/something/something'
@@ -1114,8 +1128,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    const content = await fs$2.readFile(path.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
-    await fs$2.writeFile(path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename), content
+    const content = await fs$2.readFile(path$1.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
+    await fs$2.writeFile(path$1.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename), content
         .replace(IMPORT_REPLACE_TOKEN, imports)
         .replace(ERROR_FALLBACK_COMPONENT_IMPORT_TOKEN, errorBoundaryImport)
         .replace(ERROR_FALLBACK_COMPONENT_TOKEN, errorFallbackComponent)
@@ -1125,11 +1139,20 @@ async function prepareEntrypoint(ctx, filesList) {
 }
 
 var build = async (ctx) => {
-    createContext(path$1.resolve(__dirname, ".."), ctx);
+    createContext(path.resolve(__dirname, ".."), ctx);
     return await generate(ctx);
 };
 
-var cleanup = async (ctx) => await rm(resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename));
+var cleanup = async (ctx) => {
+    await rm(resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename));
+    const tempFiles = await glob(`${ctx.client.rootDir}/**/*.emb-temp.js`, {
+        ignore: "node_modules/**",
+        dot: true,
+    });
+    for (const file of tempFiles) {
+        await rm(file);
+    }
+};
 
 var index = () => {
     return {