@embeddable.com/sdk-react 2.2.20 → 2.2.22

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var path = require('node:path');
-var fs$1 = require('fs/promises');
+var fs$2 = require('fs/promises');
 var path$1 = require('path');
 var vite = require('vite');
 var viteReactPlugin = require('@vitejs/plugin-react');
@@ -12,6 +12,7 @@ var traverse = require('@babel/traverse');
 require('node:child_process');
 var zod = require('zod');
 var core = require('@embeddable.com/core');
+var fs$1 = require('fs');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -31,10 +32,11 @@ function _interopNamespaceDefault(e) {
 }
 
 var path__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(path);
-var fs__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(fs$1);
+var fs__namespace$2 = /*#__PURE__*/_interopNamespaceDefault(fs$2);
 var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path$1);
 var vite__namespace = /*#__PURE__*/_interopNamespaceDefault(vite);
 var fs__namespace = /*#__PURE__*/_interopNamespaceDefault(fs);
+var fs__namespace$1 = /*#__PURE__*/_interopNamespaceDefault(fs$1);
 
 var createContext = (pluginRoot, coreCtx) => {
     coreCtx["sdk-react"] = {
@@ -738,11 +740,80 @@ const entrypointModifiers = [
     styledComponentsEntrypointModifier,
 ];
 
+const oraP$1 = import('ora');
+function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
+    const files = fs__namespace$1.readdirSync(directory);
+    const result = [];
+    files.forEach((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));
+        }
+        else {
+            const fileContent = fs__namespace$1.readFileSync(filePath, "utf8");
+            if (fileContent.match(pattern)) {
+                result.push(filePath);
+            }
+        }
+    });
+    return result.filter((file) => !mustEndWith.some((ending) => file.endsWith(ending)));
+}
+const regexDefineComponentFunction = /defineComponent(<\w+>)?\(/;
+const regexDefineTypeFunction = /defineType\(/;
+const regexDefineOptionFunction = /defineOption\(/;
+const regexCubeFunction = /cube\(/;
+const regexCubes = /cubes:/;
+const usageValidator = async (directory) => {
+    let isValid = true;
+    const ora = (await oraP$1).default;
+    const progress = ora("React: function usage validating...").start();
+    // defineComponent function
+    const filesWithWrongDefineComponentFunctionUsage = findFilesWithWrongUsage(directory, regexDefineComponentFunction, [".emb.js", ".emb.ts"]);
+    if (filesWithWrongDefineComponentFunctionUsage.length) {
+        isValid = false;
+        progress.fail("React: defineComponent() usage is only allowed inside files with the extension .emb.(js|ts) files.\nFix the following files:\n" +
+            filesWithWrongDefineComponentFunctionUsage.join("\n"));
+    }
+    // defineType function
+    const filesWithWrongDefineTypeFunctionUsage = findFilesWithWrongUsage(directory, regexDefineTypeFunction, [".type.emb.js", ".type.emb.ts"]);
+    if (filesWithWrongDefineTypeFunctionUsage.length) {
+        isValid = false;
+        progress.fail("React: defineType() usage is only allowed inside files with the extension .type.emb.(js|ts) files.\nFix the following files:\n" +
+            filesWithWrongDefineTypeFunctionUsage.join("\n"));
+    }
+    // defineOption function
+    const filesWithWrongDefineOptionFunctionUsage = findFilesWithWrongUsage(directory, regexDefineOptionFunction, [".type.emb.js", ".type.emb.ts"]);
+    if (filesWithWrongDefineOptionFunctionUsage.length) {
+        isValid = false;
+        progress.fail("React: defineOption() usage is only allowed inside files with the extension .type.emb.(js|ts) files.\nFix the following files:\n" +
+            filesWithWrongDefineOptionFunctionUsage.join("\n"));
+    }
+    // cube function
+    const filesWithWrongCubeFunctionUsage = findFilesWithWrongUsage(directory, regexCubeFunction, [".cube.js", ".cube.ts"]);
+    if (filesWithWrongCubeFunctionUsage.length) {
+        isValid = false;
+        progress.fail("React: cube() usage is only allowed inside files with the extension .cube.(ts|js) files.\nFix the following files:\n" +
+            filesWithWrongCubeFunctionUsage.join("\n"));
+    }
+    // cube in yml or yaml files
+    const filesWithWrongCubeUsage = findFilesWithWrongUsage(directory, regexCubes, [".cube.yml", ".cube.yaml"]);
+    if (filesWithWrongCubeUsage.length) {
+        isValid = false;
+        progress.fail("React: cubes: usage is only allowed inside files with the extension .cube.(yml|yaml) files.\nFix the following files:\n" +
+            filesWithWrongCubeUsage.join("\n"));
+    }
+    isValid
+        ? progress.succeed("React: function usage validated")
+        : process.exit(1);
+};
+
 const oraP = import('ora');
 const EMB_FILE_REGEX = /^(.*)(?<!\.type|\.options)\.emb\.[jt]s$/;
 var generate = async (ctx) => {
     var _a;
     const ora = (await oraP).default;
+    await usageValidator(ctx.client.srcDir);
     const filesList = await findFiles(ctx.client.srcDir, EMB_FILE_REGEX);
     await prepareEntrypoint(ctx, filesList);
     let result;
@@ -752,7 +823,7 @@ var generate = async (ctx) => {
     else {
         const progress = ora("React: building components...").start();
         result = await runViteBuild(ctx);
-        progress.succeed("React: components built completed");
+        progress.succeed("Building React components completed");
     }
     return result;
 };
@@ -825,8 +896,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    const content = await fs__namespace$1.readFile(path__namespace.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
-    await fs__namespace$1.writeFile(path__namespace.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)