feat: drop Element suffix from controller classes

Author: keithamus

src/register.ts

@@ -10,7 +10,10 @@ interface CustomElement {
  * Example: HelloController => hello-controller
  */
 export function register(classObject: CustomElement): void {
-  const name = classObject.name.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase()
+  const name = classObject.name
+    .replace(/([a-zA-Z])(?=[A-Z])/g, '$1-')
+    .replace(/-Element$/, '')
+    .toLowerCase()
   if (!window.customElements.get(name)) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore

test/register.js

@@ -27,4 +27,10 @@ describe('register', () => {
       ThisIsAnExampleOfADasherisedClassName
     )
   })
+
+  it('automatically drops the `Element` suffix', () => {
+    class ASuffixedElement {}
+    register(ASuffixedElement)
+    expect(window.customElements.get('a-suffixed')).to.equal(ASuffixedElement)
+  })
 })