Add export for Stimulus controllers

README.md

@@ -44,14 +44,9 @@ import { Application } from "@hotwired/stimulus"
 const application = Application.start()
 
 import * as controllers from "./**/*_controller.js"
-for (let i=0; i < controllers.filenames.length; i++) {
-  const name = controllers.filenames[i]
-    .replace("./", "")
-    .replace("_controller.js", "")
-    .replace(/\//g, "--")
-    .replace(/_/g, '-')
-  application.register(name, controllers.default[i].default)
-}
+controllers.namesWithModule.forEach((controller) => {
+  application.register(controller.name, controller.module.default)
+})
 ```
 
 Import ActionCable channels:

src/index.js

@@ -30,6 +30,14 @@ const railsPlugin = (options = {}) => ({
         })
       ).sort().filter(path => path.endsWith('.js'));
 
+      const controllerNames = files
+          .map((module) => module
+            .replace("./", "")
+            .replace("_controller.js", "")
+            .replace(/\//g, "--")
+            .replace(/_/g, '-')
+          )
+
       const importerCode = `
         ${files
           .map((module, index) => `import * as module${index} from '${module}'`)
@@ -41,6 +49,9 @@ const railsPlugin = (options = {}) => ({
         export const filenames = [${files
           .map((module) => `'${module}'`)
           .join(',')}]
+        export const namesWithModule = [${controllerNames
+          .map((module, index) => `{name: '${module}', module: module${index}}`)
+          .join(',')}]
       `;
 
       return { contents: importerCode, resolveDir: args.pluginData.resolveDir };