@developer_tribe/react-builder 0.1.23 → 0.1.25

package/dist/types/Device.d.ts

@@ -6,7 +6,7 @@ export interface Device {
     type: 'phone' | 'tablet';
     /**
      * Relative importance for generic targeting and display ordering.
-     * 1 = highest importance, 5 = lowest importance
+     * 1 = highest importance, 100 = lowest importance
      */
-    importance?: 1 | 2 | 3 | 4 | 5;
+    importance?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-builder",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "type": "module",
   "restricted": true,
   "main": "dist/index.cjs.js",

package/scripts/prebuild/build-components.js

@@ -13,6 +13,8 @@ import {
   validateExistingComponentTsx,
   createRenderNodeGenerated,
   createBuildComponentsIndex,
+  createGetDefaultsPerComponent,
+  createBuildComponentsRootGetDefaults,
   formatAllSourceFiles,
   // lintNonGeneratedOrThrow,
 } from './utils/index.js';
@@ -36,10 +38,12 @@ async function run() {
     await ensurePropsTs(componentDir, componentName);
     await createComponentTsx(componentDir, componentName);
     await validateExistingComponentTsx(componentDir, componentName);
+    await createGetDefaultsPerComponent(componentDir, componentName);
   }
 
   await createRenderNodeGenerated(validated, paths);
   await createBuildComponentsIndex(validated, paths);
+  await createBuildComponentsRootGetDefaults(validated, paths);
   await formatAllSourceFiles(paths);
 }
 

package/scripts/prebuild/utils/createBuildComponentsIndex.js

