edsger 0.76.0 → 0.78.0

package/dist/services/skill-resolver.js

@@ -1,123 +0,0 @@
-/**
- * Skill resolver — resolves SKILL.md files using a layered priority chain:
- *
- * 1. Project override:  {projectDir}/.claude/skills/edsger/{skillRef}/SKILL.md
- * 2. User override:     ~/.claude/skills/edsger/{skillRef}/SKILL.md
- * 3. Plugin cache:      edsger-skills plugin in ~/.claude/plugins/cache/
- * 4. Bundled:           shipped SKILL.md files in dist/skills/
- *
- * This enables users to customize phase prompts at project or personal level
- * while keeping a default from the edsger-skills plugin.
- */
-import fs from 'node:fs/promises';
-import os from 'node:os';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import matter from 'gray-matter';
-import { logDebug } from '../utils/logger.js';
-import { loadSkillFile } from './phase-hooks/plugin-loader.js';
-/**
- * Path to bundled SKILL.md files shipped with the edsger package.
- * These are copied into dist/skills/ at build time.
- */
-let _bundledSkillsDir = null;
-function getBundledSkillsDir() {
-    if (!_bundledSkillsDir) {
-        // dist/services/skill-resolver.js → dist/skills/
-        // Use fileURLToPath, not URL.pathname — the latter is percent-encoded,
-        // which breaks fs.readFile when the install path contains spaces (e.g.
-        // macOS `~/Library/Application Support/edsger-desktop/...`).
-        const thisDir = path.dirname(fileURLToPath(import.meta.url));
-        _bundledSkillsDir = path.resolve(thisDir, '..', 'skills');
-    }
-    return _bundledSkillsDir;
-}
-/**
- * Resolve a skill by searching the layered override chain:
- *
- * 1. Project override:  {projectDir}/.claude/skills/edsger/{skillRef}/SKILL.md
- * 2. User override:     ~/.claude/skills/edsger/{skillRef}/SKILL.md
- * 3. Plugin cache:      edsger-skills plugin in ~/.claude/plugins/cache/
- * 4. Bundled:           shipped SKILL.md files in packages/edsger-skills/skills/
- *
- * @param skillRef  Relative path like "phase/issue-analysis"
- * @param options   Optional project dir and verbosity
- */
-export async function resolveSkill(skillRef, options) {
-    const { projectDir, verbose } = options ?? {};
-    // 1. Project-level override
-    if (projectDir) {
-        const projectPath = path.join(projectDir, '.claude', 'skills', 'edsger', skillRef, 'SKILL.md');
-        const result = await tryReadSkillFile(projectPath, verbose);
-        if (result) {
-            return { ...result, source: 'project', sourcePath: projectPath };
-        }
-    }
-    // 2. User-level override
-    const userPath = path.join(os.homedir(), '.claude', 'skills', 'edsger', skillRef, 'SKILL.md');
-    const userResult = await tryReadSkillFile(userPath, verbose);
-    if (userResult) {
-        return { ...userResult, source: 'user', sourcePath: userPath };
-    }
-    // 3. Plugin cache (edsger-skills plugin)
-    const pluginResult = await loadSkillFile('edsger-skills', skillRef, verbose);
-    if (pluginResult) {
-        return {
-            prompt: pluginResult.body,
-            frontmatter: pluginResult.frontmatter,
-            source: 'plugin',
-        };
-    }
-    // 4. Bundled SKILL.md (shipped with edsger package)
-    const bundledPath = path.join(getBundledSkillsDir(), skillRef, 'SKILL.md');
-    const bundledResult = await tryReadSkillFile(bundledPath, verbose);
-    if (bundledResult) {
-        return { ...bundledResult, source: 'bundled', sourcePath: bundledPath };
-    }
-    return null;
-}
-/**
- * Process conditional blocks in a skill template.
- *
- * Supports two forms:
- * - `<!-- if:varName -->...<!-- endif -->`   — included when varName is truthy
- * - `<!-- if:!varName -->...<!-- endif -->`  — included when varName is falsy
- */
-export function processConditionals(template, vars) {
-    return template.replace(/<!-- if:(!?)(\w+) -->([\s\S]*?)<!-- endif -->/g, (_, negation, varName, content) => {
-        const value = vars[varName] ?? false;
-        const shouldInclude = negation === '!' ? !value : value;
-        return shouldInclude ? content : '';
-    });
-}
-/**
- * Replace $VARIABLE placeholders in a skill template with runtime values.
- */
-export function substituteVariables(template, vars) {
-    let result = template;
-    for (const [key, value] of Object.entries(vars)) {
-        result = result.replaceAll(`$${key}`, value);
-    }
-    return result;
-}
-// ---- Internal helpers ----
-async function tryReadSkillFile(filePath, verbose) {
-    try {
-        const raw = await fs.readFile(filePath, 'utf-8');
-        const parsed = matter(raw);
-        const frontmatter = parsed.data;
-        const body = parsed.content.trim();
-        if (verbose) {
-            logDebug(`Loaded skill override: ${filePath}`, verbose);
-        }
-        return { prompt: body, frontmatter };
-    }
-    catch (error) {
-        if (error.code !== 'ENOENT') {
-            if (verbose) {
-                logDebug(`Failed to read skill file ${filePath}: ${error instanceof Error ? error.message : String(error)}`, verbose);
-            }
-        }
-        return null;
-    }
-}

