refactor remote component generator config

mittwald · Jan 6, 2025 · 392a4fa · 392a4fa
1 parent e8dbd2b
commit 392a4fa
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 8 deletions.
diff --git a/dev/remote-components-generator/config.ts b/dev/remote-components-generator/config.ts
@@ -1,4 +1,4 @@
 export const remoteComponentGeneratorConfig = {
-  ignoreComponents: ["ActionStateContext"],
+  components: {},
   ignoreProps: ["tunnelId", "ref", "key"],
 };
diff --git a/dev/remote-components-generator/generateRemoteComponents.ts b/dev/remote-components-generator/generateRemoteComponents.ts
@@ -8,14 +8,15 @@ import jetpack from "fs-jetpack";
 import { prepareTypeScriptOutput } from "./generation/prepareTypeScriptOutput";
 import { generateRemoteElementFile } from "./generation/generateRemoteElementFile";
 import { remoteComponentGeneratorConfig } from "./config";
+import type { RemoteComponentGeneratorConfig } from "./types/config";
 
 const componentFileLoader = new ComponentFileLoader();
 const componentFileContentLoader = new ComponentFileContentLoader(
   componentFileLoader,
 );
 
 async function generate() {
-  const config = remoteComponentGeneratorConfig;
+  const config: RemoteComponentGeneratorConfig = remoteComponentGeneratorConfig;
 
   console.log("🤓 Read component specification file");
   const componentSpecificationFile = await componentFileLoader.loadFile();
@@ -29,12 +30,28 @@ async function generate() {
   console.log("✅  Done");
   console.log("");
 
-  console.log("💣 Remove ignored components");
-  config.ignoreComponents.map((ignoredComponent) => {
-    components = components.filter(
-      (item) => item.displayName != ignoredComponent,
-    );
-  });
+  console.log("💣 Remove ignored components and props");
+  for (const [componentName, componentConfig] of Object.entries(
+    config.components,
+  )) {
+    if (componentConfig.ignore) {
+      console.log(` .. removing "${componentName}"`);
+      components = components.filter(
+        (item) => item.displayName != componentName,
+      );
+    }
+    if (componentConfig.ignoreProps) {
+      const component = components.find(
+        (item) => item.displayName == componentName,
+      );
+      if (component?.props) {
+        componentConfig.ignoreProps.map((ignoredProp) => {
+          console.log(` .. removing ${componentName}'s "${ignoredProp}" prop`);
+          delete component.props[ignoredProp];
+        });
+      }
+    }
+  }
   console.log("✅  Done");
   console.log("");
 

diff --git a/dev/remote-components-generator/types/config.ts b/dev/remote-components-generator/types/config.ts
@@ -0,0 +1,9 @@
+interface RemoteComponentGeneratorConfigComponent {
+  ignore?: boolean;
+  ignoreProps?: string[];
+}
+
+export interface RemoteComponentGeneratorConfig {
+  components: Record<string, RemoteComponentGeneratorConfigComponent>;
+  ignoreProps: string[];
+}