It is alive

dist/assets/index.3d1ab1d4.js

@@ -0,0 +1,84 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))s(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const c of o.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&s(c)}).observe(document,{childList:!0,subtree:!0});function n(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerpolicy&&(o.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?o.credentials="include":r.crossorigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(r){if(r.ep)return;r.ep=!0;const o=n(r);fetch(r.href,o)}})();function a(){}function N(e){return e()}function k(){return Object.create(null)}function _(e){e.forEach(N)}function O(e){return typeof e=="function"}function C(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}let m;function F(e,t){return m||(m=document.createElement("a")),m.href=t,e===m.href}function I(e){return Object.keys(e).length===0}function R(e,t){e.appendChild(t)}function S(e,t,n){e.insertBefore(t,n||null)}function h(e){e.parentNode&&e.parentNode.removeChild(e)}function A(e){return document.createElement(e)}function q(e){return document.createTextNode(e)}function z(){return q(" ")}function B(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function T(e){return Array.from(e.childNodes)}let x;function d(e){x=e}const u=[],D=[],g=[],L=[],U=Promise.resolve();let v=!1;function G(){v||(v=!0,U.then(P))}function y(e){g.push(e)}const b=new Set;let p=0;function P(){const e=x;do{for(;p<u.length;){const t=u[p];p++,d(t),H(t.$$)}for(d(null),u.length=0,p=0;D.length;)D.pop()();for(let t=0;t<g.length;t+=1){const n=g[t];b.has(n)||(b.add(n),n())}g.length=0}while(u.length);for(;L.length;)L.pop()();v=!1,b.clear(),d(e)}function H(e){if(e.fragment!==null){e.update(),_(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(y)}}const J=new Set;function K(e,t){e&&e.i&&(J.delete(e),e.i(t))}function W(e,t,n,s){const{fragment:r,after_update:o}=e.$$;r&&r.m(t,n),s||y(()=>{const c=e.$$.on_mount.map(N).filter(O);e.$$.on_destroy?e.$$.on_destroy.push(...c):_(c),e.$$.on_mount=[]}),o.forEach(y)}function Y(e,t){const n=e.$$;n.fragment!==null&&(_(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function Q(e,t){e.$$.dirty[0]===-1&&(u.push(e),G(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function V(e,t,n,s,r,o,c,j=[-1]){const f=x;d(e);const i=e.$$={fragment:null,ctx:[],props:o,update:a,not_equal:r,bound:k(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(f?f.$$.context:[])),callbacks:k(),dirty:j,skip_bound:!1,root:t.target||f.$$.root};c&&c(i.root);let $=!1;if(i.ctx=n?n(e,t.props||{},(l,w,...E)=>{const M=E.length?E[0]:w;return i.ctx&&r(i.ctx[l],i.ctx[l]=M)&&(!i.skip_bound&&i.bound[l]&&i.bound[l](M),$&&Q(e,l)),w}):[],i.update(),$=!0,_(i.before_update),i.fragment=s?s(i.ctx):!1,t.target){if(t.hydrate){const l=T(t.target);i.fragment&&i.fragment.l(l),l.forEach(h)}else i.fragment&&i.fragment.c();t.intro&&K(e.$$.fragment),W(e,t.target,t.anchor,t.customElement),P()}d(f)}class X{$destroy(){Y(this,1),this.$destroy=a}$on(t,n){if(!O(n))return a;const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(n),()=>{const r=s.indexOf(n);r!==-1&&s.splice(r,1)}}$set(t){this.$$set&&!I(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function Z(e){let t,n,s,r;return{c(){t=A("script"),s=z(),r=A("main"),r.innerHTML=`<div class="window"><div class="title-bar"><div class="title-bar-text">Doom 95</div> 
+      <div class="title-bar-controls"><button aria-label="Minimize"></button> 
+        <button aria-label="Maximize"></button> 
+        <button aria-label="Close"></button></div></div> 
+
+    <div class="window-body" style="padding:0; margin:0;"><div id="container" class="noselect"><canvas class="frame" id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1" style="cursor: default; margin: 0; padding: 0;"></canvas></div> 
+      <script>var commonArgs = [
+          "-iwad",
+          "doom1.wad",
+          "-window",
+          "-nogui",
+          "-nomusic",
+          "-config",
+          "default.cfg",
+          "-servername",
+          "doomflare",
+        ];
+
+        var Module = {
+          onRuntimeInitialized: () => {
+            callMain(commonArgs);
+          },
+          noInitialRun: true,
+          preRun: () => {
+            Module.FS.createPreloadedFile(
+              "",
+              "doom1.wad",
+              "doom1.wad",
+              true,
+              true
+            );
+            Module.FS.createPreloadedFile(
+              "",
+              "default.cfg",
+              "default.cfg",
+              true,
+              true
+            );
+          },
+          printErr: function (text) {
+            if (arguments.length > 1)
+              text = Array.prototype.slice.call(arguments).join(" ");
+            console.error(text);
+          },
+          canvas: (function () {
+            var canvas = document.getElementById("canvas");
+            canvas.addEventListener(
+              "webglcontextlost",
+              function (e) {
+                alert("WebGL context lost. You will need to reload the page.");
+                e.preventDefault();
+              },
+              false
+            );
+            return canvas;
+          })(),
+          print: function (text) {
+            console.log(text);
+          },
+          setStatus: function (text) {
+            console.log(text);
+          },
+          totalDependencies: 0,
+          monitorRunDependencies: function (left) {
+            this.totalDependencies = Math.max(this.totalDependencies, left);
+            Module.setStatus(
+              left
+                ? "Preparing... (" +
+                    (this.totalDependencies - left) +
+                    "/" +
+                    this.totalDependencies +
+                    ")"
+                : "All downloads complete."
+            );
+          },
+        };
+
+        window.onerror = function (event) {
+          Module.setStatus("Exception thrown, see JavaScript console");
+          Module.setStatus = function (text) {
+            if (text) Module.printErr("[post-exception status] " + text);
+          };
+        };<\/script></div> 
+    <div class="status-bar"><p class="status-bar-field">CPU Usage: 666%</p></div></div>`,F(t.src,n="websockets-doom.js")||B(t,"src",n)},m(o,c){R(document.head,t),S(o,s,c),S(o,r,c)},p:a,i:a,o:a,d(o){h(t),o&&h(s),o&&h(r)}}}class ee extends X{constructor(t){super(),V(this,t,null,Z,C,{})}}new ee({target:document.getElementById("app")});

dist/index.html

@@ -3,22 +3,20 @@
   <link rel="stylesheet" href="/css/style.css">
 </head>
 
-<div class="bg-gray-800">
+<body class="bg-gray-800 max-h-screen max-w-screen overflow-auto">
-  <div class="container m-auto">
+<div class="flex h-screen w-screen">
-    <div class="window h-full">
+    <div class="window container h-3/4 w-3/4 m-auto">
-      <div class="title-bar">
+      <div class="title-bar" style="height: 3%;">
         <div class="title-bar-text">Doom 95</div>
         <div class="title-bar-controls">
-          <button aria-label="Minimize" />
+          <button aria-label="Minimize" class="bg-white" />
-          <button aria-label="Maximize" />
+          <button aria-label="Maximize" class="bg-white" />
-          <button aria-label="Close" />
+          <button aria-label="Close" class="bg-white" />
         </div>
       </div>
 
-      <div class="window-body w-full h-full m-0">
+      <div class="window-body m-0" style="height: 97%;">
-        <div id="container" class="noselect m-0">
+          <canvas class="h-full w-full m-0" id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1" />
-          <canvas class="frame w-full h-full" id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1" />
-        </div>
         <script>
           var commonArgs = [
             "-iwad",
@@ -34,7 +32,6 @@
 
           var Module = {
             onRuntimeInitialized: () => {
-              console.log("TEST");
               callMain(commonArgs);
             },
             noInitialRun: true,
@@ -100,11 +97,6 @@
           };
         </script>
         <script type="text/javascript" src="websockets-doom.js"></script>
-      </div>
+    </div></div>
-
-      <div class="status-bar">
-        <p class="status-bar-field">CPU Usage: 666%</p>
-      </div>
-    </div>
   </div>
-</div>
+</body>

dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>