From 64d1d921af7252c2c8749c19d0d8a827c5faab85 Mon Sep 17 00:00:00 2001
From: Dmitry Petrov <dpetroff@gmail.com>
Date: Fri, 28 Aug 2026 00:50:01 +0200
Subject: [PATCH 1/2] hyperscript import changed

---
 cmd/web/client/js/index.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/cmd/web/client/js/index.js b/cmd/web/client/js/index.js
index 1987729..d0c3ba0 100644
--- a/cmd/web/client/js/index.js
+++ b/cmd/web/client/js/index.js
@@ -1,6 +1,6 @@
 import htmx from 'htmx.org';
 import 'htmx-ext-head-support';
-import hyperscript from 'hyperscript.org';
+import 'hyperscript.org';
 import { Application } from "@hotwired/stimulus"
 import { definitionsFromContext } from "@hotwired/stimulus-webpack-helpers"
 import 'lazysizes';
@@ -11,8 +11,6 @@ import '@justinribeiro/lite-youtube'
 htmx.config.includeIndicatorStyles = false
 
 window.htmx = htmx
-window._hyperscript = hyperscript
-window._hyperscript.browserInit()
 
 // this is kinda lame since that means that htmx will never execute any new js
 // however that's the closest we can get to turbo behavior which is smart enough

From 2f6d3e1ee5ba7174c56b486eef7de4bdea40f5ac Mon Sep 17 00:00:00 2001
From: Dmitry Petrov <dpetroff@gmail.com>
Date: Fri, 28 Aug 2026 00:54:51 +0200
Subject: [PATCH 2/2] drop hyperscript for good

---
 cmd/web/client/html/partial--error-message.html  |  4 +---
 .../client/html/partial--success-message.html    |  4 +---
 .../js/controllers/auto_dismiss_controller.js    | 16 ++++++++++++++++
 cmd/web/client/js/index.js                       |  1 -
 cmd/web/package.json                             |  1 -
 cmd/web/yarn.lock                                |  5 -----
 6 files changed, 18 insertions(+), 13 deletions(-)
 create mode 100644 cmd/web/client/js/controllers/auto_dismiss_controller.js

diff --git a/cmd/web/client/html/partial--error-message.html b/cmd/web/client/html/partial--error-message.html
index f4df36a..0dd38e4 100644
--- a/cmd/web/client/html/partial--error-message.html
+++ b/cmd/web/client/html/partial--error-message.html
@@ -1,5 +1,3 @@
-<div class="alert alert-danger" role="alert"
-  _="on load wait 3s then transition opacity to 0 then remove me"
-  >
+<div class="alert alert-danger" role="alert" data-controller="auto-dismiss">
   {{ .Message }}
 </div>
diff --git a/cmd/web/client/html/partial--success-message.html b/cmd/web/client/html/partial--success-message.html
index 69af442..dd7040c 100644
--- a/cmd/web/client/html/partial--success-message.html
+++ b/cmd/web/client/html/partial--success-message.html
@@ -1,5 +1,3 @@
-<div class="alert alert-success" role="alert"
-  _="on load wait 3s then transition opacity to 0 then remove me"
-  >
+<div class="alert alert-success" role="alert" data-controller="auto-dismiss">
   {{ .Message }}
 </div>
diff --git a/cmd/web/client/js/controllers/auto_dismiss_controller.js b/cmd/web/client/js/controllers/auto_dismiss_controller.js
new file mode 100644
index 0000000..c0dbca5
--- /dev/null
+++ b/cmd/web/client/js/controllers/auto_dismiss_controller.js
@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.dismissTimer = setTimeout(() => {
+      this.element.style.transition = "opacity 500ms"
+      this.element.style.opacity = "0"
+      this.removeTimer = setTimeout(() => this.element.remove(), 500)
+    }, 3_000)
+  }
+
+  disconnect() {
+    clearTimeout(this.dismissTimer)
+    clearTimeout(this.removeTimer)
+  }
+}
diff --git a/cmd/web/client/js/index.js b/cmd/web/client/js/index.js
index d0c3ba0..695df3d 100644
--- a/cmd/web/client/js/index.js
+++ b/cmd/web/client/js/index.js
@@ -1,6 +1,5 @@
 import htmx from 'htmx.org';
 import 'htmx-ext-head-support';
-import 'hyperscript.org';
 import { Application } from "@hotwired/stimulus"
 import { definitionsFromContext } from "@hotwired/stimulus-webpack-helpers"
 import 'lazysizes';
diff --git a/cmd/web/package.json b/cmd/web/package.json
index 42bc971..d75625f 100644
--- a/cmd/web/package.json
+++ b/cmd/web/package.json
@@ -23,7 +23,6 @@
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^14.0.0",
     "css-loader": "^7.1.4",
-    "hyperscript.org": "^0.9.91",
     "mini-css-extract-plugin": "^2.10.2",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "sass": "^1.99.0",
diff --git a/cmd/web/yarn.lock b/cmd/web/yarn.lock
index b7c549f..6919a8e 100644
--- a/cmd/web/yarn.lock
+++ b/cmd/web/yarn.lock
@@ -845,11 +845,6 @@ htmx.org@^2.0.10, htmx.org@^2.0.2:
   resolved "https://registry.yarnpkg.com/htmx.org/-/htmx.org-2.0.10.tgz#62442b0e2952a885ae2e50a7654b8b20d0981134"
   integrity sha512-kdeJe7ZVwaS6QMz/ebBIVtZdpwen6L0OQ5GOhPV9MKBb196TCZeZu4yA7ZIQsaLKv7EpXz+So7KSXNuHXhj7Cw==
 
-hyperscript.org@^0.9.91:
-  version "0.9.91"
-  resolved "https://registry.yarnpkg.com/hyperscript.org/-/hyperscript.org-0.9.91.tgz#3e3566111adf29f9a12833f8b4570d195d2e97d2"
-  integrity sha512-T9mi1yiGcMu5okkVxju8S330TUc+J4eAVBlosfSGPyexCD9BjR2RoDKi6l8NnP9YRA5ya1w5IMOvxj82HeNMXQ==
-
 icss-utils@^5.0.0, icss-utils@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"