refactor: refactor and add component registration #54

AlaskaAirlines · Dec 5, 2024 · b46d51f · b46d51f
1 parent 6e33716
commit b46d51f
Show file tree

Hide file tree

Showing 7 changed files with 81 additions and 8 deletions.
diff --git a/components/counter/demo/api.min.js b/components/counter/demo/api.min.js
diff --git a/components/counter/demo/index.min.js b/components/counter/demo/index.min.js
diff --git a/components/counter/package.json b/components/counter/package.json
@@ -36,7 +36,7 @@
     "build": "run-s build:sass bundler types",
     "build:sass": "sass --no-source-map --load-path=../../node_modules \"./src/styles/:./src/styles/\"",
     "build:watch": "nodemon -e scss,js --watch src --ignore \"*.css\" --ignore \"*-css.js\" --exec \"npm run build\"",
-    "bundler": "rollup -c node:@auro-formkit/config/rollup --input src/index.js",
+    "bundler": "rollup -c node:@auro-formkit/config/rollup",
     "clean": "rm -rf dist build",
     "dev": "concurrently \"npm run build:watch\" \"npm run serve\"",
     "postCss:component": "node ../../node_modules/@aurodesignsystem/auro-library/scripts/build/postCss.mjs",

diff --git a/components/counter/src/auro-countergroup.js → components/counter/src/auro-counter-group.js b/components/counter/src/auro-countergroup.js → components/counter/src/auro-counter-group.js
@@ -6,9 +6,9 @@
 import { html } from "lit/static-html.js";
 import { LitElement } from "lit";
 
-import styleCss from "./styles/countergroup-css.js";
+import styleCss from "./styles/counter-group-css.js";
 
-export class AuroCountergroup extends LitElement {
+export class AuroCounterGroup extends LitElement {
 
   static get styles() {
     return [styleCss];
@@ -40,3 +40,9 @@ export class AuroCountergroup extends LitElement {
     `;
   }
 }
+
+/* istanbul ignore else */
+// define the name of the custom component
+if (!customElements.get("auro-counter-group")) {
+  customElements.define("auro-counter-group", AuroCounterGroup);
+}
diff --git a/components/counter/src/auro-counter.js b/components/counter/src/auro-counter.js
@@ -21,3 +21,9 @@ export class AuroCounter extends LitElement {
     `;
   }
 }
+
+/* istanbul ignore else */
+// define the name of the custom component
+if (!customElements.get("auro-counter")) {
+  customElements.define("auro-counter", AuroCounter);
+}
diff --git a/components/counter/src/index.js b/components/counter/src/index.js
@@ -1,3 +1,8 @@
 import { AuroCounter } from './auro-counter.js';
+import { AuroCounterGroup } from './auro-counter-group.js';
 
 AuroCounter.register();
+AuroCounterGroup.register();
+
+// Enable TypeScript support
+export { AuroCounter, AuroCounterGroup };
diff --git a/...ents/counter/src/styles/countergroup.scss → ...nts/counter/src/styles/counter-group.scss b/...ents/counter/src/styles/countergroup.scss → ...nts/counter/src/styles/counter-group.scss