feat: add plotly JS dependency to website

In order for a page to use it it must contain "usePlotly: true" in the front
matter.

Idea found here: https://www.oscarberg.com/blog/hugo-npm/

.github/workflows/gh-pages.yml

@@ -24,6 +24,15 @@ jobs:
           hugo-version: 'latest'
           extended: true
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'latest'
+
+      - name: Install npm packages
+        run: npm install
+        working-directory: website
+
       - name: Build
         run: hugo --minify
         working-directory: website

website/.gitignore

@@ -1,3 +1,6 @@
 /public
 /resources
 .hugo_build.lock
+
+/npm-debug.log
+/node_modules

website/config.toml

@@ -19,6 +19,11 @@ mainSections = ["posts"]
 [markup.goldmark.renderer]
 unsafe = true # enable html in markdown
 
+[module]
+  [[module.mounts]]
+    source = "./node_modules/plotly.js-dist-min"
+    target = "./assets/js/plotly"
+
 [languages]
 
   [languages.en]

website/layouts/partials/scripts.html

@@ -0,0 +1,4 @@
+{{ if .Params.usePlotly }}
+{{ $plotly := resources.Get "js/plotly/plotly.min.js" }}
+<script src="{{ $plotly.Permalink }}"></script>
+{{ end }}

website/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "website",
+  "version": "1.0.0",
+  "description": "rationality-freiburg.de website - built with hugo (npm for JS dependency management)",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/omarkohl/rationality-freiburg.de.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/omarkohl/rationality-freiburg.de/issues"
+  },
+  "homepage": "https://github.com/omarkohl/rationality-freiburg.de#readme",
+  "dependencies": {
+    "plotly.js-dist-min": "^2.35.3"
+  }
+}