package/dist/services/video/device-frames.d.ts

@@ -1,34 +0,0 @@
-/**
- * Device frame templates for professional screenshot presentation.
- * Wraps raw screenshots in realistic device mockups (MacBook, iPhone, browser window).
- */
-/** Supported device frame types */
-export type DeviceFrameType = 'macbook' | 'iphone' | 'ipad' | 'browser' | 'none';
-/** Device presets with recommended viewport sizes */
-export declare const DEVICE_PRESETS: Record<Exclude<DeviceFrameType, 'none'>, {
-    viewportWidth: number;
-    viewportHeight: number;
-    label: string;
-}>;
-/**
- * Generate an HTML page that wraps a screenshot image in a device frame.
- * The result is rendered via Playwright to produce the final framed image.
- *
- * @param screenshotDataUrl - base64 data URL of the screenshot image
- * @param deviceType - device frame type to apply
- * @param options - additional customization options
- */
-export declare function generateDeviceFrameHtml(screenshotDataUrl: string, deviceType: DeviceFrameType, options?: {
-    /** Background color/gradient behind the device */
-    background?: string;
-    /** Whether to add a subtle shadow */
-    shadow?: boolean;
-    /** Title for the browser tab (browser frame only) */
-    browserTitle?: string;
-    /** URL to show in the browser address bar (browser frame only) */
-    browserUrl?: string;
-    /** Custom canvas width (defaults vary by device type) */
-    canvasWidth?: number;
-    /** Custom canvas height (defaults vary by device type) */
-    canvasHeight?: number;
-}): string;

package/dist/services/video/device-frames.js

