feat(customization): initial feature for custom component versioning #…

…151
AlaskaAirlines · Jan 13, 2023 · 5810f7d · 5810f7d
1 parent 317c198
commit 5810f7d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 16 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -40,9 +40,7 @@
           Prism.highlightAll();
         });
     </script>
-    <script type="module" src="../src/auro-hyperlink.js"></script>
-    <script type="module" src="../src/define.js"></script>
-    <script type="module" src="../src/defineCustom.js"></script>
+    <script type="module" src="./../src/define.js"></script>
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://unpkg.com/@alaskaairux/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>

diff --git a/src/define.js b/src/define.js
@@ -1,5 +1,10 @@
 import { AuroHyperlink } from './auro-hyperlink.js';
 
-if (!customElements.get("auro-hyperlink")) {
-  customElements.define("auro-hyperlink", AuroHyperlink);
+export function registerComponent(name = 'custom-hyperlink') {
+  // alias definition
+  if (!customElements.get(name)) {
+    customElements.define(name, class extends AuroHyperlink {});
+  }
 }
+
+registerComponent('auro-hyperlink');
diff --git a/src/defineCustom.js b/src/defineCustom.js
diff --git a/test/auro-hyperlink.test.js b/test/auro-hyperlink.test.js
@@ -1,6 +1,5 @@
 import { fixture, html, expect } from '@open-wc/testing';
-import '../src/auro-hyperlink.js';
-import '../src/define.js';
+import './../src/define.js';
 
 describe('auro-hyperlink', () => {