boomack 0.14.10 → 0.15.0-preview6

package/README.md

@@ -8,7 +8,7 @@ Inspired by ideas from Daniel Kiertscher
 
 ## Requirements
 
-* NodeJS ≥ 16
+* NodeJS ≥ 18
 
 ## Getting Started
 

package/client/public/css/main.css

@@ -236,6 +236,10 @@ header.home-header {
 	box-shadow: none;
 }
 
+.slot.click-through {
+	pointer-events: none;
+}
+
 .slot.maximized {
 	grid-column: 1 / -1 !important;
 	grid-row: 1 / -1 !important;
@@ -292,6 +296,9 @@ header.home-header {
 	}
 }
 
+.slot-toolbar {
+	pointer-events: all;
+}
 .slot-toolbar.ui.top {
 	z-index: 2;
 }

package/client/views/login.ejs

@@ -31,7 +31,7 @@
 						</button>
 					</div>
 				</form>
-				<script type="application/javascript">
+				<script>
 					document.forms.loginForm.redirect.value = document.location.href;
 					document.forms.loginForm.username.focus();
 				</script>

package/client/views/parts/client-resources.ejs

@@ -1,6 +1,6 @@
 <%
 	if (!offline) {
-%>	<script type="application/javascript">
+%>	<script>
 <%
 		_.forEach(clientResGroups, function (rg, id) {
 %>		window.boomack.registerClientResourceGroup("<%= id %>", <%- JSON.stringify(rg) %>);
@@ -20,7 +20,7 @@
 %>	<link rel="stylesheet" type="text/css" href="<%- basePath + 'plugins/styles/' + groupId + '/' + i %>" />
 <%			}
 			for (let i = 0; i < group.scriptsCount; i++) {
-%>	<script type="application/javascript" src="<%- basePath + 'plugins/scripts/' + groupId + '/' + i %>"></script>
+%>	<script src="<%- basePath + 'plugins/scripts/' + groupId + '/' + i %>"></script>
 <%			}
 		});
 	}

package/client/views/parts/document-layout.ejs

