npm - @bytechain.cn/colamd - Versions diffs - 1.5.0 → 1.5.1-beta.2 - Mend

@bytechain.cn/colamd 1.5.0 → 1.5.1-beta.2

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 (193) hide show

package/ios/App/Podfile ADDED Viewed

@@ -0,0 +1,28 @@
+require_relative '../../node_modules/@capacitor/ios/scripts/pods_helpers'
+platform :ios, '13.0'
+use_frameworks!
+# workaround to avoid Xcode caching of Pods that requires
+# Product -> Clean Build Folder after new Cordova plugins installed
+# Requires CocoaPods 1.6 or newer
+install! 'cocoapods', :disable_input_output_paths => true
+def capacitor_pods
+  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
+  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
+  pod 'CapacitorFilesystem', :path => '../../node_modules/@capacitor/filesystem'
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
+  pod 'CapacitorShare', :path => '../../node_modules/@capacitor/share'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
+end
+target 'App' do
+  capacitor_pods
+  # Add your Pods here
+end
+post_install do |installer|
+  assertDeploymentTarget(installer)
+end

package/package.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
   "name": "@bytechain.cn/colamd",
-  "version": "1.5.0",
+  "version": "1.5.1-beta.2",
   "description": "The Agent Native Markdown Editor — Extended with Math & Mermaid Plugin System",
   "main": "dist/main/index.js",
   "author": {
     "name": "byteuser1977",
-    "email": ""
+    "email": "byteuser@qq.com"
   },
   "license": "MIT",
   "homepage": "https://github.com/byteuser1977/ColaMD-extend",
@@ -20,7 +20,16 @@
     "dist": "electron-vite build && electron-builder",
     "dist:mac": "electron-vite build && electron-builder --mac",
     "dist:win": "electron-vite build && electron-builder --win",
-    "dist:linux": "electron-vite build && electron-builder --linux"
+    "dist:linux": "electron-vite build && electron-builder --linux",
+    "cap:sync": "npx cap sync",
+    "cap:open:android": "npx cap open android",
+    "cap:open:ios": "npx cap open ios",
+    "cap:run:android": "npm run build && npx cap sync android && JAVA_HOME=/opt/homebrew/opt/openjdk@21/libexec/openjdk.jdk/Contents/Home npx cap run android",
+    "cap:run:ios": "npm run build && npx cap sync ios && npx cap run ios",
+    "dist:android": "npm run build && npx cap sync android && cd android && JAVA_HOME=/opt/homebrew/opt/openjdk@21/libexec/openjdk.jdk/Contents/Home ./gradlew assembleRelease && cd .. && mkdir -p release && cp android/app/build/outputs/apk/release/app-release.apk release/colamd-$(node -p \"require('./package.json').version\")-android.apk",
+    "cap:build:android": "npm run build && npx cap sync android && cd android && JAVA_HOME=/opt/homebrew/opt/openjdk@21/libexec/openjdk.jdk/Contents/Home ./gradlew assembleDebug",
+    "cap:build:android:release": "npm run build && npx cap sync android && cd android && JAVA_HOME=/opt/homebrew/opt/openjdk@21/libexec/openjdk.jdk/Contents/Home ./gradlew assembleRelease",
+    "cap:build:ios": "npm run build && npx cap sync ios"
   },
   "dependencies": {
     "@milkdown/kit": "^7.19.2",
@@ -30,10 +39,21 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
+    "@capacitor/android": "^6.2.1",
+    "@capacitor/app": "^6.0.3",
+    "@capacitor/cli": "^6.2.1",
+    "@capacitor/core": "^6.2.1",
+    "@capacitor/filesystem": "^6.0.4",
+    "@capacitor/haptics": "^6.0.3",
+    "@capacitor/ios": "^6.2.1",
+    "@capacitor/share": "^6.0.4",
+    "@capacitor/status-bar": "^6.0.3",
+    "@capawesome/capacitor-file-picker": "^6.2.0",
     "@types/katex": "^0.16.8",
     "electron": "^34.0.0",
     "electron-builder": "^26.0.0",
     "electron-vite": "^3.0.0",
+    "sharp": "^0.34.5",
     "typescript": "^5.7.0",
     "vite": "^6.0.0"
   }

package/resources/templates/slides/template-forest-ink.html ADDED Viewed

