stem-lab-toolkit 1.0.0

package/js/main.js

@@ -0,0 +1,301 @@
+// ── Calculator state ────────────────────────────────────────────────────────
+let displayVal   = '0';
+let operand      = null;
+let operator     = null;
+let currentInput = '';
+let justEvaled   = false;
+let parenDepth   = 0;
+let memory       = 0;
+let isInverse    = false;
+let isDeg        = true;
+
+const mainEl = document.getElementById('main');
+const exprEl = document.getElementById('expr');
+
+function toRad(n) { return isDeg ? n * Math.PI / 180 : n; }
+function fromRad(n) { return isDeg ? n * 180 / Math.PI : n; }
+
+function setDisplay(val) {
+  displayVal = String(val);
+  const len = displayVal.length;
+  mainEl.style.fontSize = len > 12 ? '1.6rem' : len > 9 ? '2.2rem' : len > 6 ? '2.6rem' : '3rem';
+  mainEl.textContent = displayVal;
+}
+
+function fmt(n) {
+  if (!isFinite(n)) return 'Error';
+  const s = parseFloat(n.toPrecision(12)).toString();
+  return s;
+}
+
+function applyOp(a, op, b) {
+  switch (op) {
+    case '+': return a + b;
+    case '−': return a - b;
+    case '×': return a * b;
+    case '÷': return b === 0 ? NaN : a / b;
+  }
+}
+
+function pressDigit(d) {
+  if (justEvaled) { currentInput = d; setDisplay(d); justEvaled = false; return; }
+  if (operator && operand !== null && currentInput === '') {
+    currentInput = d; setDisplay(d); return;
+  }
+  if (displayVal === '0' && d !== '.') {
+    currentInput = d; setDisplay(d);
+  } else {
+    if (currentInput.replace(/[-.]/g, '').length >= 12) return;
+    currentInput += d;
+    setDisplay(displayVal + d);
+  }
+}
+
+function pressDot() {
+  if (justEvaled) { currentInput = '0.'; setDisplay('0.'); justEvaled = false; return; }
+  if (displayVal.includes('.')) return;
+  currentInput += '.';
+  setDisplay(displayVal + '.');
+}
+
+function pressOp(op) {
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  document.querySelector(`[data-op="${op}"]`)?.classList.add('lit');
+  const val = parseFloat(displayVal) || 0;
+  if (operand !== null && !justEvaled && currentInput !== '') {
+    const result = applyOp(operand, operator, val);
+    const rs = fmt(result);
+    exprEl.textContent = `${operand} ${operator} ${val} =`;
+    setDisplay(rs);
+    operand = parseFloat(rs);
+  } else {
+    operand = val;
+  }
+  operator     = op;
+  currentInput = '';
+  justEvaled   = false;
+  exprEl.textContent = `${operand} ${op}`;
+}
+
+function pressEquals() {
+  const entry = currentInput || displayVal;
+
+  // Check PIN shortcuts
+  if (checkPin(entry)) return;
+
+  if (operator === null || operand === null) { justEvaled = true; return; }
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  const val    = parseFloat(displayVal) || 0;
+  const result = applyOp(operand, operator, val);
+  const rs     = fmt(result);
+  exprEl.textContent = `${operand} ${operator} ${val} =`;
+  setDisplay(rs);
+  operand      = null;
+  operator     = null;
+  currentInput = '';
+  justEvaled   = true;
+}
+
+function pressClear() {
+  document.querySelectorAll('.btn-op').forEach(b => b.classList.remove('lit'));
+  setDisplay('0');
+  exprEl.textContent = '';
+  operand = null; operator = null; currentInput = ''; justEvaled = false; parenDepth = 0;
+}
+
+function pressSign() {
+  if (displayVal === '0') return;
+  const n = parseFloat(displayVal) * -1;
+  currentInput = fmt(n);
+  setDisplay(currentInput);
+}
+
+function pressPercent() {
+  const n = parseFloat(displayVal) / 100;
+  currentInput = fmt(n);
+  setDisplay(currentInput);
+}
+
+// Scientific
+function pressSci(fn) {
+  const val = parseFloat(displayVal) || 0;
+  let result;
+  switch (fn) {
+    case 'sin':  result = isInverse ? fromRad(Math.asin(val))  : Math.sin(toRad(val));  break;
+    case 'cos':  result = isInverse ? fromRad(Math.acos(val))  : Math.cos(toRad(val));  break;
+    case 'tan':  result = isInverse ? fromRad(Math.atan(val))  : Math.tan(toRad(val));  break;
+    case 'log':  result = isInverse ? Math.pow(10, val)         : Math.log10(val);        break;
+    case 'ln':   result = isInverse ? Math.exp(val)             : Math.log(val);          break;
+    case 'sqrt': result = isInverse ? val * val                 : Math.sqrt(val);         break;
+    case 'sq':   result = val * val;   break;
+    case 'pi':   result = Math.PI;     break;
+    case 'e':    result = Math.E;      break;
+    case 'open':
+      exprEl.textContent += '(';
+      parenDepth++;
+      return;
+    case 'close':
+      if (parenDepth > 0) { exprEl.textContent += ')'; parenDepth--; }
+      return;
+    case 'inv':
+      isInverse = !isInverse;
+      document.getElementById('inv-btn').classList.toggle('inv-active', isInverse);
+      return;
+    default: return;
+  }
+  const rs = fmt(result);
+  exprEl.textContent = `${fn}(${val}) =`;
+  setDisplay(rs);
+  currentInput = rs;
+  justEvaled   = true;
+  if (fn !== 'inv') { isInverse = false; document.getElementById('inv-btn').classList.remove('inv-active'); }
+}
+
+// Events
+document.querySelector('.calc-buttons').addEventListener('click', e => {
+  const btn = e.target.closest('button');
+  if (!btn) return;
+  const action = btn.dataset.action;
+  if (action === 'digit')   pressDigit(btn.dataset.digit);
+  if (action === 'dot')     pressDot();
+  if (action === 'op')      pressOp(btn.dataset.op);
+  if (action === 'equals')  pressEquals();
+  if (action === 'clear')   pressClear();
+  if (action === 'sign')    pressSign();
+  if (action === 'percent') pressPercent();
+});
+
+document.querySelector('.sci-rows').addEventListener('click', e => {
+  const btn = e.target.closest('button');
+  if (!btn) return;
+  pressSci(btn.dataset.sci);
+});
+
+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();
+  }
+});
+
+// ── Hidden PIN trigger (3 header clicks) ────────────────────────────────────
+let clickCount = 0;
+let clickTimer  = null;
+
+document.getElementById('calc-header').addEventListener('click', () => {
+  clickCount++;
+  clearTimeout(clickTimer);
+  if (clickCount >= 3) {
+    clickCount = 0;
+    openPinOverlay();
+  } else {
+    clickTimer = setTimeout(() => { clickCount = 0; }, 1500);
+  }
+});
+
+// ── 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'); }
+  }
+}
+
+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;
+  try {
+    const res  = await fetch('./api/pin', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ pin }),
+    });
+    const data = await res.json();
+    if (data.role === 'admin') {
+      localStorage.setItem('mm_admin_session', '1');
+      window.location.href = './admin.html';
+    } else if (data.role === 'user') {
+      window.location.href = './browse.html';
+    } else {
+      showPinError();
+    }
+  } catch {
+    // Fallback for unpkg / static hosting
+    if (pin === '1234') {
+      localStorage.setItem('mm_admin_session', '1');
+      window.location.href = './admin.html';
+    } else if (pin === '5555') {
+      window.location.href = './browse.html';
+    } else {
+      showPinError();
+    }
+  }
+}
+
+function showPinError() {
+  updatePinDots('error');
+  pinError.textContent = 'Incorrect PIN';
+  setTimeout(() => {
+    pinEntry = '';
+    updatePinDots();
+    pinError.textContent = '';
+  }, 1200);
+}
+
+function checkPin(entry) {
+  // Called from pressEquals — not used, PIN only via header click
+  return false;
+}
+
+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/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "stem-lab-toolkit",
+  "version": "1.0.0",
+  "description": "STEM educational toolkit",
+  "main": "index.html",
+  "scripts": {
+    "start": "node api.js"
+  },
+  "keywords": [
+    "education",
+    "stem",
+    "toolkit",
+    "math"
+  ],
+  "license": "MIT",
+  "author": ""
+}