npm - mm-math - Versions diffs - 0.0.0 - Mend

mm-math 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/js/theme.js ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "name": "mm-math",
+  "version": "0.0.0",
+  "description": "STEM educational toolkit",
+  "main": "api.js",
+  "files": [
+    "api.js",
+    "index.html",
+    "browse.html",
+    "admin.html",
+    "control-panel.html",
+    "change-password.html",
+    "tool.html",
+    "ads.txt",
+    "version.txt",
+    "assets/",
+    "css/",
+    "js/"
+  ],
+  "scripts": {
+    "start": "node api.js"
+  },
+  "keywords": [
+    "education",
+    "stem",
+    "toolkit",
+    "math"
+  ],
+  "license": "MIT",
+  "author": "",
+  "dependencies": {
+    "bcrypt": "^6.0.0",
+    "express": "^5.2.1",
+    "express-rate-limit": "^8.5.1"
+  }
+}

package/tool.html ADDED Viewed

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<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;}if(sessionStorage.getItem('mm_force_change')==='true'){window.location.replace('./change-password.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">
+  <style>
+    body { background: #0a0a0a; color: #fff; }
+    .site-header { background: #111; border-bottom-color: #222; }
+    .site-header .logo-link { color: #fff; }
+    .site-nav a { color: rgba(255,255,255,.5); }
+    .site-nav a:hover { background: #222; color: #fff; }
+    .game-wrap {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 20px 16px 40px;
+    }
+    .game-title-bar {
+      width: 100%;
+      max-width: 960px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 12px;
+    }
+    .game-name {
+      font-size: 1.1rem;
+      font-weight: 600;
+    }
+    .game-frame-wrap {
+      width: 100%;
+      max-width: 960px;
+      position: relative;
+      background: #000;
+      border-radius: 10px;
+      overflow: hidden;
+      box-shadow: 0 8px 40px rgba(0,0,0,.6);
+    }
+    .game-frame-ratio {
+      padding-bottom: 56.25%;
+      position: relative;
+    }
+    .game-iframe {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+    .game-actions {
+      width: 100%;
+      max-width: 960px;
+      display: flex;
+      gap: 10px;
+      margin-top: 14px;
+    }
+    .fullscreen-btn {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 22px;
+      background: #ff9f0a;
+      color: #fff;
+      border: none;
+      border-radius: 8px;
+      font-size: 0.9rem;
+      font-weight: 600;
+      cursor: pointer;
+      transition: background .15s;
+      font-family: inherit;
+    }
+    .fullscreen-btn:hover { background: #e68e00; }
+    .back-btn {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 10px 18px;
+      background: rgba(255,255,255,.08);
+      color: rgba(255,255,255,.7);
+      border: none;
+      border-radius: 8px;
+      font-size: 0.9rem;
+      font-weight: 500;
+      cursor: pointer;
+      font-family: inherit;
+      transition: background .15s;
+    }
+    .back-btn:hover { background: rgba(255,255,255,.14); }
+    .error-state {
+      text-align: center;
+      padding: 80px 20px;
+      color: rgba(255,255,255,.5);
+    }
+    .error-state h2 { font-size: 1.2rem; margin-bottom: 8px; color: #fff; }
+  </style>
+</head>
+<body>
+<header class="site-header">
+  <div class="header-inner">
+    <a href="./browse.html" class="logo-link">
+      <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>
+      <a href="./admin.html">Admin</a>
+      <a href="./index.html" class="nav-calc-btn" title="Calculator"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="4" y="2" width="16" height="20" rx="2"/><line x1="8" y1="6" x2="16" y2="6"/><line x1="8" y1="10" x2="10" y2="10"/><line x1="8" y1="14" x2="10" y2="14"/><line x1="8" y1="18" x2="10" y2="18"/><line x1="14" y1="10" x2="16" y2="10"/><line x1="14" y1="14" x2="16" y2="14"/><line x1="14" y1="18" x2="16" y2="18"/></svg></a>
+    </nav>
+  </div>
+</header>
+<div class="game-wrap" id="game-wrap">
+  <div class="error-state"><h2>Loading…</h2></div>
+</div>
+<script>
+(async () => {
+  const params = new URLSearchParams(window.location.search);
+  const slug   = params.get('slug');
+  const wrap   = document.getElementById('game-wrap');
+  function error(msg) {
+    wrap.innerHTML = `<div class="error-state"><h2>Game not found</h2><p>${msg}</p><br><a href="./browse.html" style="color:#ff9f0a;">← Back to games</a></div>`;
+  }
+  if (!slug) return error('No game specified.');
+  let games;
+  try {
+    const res = await fetch('./api/games');
+    games = res.ok ? await res.json() : null;
+  } catch { games = null; }
+  if (!games) {
+    try {
+      const res = await fetch('./games.json');
+      const all = await res.json();
+      games = all.filter(g => g.visible);
+    } catch { return error('Could not load game data.'); }
+  }
+  const game = games.find(g => g.slug === slug);
+  if (!game) return error('Game not found.');
+  document.title = game.name + ' — MM Games';
+  const SITE = 'https://calc.moshelab.com';
+  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="${isLocal ? 'height:80vh;' : ''}">
+      <div class="${isLocal ? '' : 'game-frame-ratio'}" style="${isLocal ? 'height:100%;' : ''}">
+        <iframe
+          class="game-iframe"
+          id="game-iframe"
+          ${src ? `src="${src}"` : ''}
+          allowfullscreen
+          allow="fullscreen; autoplay; encrypted-media"
+          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 2v0.0.1m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v0.0.1a2 2 0 002 2h3"/>
+        </svg>
+        Fullscreen
+      </button>
+      <button class="back-btn" onclick="history.length > 1 ? history.back() : window.location='./browse.html'">
+        ← Back
+      </button>
+    </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();
+    else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();
+  });
+})();
+</script>
+<script src="./js/pin-modal.js?v=0.0.1c"></script>
+<a href="https://forms.gle/59RMvCkURByui1747" target="_blank" rel="noopener" style="position:fixed;bottom:20px;right:20px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.4);font-size:0.72rem;font-weight:500;padding:6px 14px;border-radius:999px;text-decoration:none;z-index:199;border:1px solid rgba(255,255,255,.1);transition:all .15s;" onmouseover="this.style.background='rgba(255,255,255,.16)';this.style.color='rgba(255,255,255,.8)'" onmouseout="this.style.background='rgba(255,255,255,.08)';this.style.color='rgba(255,255,255,.4)'">Feedback</a>
+</body>
+</html>

package/version.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ v0.0.1