Deploying to gh-pages from @ 451438e 🚀

highbyte · Sep 27, 2024 · 87ce97d · 87ce97d
commit 87ce97d
Show file tree

Hide file tree

Showing 368 changed files with 1,478 additions and 0 deletions.
diff --git a/.nojekyll b/.nojekyll
@@ -0,0 +1 @@
+
diff --git a/app/.gitattributes b/app/.gitattributes
@@ -0,0 +1 @@
+* -text
diff --git a/app/.nojekyll b/app/.nojekyll
diff --git a/app/404.html b/app/404.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>dotnet-6502 CPU emulator in Blazor WebAssembly with Skia rendering</title>
+    <base href="/dotnet-6502/app/" />
+    <!-- Custom app stylesheet-->
+    <link href="css/app.css" rel="stylesheet" />
+    <!-- Blazor auto-genereated stylesheet-->
+    <link href="Highbyte.DotNet6502.App.WASM.styles.css" rel="stylesheet" />
+    <link rel="shortcut icon" href="favicon.ico">
+</head>
+
+<body>
+    <div id="app">
+        <svg class="loading-progress">
+            <circle r="40%" cx="50%" cy="50%" />
+            <circle r="40%" cx="50%" cy="50%" />
+        </svg>
+        <div class="loading-progress-text"></div>
+    </div>
+
+    <div id="blazor-error-ui">
+        An unhandled error has occurred.
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
+    <script src="_framework/blazor.webassembly.js"></script>
+
+    <!-- Custom JS script functions for JS interop from C# code -->
+    <script>
+        window.focusElement = (element) => {
+            element.focus();
+        }
+
+        window.focusId = (id, delayMs) => {
+            setTimeout(() => {
+                var elementToFocus = document.getElementById(id);
+                elementToFocus.focus();
+            }, delayMs);
+
+        }
+
+        window.clickId = (id) => {
+            var elementToClick = document.getElementById(id);
+            elementToClick.click();
+        }
+
+        window.scrollBottom = (id) => {
+            var elementToScroll = document.getElementById(id);
+            elementToScroll.scrollIntoView(false);
+        }
+
+        window.downloadFileFromStream = async (fileName, contentStreamReference) => {
+            const arrayBuffer = await contentStreamReference.arrayBuffer();
+            const blob = new Blob([arrayBuffer]);
+            const url = URL.createObjectURL(blob);
+            const anchorElement = document.createElement('a');
+            anchorElement.href = url;
+            anchorElement.download = fileName ?? '';
+            anchorElement.click();
+            anchorElement.remove();
+            URL.revokeObjectURL(url);
+        }
+    </script>
+
+    <script>
+        console.log("Disabling default key behavior for main canvas and monitor");
+        setTimeout(() => {
+            // Fix for some keys not working correctly in Emulator Canvas
+            var emulatorCanvasElement = document.getElementById("emulatorSKGLView");
+            emulatorCanvasElement.addEventListener("keydown", handleSpecialKeysForCanvas, true);
+
+            // Fix for some keys not working correctly in Monitor UI
+            var monitorElement = document.getElementById("monitor-outer-screen");
+            monitorElement.addEventListener("keydown", handleSpecialKeysForMonitor, true);
+
+        }, 5000);
+
+        function handleSpecialKeysForCanvas(event) {
+            //console.log("Index.html key event: " + event.key + " (" + event.code + ")");
+            if (event.code == "ArrowDown" || event.code == "ArrowUp" || event.code == "ArrowRight" || event.code == "ArrowLeft"
+                || event.code == "PageUp" || event.code == "PageDown" || event.code == "Home" || event.code == "End"
+                || event.code == "Tab" || event.code == "ControlLeft" || event.code == "ControlRight"
+                || event.code == "Space"
+                || (event.ctrlKey && (event.code == "Digit1" || event.code == "Digit2" || event.code == "Digit3" || event.code == "Digit4" || event.code == "Digit5" || event.code == "Digit6" || event.code == "Digit7" || event.code == "Digit8" || event.code == "Digit9" || event.code == "Digit0"))
+                || event.code == "F1" || event.code == "F2" || event.code == "F3" || event.code == "F4" || event.code == "F5" || event.code == "F6" || event.code == "F7" || event.code == "F8"  
+                || event.code == "F11" || event.code == "F12") {
+                //console.log("Prevent default for key: " + event.key + " (" + event.code + ")");
+                event.preventDefault();
+            }
+        }
+
+        function handleSpecialKeysForMonitor(event) {
+            //console.log("Index.html key event: " + event.key + " (" + event.code + ")");
+            if (event.code == "ArrowDown" || event.code == "ArrowUp"
+                || event.code == "F11" || event.code == "F12") {
+                //console.log("Prevent default for key: " + event.key + " (" + event.code + ")");
+                event.preventDefault();
+            }
+            else if (event.code == "Escape") {
+                event.srcElement.value = ""
+            }
+        }
+    </script>
+</body>
+
+</html>
diff --git a/app/6502binaries/C64/Assembler/scroller_and_raster.prg b/app/6502binaries/C64/Assembler/scroller_and_raster.prg
diff --git a/app/6502binaries/C64/Assembler/smooth_scroller_and_raster.prg b/app/6502binaries/C64/Assembler/smooth_scroller_and_raster.prg
diff --git a/app/6502binaries/C64/Basic/HelloWorld.prg b/app/6502binaries/C64/Basic/HelloWorld.prg
diff --git a/app/6502binaries/C64/Basic/PlaySoundVoice1TriangleScale.prg b/app/6502binaries/C64/Basic/PlaySoundVoice1TriangleScale.prg
diff --git a/app/6502binaries/Generic/Assembler/hostinteraction_scroll_text_and_cycle_colors.prg b/app/6502binaries/Generic/Assembler/hostinteraction_scroll_text_and_cycle_colors.prg
diff --git a/app/6502binaries/Generic/Assembler/snake6502.prg b/app/6502binaries/Generic/Assembler/snake6502.prg
diff --git a/app/6502binaries/snake6502_qr_hosted.png b/app/6502binaries/snake6502_qr_hosted.png
diff --git a/app/6502binaries/snake6502_qr_large_hosted.png b/app/6502binaries/snake6502_qr_large_hosted.png
diff --git a/app/6502binaries/snake6502_qr_local.png b/app/6502binaries/snake6502_qr_local.png
diff --git a/app/Highbyte.DotNet6502.App.WASM.styles.css b/app/Highbyte.DotNet6502.App.WASM.styles.css
@@ -0,0 +1,84 @@
+@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
+
+/* /Shared/MainLayout.razor.rz.scp.css */
+.page[b-qu96hi90nn] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main[b-qu96hi90nn] {
+    flex: 1;
+}
+
+.sidebar[b-qu96hi90nn] {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row[b-qu96hi90nn] {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row[b-qu96hi90nn]  a, .top-row[b-qu96hi90nn]  .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row[b-qu96hi90nn]  a:hover, .top-row[b-qu96hi90nn]  .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row[b-qu96hi90nn]  a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row:not(.auth)[b-qu96hi90nn] {
+        display: none;
+    }
+
+    .top-row.auth[b-qu96hi90nn] {
+        justify-content: space-between;
+    }
+
+    .top-row[b-qu96hi90nn]  a, .top-row[b-qu96hi90nn]  .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page[b-qu96hi90nn] {
+        flex-direction: row;
+    }
+
+    .sidebar[b-qu96hi90nn] {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row[b-qu96hi90nn] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth[b-qu96hi90nn]  a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row[b-qu96hi90nn], article[b-qu96hi90nn] {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
diff --git a/app/_content/Blazored.Modal/Blazored.Modal.bundle.scp.css b/app/_content/Blazored.Modal/Blazored.Modal.bundle.scp.css
@@ -0,0 +1,170 @@
+/* _content/Blazored.Modal/BlazoredModalInstance.razor.rz.scp.css */
+.bm-container[b-mwsrhhqq2g] {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    overflow-x: hidden;
+    overflow-y: auto;
+    outline: 0;
+    background-color: rgba(0,0,0,0.5);
+}
+
+.blazored-modal[b-mwsrhhqq2g] {
+    display: flex;
+    flex-direction: column;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #fff;
+    padding: 1.5rem;
+    box-shadow: 0 2px 2px rgba(0,0,0,.25);
+    margin: 1.75rem;
+}
+
+.size-small[b-mwsrhhqq2g] {
+    max-width: 300px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.size-medium[b-mwsrhhqq2g] {
+    max-width: 500px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.size-large[b-mwsrhhqq2g] {
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.size-extra-large[b-mwsrhhqq2g] {
+    max-width: 1140px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.size-automatic[b-mwsrhhqq2g] {
+    width: -moz-fit-content;
+    width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.bm-header[b-mwsrhhqq2g] {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 0 0 2rem 0;
+}
+
+.bm-title[b-mwsrhhqq2g] {
+    margin-bottom: 0;
+}
+
+.bm-close[b-mwsrhhqq2g] {
+    padding: 1rem;
+    margin: -1rem -1rem -1rem auto;
+    background-color: transparent;
+    border: 0;
+    -webkit-appearance: none;
+    cursor: pointer;
+    font-size: 1.5rem;
+    font-weight: bold;
+}
+
+.position-topleft .blazored-modal[b-mwsrhhqq2g] {
+    margin-left: 1.75rem;
+}
+
+.position-topright .blazored-modal[b-mwsrhhqq2g] {
+    margin-right: 1.75rem;
+}
+
+.position-bottomleft .blazored-modal[b-mwsrhhqq2g] {
+    position: absolute;
+    bottom: 0;
+    left: 1.75rem;
+}
+
+.position-bottomright .blazored-modal[b-mwsrhhqq2g] {
+    position: absolute;
+    bottom: 0;
+    right: 1.75rem;
+}
+
+.position-middle[b-mwsrhhqq2g] {
+    display: grid;
+    justify-content: center;
+    align-items: center;
+}
+
+.fade-in[b-mwsrhhqq2g] {
+   animation: 300ms ease-out 0s ModalFadeIn-b-mwsrhhqq2g;
+}
+
+.fade-out[b-mwsrhhqq2g]  {
+   animation: 300ms ease-out 0s ModalFadeOut-b-mwsrhhqq2g;
+   opacity: 0;
+}
+
+@keyframes ModalFadeIn-b-mwsrhhqq2g {
+     0% {
+         opacity: 0;
+     }
+
+     100% {
+         opacity: 1;
+     }
+ }
+
+@keyframes ModalFadeOut-b-mwsrhhqq2g {
+     0% {
+         opacity: 1;
+     }
+
+     100% {
+         opacity: 0;
+     }
+ }
+
+.bm-container.pop-in .blazored-modal[b-mwsrhhqq2g] {
+    animation: 300ms ease-out 0s ModalPopIn-b-mwsrhhqq2g;
+}
+
+.bm-container.pop-out .blazored-modal[b-mwsrhhqq2g] {
+    animation: 300ms ease-in 0s ModalPopOut-b-mwsrhhqq2g;
+    transform: scale(0%);
+}
+
+@keyframes ModalPopIn-b-mwsrhhqq2g {
+    0% {
+        transform: scale(0%);
+    }
+
+    50% {
+        transform: scale(110%);
+    }
+
+    100% {
+        transform: scale(100%);
+    }
+}
+
+@keyframes ModalPopOut-b-mwsrhhqq2g {
+    0% {
+        transform: scale(100%);
+    }
+
+    50% {
+        transform: scale(110%);
+    }
+
+    100% {
+        transform: scale(0%);
+    }
+}