npm - @bytechain.cn/colamd - Versions diffs - 1.5.0 - Mend

@bytechain.cn/colamd 1.5.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 (157) hide show

package/resources/templates/slides/template.html ADDED Viewed

@@ -0,0 +1,535 @@
+<!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: #FFFCF8;
+      --ink: #1A1918;
+      --accent: #F1752D;
+      --accent-soft: rgba(241,117,45,0.1);
+      --gray-200: #E9E4DE;
+      --gray-500: #78716C;
+      --gray-600: #57534E;
+      --gray-900: #1A1918;
+    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html, body {
+      width: 100%; height: 100%; overflow: hidden;
+      background:
+        radial-gradient(circle at 10% 12%, rgba(241,117,45,0.06) 0, rgba(241,117,45,0) 42%),
+        radial-gradient(circle at 88% 84%, rgba(223,116,54,0.06) 0, rgba(223,116,54,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,25,24,0.012) 0, rgba(26,25,24,0.012) 1px, transparent 1px, transparent 4px),
+        repeating-linear-gradient(90deg, rgba(26,25,24,0.008) 0, rgba(26,25,24,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,25,24,0.22), 0 8px 24px rgba(26,25,24,0.12), 0 2px 6px rgba(26,25,24,0.08);
+      background: linear-gradient(180deg, rgba(255,255,255,0.56), rgba(247,243,238,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(241,117,45,0.12) 34% 100%);
+      box-shadow: inset -1px 0 rgba(26,25,24,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(241,117,45,0.5), rgba(241,117,45,0)); }
+    .marker { color: rgba(241,117,45,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-size: clamp(64px,7vw,130px); color: var(--accent); font-weight: 900;
+      text-shadow: 0 4px 24px rgba(241,117,45,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(241,117,45,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(255,252,248,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,25,24,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(255,252,248,0.97), rgba(247,243,238,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>

package/scripts/afterPack.js ADDED Viewed

@@ -0,0 +1,13 @@
+const { execSync } = require('child_process')
+const path = require('path')
+exports.default = async function (context) {
+  if (process.platform !== 'darwin') return
+  const appPath = path.join(context.appOutDir, `${context.packager.appInfo.productFilename}.app`)
+  console.log(`Cleaning extended attributes and resource forks from ${appPath}`)
+  // Remove extended attributes
+  execSync(`xattr -cr "${appPath}"`)
+  // Remove HFS+ resource forks that xattr -cr doesn't handle
+  execSync(`find "${appPath}" -type f -exec sh -c 'cat /dev/null > "$1/..namedfork/rsrc" 2>/dev/null; true' _ {} \\;`)
+}