@@ -18,6 +18,7 @@ expects context:
 %>">
 <%
 	_.forEach(_.sortBy(panel.layout.slots, 'index'), function (slot) {
+		if (slot.hidden) return;
 %>
 		<%- include('slot.ejs', {
 			_,

package/client/views/parts/grid-layout.ejs

@@ -20,6 +20,7 @@ expects context:
 	%>height:<%= 100.0/panel.layout.grid.zoom %>%;<%
 %>"><%
 	_.forEach(_.sortBy(panel.layout.slots, 'index'), function (slot) {
+		if (slot.hidden) return;
 %>
 		<%- include('slot.ejs', {
 			_,

package/client/views/parts/home-head.ejs

@@ -1,7 +1,7 @@
 	<link rel="stylesheet" type="text/css" href="<%- basePath %>css/panel-list.css">
 <% if (!offline) { %>	<script src="<%- basePath %>socket.io/socket.io.js"></script><% } %>
 	<script src="<%- basePath %>js/home.js"></script>
-	<script type="application/javascript">
+	<script>
 		window.boomack = window.boomack || {};
 		window.boomack.pathPrefix = "<%- basePath %>";
 		window.boomack.offline = <%- offline %>;

package/client/views/parts/panel-customization.ejs

@@ -7,6 +7,45 @@ if (panel.layout.style) {
 %>	<style type="text/css"><%- replaceThemePropsInStr(panel.layout.style) %></style>
 <% }
 if (panel.layout.script) {
-%>	<script type="application/javascript"><%- panel.layout.script %></script>
+%>	<script><%- panel.layout.script %></script>
+<% }
+const esModules = [];
+const importMap = {}
+// PlugIn ES modules
+for (const esModuleName in modules) {
+	const esModule = {
+		...modules[esModuleName],
+		name: esModuleName,
+		href: uiPaths.plugInESModule(esModuleName),
+	};
+	esModules.push(esModule);
+	importMap[esModuleName] = esModule.href;
+}
+// Panel ES modules
+for (const esModuleName in panel.layout.modules) {
+	const esModule = {
+		...panel.layout.modules[esModuleName],
+		name: esModuleName,
+	};
+	if (esModule.source) {
+		esModule.href = uiPaths.panelEsModule(panel.id, esModuleName);
+	}
+	esModules.push(esModule);
+	importMap[esModuleName] = esModule.href;
+}
+if (esModules.length > 0) {
+%>	<script type="importmap">
+<%- JSON.stringify({ imports: importMap }, null, '  ') %>
+	</script>
+<% }
+for (const esModule of esModules) {
+	if (esModule.preload) {
+%>	<link rel="modulepreload" href="<%- esModule.href %>">
+<% }
+}
+if (panel.layout.mainModule) {
+%>	<script type="module">
+<%- panel.layout.mainModule %>
+	</script>
 <% }
 %>

package/client/views/parts/panel-head.ejs

@@ -1,7 +1,7 @@
 <% if (!offline) { %>	<script src="<%- basePath %>socket.io/socket.io.js"></script><% } %>
 	<script src="<%- basePath %>js/ResizeSensor.js"></script>
 	<script src="<%- basePath %>js/client.js"></script>
-	<script type="application/javascript">
+	<script>
 		window.boomack = window.boomack || {};
 		window.boomack.pathPrefix = "<%- basePath %>";
 		window.boomack.panelId = <%- panelId ? '"' + panelId + '"' : 'null' %>;

package/client/views/parts/slot.ejs

@@ -50,6 +50,7 @@ function replaceThemePropsInStr(s) {
 		%><%= contentScale ? ' content-scale ' + contentScale : '' %><%
 		%><%= contentAlign ? ' content-align ' + contentAlign : '' %><%
 		%><%= slot.zoom !== 1.0 && !contentScale ? ' zoom' : '' %><%
+		%><%= slot.clickThrough ? ' click-through' : '' %><%
 	%>"
 	style="<%
 		if (!singled && panel.layout.type === 'grid') {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "boomack",
-  "version": "0.14.10",
+  "version": "0.15.0-preview6",
   "description": "web app for displaying hyper-media items in concert with e.g. an IDE",
   "author": "Tobias Kiertscher <dev@mastersign.de>",
   "license": "MIT",
+  "type": "module",
   "bin": {
-    "boomack": "./server-build/cli.js"
+    "boomack": "server-build/cli.mjs"
   },
   "files": [
     "LICENSE.md",
@@ -16,7 +17,7 @@
   "scripts": {
     "build": "tsc",
     "watch": "tsc --watch",
-    "start": "node server-build/index.js",
+    "start": "node server-build/cli.mjs",
     "test": "mocha server-build/**/*.test.js",
     "test-watch": "mocha -R min --watch server-build/**/*.test.js",
     "docs": "cd docs && jsdoc -c jsdoc.json ../server-build/",
@@ -27,61 +28,62 @@
     "url": "https://git.mastersign.de/tk-software/boomack.git"
   },
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">= 18.0.0"
   },
   "dependencies": {
-    "archiver": "^5.3.0",
-    "async": "^3.2.0",
-    "chalk": "^4.1.0",
-    "chardet": "^1.4.0",
-    "commonmark": "^0.30.0",
-    "cookie-parser": "^1.4.5",
-    "cors": "^2.8.5",
-    "csv-parse": "^4.15.1",
-    "ejs": "^3.1.8",
-    "express": "^4.18.0",
-    "express-basic-auth": "^1.2.0",
-    "got": "^11.8.5",
-    "iconv-lite": "^0.6.0",
-    "ip-address": "^8.1.0",
-    "lodash": "^4.17.21",
-    "markdown-it": "^14.1.0",
-    "markdown-it-container": "^4.0.0",
-    "markdown-it-emoji": "^3.0.0",
-    "markdown-it-ins": "^4.0.0",
-    "markdown-it-mark": "^4.0.0",
-    "markdown-it-sub": "^2.0.0",
-    "markdown-it-sup": "^2.0.0",
-    "moment": "^2.29.1",
-    "ncp": "^2.0.0",
-    "nocache": "^3.0.4",
-    "on-finished": "^2.4.1",
-    "open": "^8.4.0",
-    "prismjs": "^1.28.0",
-    "raw-body": "^2.5.1",
-    "rimraf": "^3.0.2",
-    "secure-random-string": "^1.1.3",
-    "socket.io": "^4.5.1",
-    "uuid": "^8.3.2",
-    "winston": "^3.8.1",
-    "yaml": "^1.10.0",
-    "yargs": "^15.4.1"
+    "archiver": "7.0.1",
+    "async": "3.2.6",
+    "chalk": "5.6.2",
+    "chardet": "2.1.0",
+    "commonmark": "0.31.2",
+    "cookie-parser": "1.4.7",
+    "cors": "2.8.5",
+    "csv-parse": "6.1.0",
+    "ejs": "3.1.10",
+    "express": "5.1.0",
+    "express-basic-auth": "1.2.1",
+    "got": "13.0.0",
+    "iconv-lite": "0.7.0",
+    "ip-address": "10.0.1",
+    "lodash": "4.17.21",
+    "markdown-it": "14.1.0",
+    "markdown-it-container": "4.0.0",
+    "markdown-it-emoji": "3.0.0",
+    "markdown-it-ins": "4.0.0",
+    "markdown-it-mark": "4.0.0",
+    "markdown-it-sub": "2.0.0",
+    "markdown-it-sup": "2.0.0",
+    "moment": "2.30.1",
+    "ncp": "2.0.0",
+    "nocache": "4.0.0",
+    "on-finished": "2.4.1",
+    "open": "10.2.0",
+    "prismjs": "1.30.0",
+    "raw-body": "3.0.1",
+    "rimraf": "5.0.10",
+    "secure-random-string": "1.1.4",
+    "socket.io": "4.8.1",
+    "uuid": "13.0.0",
+    "winston": "3.18.3",
+    "yaml": "2.8.1",
+    "yargs": "17.7.2"
   },
   "devDependencies": {
     "@types/express": "^4.17.13",
     "@types/jsbn": "^1.2.30",
     "@types/lodash": "^4.17.5",
     "@types/markdown-it": "^14.1.1",
+    "@types/node": "^18.0.0",
     "@types/rimraf": "^3.0.0",
-    "chai": "^4.3.0",
+    "chai": "^6.2.0",
     "css-element-queries": "1.2.3",
-    "jquery": "^3.5.1",
-    "jsdoc": "^3.6.6",
-    "mocha": "^9.2.1",
-    "nock": "^11.9.1",
-    "typescript": "^4.1.5"
+    "jquery": "^3.7.1",
+    "jsdoc": "^4.0.4",
+    "mocha": "^11.7.3",
+    "nock": "^14.0.10",
+    "typescript": "^5.9.3"
   },
   "jshintConfig": {
-    "esversion": "ES2017"
+    "esversion": "ES2020"
   }
 }