Extract the registerComponentsBase function

skryukov · Jun 16, 2024 · 61da92b · 61da92b
1 parent 9e052bd
commit 61da92b
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 36 deletions.
diff --git a/packages/turbo-mount/src/index.ts b/packages/turbo-mount/src/index.ts
@@ -1,2 +1,3 @@
 export { TurboMountController } from "./turbo-mount-controller";
 export * from "./turbo-mount";
+export * from "./registerComponentsBase";
diff --git a/packages/turbo-mount/src/registerComponents.ts b/packages/turbo-mount/src/registerComponents.ts
@@ -1,11 +1,12 @@
 import { definitionsFromGlob } from "stimulus-vite-helpers";
 import { Definition } from "@hotwired/stimulus";
 
-import { TurboMount, Plugin } from "turbo-mount";
-
-import { camelToKebabCase } from "./helpers";
-
-type ComponentModule = { default: never } | never;
+import {
+  TurboMount,
+  Plugin,
+  registerComponentsBase,
+  ComponentModule,
+} from "turbo-mount";
 
 type RegisterComponentsProps<T> = {
   plugin: Plugin<T>;
@@ -14,43 +15,21 @@ type RegisterComponentsProps<T> = {
   controllers?: Record<string, Definition>;
 };
 
-const identifierNames = (name: string) => {
-  const controllerName = camelToKebabCase(name);
-
-  return [`turbo-mount--${controllerName}`, `turbo-mount-${controllerName}`];
-};
-
 export const registerComponents = <T>({
   plugin,
   turboMount,
   components,
   controllers,
 }: RegisterComponentsProps<T>) => {
-  const controllerModules = controllers ? definitionsFromGlob(controllers) : [];
-
-  for (const [componentPath, componentModule] of Object.entries(components)) {
-    const name = componentPath
-      .replace(/\.\w*$/, "")
-      .replace(/^[./]*components\//, "");
-
-    const identifiers = identifierNames(name);
-
-    const controller = controllerModules.find(({ identifier }) =>
-      identifiers.includes(identifier),
-    );
-    const component = componentModule.default ?? componentModule;
-
-    if (controller) {
-      turboMount.register(
-        plugin,
-        name,
-        component,
-        controller.controllerConstructor,
-      );
-    } else {
-      turboMount.register(plugin, name, component);
-    }
-  }
+  return registerComponentsBase({
+    plugin,
+    turboMount,
+    components: Object.entries(components).map(([filename, module]) => ({
+      filename,
+      module,
+    })),
+    controllers: controllers ? definitionsFromGlob(controllers) : [],
+  });
 };
 
 export const buildRegisterComponentsFunction = <T>(plugin: Plugin<T>) => {

diff --git a/packages/turbo-mount/src/registerComponentsBase.ts b/packages/turbo-mount/src/registerComponentsBase.ts
@@ -0,0 +1,57 @@
+import { Definition } from "@hotwired/stimulus";
+
+import { TurboMount, Plugin } from "./turbo-mount";
+import { camelToKebabCase } from "./helpers";
+
+export type ComponentModule = { default: never } | never;
+
+type ComponentDefinition = {
+  filename: string;
+  module: ComponentModule;
+};
+
+type RegisterComponentsProps<T> = {
+  plugin: Plugin<T>;
+  turboMount: TurboMount;
+  components: ComponentDefinition[];
+  controllers?: Definition[];
+};
+
+const identifierNames = (name: string) => {
+  const controllerName = camelToKebabCase(name);
+
+  return [`turbo-mount--${controllerName}`, `turbo-mount-${controllerName}`];
+};
+
+export const registerComponentsBase = <T>({
+  plugin,
+  turboMount,
+  components,
+  controllers,
+}: RegisterComponentsProps<T>) => {
+  const controllerModules = controllers ?? [];
+
+  for (const { module, filename } of components) {
+    const name = filename
+      .replace(/\.\w*$/, "")
+      .replace(/^[./]*components\//, "");
+
+    const identifiers = identifierNames(name);
+
+    const controller = controllerModules.find(({ identifier }) =>
+      identifiers.includes(identifier),
+    );
+    const component = module.default ?? module;
+
+    if (controller) {
+      turboMount.register(
+        plugin,
+        name,
+        component,
+        controller.controllerConstructor,
+      );
+    } else {
+      turboMount.register(plugin, name, component);
+    }
+  }
+};