fez-lisp 1.6.10 → 1.6.11

package/docs.html

@@ -10,7 +10,7 @@
   <style>
     html {
       color: white;
-      background-color: black;
+      background-color: rgb(32, 34, 42);
       font-family: 'Fantasque' !important;
     }
     .centered {
@@ -44,7 +44,7 @@
     iframe {
       width: 90%;
       height: 200px;
-      border: 1px solid #8f938f;
+      border: 1px solid #7091be;
     }
     p {
       margin: 8px 0 8px 0;
@@ -127,32 +127,32 @@
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=BQGwpgLgBAhgJnKoYFsBGcaympBqbNAShIChh5EAmKAZiKA%3D"
+      src="index.html?l=BQGwpgLgBAhgJnKoYFsBGcaympBqbNAShIChh5EAmKAZiKA%3D"
     ></iframe>
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=BQGwpgLgBAHgzlYBDATipBPKBGKAmKAZigBYBKMqAbigBMwAzASwDswokWO1NYEB3JhAAWUVkKZIQUAG5SArmATIQEMChZIITGe3rMWEgPZcIRqAG1cBYiQC6ZAFDIeGAFxxIAQj5QADDh%2BfpQ0ntAi7MwocNBg4AC2YCzQRgzc6FjwUGaBfs6oGW4ADkZFPvAhUChg8Ua62cLsIEgxUHE1SSlpBbzw%2Ba7F8nDC5crgLADmInyU2MHUHLS0DexyIIqBHOGNbSzLqem9cP2FE5C%2B8zRn25FM0bEJnVAHPZlwQA%3D%3D%3D"
+      src="index.html?l=BQGwpgLgBAHgzlYBDATipBPKBGKAmKAZigBYBKMqAbigBMwAzASwDswokWO1NYEB3JhAAWUVkKZIQUAG5SArmATIQEMChZIITGe3rMWEgPZcIRqAG1cBYiQC6ZAFDIeGAFxxIAQj5QADDh%2BfpQ0ntAi7MwocNBg4AC2YCzQRgzc6FjwUGaBfs6oGW4ADkZFPvAhUChg8Ua62cLsIEgxUHE1SSlpBbzw%2Ba7F8nDC5crgLADmInyU2MHUHLS0DexyIIqBHOGNbSzLqem9cP2FE5C%2B8zRn25FM0bEJnVAHPZlwQA%3D%3D%3D"
     ></iframe>
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=NwAgsghgLgFgpgW2gSwMYQDYgPYAc4BOK2AdgM4BQAFANQi0gCMIATAJQgDMHoEAJnyYAaViIglBnagFomPECTgBzaHCYgo2EErhQQ0xjNZyQoMgFcARlCKo9zAGYFsCVtQBUXJgAZ5CcxhQyLgYAJ5eluGM3tQA9CAAbKzyfMgAbsh8akmRbhSgAELIUADuyGRqeITE5NQAfHXq7KYgBMhKMHpkMMgO9iC5LAPFlFQAPGMgACzJLRhwfSDdvXozg8NQowA%2BxlPylsVlFSAA8gBKA7olcHAkxuKCU9QAfrOgB6XlagByJwAqOAcbioAD0QABWEAAdn2hy%2BIAAGudLqUbndIQ9odQAGTTLiwz7HACC3wAIijrrc8ZjOEA"
+      src="index.html?l=NwAgsghgLgFgpgW2gSwMYQDYgPYAc4BOK2AdgM4BQAFANQi0gCMIATAJQgDMHoEAJnyYAaViIglBnagFomPECTgBzaHCYgo2EErhQQ0xjNZyQoMgFcARlCKo9zAGYFsCVtQBUXJgAZ5CcxhQyLgYAJ5eluGM3tQA9CAAbKzyfMgAbsh8akmRbhSgAELIUADuyGRqeITE5NQAfHXq7KYgBMhKMHpkMMgO9iC5LAPFlFQAPGMgACzJLRhwfSDdvXozg8NQowA%2BxlPylsVlFSAA8gBKA7olcHAkxuKCU9QAfrOgB6XlagByJwAqOAcbioAD0QABWEAAdn2hy%2BIAAGudLqUbndIQ9odQAGTTLiwz7HACC3wAIijrrc8ZjOEA"
     ></iframe>
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=NwAgQg9hA2CmCGA7EEAOsBO8AuBLCiAzgFAAUSAJiAGbzSGwjYYCusAlCKNBAOa4BjOiACCAOQAiZCBhp0GTVhy4ge%2FIdBAB5AEplEEbHPrLufQcLFaAKkA%3D"
+      src="index.html?l=NwAgQg9hA2CmCGA7EEAOsBO8AuBLCiAzgFAAUSAJiAGbzSGwjYYCusAlCKNBAOa4BjOiACCAOQAiZCBhp0GTVhy4ge%2FIdBAB5AEplEEbHPrLufQcLFaAKkA%3D"
     ></iframe>
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=NwAgwg9gtgDghgJwJYGcIDsUCgAUA%2BEARhACYBKEUAYwAsBTKgaxCQDMiWUQBzBOuAC50EIATTjpSuADykQAZgrV6TFuxKcQAGzoouYiQtx4AvB3KUQtBszYdUPPoOGjxkiCLoBHAK5wtohBSONJmGhbKNmpyDjp6roYeIN5%2BAQJBJLhmxIRKViq27MQOKf6BREA"
+      src="index.html?l=NwAgwg9gtgDghgJwJYGcIDsUCgAUA%2BEARhACYBKEUAYwAsBTKgaxCQDMiWUQBzBOuAC50EIATTjpSuADykQAZgrV6TFuxKcQAGzoouYiQtx4AvB3KUQtBszYdUPPoOGjxkiCLoBHAK5wtohBSONJmGhbKNmpyDjp6roYeIN5%2BAQJBJLhmxIRKViq27MQOKf6BREA"
     ></iframe>
   </div>
   <div class="centered">
     <iframe
-      src="index.html?t=terminal&l=NwAgkgZiCmAeAOAnaBnFBLA9gOwFAAp0p8BeEARhACYBKCgBhAFpy7QiKYBHAVwEMANimoAaEMgAuPRNgahMEgBbREAd3QpoYydNksCA6BJABPEIWIA%2BahTr4A1J1rnHVEAGYaXkKD5p0AOayEpimIABGftAAJiA4IADGONHoElh4uKAAqhjYASDRoRCYiCAAtjwCafCGMAjI%2FjgoBBz41m6s5oUguCB95obGsAxsBdAQ6NjQILC9%2FfiDYVSePmMTU6ZzfQ4zpt6gOjIgStMoPGVxUMN82LEmcyz0oxxJt6npIBogEIKa2ka6ZjkehAA"
+      src="index.html?l=NwAgkgZiCmAeAOAnaBnFBLA9gOwFAAp0p8BeEARhACYBKCgBhAFpy7QiKYBHAVwEMANimoAaEMgAuPRNgahMEgBbREAd3QpoYydNksCA6BJABPEIWIA%2BahTr4A1J1rnHVEAGYaXkKD5p0AOayEpimIABGftAAJiA4IADGONHoElh4uKAAqhjYASDRoRCYiCAAtjwCafCGMAjI%2FjgoBBz41m6s5oUguCB95obGsAxsBdAQ6NjQILC9%2FfiDYVSePmMTU6ZzfQ4zpt6gOjIgStMoPGVxUMN82LEmcyz0oxxJt6npIBogEIKa2ka6ZjkehAA"
     ></iframe>
   </div>
 </body>

package/lambda/prompt.js

@@ -0,0 +1,200 @@
+export const Prompt = (function () {
+  let modalOpen = false
+  let previouslyFocusedElement = null
+
+  // Common styles
+  const overlayStyle = {
+    position: 'fixed',
+    top: '0',
+    left: '0',
+    right: '0',
+    bottom: '0',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: '999999'
+  }
+
+  const modalStyle = {
+    backgroundColor: '#fff',
+    borderRadius: '6px',
+    padding: '20px',
+    minWidth: '300px',
+    maxWidth: '80%',
+    boxSizing: 'border-box',
+    fontFamily: 'sans-serif',
+    boxShadow: '0 2px 10px rgba(0,0,0,0.2)'
+  }
+
+  const messageStyle = {
+    marginBottom: '20px',
+    fontSize: '16px',
+    color: '#333',
+    wordWrap: 'break-word',
+    whiteSpace: 'pre-wrap'
+  }
+
+  const buttonRowStyle = {
+    textAlign: 'right',
+    marginTop: '20px'
+  }
+
+  const buttonStyle = {
+    backgroundColor: '#007bff',
+    color: '#fff',
+    border: 'none',
+    borderRadius: '4px',
+    padding: '8px 12px',
+    fontSize: '14px',
+    cursor: 'pointer',
+    marginLeft: '8px'
+  }
+
+  const inputStyle = {
+    width: '100%',
+    boxSizing: 'border-box',
+    padding: '8px',
+    fontSize: '14px',
+    marginBottom: '20px',
+    borderRadius: '4px',
+    border: '1px solid #ccc'
+  }
+
+  function applyStyles(element, styles) {
+    for (const prop in styles) {
+      element.style[prop] = styles[prop]
+    }
+  }
+
+  function createModal(message) {
+    const overlay = document.createElement('div')
+    applyStyles(overlay, overlayStyle)
+
+    const modal = document.createElement('div')
+    applyStyles(modal, modalStyle)
+
+    const form = document.createElement('form')
+    form.setAttribute('novalidate', 'true')
+    modal.appendChild(form)
+
+    const msg = document.createElement('div')
+    applyStyles(msg, messageStyle)
+    msg.textContent = message
+
+    form.appendChild(msg)
+    overlay.appendChild(modal)
+
+    return { overlay, modal, form }
+  }
+
+  function createButton(label, onClick, type = 'button') {
+    const btn = document.createElement('button')
+    applyStyles(btn, buttonStyle)
+    btn.type = type
+    btn.textContent = label
+    if (onClick) {
+      btn.addEventListener('click', onClick)
+    }
+    return btn
+  }
+
+  function showModal(overlay, onClose) {
+    if (modalOpen) return // Prevent multiple modals
+    modalOpen = true
+
+    previouslyFocusedElement = document.activeElement
+    document.body.appendChild(overlay)
+
+    // Focus trap and ESC handler
+    const focusableElements = overlay.querySelectorAll(
+      'button, input, [href], select, textarea, [tabindex]:not([tabindex="-1"])'
+    )
+    const firstFocusable = focusableElements[0]
+    const lastFocusable = focusableElements[focusableElements.length - 1]
+
+    function keyHandler(e) {
+      if (e.key === 'Escape') {
+        e.preventDefault()
+        cleanup()
+        onClose('escape')
+      } else if (e.key === 'Tab') {
+        // Focus trapping
+        if (focusableElements.length === 1) {
+          e.preventDefault() // Only one focusable element, cycle back to it.
+        } else {
+          if (e.shiftKey && document.activeElement === firstFocusable) {
+            // If Shift+Tab on first element, go to last
+            e.preventDefault()
+            lastFocusable.focus()
+          } else if (!e.shiftKey && document.activeElement === lastFocusable) {
+            // If Tab on last element, go to first
+            e.preventDefault()
+            firstFocusable.focus()
+          }
+        }
+      }
+    }
+
+    document.addEventListener('keydown', keyHandler)
+
+    function cleanup() {
+      document.removeEventListener('keydown', keyHandler)
+      if (overlay.parentNode) {
+        document.body.removeChild(overlay)
+      }
+      modalOpen = false
+      if (previouslyFocusedElement && previouslyFocusedElement.focus) {
+        previouslyFocusedElement.focus()
+      }
+    }
+
+    return { cleanup, firstFocusable }
+  }
+
+  async function prompt(message, defaultInput) {
+    return new Promise((resolve) => {
+      const { overlay, form } = createModal(message)
+
+      const input = document.createElement('textarea')
+      applyStyles(input, inputStyle)
+      //   input.type = 'text'
+      input.name = 'promptInput'
+      if (defaultInput) input.value = defaultInput
+      form.appendChild(input)
+
+      const buttonRow = document.createElement('div')
+      applyStyles(buttonRow, buttonRowStyle)
+
+      const cancelBtn = createButton('Cancel', (e) => {
+        e.preventDefault()
+        cleanup()
+        resolve(null)
+      })
+      cancelBtn.style.backgroundColor = '#6c757d'
+
+      const okBtn = createButton('OK', null, 'submit')
+
+      buttonRow.appendChild(cancelBtn)
+      buttonRow.appendChild(okBtn)
+      form.appendChild(buttonRow)
+
+      form.onsubmit = (e) => {
+        e.preventDefault()
+        const val = input.value
+        cleanup()
+        resolve(val)
+      }
+
+      const { cleanup, firstFocusable } = showModal(overlay, (reason) => {
+        // If escaped, treat as cancel
+        resolve(null)
+      })
+
+      // Focus on the input for convenience
+      input.focus()
+    })
+  }
+
+  return prompt
+})()

package/lambda.html

@@ -0,0 +1,64 @@
+<head>
+  <meta charset="UTF-8" />
+  <meta
+    name="viewport"
+    content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
+  />
+  <meta name="description" content="Write and run Fez programs" />
+  <title>Lambda</title>
+  <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+  <style>
+    html {
+      background-color: black;
+    }
+    @font-face {
+      font-family: 'Fantastic';
+      src: url(./assets/fonts/FantasqueSansMono-Regular.ttf) format('truetype');
+      font-display: swap;
+    }
+    * {
+      font-family: 'Fantastic' !important;
+      font-size: 20px !important;
+    }
+    /* @font-face {
+      font-family: 'Monaco9';
+      src: url(./assets/fonts/monaco-9.ttf) format('truetype');
+      font-display: swap;
+    } */
+    body {
+      margin: 0;
+      padding: 0;
+    }
+
+    #terminal {
+      height: 95%;
+      width: 100%;
+    }
+    #run {
+      width: 100%;
+      height: 5%;
+      color: gold;
+      background-color: rgb(91, 95, 206);
+      border: none;
+      cursor: pointer;
+    }
+  </style>
+</head>
+<body>
+  <div id="terminal"></div>
+  <button id="run" title="run code">evaluate</button>
+  <script
+    defer
+    src="//ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js"
+    type="text/javascript"
+    charset="utf-8"
+  ></script>
+  <script
+    src="https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js"
+    integrity="sha512-qtX0GLM3qX8rxJN1gyDfcnMFFrKvixfoEOwbBib9VafR5vbChV5LeE5wSI/x+IlCkTY5ZFddFDCCfaVJJNnuKQ=="
+    crossorigin="anonymous"
+    referrerpolicy="no-referrer"
+  ></script>
+  <script src="https://cdn.jsdelivr.net/npm/prompts-js"></script>
+  <script type="module" src="./lambda/main.js"></script>
+</body>