From ece364523787185c769db810b65c9b552c179499 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Tue, 29 Jul 2025 20:21:27 +0200
Subject: [PATCH] Work on scripting hooks

---
 static/css/main.css    |  6 ++++++
 static/js/app.mjs      | 19 ++++++++++++++++++-
 static/less/main.less  |  9 +++++++++
 views/pages/app.gotmpl |  5 +++--
 4 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 7dc5907..5e62d57 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -245,6 +245,12 @@ select:focus {
   display: block;
   height: 24px;
 }
+#script-hooks > .label {
+  color: var(--section-color);
+  font-weight: bold;
+  font-size: 1.25em;
+  margin-bottom: 8px;
+}
 #select-node {
   padding: 32px;
   display: grid;
diff --git a/static/js/app.mjs b/static/js/app.mjs
index 4fd4c09..06828a0 100644
--- a/static/js/app.mjs
+++ b/static/js/app.mjs
@@ -121,7 +121,7 @@ export class App {
 
 			case 'SCRIPT_DELETED':
 				this.scriptsList.setSelected(null)
-				this.scriptsList.fetchScripts().catch(err=>showError(err))
+				this.scriptsList.fetchScripts().catch(err => showError(err))
 				break
 
 			case 'SCRIPT_EDIT':
@@ -292,6 +292,9 @@ export class App {
 
 				const connectedNodes = new ConnectedNodes(json.Node.ConnectedNodes)
 				document.getElementById('connected-nodes').replaceChildren(connectedNodes.render())
+
+				const scriptHooks = new ScriptHooks(json.Node.ScriptHooks)
+				document.getElementById('script-hooks').replaceChildren(scriptHooks.render())
 			})
 			.catch(err => showError(err))
 	}// }}}
@@ -969,6 +972,20 @@ class ConnectedNode {
 	}// }}}
 }
 
+class ScriptHooks extends Component {
+	constructor() {
+		super()
+	}
+	renderComponent() {
+		const div = document.createElement('div')
+		div.innerHTML = `
+			<div class="label">Script hooks</div>
+			<div>hum</div>
+		`
+		return div.children
+	}
+}
+
 class ScriptsList extends Component {
 	constructor() {// {{{
 		super()
diff --git a/static/less/main.less b/static/less/main.less
index 2dc9bdd..2af627a 100644
--- a/static/less/main.less
+++ b/static/less/main.less
@@ -329,6 +329,15 @@ select:focus {
 	}
 }
 
+#script-hooks {
+	& > .label {
+		color: var(--section-color);
+		font-weight: bold;
+		font-size: 1.25em;
+		margin-bottom: 8px;
+	}
+}
+
 #select-node {
 	padding: 32px;
 	display: grid;
diff --git a/views/pages/app.gotmpl b/views/pages/app.gotmpl
index 6f39742..93b85ee 100644
--- a/views/pages/app.gotmpl
+++ b/views/pages/app.gotmpl
@@ -57,8 +57,9 @@
 			</div>
 		</div>
 
-		<div class="section" id="connected-nodes">
-		</div>
+		<div class="section" id="connected-nodes"></div>
+
+		<div class="section" id="script-hooks"></div>
 
 	</div>