@developer_tribe/react-builder 0.1.9 → 0.1.11

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

@@ -9,6 +9,7 @@ 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;
@@ -37,6 +38,7 @@ function run() {
     targetPath,
     selectedComponents
   );
+  createComponentsIndex(targetPath, selectedComponents);
 }
 
 run();

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

@@ -0,0 +1,33 @@
+import fs from 'fs';
+import Path from 'path';
+
+export function createComponentsIndex(targetRootPath, components) {
+  const buildComponentsTarget = Path.join(
+    targetRootPath,
+    'src',
+    'build-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

@@ -42,7 +42,7 @@ export function other(type: string, node: Node): React.ReactNode {
       const content = `import React from 'react';
 import type { ${propsName} } from '@developer_tribe/react-builder';
 
-function ${component}(props: { node: any }) {
+function ${component}(props: ${propsName}) {
   return "hello world";
 }
 

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 };