feat: refactor genTypes to export individual config types

Author: Swiftwork

packages/cli/utils/gen.ts

@@ -69,41 +69,61 @@ export const KeyFormatPatterns: Record<KeyFormat, KeyFormatPattern> = {
   },
 };
 
+function indentLines(str: string, indent = 2, lineBreak = "\n"): string {
+  const indentStr = " ".repeat(indent);
+  return str
+    .split(lineBreak)
+    .map((line) => `${indentStr}${line}`)
+    .join(lineBreak);
+}
+
 export function genFeatureKey(input: string, format: KeyFormat): string {
   return KeyFormatPatterns[format].transform(input);
 }
 
 export function genRemoteConfig(remoteConfigs?: RemoteConfig[]) {
   const variants = remoteConfigs?.[0]?.variants;
-  if (!variants?.length) return "boolean";
-  const type = JSONToType(
+  if (!variants?.length) return;
+  return JSONToType(
     remoteConfigs![0].variants?.map(({ variant: { payload } }) => ({
       config: { payload },
     })),
   );
-  // Indent all but first line to 4 spaces
-  return type
-    ?.split("\n")
-    .map((line, i) => (i === 0 ? line : "    " + line))
-    .join("\n");
 }
 
 export function genTypes(features: Feature[], format: GenFormat = "react") {
+  const configDefs = new Map<string, { name: string; definition: string }>();
+  features.forEach(({ key, name, remoteConfigs }) => {
+    const definition = genRemoteConfig(remoteConfigs);
+    if (!definition) return;
+    const configName = `${pascalCase(name)}Config`;
+    configDefs.set(key, { name: configName, definition });
+  });
+
   return /* ts */ `
 // DO NOT EDIT THIS FILE. IT IS GENERATED BY THE BUCKET CLI AND WILL BE OVERWRITTEN.
 // eslint-disable
 // prettier-ignore
 import "@bucketco/${format}-sdk";
 
 declare module "@bucketco/${format}-sdk" {
-  interface Features {
+  export interface Features {
 ${features
-  .map(
-    ({ key, remoteConfigs }) =>
-      `    "${key}": ${genRemoteConfig(remoteConfigs)};`,
-  )
+  .map(({ key }) => {
+    const config = configDefs.get(key);
+    return indentLines(
+      `"${key}": ${config?.definition ? config.name : "boolean"};`,
+      4,
+    );
+  })
   .join("\n")}
   }
+
+${Array.from(configDefs.values())
+  .map(({ name, definition }) => {
+    return indentLines(`export type ${name} = ${definition}`);
+  })
+  .join("\n\n")}
 }
 `.trim();
 }