Use Vite and npm for HTMX

opensafely-core · Sep 6, 2024 · fc06c99 · fc06c99
1 parent 0d516a1
commit fc06c99
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 6 deletions.
diff --git a/airlock/static/htmx-1.9.10.min.js b/airlock/static/htmx-1.9.10.min.js
diff --git a/airlock/templates/file_browser/index.html b/airlock/templates/file_browser/index.html
@@ -36,7 +36,7 @@
 {% endblock full_width_content %}
 
 {% block extra_js %}
-  <script type="text/javascript" src="{% static 'htmx-1.9.10.min.js' %}"></script>
+  <script type="text/javascript" src="{% static 'vendor/htmx.min.js' %}"></script>
   {% django_htmx_script %}
   <script src="{% static 'assets/file_browser/index.js' %}"></script>
   {% vite_asset "assets/src/scripts/resizer.js" %}

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,9 +13,11 @@
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.40",
     "tailwindcss": "^3.4.7",
-    "vite": "^5.3.5"
+    "vite": "^5.3.5",
+    "vite-plugin-static-copy": "^1.0.6"
   },
   "dependencies": {
-    "@fontsource-variable/public-sans": "^5.0.19"
+    "@fontsource-variable/public-sans": "^5.0.19",
+    "htmx.org": "^1.9.12"
   }
 }
diff --git a/vite.config.js b/vite.config.js
@@ -1,4 +1,5 @@
 import { defineConfig } from "vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
 
 export default defineConfig({
   base: "/static/",
@@ -15,4 +16,14 @@ export default defineConfig({
   server: {
     origin: "http://localhost:5173",
   },
+  plugins: [
+    viteStaticCopy({
+      targets: [
+        {
+          src: "./node_modules/htmx.org/dist/htmx.min.js",
+          dest: "vendor",
+        },
+      ],
+    }),
+  ],
 });