feat: properly dasherize class names with acronyms

Author: keithamus

src/register.ts

@@ -11,8 +11,8 @@ interface CustomElement {
  */
 export function register(classObject: CustomElement): void {
   const name = classObject.name
-    .replace(/([a-zA-Z])(?=[A-Z])/g, '$1-')
-    .replace(/-Element$/, '')
+    .replace(/([A-Z][a-z])/g, '-$1')
+    .replace(/(^-|-Element$)/, '')
     .toLowerCase()
   if (!window.customElements.get(name)) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

test/register.js

@@ -21,13 +21,19 @@ describe('register', () => {
   })
 
   it('dasherises class names', () => {
-    class ThisIsAnExampleOfADasherisedClassName {}
-    register(ThisIsAnExampleOfADasherisedClassName)
-    expect(window.customElements.get('this-is-an-example-of-a-dasherised-class-name')).to.equal(
-      ThisIsAnExampleOfADasherisedClassName
+    class ThisIsAnExampleOfDasherisedClassNames {}
+    register(ThisIsAnExampleOfDasherisedClassNames)
+    expect(window.customElements.get('this-is-an-example-of-dasherised-class-names')).to.equal(
+      ThisIsAnExampleOfDasherisedClassNames
     )
   })
 
+  it('will intuitively dasherize acryonyms', () => {
+    class URLBar {}
+    register(URLBar)
+    expect(window.customElements.get('url-bar')).to.equal(URLBar)
+  })
+
   it('automatically drops the `Element` suffix', () => {
     class ASuffixedElement {}
     register(ASuffixedElement)