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

package/lib/index.js

@@ -13,6 +13,7 @@ var zod = require('zod');
 var parser = require('@babel/parser');
 var traverse = require('@babel/traverse');
 var fs$1 = require('fs');
+var glob = require('glob');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -31,9 +32,9 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path);
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 var fs__namespace$2 = /*#__PURE__*/_interopNamespaceDefault(fs$2);
-var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
+var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
 var url__namespace = /*#__PURE__*/_interopNamespaceDefault(url);
@@ -51,14 +52,21 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
-const loadComponentMeta = async (moduleId, ast) => {
-    const tempFilePath = moduleId
-        .replace(".emb.", ".emb-temp.")
-        .replace(/\.ts$/, ".js");
-    await fs__namespace.writeFile(tempFilePath, astring.generate(ast));
-    const module = await import(url__namespace.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
-    await fs__namespace.rm(tempFilePath);
-    return module.meta;
+const loadComponentMeta = async ({ moduleId, ast, }) => {
+    // make it dot file so it will be hidden
+    const fileName = `.${path__namespace.basename(moduleId)}`;
+    const tempFileName = fileName.replace(".emb.ts", ".emb-temp.js");
+    const tempFilePath = path__namespace.join(path__namespace.dirname(moduleId), tempFileName);
+    try {
+        await fs__namespace.writeFile(tempFilePath, astring.generate(ast));
+        const module = await import(url__namespace.pathToFileURL(tempFilePath).href + `?${Date.now()}`);
+        return module.meta;
+    }
+    catch (e) {
+        console.error(e);
+        await fs__namespace.unlink(tempFilePath);
+        throw e;
+    }
 };
 
 /**
@@ -73,7 +81,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
@@ -757,7 +768,7 @@ const validateComponentEvents = (metaInfo) => {
     return errors;
 };
 const validateModuleName = (metaInfo) => {
-    const basename = path__namespace.basename(metaInfo.moduleId);
+    const basename = path__namespace$1.basename(metaInfo.moduleId);
     const fileName = basename.split(".")[0];
     if (fileName !== metaInfo.meta.name) {
         return [
@@ -873,7 +884,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,
@@ -918,7 +932,7 @@ const styledComponentsEntrypointModifier = {
     },
     needToModify(ctx) {
         var _a;
-        const packageJsonFilePath = path__namespace.resolve(ctx.client.rootDir, "package.json");
+        const packageJsonFilePath = path__namespace$1.resolve(ctx.client.rootDir, "package.json");
         const packageJson = require(packageJsonFilePath);
         return !!((_a = packageJson.dependencies) === null || _a === void 0 ? void 0 : _a["styled-components"]);
     },
@@ -933,7 +947,7 @@ function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
     const files = fs__namespace$1.readdirSync(directory);
     const result = [];
     files.forEach((file) => {
-        const filePath = path__namespace.join(directory, file);
+        const filePath = path__namespace$1.join(directory, file);
         if (fs__namespace$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             result.push(...findFilesWithWrongUsage(filePath, pattern, mustEndWith));
@@ -951,7 +965,7 @@ function findTypeNames(directory) {
     const files = fs__namespace$1.readdirSync(directory);
     const typeNames = [];
     files.forEach((file) => {
-        const filePath = path__namespace.join(directory, file);
+        const filePath = path__namespace$1.join(directory, file);
         if (fs__namespace$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             typeNames.push(...findTypeNames(filePath));
@@ -1088,11 +1102,11 @@ async function runViteBuild(ctx, watch = null) {
             watch,
             minify: !watch,
             lib: {
-                entry: path__namespace.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
+                entry: path__namespace$1.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
                 formats: ["es"],
                 fileName: ctx["sdk-react"].outputOptions.fileName,
             },
-            outDir: path__namespace.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+            outDir: path__namespace$1.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
         },
         define: { "process.env.NODE_ENV": '"production"' },
     });
@@ -1113,7 +1127,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__namespace
+    return `./${path__namespace$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'
@@ -1139,8 +1153,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    const content = await fs__namespace$2.readFile(path__namespace.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
-    await fs__namespace$2.writeFile(path__namespace.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename), content
+    const content = await fs__namespace$2.readFile(path__namespace$1.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
+    await fs__namespace$2.writeFile(path__namespace$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)
@@ -1150,11 +1164,20 @@ async function prepareEntrypoint(ctx, filesList) {
 }
 
 var build = async (ctx) => {
-    createContext(path__namespace$1.resolve(__dirname, ".."), ctx);
+    createContext(path__namespace.resolve(__dirname, ".."), ctx);
     return await generate(ctx);
 };
 
-var cleanup = async (ctx) => await fs.rm(path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename));
+var cleanup = async (ctx) => {
+    await fs.rm(path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename));
+    const tempFiles = await glob.glob(`${ctx.client.rootDir}/**/*.emb-temp.js`, {
+        ignore: "node_modules/**",
+        dot: true,
+    });
+    for (const file of tempFiles) {
+        await fs.rm(file);
+    }
+};
 
 var index = () => {
     return {