feat: publish type definitions

.gitignore

@@ -1,3 +1,6 @@
+node_modules/
+dist/
+
 # temporary files
 *~
 *swo

demo/HelloWorld.mjs

@@ -1,5 +1,6 @@
 // @ts-check
-import WebComponent from "../index.mjs";
+
+import WebComponent from "../dist";
 
 export class HelloWorld extends WebComponent {
   name = "World";

demo/SimpleText.mjs

@@ -1,5 +1,6 @@
 // @ts-check
-import WebComponent from "../index.mjs";
+
+import WebComponent from "../dist/index";
 
 class SimpleText extends WebComponent {
   onInit() {

index.mjs

@@ -1,3 +0,0 @@
-import { WebComponent } from './WebComponent.mjs';
-
-export default WebComponent;

package-lock.json

@@ -0,0 +1,29 @@
+{
+  "name": "web-component-base",
+  "version": "1.6.1",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "web-component-base",
+      "version": "1.6.1",
+      "license": "MIT",
+      "devDependencies": {
+        "typescript": "^5.2.2"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    }
+  }
+}

package.json

@@ -2,17 +2,17 @@
   "name": "web-component-base",
   "version": "1.6.1",
   "description": "Minimal base class for creating reactive custom elements easily",
-  "main": "index.mjs",
+  "main": "index.d.ts",
   "scripts": {
-    "start": "npx simple-server ."
+    "start": "npx simple-server .",
+    "build": "tsc --allowJs src/* --outDir dist --declaration"
   },
   "repository": {
     "type": "git",
     "url": "https://git.sr.ht/~ayoayco/web-component-base"
   },
   "files": [
-    "index.mjs",
+    "dist/*"
-    "WebComponent.mjs"
   ],
   "keywords": [
     "web components",
@@ -25,5 +25,8 @@
   "bugs": {
     "url": "https://todo.sr.ht/~ayoayco/web-component-base"
   },
-  "homepage": "https://git.sr.ht/~ayoayco/web-component-base#readme"
+  "homepage": "https://git.sr.ht/~ayoayco/web-component-base#readme",
+  "devDependencies": {
+    "typescript": "^5.2.2"
+  }
 }

src/index.js

@@ -0,0 +1,2 @@
+import { WebComponent } from "./WebComponent.js";
+export default WebComponent;