From de673e2f129471c3c103000fe22f39ea5ec60aa2 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sun, 19 Nov 2023 18:25:49 +0100
Subject: [PATCH] feat: remove barrel file

---
 demo/Counter.mjs    | 17 +++++++++++++++++
 demo/HelloWorld.mjs |  2 +-
 package.json        |  2 +-
 src/WebComponent.js |  5 +++--
 src/index.js        |  2 --
 5 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 demo/Counter.mjs
 delete mode 100644 src/index.js

diff --git a/demo/Counter.mjs b/demo/Counter.mjs
new file mode 100644
index 0000000..78971d4
--- /dev/null
+++ b/demo/Counter.mjs
@@ -0,0 +1,17 @@
+// @ts-check
+import WebComponent from "../src/WebComponent.js";
+
+export class Counter extends WebComponent {
+  static properties = ["count"];
+
+  onInit() {
+    this.props.count = 0;
+    this.onclick = () => ++this.props.count;
+  }
+
+  get template() {
+    return `<button id="btn">${this.props.count}</button>`;
+  }
+}
+
+customElements.define("my-counter", Counter);
diff --git a/demo/HelloWorld.mjs b/demo/HelloWorld.mjs
index ab3a471..40ed12e 100644
--- a/demo/HelloWorld.mjs
+++ b/demo/HelloWorld.mjs
@@ -1,5 +1,5 @@
 // @ts-check
-import WebComponent from "../src/index.js";
+import WebComponent from "../src/WebComponent.js";
 
 export class HelloWorld extends WebComponent {
   static properties = ["my-name", "emotion"];
diff --git a/package.json b/package.json
index 21cb7c1..3529055 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "web-component-base",
   "version": "1.12.13",
   "description": "A zero-dependency, ~760 Bytes (minified & brotlied), JS base class for creating reactive custom elements easily",
-  "main": "index.d.ts",
+  "main": "WebComponent.js",
   "type": "module",
   "scripts": {
     "start": "npx simple-server .",
diff --git a/src/WebComponent.js b/src/WebComponent.js
index 7b7eaaa..123a9cb 100644
--- a/src/WebComponent.js
+++ b/src/WebComponent.js
@@ -43,7 +43,8 @@ export class WebComponent extends HTMLElement {
    * A camelCase counterpart using `WebComponent.props` will give read/write access to any attribute, with or without the `data-*` prefix.
    * @see https://www.npmjs.com/package/web-component-base#prop-access
    * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
-   * @type {DOMStringMap}
+   * @typedef {{[name: string]: any}} PropStringMap
+   * @type {PropStringMap}
    * @example
    *
    * class HelloWorld extends WebComponent {
@@ -61,7 +62,7 @@ export class WebComponent extends HTMLElement {
   }
 
   /**
-   * @type {DOMStringMap}
+   * @type {PropStringMap}
    */
   #props;
 
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index 3b06483..0000000
--- a/src/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import { WebComponent } from "./WebComponent.js";
-export default WebComponent;