@@ -0,0 +1,540 @@
+<!--
+  Forest Ink Theme - 森林墨配色方案
+  基于 template.html 修改，保持完整结构和 JavaScript 不变
+-->
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title>Slide Deck</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+  <style>
+    :root {
+      --paper: #f5f1e8;
+      --ink: #1a2e1f;
+      --accent: #3d6b4a;
+      --accent-soft: rgba(61,107,74,0.1);
+      --gray-200: #d4cfc4;
+      --gray-500: #6b7a6e;
+      --gray-600: #4a5a4c;
+      --gray-900: #1a2e1f;
+    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html, body {
+      width: 100%; height: 100%; overflow: hidden;
+      background:
+        radial-gradient(circle at 10% 12%, rgba(61,107,74,0.05) 0, rgba(61,107,74,0) 42%),
+        radial-gradient(circle at 88% 84%, rgba(77,123,90,0.05) 0, rgba(77,123,90,0) 40%),
+        var(--paper);
+      color: var(--ink);
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      -webkit-font-smoothing: antialiased;
+      touch-action: pan-y;
+    }
+    body::before {
+      content: ""; position: fixed; inset: 0;
+      background-image:
+        repeating-linear-gradient(0deg, rgba(26,46,31,0.012) 0, rgba(26,46,31,0.012) 1px, transparent 1px, transparent 4px),
+        repeating-linear-gradient(90deg, rgba(26,46,31,0.008) 0, rgba(26,46,31,0.008) 1px, transparent 1px, transparent 6px);
+      pointer-events: none; z-index: 1;
+    }
+    .viewport { position: relative; width: 100%; height: 100%; display: grid; place-items: center; padding: 18px; z-index: 2; }
+    .deck {
+      position: relative;
+      width: min(100vw - 36px, calc((100vh - 36px) * (16 / 9)));
+      aspect-ratio: 16 / 9;
+      border: 1px solid var(--gray-200); border-radius: 16px; overflow: hidden;
+      box-shadow: 0 24px 64px rgba(26,46,31,0.22), 0 8px 24px rgba(26,46,31,0.12), 0 2px 6px rgba(26,46,31,0.08);
+      background: linear-gradient(180deg, rgba(255,255,255,0.56), rgba(245,241,232,0.18));
+      isolation: isolate;
+    }
+    .slides { position: relative; width: 100%; height: 100%; }
+    .slide {
+      position: absolute; inset: 0;
+      display: grid; grid-template-columns: clamp(16px,1.5vw,26px) 1fr;
+      opacity: 0; transform: translateX(32px); pointer-events: none;
+      transition: opacity 340ms ease, transform 380ms ease;
+    }
+    .slide.active { opacity: 1; transform: translateX(0); pointer-events: auto; }
+    .axis-bar {
+      background: linear-gradient(180deg, var(--accent) 0 34%, rgba(61,107,74,0.12) 34% 100%);
+      box-shadow: inset -1px 0 rgba(26,46,31,0.1);
+    }
+    .slide-main {
+      position: relative;
+      padding: clamp(30px,4.2vw,82px);
+      display: grid; grid-template-rows: auto 1fr auto;
+      min-height: 0; gap: clamp(10px,1.3vw,20px);
+    }
+    .slide header {
+      display: flex; align-items: center; justify-content: space-between;
+      gap: 18px; min-height: 44px; padding-right: clamp(44px,4.2vw,76px);
+    }
+    .kicker {
+      font-weight: 600; letter-spacing: 0.06em;
+      font-size: clamp(13px,1.15vw,22px); text-transform: uppercase;
+      color: var(--accent); white-space: nowrap;
+    }
+    .top-line { flex: 1; height: 2px; background: linear-gradient(90deg, rgba(61,107,74,0.5), rgba(61,107,74,0)); }
+    .marker { color: rgba(61,107,74,0.6); font-size: clamp(12px,1vw,18px); }
+    .content {
+      min-height: 0; max-width: 94%;
+      display: grid; align-content: center;
+      gap: clamp(14px,1.7vw,28px); overflow: hidden;
+      padding-right: clamp(6px,0.8vw,12px);
+    }
+    h1, h2 {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.14;
+      letter-spacing: 0.01em; text-wrap: balance; max-width: 96%; color: var(--ink);
+    }
+    h1 { font-weight: 900; font-size: clamp(48px,5.6vw,108px); }
+    h2 { font-weight: 800; font-size: clamp(40px,4.4vw,82px); }
+    .md-block {
+      white-space: pre-wrap; word-break: break-word; text-wrap: pretty;
+      font-size: clamp(23px,2.1vw,44px); line-height: 1.45;
+      font-weight: 500; color: var(--gray-900);
+    }
+    .statement-only h2 { font-size: clamp(46px,5.2vw,96px); max-width: 98%; }
+    .cover-slide {
+      grid-template-columns: 1fr !important;
+      display: block !important;
+    }
+    .cover-slide .axis-bar { display: none; }
+    .cover-slide .slide-main {
+      width: 100%; height: 100%;
+      background: var(--paper);
+      background-size: cover; background-position: center; background-repeat: no-repeat;
+      padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
+    }
+    .cover-slide .slide-main header { display: none; }
+    .cover-slide .slide-main .content {
+      display: grid; place-items: center; gap: clamp(8px,1.2vw,18px);
+      text-align: center; max-width: 100%; padding: 0 20px;
+      flex: 1; align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center;
+    }
+    .cover-slide .slide-main .content h1 {
+      font-family: "Noto Serif SC", "Source Han Serif SC", -apple-system, BlinkMacSystemFont, sans-serif;
+      font-size: clamp(64px,7vw,130px); color: var(--accent); font-weight: 900;
+      text-shadow: 0 4px 24px rgba(61,107,74,0.25); letter-spacing: 0.01em;
+    }
+    .cover-slide .slide-main .content .md-block {
+      font-size: clamp(22px,2.4vw,44px); color: var(--gray-600);
+      font-weight: 500; text-shadow: none;
+    }
+    .cover-slide .slide-main footer {
+      border-top: 1px solid var(--gray-200); justify-content: center; padding-bottom: clamp(20px,2.5vw,40px);
+    }
+    .cover-slide .slide-main footer .chip { display: none; }
+    .cover-slide .slide-main footer .page {
+      color: var(--gray-500); font-size: clamp(12px,1vw,18px);
+    }
+    .video-slide .content { align-content: center; justify-items: center; }
+    .video-slide video {
+      width: min(92%, 960px); aspect-ratio: 16 / 9;
+      border-radius: 12px; background: #000;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
+    }
+    .thankyou h2 { font-size: clamp(52px,5.8vw,110px); color: var(--accent); }
+    .thankyou .md-block { font-size: clamp(26px,2.4vw,48px); color: var(--gray-600); }
+    footer {
+      display: flex; align-items: center; justify-content: space-between;
+      gap: 14px; border-top: 1px solid var(--gray-200);
+      padding-top: clamp(10px,1.2vw,16px); padding-right: clamp(20px,2vw,40px);
+    }
+    .chip {
+      font-weight: 600; font-size: clamp(11px,0.95vw,17px);
+      letter-spacing: 0.06em; text-transform: uppercase;
+      color: var(--accent); background: var(--accent-soft);
+      border: 1px solid rgba(61,107,74,0.2); border-radius: 999px; padding: 7px 12px;
+    }
+    .page {
+      font-weight: 600; font-size: clamp(13px,1.1vw,20px);
+      color: var(--gray-500); letter-spacing: 0.06em;
+    }
+    .hint {
+      position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom));
+      transform: translateX(-50%); z-index: 3; font-size: 12px;
+      color: var(--gray-500); background: rgba(245,241,232,0.84);
+      border: 1px solid var(--gray-200); border-radius: 999px;
+      padding: 6px 10px; backdrop-filter: blur(4px);
+    }
+    .launch-layer {
+      position: fixed; inset: 0; z-index: 4; display: grid; place-items: center; padding: 20px;
+      background: rgba(26,46,31,0.48); backdrop-filter: blur(3px);
+      opacity: 1; transition: opacity 220ms ease;
+    }
+    .launch-layer.hidden { opacity: 0; pointer-events: none; }
+    .launch-btn {
+      border: 1px solid var(--gray-200);
+      background: linear-gradient(180deg, rgba(245,241,232,0.97), rgba(245,241,232,0.9));
+      color: var(--ink); border-radius: 16px;
+      padding: clamp(16px,2.2vw,24px) clamp(20px,2.8vw,32px);
+      min-width: min(88vw, 560px); display: grid; gap: 10px; text-align: left;
+      box-shadow: 0 20px 52px rgba(0,0,0,0.28); cursor: pointer;
+    }
+    .launch-title {
+      font-size: clamp(28px,3.2vw,48px);
+      font-weight: 700; line-height: 1.12; display: inline-flex; align-items: center; gap: 10px;
+    }
+    .launch-sub { font-size: clamp(14px,1.2vw,20px); color: var(--gray-600); line-height: 1.4; font-weight: 500; }
+    .slide-preview {
+      margin-top: 8px; max-width: clamp(180px,22vw,360px);
+      border-radius: 8px; overflow: hidden;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.12); border: 1px solid var(--gray-200);
+    }
+    .slide-preview img { width: 100%; height: auto; display: block; }
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(12px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    .slide.active h1, .slide.active h2, .slide.active .md-block { animation: fadeUp 320ms ease both; }
+    .slide.active .md-block:nth-of-type(2) { animation-delay: 60ms; }
+    .slide.active .md-block:nth-of-type(3) { animation-delay: 120ms; }
+    @media (max-width: 900px) {
+      .viewport { padding: 10px; }
+      .deck { width: calc(100vw - 20px); }
+      .slide { grid-template-columns: 10px 1fr; }
+      .slide-main { padding: clamp(16px,4.4vw,28px); gap: 8px; }
+      h1 { font-size: clamp(34px,7.2vw,56px); }
+      h2 { font-size: clamp(30px,6vw,52px); }
+      .md-block { font-size: clamp(16px,3.2vw,24px); }
+      .cover-slide h1 { font-size: clamp(32px,6.5vw,52px); }
+    }
+  </style>
+</head>
+<body>
+  <div class="viewport">
+    <main class="deck">
+      <section class="slides" id="slides"></section>
+    </main>
+  </div>
+  <div class="launch-layer" id="launchLayer">
+    <button class="launch-btn" id="launchBtn" type="button">
+      <span class="launch-title">
+        <i class="fa-solid fa-expand" aria-hidden="true"></i>
+        <span id="launchTitle">开始演示（全屏）</span>
+      </span>
+      <span class="launch-sub">按 F 切换全屏 · ← → 翻页 · 点击左右翻页</span>
+    </button>
+  </div>
+  <div class="hint">← → / Space / 点击左右 / 滑动</div>
+  <script>
+  (function () {
+    // ─── Markdown parser ───────────────────────────────────────────────────────
+    function parseFrontmatter(text) {
+      const meta = {};
+      const match = text.match(/^---\n([\s\S]*?)\n---\n?([\s\S]*)$/);
+      if (!match) return { meta, body: text };
+      match[1].split('\n').forEach(line => {
+        const [k, ...v] = line.split(':');
+        if (k && v.length) meta[k.trim()] = v.join(':').trim();
+      });
+      return { meta, body: match[2] };
+    }
+    function parseDirective(line) {
+      // <!-- type: cover, bg: cover-v2.png -->
+      const match = line.match(/<!--\s*(.*?)\s*-->/);
+      if (!match) return {};
+      const result = {};
+      match[1].split(',').forEach(pair => {
+        const [k, ...v] = pair.split(':');
+        if (k) result[k.trim()] = v.join(':').trim();
+      });
+      return result;
+    }
+    function parseSlides(body) {
+      // Strip multi-line HTML comments before splitting into slides
+      const stripped = body.replace(/<!--[\s\S]*?-->/g, '');
+      return stripped.split(/\n---\n/).map(raw => {
+        const lines = raw.trim().split('\n');
+        const slide = { type: 'section', title: '', blocks: [] };
+        // Check first line for directive comment (single-line only, already stripped above)
+        if (lines[0] && lines[0].trim().startsWith('<!--')) {
+          Object.assign(slide, parseDirective(lines.shift()));
+        }
+        lines.forEach(line => {
+          if (line.startsWith('# ')) {
+            slide.title = line.slice(2).trim();
+            if (!slide.type || slide.type === 'section') slide.type = 'cover';
+          } else if (line.startsWith('## ')) {
+            slide.title = line.slice(3).trim();
+          } else if (line.trim()) {
+            slide.blocks.push(line.trim());
+          }
+        });
+        slide.blocks = mergeBlocks(raw, slide);
+        return slide;
+      }).filter(s => s.type || s.title || s.blocks.length);
+    }
+    // Re-parse blocks respecting blank-line paragraph breaks
+    // Blocks can be text strings or {type:'image', src, alt} objects
+    function mergeBlocks(raw, slide) {
+      const stripped = raw.replace(/<!--[\s\S]*?-->/g, '');
+      const lines = stripped.trim().split('\n');
+      const blocks = [];
+      let current = [];
+      function flushText() {
+        if (current.length) { blocks.push(current.join('\n')); current = []; }
+      }
+      lines.forEach(line => {
+        if (line.startsWith('#')) return;
+        const imgMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+        if (imgMatch) {
+          flushText();
+          blocks.push({ type: 'image', alt: imgMatch[1], src: imgMatch[2] });
+          return;
+        }
+        if (line.trim() === '') {
+          flushText();
+        } else {
+          current.push(line.trim());
+        }
+      });
+      flushText();
+      return blocks;
+    }
+    // ─── Render ────────────────────────────────────────────────────────────────
+    function buildDeck(slides, meta) {
+      const slidesEl = document.getElementById('slides');
+      const kicker = meta.kicker || '';
+      const chip = meta.chip || '';
+      const page = meta.page || '';
+      // Set launch title from first slide
+      const firstTitle = slides[0] && slides[0].title;
+      if (firstTitle) document.getElementById('launchTitle').textContent = firstTitle + '（全屏）';
+      document.title = firstTitle || 'Slide Deck';
+      slides.forEach((item, idx) => {
+        const article = document.createElement('article');
+        const classes = ['slide'];
+        if (idx === 0) classes.push('active');
+        if (item.type === 'cover') classes.push('cover-slide');
+        if (item.type === 'statement') classes.push('statement-only');
+        if (item.type === 'video') classes.push('video-slide');
+        if (item.type === 'thankyou') classes.push('thankyou');
+        article.className = classes.join(' ');
+        article.dataset.index = String(idx);
+        const axis = document.createElement('div');
+        axis.className = 'axis-bar';
+        const main = document.createElement('div');
+        main.className = 'slide-main';
+        if (item.type === 'cover') {
+          if (item.bg) {
+            main.style.background = `linear-gradient(rgba(0,0,0,0.38), rgba(0,0,0,0.52)), url('${item.bg}') center/cover no-repeat`;
+          }
+        }
+        // Header
+        const header = document.createElement('header');
+        const kickerEl = document.createElement('span');
+        kickerEl.className = 'kicker';
+        kickerEl.textContent = idx === 0 ? (meta.kicker || '') : kicker;
+        const line = document.createElement('span');
+        line.className = 'top-line';
+        const marker = document.createElement('span');
+        marker.className = 'marker';
+        marker.innerHTML = '<i class="fa-solid fa-plus"></i>';
+        header.append(kickerEl, line, marker);
+        // Content
+        const content = document.createElement('div');
+        content.className = 'content';
+        if (item.title) {
+          const heading = document.createElement(idx === 0 ? 'h1' : 'h2');
+          heading.textContent = item.title;
+          content.appendChild(heading);
+        }
+        item.blocks.forEach(block => {
+          if (block && typeof block === 'object' && block.type === 'image') {
+            const wrap = document.createElement('div');
+            wrap.className = 'slide-preview';
+            const img = document.createElement('img');
+            img.src = block.src;
+            if (block.alt) img.alt = block.alt;
+            wrap.appendChild(img);
+            content.appendChild(wrap);
+          } else {
+            const p = document.createElement('p');
+            p.className = 'md-block';
+            p.textContent = block;
+            content.appendChild(p);
+          }
+        });
+        if (item.src) {
+          const video = document.createElement('video');
+          video.src = item.src;
+          video.controls = true;
+          video.playsInline = true;
+          video.preload = 'metadata';
+          content.appendChild(video);
+        }
+        if (item.preview) {
+          const wrap = document.createElement('div');
+          wrap.className = 'slide-preview';
+          const img = document.createElement('img');
+          img.src = item.preview;
+          wrap.appendChild(img);
+          content.appendChild(wrap);
+        }
+        // Footer
+        const footer = document.createElement('footer');
+        const chipEl = document.createElement('span');
+        chipEl.className = 'chip';
+        chipEl.textContent = chip;
+        const pageEl = document.createElement('span');
+        pageEl.className = 'page';
+        pageEl.textContent = idx === 0 ? (meta.coverPage || page) : page;
+        footer.append(chipEl, pageEl);
+        main.append(header, content, footer);
+        article.append(axis, main);
+        slidesEl.appendChild(article);
+      });
+    }
+    // ─── Navigation ────────────────────────────────────────────────────────────
+    function initNav() {
+      const slides = Array.from(document.querySelectorAll('.slide'));
+      const launchLayer = document.getElementById('launchLayer');
+      const launchBtn = document.getElementById('launchBtn');
+      let index = 0;
+      let touchStartX = 0;
+      function render(next) {
+        index = Math.max(0, Math.min(slides.length - 1, next));
+        slides.forEach((s, i) => {
+          s.classList.toggle('active', i === index);
+          if (i !== index) {
+            const v = s.querySelector('video');
+            if (v && !v.paused) v.pause();
+          }
+        });
+      }
+      function getFS() { return document.fullscreenElement || document.webkitFullscreenElement || null; }
+      async function reqFS() {
+        if (getFS()) return;
+        const r = document.documentElement;
+        const fn = r.requestFullscreen || r.webkitRequestFullscreen;
+        if (fn) try { await fn.call(r); } catch(e) {}
+      }
+      async function toggleFS() {
+        if (getFS()) {
+          const fn = document.exitFullscreen || document.webkitExitFullscreen;
+          if (fn) try { await fn.call(document); } catch(e) {}
+        } else { await reqFS(); }
+      }
+      function hideLL() {
+        if (!launchLayer || launchLayer.classList.contains('hidden')) return;
+        launchLayer.classList.add('hidden');
+        setTimeout(() => { if (launchLayer.parentNode) launchLayer.parentNode.removeChild(launchLayer); }, 240);
+      }
+      async function startPres(e) {
+        if (e) { e.preventDefault(); e.stopPropagation(); }
+        await reqFS(); hideLL();
+      }
+      window.addEventListener('keydown', e => {
+        if (e.key === 'Enter' && launchLayer && !launchLayer.classList.contains('hidden')) { startPres(e); return; }
+        if (e.key === 'f' || e.key === 'F') { e.preventDefault(); toggleFS(); return; }
+        if (e.key === 'ArrowRight' || e.key === 'PageDown' || e.key === ' ') { e.preventDefault(); render(index + 1); }
+        if (e.key === 'ArrowLeft' || e.key === 'PageUp') { e.preventDefault(); render(index - 1); }
+        if (e.key === 'Home') { e.preventDefault(); render(0); }
+        if (e.key === 'End') { e.preventDefault(); render(slides.length - 1); }
+      });
+      document.addEventListener('click', e => {
+        if (launchLayer && !launchLayer.classList.contains('hidden')) return;
+        if (e.target.closest('video')) return;
+        e.clientX > window.innerWidth * 0.5 ? render(index + 1) : render(index - 1);
+      });
+      document.addEventListener('touchstart', e => {
+        if (e.changedTouches.length) touchStartX = e.changedTouches[0].clientX;
+      }, { passive: true });
+      document.addEventListener('touchend', e => {
+        if (launchLayer && !launchLayer.classList.contains('hidden')) return;
+        if (!e.changedTouches.length) return;
+        const d = e.changedTouches[0].clientX - touchStartX;
+        if (Math.abs(d) < 30) return;
+        d < 0 ? render(index + 1) : render(index - 1);
+      }, { passive: true });
+      if (launchBtn) launchBtn.addEventListener('click', e => startPres(e));
+      if (launchLayer) launchLayer.addEventListener('click', e => { if (e.target === launchLayer) startPres(e); });
+      render(0);
+    }
+    // ─── Boot: fetch slides.md ──────────────────────────────────────────────────
+    fetch('slides.md')
+      .then(r => r.text())
+      .then(text => {
+        const { meta, body } = parseFrontmatter(text);
+        const slides = parseSlides(body);
+        buildDeck(slides, meta);
+        initNav();
+      })
+      .catch(err => {
+        document.body.innerHTML = `<div style="padding:40px;font-family:monospace;color:red">
+          Failed to load slides.md<br>${err.message}
+        </div>`;
+      });
+  })();
+  </script>
+</body>
+</html>