stem-lab-toolkit 1.0.1 → 1.0.2

package/js/main.js

@@ -81,7 +81,7 @@ function pressEquals() {
   const entry = currentInput || displayVal;
 
   if (operand === null) {
-    if (entry === '5555') { window.location.href = './browse.html'; return; }
+    if (entry === '8008') { triggerMatrixEgg(); return; }
     justEvaled = true;
     return;
   }
@@ -174,99 +174,18 @@ document.querySelector('.sci-rows').addEventListener('click', e => {
 });
 
 document.addEventListener('keydown', e => {
-  if (pinOverlay.classList.contains('hidden')) {
-    if (e.key >= '0' && e.key <= '9') pressDigit(e.key);
-    else if (e.key === '.')                         pressDot();
-    else if (e.key === '+')                         pressOp('+');
-    else if (e.key === '-')                         pressOp('−');
-    else if (e.key === '*')                         pressOp('×');
-    else if (e.key === '/')  { e.preventDefault();  pressOp('÷'); }
-    else if (e.key === 'Enter' || e.key === '=')    pressEquals();
-    else if (e.key === 'Escape')                    pressClear();
-    else if (e.key === 'Backspace') {
-      if (currentInput.length > 1) { currentInput = currentInput.slice(0, -1); setDisplay(currentInput); }
-      else { currentInput = ''; setDisplay('0'); }
-    }
-  } else {
-    if (e.key >= '0' && e.key <= '9') addPinDigit(e.key);
-    else if (e.key === 'Backspace') delPinDigit();
-    else if (e.key === 'Escape') closePinOverlay();
-  }
-});
-
-// ── PIN overlay ──────────────────────────────────────────────────────────────
-const pinOverlay = document.getElementById('pin-overlay');
-const pinError   = document.getElementById('pin-error');
-let pinEntry     = '';
-
-function openPinOverlay() {
-  pinEntry = '';
-  pinError.textContent = '';
-  updatePinDots();
-  pinOverlay.classList.remove('hidden');
-}
-
-function closePinOverlay() {
-  pinOverlay.classList.add('hidden');
-  pinEntry = '';
-}
-
-function updatePinDots(state) {
-  for (let i = 0; i < 4; i++) {
-    const dot = document.getElementById('d' + i);
-    dot.className = 'pin-dot';
-    if (state === 'error') { dot.classList.add('error'); }
-    else if (i < pinEntry.length) { dot.classList.add('filled'); }
+  const loginOverlay = document.getElementById('login-overlay');
+  if (loginOverlay && !loginOverlay.classList.contains('hidden')) return;
+  if (e.key >= '0' && e.key <= '9') pressDigit(e.key);
+  else if (e.key === '.')                         pressDot();
+  else if (e.key === '+')                         pressOp('+');
+  else if (e.key === '-')                         pressOp('−');
+  else if (e.key === '*')                         pressOp('×');
+  else if (e.key === '/')  { e.preventDefault();  pressOp('÷'); }
+  else if (e.key === 'Enter' || e.key === '=')    pressEquals();
+  else if (e.key === 'Escape')                    pressClear();
+  else if (e.key === 'Backspace') {
+    if (currentInput.length > 1) { currentInput = currentInput.slice(0, -1); setDisplay(currentInput); }
+    else { currentInput = ''; setDisplay('0'); }
   }
-}
-
-function addPinDigit(d) {
-  if (pinEntry.length >= 4) return;
-  pinEntry += d;
-  updatePinDots();
-  if (pinEntry.length === 4) submitPin();
-}
-
-function delPinDigit() {
-  pinEntry = pinEntry.slice(0, -1);
-  updatePinDots();
-  pinError.textContent = '';
-}
-
-async function submitPin() {
-  const pin = pinEntry;
-  let isUser = false;
-  try {
-    const res  = await fetch('./api/pin', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ pin }),
-    });
-    const data = await res.json();
-    isUser = data.role === 'user';
-  } catch {
-    isUser = pin === '5555';
-  }
-  if (isUser) { window.location.href = './browse.html'; }
-  else         { showPinError(); }
-}
-
-function showPinError() {
-  updatePinDots('error');
-  pinError.textContent = 'Incorrect PIN';
-  setTimeout(() => {
-    pinEntry = '';
-    updatePinDots();
-    pinError.textContent = '';
-  }, 1200);
-}
-
-
-document.querySelector('.pin-keypad').addEventListener('click', e => {
-  const btn = e.target.closest('button');
-  if (!btn) return;
-  const k = btn.dataset.k;
-  if (k === 'del')    delPinDigit();
-  else if (k === 'cancel') closePinOverlay();
-  else addPinDigit(k);
 });

