Loading Stimulus.js controllers without `@stimulus/webpack-helpers` (no `_controller` suffix, no need to default export classes)

index.js

import { Application } from "stimulus";

import "style/main.css";

const application = Application.start();
const context = require.context("./controllers", true, /\.[jt]s$/);

// Let's not follow stimulus' default name pattern.
// Instead, files can be named just as the controller. E.g. if your controller
// is called `RefreshPanel`, your source file would be
// `controllers/RefreshPanel.ts`, and your `data-controller` attribute would be
// `refreshPanel`.
context.keys().forEach((path) => {
  const controllerName = path.replace(/^\.\/(.*?)\.[jt]s$/, "$1");
  // eslint-disable-next-line @typescript-eslint/no-var-requires
  const module = require(`./controllers/${controllerName}`);
  const controller = module[controllerName];
  const logicalName = controllerName[0].toLowerCase() + controllerName.substr(1);
  
  application.register(logicalName, controller);
});