@w-lfpup/superaction 0.1.0 → 0.1.1

package/.github/workflows/{build.yml → builds.yml}

@@ -1,4 +1,4 @@
-name: Build and Test
+name: Builds
 
 on:
     push:
@@ -10,7 +10,7 @@ jobs:
     build_and_test:
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v5
+            - uses: actions/checkout@v6
             - uses: actions/setup-node@v4
             - name: Install
               run: npm ci

package/README.md

@@ -2,10 +2,12 @@
 
 A hypertext extension to dispatch meaningful actions from the DOM.
 
+[![builds](https://github.com/w-lfpup/superaction-js/actions/workflows/builds.yml/badge.svg)](https://github.com/w-lfpup/superaction-js/actions/workflows/builds.yml)
+
 ## Install
 
 Install via npm.
-
+,
 ```sh
 npm install --save-dev @w-lfpup/superaction
 ```
@@ -18,12 +20,10 @@ npm install --save-dev https://github.com/w-lfpup/superaction-js
 
 ## Setup
 
-Create a `SuperAction` instance dispatch action events.
+Create a `SuperAction` instance to dispatch action events.
 
 The `SuperAction` instance below listens for `click` events. Event listeners are immediately `connected` to the `document`.
 
-This enables the DOM to declaratively send meaningful messages to Javascript-land.
-
 ```js
 import { SuperAction } from "superaction";
 
@@ -34,6 +34,8 @@ const _superAction = new SuperAction({
 });
 ```
 
+Now the DOM can declarativey dispatch meaningful messages from HTML to Javascript-land.
+
 ## Declare
 
 Add an attribute with the pattern `event:=action`. The `#action` event will dispatch from the `host` element
@@ -87,7 +89,7 @@ Here are some examples to demonstrate how easy it is to work with `SuperAction-j
 
 `Superaction` is inspired by the [elm](https://elm-lang.org) project.
 
-It turns HTML into a declarative and _explicit_ message generator and removes several layers of indirection between UI and app state.
+It skips several layers of indirection between UI and app state and turns HTML into a declarative message generator.
 
 `Superaction` is a straightforward way to work with vanilla web technologies and escape the JSX rabbithole.
 

package/dist/mod.js

@@ -7,13 +7,12 @@ export class ActionEvent extends Event {
 }
 export class SuperAction {
     #connected = false;
-    #boundDispatch;
+    #boundDispatch = this.#dispatch.bind(this);
     #params;
     #target;
     constructor(params) {
         this.#params = { ...params };
         this.#target = params.target ?? params.host;
-        this.#boundDispatch = this.#dispatch.bind(this);
         if (this.#params.connected)
             this.connect();
     }
@@ -27,6 +26,9 @@ export class SuperAction {
         }
     }
     disconnect() {
+        if (!this.#connected)
+            return;
+        this.#connected = false;
         let { host, eventNames } = this.#params;
         for (let name of eventNames) {
             host.removeEventListener(name, this.#boundDispatch);

package/package.json

@@ -4,9 +4,9 @@
 	"main": "dist/mod.js",
 	"description": "A hypertext extension to dispatch meaningful actions from the DOM",
 	"license": "BSD-3-Clause",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"scripts": {
-		"prepare": "npm run build && npm run build:examples",
+		"prepare": "npm run build",
 		"build": "npx tsc --project ./src",
 		"build:examples": "npx tsc --project ./examples",
 		"format": "npx prettier ./ --write"

package/src/mod.ts

@@ -31,15 +31,14 @@ export class ActionEvent extends Event implements ActionEventInterface {
 
 export class SuperAction implements SuperActionInterface {
 	#connected = false;
+	#boundDispatch = this.#dispatch.bind(this);
 
-	#boundDispatch: EventListenerOrEventListenerObject;
 	#params: SuperActionParamsInterface;
 	#target: EventTarget;
 
 	constructor(params: SuperActionParamsInterface) {
 		this.#params = { ...params };
 		this.#target = params.target ?? params.host;
-		this.#boundDispatch = this.#dispatch.bind(this);
 
 		if (this.#params.connected) this.connect();
 	}
@@ -55,6 +54,9 @@ export class SuperAction implements SuperActionInterface {
 	}
 
 	disconnect() {
+		if (!this.#connected) return;
+		this.#connected = false;
+
 		let { host, eventNames } = this.#params;
 		for (let name of eventNames) {
 			host.removeEventListener(name, this.#boundDispatch);