stream doesn't want to work

webroot/js/web_modules/@videojs/themes/fantasy/index.css

@@ -0,0 +1,116 @@
+.vjs-theme-fantasy {
+  --vjs-theme-fantasy--primary: #9f44b4;
+  --vjs-theme-fantasy--secondary: #fff;
+}
+
+.vjs-theme-fantasy .vjs-big-play-button {
+  width: 70px;
+  height: 70px;
+  background: none;
+  line-height: 70px;
+  font-size: 80px;
+  border: none;
+  top: 50%;
+  left: 50%;
+  margin-top: -35px;
+  margin-left: -35px;
+  color: var(--vjs-theme-fantasy--primary);
+}
+
+.vjs-theme-fantasy:hover .vjs-big-play-button,
+.vjs-theme-fantasy.vjs-big-play-button:focus {
+  background-color: transparent;
+  color: #fff;
+}
+
+.vjs-theme-fantasy .vjs-control-bar {
+  height: 54px;
+}
+
+.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder::before {
+  line-height: 54px;
+}
+
+.vjs-theme-fantasy .vjs-time-control {
+  line-height: 54px;
+}
+
+/* Play Button */
+.vjs-theme-fantasy .vjs-play-control {
+  font-size: 1.5em;
+  position: relative;
+}
+
+.vjs-theme-fantasy .vjs-volume-panel {
+  order: 4;
+}
+
+.vjs-theme-fantasy .vjs-volume-bar {
+  margin-top: 2.5em;
+}
+
+.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
+  height: 100%;
+}
+
+.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder {
+  font-size: 1.5em;
+}
+
+.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder {
+  font-size: 1.5em;
+}
+
+.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder::before {
+  height: 1.3em;
+  width: 1.3em;
+  margin-top: 0.2em;
+  border-radius: 1em;
+  border: 3px solid var(--vjs-theme-fantasy--secondary);
+  top: 2px;
+  left: 9px;
+  line-height: 1.1;
+}
+
+.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder::before {
+  border: 3px solid var(--vjs-theme-fantasy--secondary);
+}
+
+.vjs-theme-fantasy .vjs-play-progress {
+  background-color: var(--vjs-theme-fantasy--primary);
+}
+
+.vjs-theme-fantasy .vjs-play-progress::before {
+  height: 0.8em;
+  width: 0.8em;
+  content: '';
+  background-color: var(--vjs-theme-fantasy--primary);
+  border: 4px solid var(--vjs-theme-fantasy--secondary);
+  border-radius: 0.8em;
+  top: -0.25em;
+}
+
+.vjs-theme-fantasy .vjs-progress-control {
+  font-size: 14px;
+}
+
+.vjs-theme-fantasy .vjs-fullscreen-control {
+  order: 6;
+}
+
+.vjs-theme-fantasy .vjs-remaining-time {
+  display: none;
+}
+
+/* Nyan version */
+.vjs-theme-fantasy.nyan .vjs-play-progress {
+  background: linear-gradient(to bottom, #fe0000 0%, #fe9a01 16.666666667%, #fe9a01 16.666666667%, #ffff00 33.332666667%, #ffff00 33.332666667%, #32ff00 49.999326667%, #32ff00 49.999326667%, #0099fe 66.6659926%, #0099fe 66.6659926%, #6633ff 83.33266%, #6633ff 83.33266%);
+}
+
+.vjs-theme-fantasy.nyan .vjs-play-progress::before {
+  height: 1.3em;
+  width: 1.3em;
+  background: svg-load('icons/nyan-cat.svg', fill=#fff) no-repeat;
+  border: none;
+  top: -0.35em;
+}

webroot/js/web_modules/common/_commonjsHelpers-8c19dec8.js

@@ -0,0 +1,21 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { commonjsGlobal as a, createCommonjsModule as c, getDefaultExportFromCjs as g };

webroot/js/web_modules/htm.js

@@ -0,0 +1,3 @@
+var n=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+"":p?(u=t.apply(a,n(t,a,r,["",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a);}return e},t=new Map;function htm_module(s){var r=t.get(this);return r||(r=new Map,t.set(this,r)),(r=n(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e="",u="",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&"..."===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e="";},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?"<"===t?(p(),h=[h],r=3):e+=t:4===r?"--"===e&&">"===t?(r=1,e=""):e=t+e[0]:u?t===u?u="":e+=t:'"'===t||"'"===t?u=t:">"===t?(p(),r=1):r&&("="===t?(r=5,s=e,e=""):"/"===t&&(r<5||">"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(p(),r=2):e+=t),3===r&&"!--"===e&&(r=4,h=h[0]);}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}
+
+export { htm_module as default };

webroot/js/web_modules/import-map.json

@@ -0,0 +1,13 @@
+{
+  "imports": {
+    "@joeattardi/emoji-button": "./@joeattardi/emoji-button.js",
+    "@videojs/themes/fantasy/index.css": "./@videojs/themes/fantasy/index.css",
+    "htm": "./htm.js",
+    "mark.js/dist/mark.es6.min.js": "./markjs/dist/mark.es6.min.js",
+    "micromodal/dist/micromodal.min.js": "./micromodal/dist/micromodal.min.js",
+    "preact": "./preact.js",
+    "tailwindcss/dist/tailwind.min.css": "./tailwindcss/dist/tailwind.min.css",
+    "video.js/dist/video-js.min.css": "./videojs/dist/video-js.min.css",
+    "video.js/dist/video.min.js": "./videojs/dist/video.min.js"
+  }
+}