@import url("/assets/md.css")feat: pop out

@import url("/assets/md.css")

1 files changed, 16 insertions, 0 deletions

diff --git a/src/routes/Monaco.svelte b/src/routes/Monaco.svelte
index 03663d0..409ab39 100644
--- a/src/routes/Monaco.svelte
+++ b/src/routes/Monaco.svelte
@@ -106,6 +106,22 @@ declare global {
       theme: 'redirext',
       autoDetectHighContrast: false,
     });
+    editor.addCommand(Monaco.KeyMod.Alt | Monaco.KeyCode.Backslash, () => {
+      const win = window.open(location.href);
+      if (win) {
+        const el = document.createElement('div');
+        el.setAttribute(
+          'style',
+          'display:flex;width:100vw;height:100vh;position:fixed;left:0;top:0;align-items:center;justify-content:center;text-align:center;z-index:9999;background:#23222B;'
+        );
+        el.textContent = 'Popped out';
+        document.body.appendChild(el);
+        win.addEventListener('close', () => {
+          el.textContent = 'Popping In...';
+          location.reload();
+        });
+      }
+    });
     editor.getModel()?.onDidChangeContent((e) => {
       writeDebounce = true;
       const upd = () => {