@developer_tribe/react-builder 0.1.10 → 0.1.12

package/scripts/public/scripts/build/index.js

@@ -9,19 +9,16 @@ import { getAllComponents } from './utils/getAllComponents.js';
 import { checkFolderAndFilesValid } from './utils/checkFolderAndFilesValid.js';
 import { createMissingFoldersAndFiles } from './utils/createMissingFoldersAndFiles.js';
 import { createRenderNodeGenerated } from './utils/createRenderNodeGenerated.js';
+import { createComponentsIndex } from './utils/createComponentsIndex.js';
 
 const argv = yargs(hideBin(process.argv)).argv;
 export const args = argv;
 const builderPath = args.path || 'node_modules/@developer_tribe/react-builder';
-const targetPath = process.cwd();
 const selectedComponents = args.components || [];
+const name = args.name || 'build-components';
 
 function run() {
-  const builderComponentsPath = Path.join(
-    builderPath,
-    'src',
-    'build-components'
-  );
+  const builderComponentsPath = Path.join(builderPath, 'src', name);
   checkPathExists(builderComponentsPath);
   const components = getAllComponents(builderComponentsPath);
   for (const component of selectedComponents) {
@@ -30,13 +27,14 @@ function run() {
       process.exit(1);
     }
   }
-  checkFolderAndFilesValid(targetPath, selectedComponents);
-  createMissingFoldersAndFiles(targetPath, selectedComponents);
+  checkFolderAndFilesValid(builderComponentsPath, selectedComponents);
+  createMissingFoldersAndFiles(builderComponentsPath, selectedComponents);
   createRenderNodeGenerated(
     builderComponentsPath,
-    targetPath,
+    builderComponentsPath,
     selectedComponents
   );
+  createComponentsIndex(builderComponentsPath, selectedComponents);
 }
 
 run();

package/scripts/public/scripts/build/info.json

@@ -12,6 +12,12 @@
       "type": "array",
       "describe": "component names",
       "demandOption": false
+    },
+    "name": {
+      "alias": "n",
+      "type": "string",
+      "describe": "name of the structure",
+      "demandOption": false
     }
   }
 }

package/scripts/public/scripts/build/utils/checkFolderAndFilesValid.js

@@ -2,12 +2,7 @@ import fs from 'fs';
 import Path from 'path';
 
 // Ensure target build-components folder contains only folders from components list; create missing ones
-export function checkFolderAndFilesValid(targetRootPath, components) {
-  const buildComponentsTarget = Path.join(
-    targetRootPath,
-    'src',
-    'build-components'
-  );
+export function checkFolderAndFilesValid(buildComponentsTarget, components) {
   if (!fs.existsSync(buildComponentsTarget)) {
     fs.mkdirSync(buildComponentsTarget, { recursive: true });
   }

package/scripts/public/scripts/build/utils/createComponentsIndex.js

@@ -0,0 +1,27 @@
+import fs from 'fs';
+import Path from 'path';
+
+export function createComponentsIndex(buildComponentsTarget, components) {
+  if (!fs.existsSync(buildComponentsTarget)) {
+    fs.mkdirSync(buildComponentsTarget, { recursive: true });
+  }
+
+  const targetPath = Path.join(buildComponentsTarget, 'index.ts');
+
+  const header = '/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n';
+  const renderNodeExport =
+    "export { default as RenderNode } from './RenderNode.generated';";
+
+  const componentExports = components
+    .map(name => `export { default as ${name} } from './${name}/${name}';`)
+    .join('\n');
+
+  const content = [header, renderNodeExport, componentExports]
+    .filter(Boolean)
+    .join('\n\n')
+    .concat('\n');
+
+  fs.writeFileSync(targetPath, content, 'utf8');
+}
+
+// no default export

package/scripts/public/scripts/build/utils/createMissingFoldersAndFiles.js

@@ -6,12 +6,10 @@ function toPropsName(name) {
 }
 
 // Create folders and base component files if missing
-export function createMissingFoldersAndFiles(targetRootPath, components) {
-  const buildComponentsTarget = Path.join(
-    targetRootPath,
-    'src',
-    'build-components'
-  );
+export function createMissingFoldersAndFiles(
+  buildComponentsTarget,
+  components
+) {
   if (!fs.existsSync(buildComponentsTarget)) {
     fs.mkdirSync(buildComponentsTarget, { recursive: true });
   }

package/scripts/public/scripts/build/utils/createRenderNodeGenerated.js

@@ -14,14 +14,9 @@ function readPatternType(builderComponentsPath, componentName) {
 
 export function createRenderNodeGenerated(
   builderComponentsPath,
-  targetRootPath,
+  buildComponentsTarget,
   components
 ) {
-  const buildComponentsTarget = Path.join(
-    targetRootPath,
-    'src',
-    'build-components'
-  );
   if (!fs.existsSync(buildComponentsTarget)) {
     fs.mkdirSync(buildComponentsTarget, { recursive: true });
   }

package/src/build-components/index.ts

@@ -1,5 +1,7 @@
 /* AUTO-GENERATED FILE - DO NOT EDIT */
 
+export { default as RenderNode } from './RenderNode.generated';
+
 export type {
   ButtonPropsGenerated,
   ButtonComponentProps,

package/src/index.ts

@@ -1,5 +1,4 @@
 import './styles/index.scss';
-import RenderNode from './build-components/RenderNode.generated';
 import AttributesEditor from './AttributesEditor';
 
 export { TargetedScreenSize } from './types/TargetedScreenSize';
@@ -18,7 +17,6 @@ export { RenderPage } from './RenderPage';
 export { RenderMainNode } from './RenderMainNode';
 export { novaToJson } from './utils/novaToJson';
 export type { Localication } from './types/PreviewConfig';
-export { RenderNode };
 export { getDevices } from './utils/getDevices';
 export type { Device } from './types/Device';
 export { AttributesEditor };