@embeddable.com/sdk-react 2.2.20 → 2.2.22

package/lib/index.esm.js

@@ -1,6 +1,6 @@
 import * as path$1 from 'node:path';
 import { resolve, join } from 'node:path';
-import * as fs$1 from 'fs/promises';
+import * as fs$2 from 'fs/promises';
 import * as path from 'path';
 import * as vite from 'vite';
 import viteReactPlugin from '@vitejs/plugin-react';
@@ -12,6 +12,7 @@ import traverse from '@babel/traverse';
 import 'node:child_process';
 import { z } from 'zod';
 import { ALL_NATIVE_TYPES } from '@embeddable.com/core';
+import * as fs$1 from 'fs';
 
 var createContext = (pluginRoot, coreCtx) => {
     coreCtx["sdk-react"] = {
@@ -715,11 +716,80 @@ const entrypointModifiers = [
     styledComponentsEntrypointModifier,
 ];
 
+const oraP$1 = import('ora');
+function findFilesWithWrongUsage(directory, pattern, mustEndWith = []) {
+    const files = fs$1.readdirSync(directory);
+    const result = [];
+    files.forEach((file) => {
+        const filePath = path.join(directory, file);
+        if (fs$1.statSync(filePath).isDirectory()) {
+            // Recursively check files in subdirectories
+            result.push(...findFilesWithWrongUsage(filePath, pattern, mustEndWith));
+        }
+        else {
+            const fileContent = fs$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;
@@ -729,7 +799,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;
 };
@@ -802,8 +872,8 @@ async function prepareEntrypoint(ctx, filesList) {
             additionalContentEnd.unshift(entrypointModifier.getContentEnd(ctx));
         }
     }
-    const content = await fs$1.readFile(path.resolve(ctx["sdk-react"].templatesDir, `${ctx["sdk-react"].outputOptions.componentsEntryPointFilename}.template`), "utf8");
-    await fs$1.writeFile(path.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)