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

package/lib/index.js

@@ -6,14 +6,11 @@ var path$1 = require('path');
 var vite = require('vite');
 var viteReactPlugin = require('@vitejs/plugin-react');
 var fs = require('node:fs/promises');
-var url = require('node:url');
-var astring = require('astring');
 require('node:child_process');
 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);
@@ -32,12 +29,11 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path);
 var fs__namespace$2 = /*#__PURE__*/_interopNamespaceDefault(fs$2);
-var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path$1);
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
-var url__namespace = /*#__PURE__*/_interopNamespaceDefault(url);
 var fs__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(fs$1);
 
 var createContext = (pluginRoot, coreCtx) => {
@@ -52,21 +48,9 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
-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;
-    }
+const loadComponentMeta = async (moduleId) => {
+    const module = await import(moduleId);
+    return module.meta;
 };
 
 /**
@@ -81,10 +65,7 @@ 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({
-                    moduleId: moduleInfo.id,
-                    ast: moduleInfo.ast,
-                });
+                const meta = await loadComponentMeta(moduleInfo.id);
                 const configJSON = JSON.stringify(meta, (_key, value) => typeof value === "object" &&
                     value !== null &&
                     "__embeddableType" in value
@@ -768,7 +749,7 @@ const validateComponentEvents = (metaInfo) => {
     return errors;
 };
 const validateModuleName = (metaInfo) => {
-    const basename = path__namespace$1.basename(metaInfo.moduleId);
+    const basename = path__namespace.basename(metaInfo.moduleId);
     const fileName = basename.split(".")[0];
     if (fileName !== metaInfo.meta.name) {
         return [
@@ -884,10 +865,7 @@ var validateComponentMetaPlugin = (componentFileRegex) => {
                 ? getModuleType(moduleInfo)
                 : null;
             if (moduleType) {
-                const meta = await loadComponentMeta({
-                    moduleId: moduleInfo.id,
-                    ast: moduleInfo.ast,
-                });
+                const meta = await loadComponentMeta(moduleInfo.id);
                 metaConfigs.push({
                     moduleId: moduleInfo.id,
                     meta,
@@ -932,7 +910,7 @@ const styledComponentsEntrypointModifier = {
     },
     needToModify(ctx) {
         var _a;
-        const packageJsonFilePath = path__namespace$1.resolve(ctx.client.rootDir, "package.json");
+        const packageJsonFilePath = path__namespace.resolve(ctx.client.rootDir, "package.json");
         const packageJson = require(packageJsonFilePath);
         return !!((_a = packageJson.dependencies) === null || _a === void 0 ? void 0 : _a["styled-components"]);
     },
@@ -947,7 +925,7 @@ function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
     const files = fs__namespace$1.readdirSync(directory);
     const result = [];
     files.forEach((file) => {
-        const filePath = path__namespace$1.join(directory, file);
+        const filePath = path__namespace.join(directory, file);
         if (fs__namespace$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             result.push(...findFilesWithWrongUsage(filePath, pattern, mustEndWith));
@@ -965,7 +943,7 @@ function findTypeNames(directory) {
     const files = fs__namespace$1.readdirSync(directory);
     const typeNames = [];
     files.forEach((file) => {
-        const filePath = path__namespace$1.join(directory, file);
+        const filePath = path__namespace.join(directory, file);
         if (fs__namespace$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             typeNames.push(...findTypeNames(filePath));
@@ -1102,13 +1080,15 @@ async function runViteBuild(ctx, watch = null) {
             watch,
             minify: !watch,
             lib: {
-                entry: path__namespace$1.resolve(ctx.client.rootDir, 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: path__namespace$1.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+            outDir: path__namespace.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+        },
+        define: {
+            "process.env.NODE_ENV": `${watch ? "development" : "production"}`,
         },
-        define: { "process.env.NODE_ENV": '"production"' },
     });
 }
 async function runViteWatch(ctx) {
@@ -1127,7 +1107,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$1
+    return `./${path__namespace
         .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'
@@ -1153,8 +1133,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    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
+    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
         .replace(IMPORT_REPLACE_TOKEN, imports)
         .replace(ERROR_FALLBACK_COMPONENT_IMPORT_TOKEN, errorBoundaryImport)
         .replace(ERROR_FALLBACK_COMPONENT_TOKEN, errorFallbackComponent)
@@ -1164,19 +1144,12 @@ async function prepareEntrypoint(ctx, filesList) {
 }
 
 var build = async (ctx) => {
-    createContext(path__namespace.resolve(__dirname, ".."), ctx);
+    createContext(path__namespace$1.resolve(__dirname, ".."), ctx);
     return await generate(ctx);
 };
 
 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 = () => {