@@ -1,513 +0,0 @@
-/**
- * Device frame templates for professional screenshot presentation.
- * Wraps raw screenshots in realistic device mockups (MacBook, iPhone, browser window).
- */
-/** Device presets with recommended viewport sizes */
-export const DEVICE_PRESETS = {
-    macbook: { viewportWidth: 1280, viewportHeight: 800, label: 'MacBook Pro' },
-    iphone: { viewportWidth: 390, viewportHeight: 844, label: 'iPhone 15 Pro' },
-    ipad: { viewportWidth: 1024, viewportHeight: 1366, label: 'iPad Pro 12.9"' },
-    browser: {
-        viewportWidth: 1280,
-        viewportHeight: 720,
-        label: 'Browser Window',
-    },
-};
-/**
- * Generate an HTML page that wraps a screenshot image in a device frame.
- * The result is rendered via Playwright to produce the final framed image.
- *
- * @param screenshotDataUrl - base64 data URL of the screenshot image
- * @param deviceType - device frame type to apply
- * @param options - additional customization options
- */
-export function generateDeviceFrameHtml(screenshotDataUrl, deviceType, options) {
-    const { background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', shadow = true, browserTitle = 'Edsger', browserUrl = 'app.edsger.ai', canvasWidth, canvasHeight, } = options || {};
-    switch (deviceType) {
-        case 'macbook':
-            return generateMacBookFrame(screenshotDataUrl, background, shadow, canvasWidth ?? 1600, canvasHeight ?? 1000);
-        case 'iphone':
-            return generateIPhoneFrame(screenshotDataUrl, background, shadow, canvasWidth ?? 800, canvasHeight ?? 1200);
-        case 'ipad':
-            return generateIPadFrame(screenshotDataUrl, background, shadow, canvasWidth ?? 900, canvasHeight ?? 1200);
-        case 'browser':
-            return generateBrowserFrame({
-                screenshotDataUrl,
-                background,
-                shadow,
-                title: browserTitle,
-                url: browserUrl,
-                canvasWidth: canvasWidth ?? 1600,
-                canvasHeight: canvasHeight ?? 1000,
-            });
-        case 'none':
-            return generatePlainFrame(screenshotDataUrl, background);
-    }
-}
-function generateMacBookFrame(screenshotDataUrl, background, shadow, canvasWidth, canvasHeight) {
-    return `<!DOCTYPE html>
-<html>
-<head>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    width: ${canvasWidth}px;
-    height: ${canvasHeight}px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${background};
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    overflow: hidden;
-  }
-  .macbook {
-    position: relative;
-    width: 84%;
-  }
-  .screen {
-    background: #1a1a1a;
-    border-radius: 16px 16px 0 0;
-    padding: 20px 20px 0 20px;
-    position: relative;
-    ${shadow ? 'box-shadow: 0 25px 80px rgba(0,0,0,0.4);' : ''}
-  }
-  .screen-bezel {
-    background: #0a0a0a;
-    border-radius: 8px 8px 0 0;
-    overflow: hidden;
-    position: relative;
-  }
-  .camera-notch {
-    position: absolute;
-    top: 6px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 8px;
-    height: 8px;
-    background: #2a2a3a;
-    border-radius: 50%;
-    z-index: 10;
-  }
-  .screen-content img {
-    width: 100%;
-    display: block;
-  }
-  .base {
-    background: linear-gradient(to bottom, #c8c8c8, #a8a8a8);
-    height: 14px;
-    border-radius: 0 0 4px 4px;
-    position: relative;
-  }
-  .base::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 200px;
-    height: 4px;
-    background: linear-gradient(to bottom, #d8d8d8, #b8b8b8);
-    border-radius: 0 0 4px 4px;
-  }
-  .base-bottom {
-    background: linear-gradient(to bottom, #b8b8b8, #989898);
-    height: 6px;
-    margin: 0 80px;
-    border-radius: 0 0 8px 8px;
-  }
-</style>
-</head>
-<body>
-  <div class="macbook">
-    <div class="screen">
-      <div class="camera-notch"></div>
-      <div class="screen-bezel">
-        <div class="screen-content">
-          <img src="${screenshotDataUrl}" alt="screenshot" />
-        </div>
-      </div>
-    </div>
-    <div class="base"></div>
-    <div class="base-bottom"></div>
-  </div>
-</body>
-</html>`;
-}
-function generateIPhoneFrame(screenshotDataUrl, background, shadow, canvasWidth, canvasHeight) {
-    return `<!DOCTYPE html>
-<html>
-<head>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    width: ${canvasWidth}px;
-    height: ${canvasHeight}px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${background};
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    overflow: hidden;
-  }
-  .iphone {
-    position: relative;
-    width: 86%;
-    background: #1a1a1a;
-    border-radius: 54px;
-    padding: 16px;
-    ${shadow ? 'box-shadow: 0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 2px #333;' : ''}
-  }
-  .iphone-inner {
-    background: #000;
-    border-radius: 42px;
-    overflow: hidden;
-    position: relative;
-  }
-  .dynamic-island {
-    position: absolute;
-    top: 12px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 126px;
-    height: 36px;
-    background: #000;
-    border-radius: 20px;
-    z-index: 10;
-  }
-  .screen-content {
-    position: relative;
-  }
-  .screen-content img {
-    width: 100%;
-    display: block;
-    border-radius: 42px;
-  }
-  .home-indicator {
-    position: absolute;
-    bottom: 8px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 140px;
-    height: 5px;
-    background: rgba(255,255,255,0.3);
-    border-radius: 3px;
-    z-index: 10;
-  }
-  /* Side buttons */
-  .button-right {
-    position: absolute;
-    right: -3px;
-    top: 180px;
-    width: 3px;
-    height: 80px;
-    background: #333;
-    border-radius: 0 2px 2px 0;
-  }
-  .button-left-1 {
-    position: absolute;
-    left: -3px;
-    top: 140px;
-    width: 3px;
-    height: 32px;
-    background: #333;
-    border-radius: 2px 0 0 2px;
-  }
-  .button-left-2 {
-    position: absolute;
-    left: -3px;
-    top: 200px;
-    width: 3px;
-    height: 60px;
-    background: #333;
-    border-radius: 2px 0 0 2px;
-  }
-  .button-left-3 {
-    position: absolute;
-    left: -3px;
-    top: 270px;
-    width: 3px;
-    height: 60px;
-    background: #333;
-    border-radius: 2px 0 0 2px;
-  }
-</style>
-</head>
-<body>
-  <div class="iphone">
-    <div class="button-right"></div>
-    <div class="button-left-1"></div>
-    <div class="button-left-2"></div>
-    <div class="button-left-3"></div>
-    <div class="iphone-inner">
-      <div class="dynamic-island"></div>
-      <div class="screen-content">
-        <img src="${screenshotDataUrl}" alt="screenshot" />
-      </div>
-      <div class="home-indicator"></div>
-    </div>
-  </div>
-</body>
-</html>`;
-}
-function generateIPadFrame(screenshotDataUrl, background, shadow, canvasWidth, canvasHeight) {
-    return `<!DOCTYPE html>
-<html>
-<head>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    width: ${canvasWidth}px;
-    height: ${canvasHeight}px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${background};
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    overflow: hidden;
-  }
-  .ipad {
-    position: relative;
-    width: 78%;
-    background: #1a1a1a;
-    border-radius: 28px;
-    padding: 14px;
-    ${shadow ? 'box-shadow: 0 30px 80px rgba(0,0,0,0.5), inset 0 0 0 2px #333;' : ''}
-  }
-  .ipad-inner {
-    background: #000;
-    border-radius: 18px;
-    overflow: hidden;
-    position: relative;
-  }
-  .front-camera {
-    position: absolute;
-    top: 8px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 8px;
-    height: 8px;
-    background: #1a1a2a;
-    border-radius: 50%;
-    z-index: 10;
-  }
-  .screen-content {
-    position: relative;
-  }
-  .screen-content img {
-    width: 100%;
-    display: block;
-    border-radius: 18px;
-  }
-  .home-indicator {
-    position: absolute;
-    bottom: 6px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 160px;
-    height: 5px;
-    background: rgba(255,255,255,0.3);
-    border-radius: 3px;
-    z-index: 10;
-  }
-</style>
-</head>
-<body>
-  <div class="ipad">
-    <div class="ipad-inner">
-      <div class="front-camera"></div>
-      <div class="screen-content">
-        <img src="${screenshotDataUrl}" alt="screenshot" />
-      </div>
-      <div class="home-indicator"></div>
-    </div>
-  </div>
-</body>
-</html>`;
-}
-function generateBrowserFrame(opts) {
-    const { screenshotDataUrl, background, shadow, title, url, canvasWidth, canvasHeight, } = opts;
-    return `<!DOCTYPE html>
-<html>
-<head>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    width: ${canvasWidth}px;
-    height: ${canvasHeight}px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${background};
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    overflow: hidden;
-  }
-  .browser {
-    width: 88%;
-    background: #fff;
-    border-radius: 12px;
-    overflow: hidden;
-    ${shadow ? 'box-shadow: 0 25px 80px rgba(0,0,0,0.3);' : ''}
-  }
-  .titlebar {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding: 12px 16px;
-    background: #e8e8e8;
-    border-bottom: 1px solid #d0d0d0;
-  }
-  .traffic-lights {
-    display: flex;
-    gap: 8px;
-    flex-shrink: 0;
-  }
-  .traffic-light {
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-  }
-  .traffic-light.close { background: #ff5f57; }
-  .traffic-light.minimize { background: #ffbd2e; }
-  .traffic-light.maximize { background: #28c840; }
-  .tab {
-    display: flex;
-    align-items: center;
-    background: #fff;
-    border-radius: 8px 8px 0 0;
-    padding: 6px 16px;
-    font-size: 12px;
-    color: #333;
-    max-width: 200px;
-    border: 1px solid #d0d0d0;
-    border-bottom: none;
-    margin-bottom: -1px;
-  }
-  .tab-title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .toolbar {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 16px;
-    background: #f5f5f5;
-    border-bottom: 1px solid #e0e0e0;
-  }
-  .nav-buttons {
-    display: flex;
-    gap: 4px;
-    flex-shrink: 0;
-  }
-  .nav-btn {
-    width: 28px;
-    height: 28px;
-    border-radius: 6px;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #666;
-    font-size: 16px;
-  }
-  .address-bar {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    background: #fff;
-    border: 1px solid #d0d0d0;
-    border-radius: 8px;
-    padding: 6px 12px;
-    font-size: 13px;
-    color: #333;
-  }
-  .lock-icon {
-    color: #28c840;
-    margin-right: 6px;
-    font-size: 12px;
-  }
-  .url-text {
-    color: #666;
-  }
-  .url-domain {
-    color: #333;
-    font-weight: 500;
-  }
-  .browser-content img {
-    width: 100%;
-    display: block;
-  }
-</style>
-</head>
-<body>
-  <div class="browser">
-    <div class="titlebar">
-      <div class="traffic-lights">
-        <div class="traffic-light close"></div>
-        <div class="traffic-light minimize"></div>
-        <div class="traffic-light maximize"></div>
-      </div>
-      <div class="tab">
-        <span class="tab-title">${escapeHtml(title)}</span>
-      </div>
-    </div>
-    <div class="toolbar">
-      <div class="nav-buttons">
-        <span class="nav-btn">&#8592;</span>
-        <span class="nav-btn">&#8594;</span>
-        <span class="nav-btn">&#8635;</span>
-      </div>
-      <div class="address-bar">
-        <span class="lock-icon">&#128274;</span>
-        <span class="url-text">https://</span><span class="url-domain">${escapeHtml(url)}</span>
-      </div>
-    </div>
-    <div class="browser-content">
-      <img src="${screenshotDataUrl}" alt="screenshot" />
-    </div>
-  </div>
-</body>
-</html>`;
-}
-function generatePlainFrame(screenshotDataUrl, background) {
-    return `<!DOCTYPE html>
-<html>
-<head>
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    width: 1600px;
-    height: 1000px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${background};
-    overflow: hidden;
-  }
-  .screenshot {
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-    max-width: 1400px;
-  }
-  .screenshot img {
-    width: 100%;
-    display: block;
-  }
-</style>
-</head>
-<body>
-  <div class="screenshot">
-    <img src="${screenshotDataUrl}" alt="screenshot" />
-  </div>
-</body>
-</html>`;
-}
-function escapeHtml(str) {
-    return str
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
-}