package/js/pin-modal.js

@@ -1,98 +1,13 @@
-// Shared PIN modal for light-themed pages (browse, game)
-// Intercepts clicks on any <a href="./admin.html"> and prompts for PIN.
-(() => {
-  const el = document.createElement('div');
-  el.innerHTML = `
-    <div class="pin-overlay hidden" id="pm-overlay">
-      <div class="pin-box">
-        <h2>Admin Access</h2>
-        <p>Enter your PIN to continue</p>
-        <div class="pin-dots">
-          <div class="pin-dot" id="pm-d0"></div>
-          <div class="pin-dot" id="pm-d1"></div>
-          <div class="pin-dot" id="pm-d2"></div>
-          <div class="pin-dot" id="pm-d3"></div>
-        </div>
-        <div class="pin-error" id="pm-error"></div>
-        <div class="pin-keypad" id="pm-keypad">
-          <button class="pin-key" data-k="1">1</button>
-          <button class="pin-key" data-k="2">2</button>
-          <button class="pin-key" data-k="3">3</button>
-          <button class="pin-key" data-k="4">4</button>
-          <button class="pin-key" data-k="5">5</button>
-          <button class="pin-key" data-k="6">6</button>
-          <button class="pin-key" data-k="7">7</button>
-          <button class="pin-key" data-k="8">8</button>
-          <button class="pin-key" data-k="9">9</button>
-          <button class="pin-key delete" data-k="del">⌫</button>
-          <button class="pin-key" data-k="0">0</button>
-          <button class="pin-cancel" data-k="cancel">Cancel</button>
-        </div>
-      </div>
-    </div>`;
-  document.body.appendChild(el.firstElementChild);
-
-  const overlay = document.getElementById('pm-overlay');
-  const errEl   = document.getElementById('pm-error');
-  let entry = '';
-
-  function dots(state) {
-    for (let i = 0; i < 4; i++) {
-      const d = document.getElementById('pm-d' + i);
-      d.className = 'pin-dot' + (state === 'error' ? ' error' : i < entry.length ? ' filled' : '');
-    }
-  }
-
-  function open()  { entry = ''; errEl.textContent = ''; dots(); overlay.classList.remove('hidden'); }
-  function close() { overlay.classList.add('hidden'); entry = ''; }
-
-  function addDigit(d) {
-    if (entry.length >= 4) return;
-    entry += d; dots();
-    if (entry.length === 4) submit();
-  }
-
-  function del() { entry = entry.slice(0, -1); dots(); errEl.textContent = ''; }
-
-  async function submit() {
-    const pin = entry;
-    let ok = false;
-    try {
-      const res  = await fetch('./api/pin', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ pin }) });
-      const data = await res.json();
-      ok = data.role === 'admin';
-    } catch { ok = pin === '1234'; }
-
-    if (ok) {
-      localStorage.setItem('mm_admin_session', '1');
-      sessionStorage.setItem('mm_admin_pin', pin);
-      window.location.href = './admin.html';
-    } else {
-      dots('error');
-      errEl.textContent = 'Incorrect PIN';
-      setTimeout(() => { entry = ''; dots(); errEl.textContent = ''; }, 1200);
-    }
-  }
-
-  document.getElementById('pm-keypad').addEventListener('click', e => {
-    const btn = e.target.closest('[data-k]');
-    if (!btn) return;
-    const k = btn.dataset.k;
-    if (k === 'del') del(); else if (k === 'cancel') close(); else addDigit(k);
-  });
-
-  document.addEventListener('keydown', e => {
-    if (overlay.classList.contains('hidden')) return;
-    if (e.key >= '0' && e.key <= '9') addDigit(e.key);
-    else if (e.key === 'Backspace') del();
-    else if (e.key === 'Escape') close();
-  });
-
-  // Intercept every Admin nav link on this page
-  document.addEventListener('click', e => {
-    const a = e.target.closest('a[href="./admin.html"]');
+// Redirect the Admin nav link based on the authenticated user's rank.
+(function () {
+  document.addEventListener('click', function (e) {
+    var a = e.target.closest('a[href="./admin.html"]');
     if (!a) return;
-    e.preventDefault();
-    open();
+    var rank = sessionStorage.getItem('mm_rank');
+    if (rank === 'admin') {
+      e.preventDefault();
+      window.location.href = './control-panel.html';
+    }
+    // 'administrator' follows the href naturally; 'user' hits admin.html which redirects them
   });
 })();

package/js/theme.js

@@ -0,0 +1,20 @@
+const moonSVG = `<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>`;
+const sunSVG  = `<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>`;
+
+function toggleTheme() {
+  const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+  const next   = isDark ? 'light' : 'dark';
+  document.documentElement.setAttribute('data-theme', next);
+  localStorage.setItem('mm_theme', next);
+  updateIcon();
+}
+
+function updateIcon() {
+  const btn = document.getElementById('theme-toggle');
+  if (!btn) return;
+  const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+  btn.innerHTML = isDark ? sunSVG : moonSVG;
+  btn.title     = isDark ? 'Light mode' : 'Dark mode';
+}
+
+updateIcon();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stem-lab-toolkit",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "STEM educational toolkit",
   "main": "index.html",
   "scripts": {
@@ -13,5 +13,10 @@
     "math"
   ],
   "license": "MIT",
-  "author": ""
+  "author": "",
+  "dependencies": {
+    "bcrypt": "^6.0.0",
+    "express": "^5.2.1",
+    "express-rate-limit": "^8.5.1"
+  }
 }

package/{game.html → tool.html}

@@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
+<meta charset="UTF-8">
+<script>(function(){var n=performance.getEntriesByType('navigation')[0];if(n&&n.type==='reload'){sessionStorage.clear();window.location.replace('./index.html');return;}if(sessionStorage.getItem('mm_auth')!=='true'){window.location.replace('./index.html');return;}var r=sessionStorage.getItem('mm_rank');if(!r){window.location.replace('./index.html');}})();</script>
+  <link rel="icon" type="image/png" href="/assets/favicon.png">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>MM Games</title>
   <link rel="stylesheet" href="./css/style.css">
@@ -115,8 +117,9 @@
 <header class="site-header">
   <div class="header-inner">
     <a href="./browse.html" class="logo-link">
-      <img src="./assets/logo.png" alt="" class="logo-img" onerror="this.style.display='none'">
-      <span>MM Games</span><span style="font-size:0.65rem;color:var(--muted);margin-left:6px;">v1.0.0</span>
+      <img src="./assets/logo.png?v=new" alt="" class="logo-img" onerror="this.style.display='none'">
+      <span>MM Games</span>
+      
     </a>
     <nav class="site-nav">
       <a href="./browse.html">Browse</a>
@@ -162,37 +165,33 @@
   document.title = game.name + ' — MM Games';
 
   const SITE = 'https://calc.moshelab.com';
-  let src;
-  if (game.embedType === 'local') {
-    src = `./local-games/${game.localFile || game.slug + '.html'}`;
-  } else if (game.embedType === 'gamepix') {
-    src = game.embedUrl;
-  } else {
-    src = `https://html5.gamedistribution.com/${game.gameId}/?gd_sdk_referrer_url=${SITE}/games/${game.slug}`;
-  }
+  const isLocal = game.embedType === 'local';
+  const src = isLocal ? '' :
+    game.embedType === 'gamepix' ? game.embedUrl :
+    `https://html5.gamedistribution.com/${game.gameId}/?gd_sdk_referrer_url=${SITE}/games/${game.slug}`;
 
   wrap.innerHTML = `
     <div class="game-title-bar">
       <div class="game-name">${game.name}</div>
       <span class="cat-badge ${game.category}">${game.category}</span>
     </div>
-    <div class="game-frame-wrap" id="frame-wrap" style="${game.embedType === 'local' ? 'height:80vh;' : ''}">
-      <div class="${game.embedType === 'local' ? '' : 'game-frame-ratio'}" style="${game.embedType === 'local' ? 'height:100%;' : ''}">
+    <div class="game-frame-wrap" id="frame-wrap" style="${isLocal ? 'height:80vh;' : ''}">
+      <div class="${isLocal ? '' : 'game-frame-ratio'}" style="${isLocal ? 'height:100%;' : ''}">
         <iframe
           class="game-iframe"
           id="game-iframe"
-          src="${src}"
+          ${src ? `src="${src}"` : ''}
           allowfullscreen
           allow="fullscreen; autoplay; encrypted-media"
-          scrolling="${game.embedType === 'local' ? 'yes' : 'no'}"
-          style="${game.embedType === 'local' ? 'position:static;height:100%;' : ''}"
+          scrolling="${isLocal ? 'yes' : 'no'}"
+          style="${isLocal ? 'position:static;height:100%;' : ''}"
         ></iframe>
       </div>
     </div>
     <div class="game-actions">
       <button class="fullscreen-btn" id="fs-btn">
         <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M8 3H5a2 2 0 00-2 2v1.0.0m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v1.0.0a2 2 0 002 2h3"/>
+          <path d="M8 3H5a2 2 0 00-2 2v1.0.5m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v1.0.5a2 2 0 002 2h3"/>
         </svg>
         Fullscreen
       </button>
@@ -202,6 +201,17 @@
     </div>
   `;
 
+  if (isLocal) {
+    try {
+      const localPath = `./local-games/${game.localFile || game.slug + '.html'}`;
+      const res  = await fetch(localPath);
+      const html = await res.text();
+      document.getElementById('game-iframe').srcdoc = html;
+    } catch {
+      error('Could not load game file.');
+    }
+  }
+
   document.getElementById('fs-btn').addEventListener('click', () => {
     const el = document.getElementById('frame-wrap');
     if (el.requestFullscreen)       el.requestFullscreen();
@@ -209,6 +219,6 @@
   });
 })();
 </script>
-<script src="./js/pin-modal.js?v=2"></script>
+<script src="./js/pin-modal.js?v=1.0.5c"></script>
 </body>
 </html>

package/users.json

@@ -0,0 +1,17 @@
+[
+  {
+    "username": "owner",
+    "password": "$2b$12$rQU1mMd1zohTMrDqv5Z3P.H8uhQZnpKo4mEibtxgQzSjR2Efdn8fy",
+    "rank": "administrator"
+  },
+  {
+    "username": "Anthony",
+    "password": "$2b$12$yvVmRuxDsxFsw9YDA05/COrhl.QhAV6jNYn28HxKC0DTErboyuZYO",
+    "rank": "admin"
+  },
+  {
+    "username": "user",
+    "password": "$2b$12$0xZ/udwEMcqjsQlfLXccMuZt6babCIRFBNGUg2l36RpU.oWzjLo5W",
+    "rank": "user"
+  }
+]

package/version.txt

@@ -1 +1 @@
-v1.0.0
+v1.0.5

package/pins.json

@@ -1 +0,0 @@
-{"admin":"1234","user":"5555"}