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

package/lib/index.esm.js

@@ -1,19 +1,16 @@
-import * as path from 'node:path';
+import * as path$1 from 'node:path';
 import { resolve, join } from 'node:path';
 import * as fs$2 from 'fs/promises';
-import * as path$1 from 'path';
+import * as path from 'path';
 import * as vite from 'vite';
 import viteReactPlugin from '@vitejs/plugin-react';
 import * as fs from 'node:fs/promises';
 import { readdir, lstat, rm } from 'node:fs/promises';
-import * as url from 'node:url';
-import { generate as generate$1 } from 'astring';
 import 'node:child_process';
 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"] = {
@@ -27,21 +24,9 @@ var createContext = (pluginRoot, coreCtx) => {
     };
 };
 
-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;
-    }
+const loadComponentMeta = async (moduleId) => {
+    const module = await import(moduleId);
+    return module.meta;
 };
 
 /**
@@ -56,10 +41,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
@@ -743,7 +725,7 @@ const validateComponentEvents = (metaInfo) => {
     return errors;
 };
 const validateModuleName = (metaInfo) => {
-    const basename = path$1.basename(metaInfo.moduleId);
+    const basename = path.basename(metaInfo.moduleId);
     const fileName = basename.split(".")[0];
     if (fileName !== metaInfo.meta.name) {
         return [
@@ -859,10 +841,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,
@@ -907,7 +886,7 @@ const styledComponentsEntrypointModifier = {
     },
     needToModify(ctx) {
         var _a;
-        const packageJsonFilePath = path$1.resolve(ctx.client.rootDir, "package.json");
+        const packageJsonFilePath = path.resolve(ctx.client.rootDir, "package.json");
         const packageJson = require(packageJsonFilePath);
         return !!((_a = packageJson.dependencies) === null || _a === void 0 ? void 0 : _a["styled-components"]);
     },
@@ -922,7 +901,7 @@ function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
     const files = fs$1.readdirSync(directory);
     const result = [];
     files.forEach((file) => {
-        const filePath = path$1.join(directory, file);
+        const filePath = path.join(directory, file);
         if (fs$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             result.push(...findFilesWithWrongUsage(filePath, pattern, mustEndWith));
@@ -940,7 +919,7 @@ function findTypeNames(directory) {
     const files = fs$1.readdirSync(directory);
     const typeNames = [];
     files.forEach((file) => {
-        const filePath = path$1.join(directory, file);
+        const filePath = path.join(directory, file);
         if (fs$1.statSync(filePath).isDirectory()) {
             // Recursively check files in subdirectories
             typeNames.push(...findTypeNames(filePath));
@@ -1077,13 +1056,15 @@ async function runViteBuild(ctx, watch = null) {
             watch,
             minify: !watch,
             lib: {
-                entry: path$1.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
+                entry: path.resolve(ctx.client.rootDir, ctx["sdk-react"].outputOptions.componentsEntryPointFilename),
                 formats: ["es"],
                 fileName: ctx["sdk-react"].outputOptions.fileName,
             },
-            outDir: path$1.resolve(ctx.client.buildDir, ctx["sdk-react"].outputOptions.buildName),
+            outDir: path.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) {
@@ -1102,7 +1083,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$1
+    return `./${path
         .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'
@@ -1128,8 +1109,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    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
+    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
         .replace(IMPORT_REPLACE_TOKEN, imports)
         .replace(ERROR_FALLBACK_COMPONENT_IMPORT_TOKEN, errorBoundaryImport)
         .replace(ERROR_FALLBACK_COMPONENT_TOKEN, errorFallbackComponent)
@@ -1139,19 +1120,12 @@ async function prepareEntrypoint(ctx, filesList) {
 }
 
 var build = async (ctx) => {
-    createContext(path.resolve(__dirname, ".."), ctx);
+    createContext(path$1.resolve(__dirname, ".."), ctx);
     return await generate(ctx);
 };
 
 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 = () => {