@@ -15,8 +15,11 @@ export async function createBuildComponentsIndex(validated, paths) {
     .join('\n');
 
   const renderNodeExport = `export { default as RenderNode } from './RenderNode.generated';`;
+  const getDefaultsExport = `export { getDefaults } from './getDefaults';`;
 
-  const sections = [renderNodeExport, exportLines].filter(Boolean).join('\n\n');
+  const sections = [renderNodeExport, getDefaultsExport, exportLines]
+    .filter(Boolean)
+    .join('\n\n');
 
   const fileContent =
     `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +

package/scripts/prebuild/utils/createBuildComponentsRootGetDefaults.js

@@ -0,0 +1,64 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/build-components/getDefaults.ts aggregating all component getDefaults
+ * with signature: getDefaults<T>(type: T, node: NodeData<List<T>>)
+ */
+export async function createBuildComponentsRootGetDefaults(validated, paths) {
+  const { COMPONENTS_ROOT } = paths;
+  const targetPath = path.join(COMPONENTS_ROOT, 'getDefaults.ts');
+
+  const importLines = validated
+    .map(({ componentName }) => {
+      return `import { getDefaults as get${componentName}Defaults } from './${componentName}/getDefaults';`;
+    })
+    .join('\n');
+
+  const typeImports = `import type { ${validated
+    .map(({ componentName }) => `${componentName}PropsGenerated`)
+    .join(', ')} } from './index';`;
+
+  const nodeImport = `import type { NodeData } from '../types/Node';`;
+
+  const typesMap = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `  ${JSON.stringify(type)}: ${componentName}PropsGenerated['attributes']`;
+    })
+    .join(';\n');
+
+  const switchCases = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `    case ${JSON.stringify(type)}:\n      defaults = get${componentName}Defaults() as Partial<Types[T]>;\n      break;`;
+    })
+    .join('\n');
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `${importLines}\n` +
+    `${typeImports}\n` +
+    `${nodeImport}\n\n` +
+    `export type Types = {\n${typesMap}\n};\n\n` +
+    `export type List<T> = T extends keyof Types ? Types[T] : never;\n\n` +
+    `export function getDefaults<T extends keyof Types>(type: T, node: NodeData<List<T>>): Partial<Types[T]> {\n` +
+    `  let defaults: Partial<Types[T]> = {};\n\n` +
+    `  switch (type as unknown as string) {\n` +
+    `${switchCases}\n` +
+    `    default:\n` +
+    `      defaults = {} as Partial<Types[T]>;\n` +
+    `  }\n\n` +
+    `  if ((node as unknown as { type?: string })?.type !== (type as unknown as string)) {\n` +
+    `    throw new Error(\n` +
+    `      \`getDefaults: node.type mismatch; expected \${String(type)}, received \${(node as unknown as { type?: string })?.type ?? 'undefined'}\`\n` +
+    `    );\n` +
+    `  }\n\n` +
+    `  (node as unknown as { attributes?: unknown }).attributes = defaults as Types[T];\n\n` +
+    `  return defaults;\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/createGetDefaultsPerComponent.js

@@ -0,0 +1,28 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/build-components/<Component>/getDefaults.ts
+ * This file returns the `default` block from the folder's pattern.json.
+ */
+export async function createGetDefaultsPerComponent(
+  componentDir,
+  componentName
+) {
+  const targetPath = path.join(componentDir, 'getDefaults.ts');
+
+  const importPath = `./${componentName}Props.generated`;
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `import pattern from './pattern.json';\n` +
+    `import type { ${componentName}PropsGenerated } from '${importPath}';\n\n` +
+    `export type ${componentName}Defaults = Partial<${componentName}PropsGenerated['attributes']>;\n\n` +
+    `export function getDefaults(): ${componentName}Defaults {\n` +
+    `  return ((pattern as unknown as { default?: unknown })?.default ?? {}) as ${componentName}Defaults;\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/createRootGetDefaults.js

@@ -0,0 +1,52 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/getDefaults.ts aggregating all component getDefaults.
+ */
+export async function createRootGetDefaults(validated, paths) {
+  const { SRC_ROOT } = paths;
+  const targetPath = path.join(SRC_ROOT, 'getDefaults.ts');
+
+  // Build import lines for all components
+  const importLines = validated
+    .map(({ componentName }) => {
+      return `import { getDefaults as get${componentName}Defaults } from './build-components/${componentName}/getDefaults';`;
+    })
+    .join('\n');
+
+  const typeImports = `import type { ${validated
+    .map(({ componentName }) => `${componentName}PropsGenerated`)
+    .join(', ')} } from './build-components';`;
+
+  const typesMap = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `  ${JSON.stringify(type)}: ${componentName}PropsGenerated['attributes']`;
+    })
+    .join(';\n');
+
+  const switchCases = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `    case ${JSON.stringify(type)}:\n      return get${componentName}Defaults() as Partial<Types[T]>`;
+    })
+    .join('\n');
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `${importLines}\n` +
+    `${typeImports}\n\n` +
+    `export type Types = {\n${typesMap}\n};\n\n` +
+    `export function getDefaults<T extends keyof Types>(type: T): Partial<Types[T]> {\n` +
+    `  switch (type as unknown as string) {\n` +
+    `${switchCases}\n` +
+    `    default:\n` +
+    `      return {};\n` +
+    `  }\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/index.js

@@ -13,3 +13,6 @@ export { createRenderNodeGenerated } from './createRenderNodeGenerated.js';
 export { createBuildComponentsIndex } from './createBuildComponentsIndex.js';
 export { formatAllSourceFiles } from './formatAllSourceFiles.js';
 export { validateExistingComponentTsx } from './validateExistingComponentTsx.js';
+export { createGetDefaultsPerComponent } from './createGetDefaultsPerComponent.js';
+export { createRootGetDefaults } from './createRootGetDefaults.js';
+export { createBuildComponentsRootGetDefaults } from './createBuildComponentsRootGetDefaults.js';

package/scripts/prebuild/utils/validateAllComponentsOrThrow.js

@@ -21,11 +21,11 @@ async function getAllEntriesInComponentsRoot(paths) {
         d =>
           d.name !== 'RenderNode.generated.tsx' &&
           d.name !== 'other.tsx' &&
-          d.name !== 'index.ts'
+          d.name !== 'index.ts' &&
+          d.name !== 'getDefaults.ts'
       );
     });
 }
-
 // single-use: ensure all entries are directories
 function ensureAllEntriesAreFolders(dirents, paths) {
   const { COMPONENTS_ROOT } = paths;