Include htmx.org and hyperscript.org as part of javascript bundle.

fief/templates/admin/base.html

@@ -8,8 +8,7 @@
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="icon" href="{{ url_for('dashboard:static', path='/favicon.svg') }}" />
       <link href="{{ url_for('dashboard:static', path='/admin.css') }}" rel="stylesheet">
-      <script src="https://unpkg.com/[email protected]"></script>
-      <script src="https://unpkg.com/[email protected]"></script>
+      <script src="{{ url_for('dashboard:static', path='/dependencies.bundle.js') }}"></script>
       {% block javascripts_modules %}{% endblock %}
       {% if posthog_api_key %}
         <script>

fief/templates/auth/base.html

@@ -31,8 +31,7 @@
           }
         </style>
       {% endif %}
-      <script src="https://unpkg.com/[email protected]"></script>
-      <script src="https://unpkg.com/[email protected]"></script>
+      <script src="{{ url_for('auth:static', path='/dependencies.bundle.js') }}"></script>
       {% block javascripts_modules %}{% endblock %}
     {% endblock %}
   </head>

js/dependencies.mjs

@@ -0,0 +1,2 @@
+import * as htmx from 'htmx.org'
+import * as hyperscript from 'hyperscript.org'

package.json

@@ -16,6 +16,8 @@
     "@uiw/codemirror-theme-github": "^4.21.21",
     "autoprefixer": "^10.4.17",
     "codemirror": "^6.0.1",
+    "htmx.org": "^1.9.12",
+    "hyperscript.org": "^0.9.12",
     "postcss": "^8.4.33",
     "rollup": "^3.29.4",
     "rollup-plugin-postcss": "^4.0.2",

rollup.config.js

@@ -156,4 +156,15 @@ module.exports = [
       terser(),
     ],
   },
+  {
+    input: './js/dependencies.mjs',
+    output: {
+      file: './fief/static/dependencies.bundle.js',
+      format: 'iife',
+    },
+    plugins: [
+      nodeResolve(),
+      terser(),
+    ],
+  },
 ];