zerg-ztc 0.1.11 → 0.1.12

package/src/ui/web/frame_render.tsx

@@ -1,148 +0,0 @@
-import React, { useMemo } from 'react';
-import { LayoutNode, LayoutFrame, computeLayout } from '../core/index.js';
-
-type BadgeInfo = {
-  type: 'paste' | 'file' | 'image';
-  preview: string;
-  full: string;
-  path?: string;
-};
-
-interface FrameRendererProps {
-  node: LayoutNode;
-  cols: number;
-  rows: number;
-  cellWidth: number;
-  cellHeight: number;
-  debugBorders?: boolean;
-  onBadgeHover?: (badge: BadgeInfo, x: number, y: number) => void;
-  onBadgeLeave?: () => void;
-  onBadgeClick?: (badge: BadgeInfo, x: number, y: number) => void;
-  onBadgeDblClick?: (badge: BadgeInfo, x: number, y: number) => void;
-}
-
-function colorMap(color?: string): string {
-  const map: Record<string, string> = {
-    gray: '#9a9a9a',
-    magenta: '#c084fc',
-    yellow: '#facc15',
-    green: '#34d399',
-    red: '#f87171',
-    cyan: '#67e8f9',
-    blue: '#60a5fa',
-    white: '#e5e7eb'
-  };
-  return map[color || ''] || color || '#e6e6e6';
-}
-
-function renderFrame(
-  frame: LayoutFrame,
-  keyPrefix: string,
-  cellWidth: number,
-  cellHeight: number,
-  debugBorders: boolean,
-  onBadgeHover?: (badge: BadgeInfo, x: number, y: number) => void,
-  onBadgeLeave?: () => void,
-  onBadgeClick?: (badge: BadgeInfo, x: number, y: number) => void,
-  onBadgeDblClick?: (badge: BadgeInfo, x: number, y: number) => void,
-  offsetX = 0,
-  offsetY = 0,
-  out: React.ReactElement[] = []
-): React.ReactElement[] {
-  const x = offsetX + frame.x;
-  const y = offsetY + frame.y;
-  const keyBase = `${keyPrefix}-${x}-${y}`;
-
-  if (frame.node.type === 'text') {
-    const style = frame.node.style || {};
-    if (debugBorders) {
-      out.push(
-        <div
-          key={`${keyBase}-debug`}
-          style={{
-            position: 'absolute',
-            left: x * cellWidth,
-            top: y * cellHeight,
-            width: frame.width * cellWidth,
-            height: frame.height * cellHeight,
-            borderStyle: 'dashed',
-            borderWidth: 1,
-            borderColor: '#3a3a3a',
-            pointerEvents: 'none'
-          }}
-        />
-      );
-    }
-    const badge = style.badge;
-    out.push(
-      <span
-        key={`${keyBase}-text`}
-        style={{
-          position: 'absolute',
-          left: x * cellWidth,
-          top: y * cellHeight,
-          color: style.inverse ? '#111' : colorMap(style.color),
-          fontWeight: style.bold ? 600 : undefined,
-          opacity: style.dimColor ? 0.6 : undefined,
-          background: style.inverse ? '#e6e6e6' : undefined,
-          colorScheme: 'only light',
-          cursor: badge ? 'pointer' : undefined
-        }}
-        title={badge?.preview || undefined}
-        onMouseEnter={badge ? (evt) => onBadgeHover?.(badge, evt.clientX, evt.clientY) : undefined}
-        onMouseLeave={badge ? () => onBadgeLeave?.() : undefined}
-        onClick={badge ? (evt) => onBadgeClick?.(badge, evt.clientX, evt.clientY) : undefined}
-        onDoubleClick={badge ? (evt) => onBadgeDblClick?.(badge, evt.clientX, evt.clientY) : undefined}
-      >
-        {frame.node.text}
-      </span>
-    );
-    return out;
-  }
-
-  if (frame.node.type === 'box' && (frame.node.style?.borderStyle || debugBorders)) {
-    out.push(
-      <div
-        key={`${keyBase}-border`}
-        style={{
-          position: 'absolute',
-          left: x * cellWidth,
-          top: y * cellHeight,
-          width: frame.width * cellWidth,
-          height: frame.height * cellHeight,
-          borderStyle: frame.node.style?.borderStyle ? 'solid' : 'dashed',
-          borderWidth: 1,
-          borderColor: colorMap(frame.node.style?.borderColor || '#3a3a3a'),
-          pointerEvents: 'none'
-        }}
-      />
-    );
-  }
-
-  frame.children.forEach((child, idx) => {
-    renderFrame(child, `${keyBase}-${idx}`, cellWidth, cellHeight, debugBorders, onBadgeHover, onBadgeLeave, onBadgeClick, onBadgeDblClick, x, y, out);
-  });
-
-  return out;
-}
-
-export const WebFrameRenderer: React.FC<FrameRendererProps> = ({
-  node,
-  cols,
-  rows,
-  cellWidth,
-  cellHeight,
-  debugBorders = false,
-  onBadgeHover,
-  onBadgeLeave,
-  onBadgeClick,
-  onBadgeDblClick
-}) => {
-  const frame = useMemo(() => computeLayout(node, cols, rows), [node, cols, rows]);
-  const elements = useMemo(
-    () => renderFrame(frame, 'root', cellWidth, cellHeight, debugBorders, onBadgeHover, onBadgeLeave, onBadgeClick, onBadgeDblClick),
-    [frame, cellWidth, cellHeight, debugBorders, onBadgeHover, onBadgeLeave, onBadgeClick, onBadgeDblClick]
-  );
-
-  return <>{elements}</>;
-};

package/src/ui/web/index.tsx

@@ -1 +0,0 @@
-export { WebNode } from './render.js';

package/src/ui/web/render.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { LayoutNode, TextNode } from '../core/types.js';
-import { toCssStyle } from '../core/style.js';
-
-const monoStyle: React.CSSProperties = {
-  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-  fontSize: 14,
-  lineHeight: '16px',
-  whiteSpace: 'pre'
-};
-
-function renderText(node: TextNode): React.ReactElement {
-  const style: React.CSSProperties = {
-    ...monoStyle,
-    color: node.style?.color,
-    fontWeight: node.style?.bold ? 600 : undefined,
-    opacity: node.style?.dimColor ? 0.6 : undefined,
-    background: node.style?.inverse ? '#111' : undefined,
-    colorScheme: 'only light'
-  };
-  return <span style={style}>{node.text}</span>;
-}
-
-export function WebNode({ node }: { node: LayoutNode }): React.ReactElement {
-  if (node.type === 'text') {
-    return renderText(node);
-  }
-
-  const style = {
-    ...monoStyle,
-    ...toCssStyle(node.style)
-  } as React.CSSProperties;
-
-  return (
-    <div style={style}>
-      {node.children.map((child, index) => (
-        <WebNode key={`${child.type}-${index}`} node={child} />
-      ))}
-    </div>
-  );
-}

package/src/utils/clipboard.ts

@@ -1,39 +0,0 @@
-import { spawn } from 'child_process';
-
-function runPipe(command: string, args: string[], input: string): Promise<void> {
-  return new Promise((resolve, reject) => {
-    const child = spawn(command, args, { stdio: ['pipe', 'ignore', 'pipe'] });
-    let err = '';
-    child.stderr.on('data', chunk => {
-      err += chunk.toString();
-    });
-    child.on('error', reject);
-    child.on('close', (code) => {
-      if (code === 0) resolve();
-      else reject(new Error(err || `Clipboard command failed (${command})`));
-    });
-    child.stdin.write(input);
-    child.stdin.end();
-  });
-}
-
-export async function writeClipboard(text: string): Promise<void> {
-  const platform = process.platform;
-  if (platform === 'darwin') {
-    await runPipe('pbcopy', [], text);
-    return;
-  }
-  if (platform === 'win32') {
-    await runPipe('clip', [], text);
-    return;
-  }
-
-  try {
-    await runPipe('wl-copy', [], text);
-    return;
-  } catch {
-    // fall through
-  }
-
-  await runPipe('xclip', ['-selection', 'clipboard'], text);
-}

package/src/utils/clipboard_image.ts

@@ -1,40 +0,0 @@
-import { execFile } from 'child_process';
-import { promisify } from 'util';
-import { mkdir } from 'fs/promises';
-import { homedir } from 'os';
-import { join } from 'path';
-import { randomUUID } from 'crypto';
-
-const execFileAsync = promisify(execFile);
-
-async function hasCommand(command: string): Promise<boolean> {
-  try {
-    await execFileAsync('which', [command]);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-export async function saveClipboardImage(): Promise<string | null> {
-  if (process.platform !== 'darwin') {
-    return null;
-  }
-
-  const hasPngPaste = await hasCommand('pngpaste');
-  if (!hasPngPaste) {
-    return null;
-  }
-
-  const targetDir = join(homedir(), '.ztc', 'clipboard');
-  await mkdir(targetDir, { recursive: true });
-  const filename = `clipboard-${Date.now()}-${randomUUID().slice(0, 8)}.png`;
-  const targetPath = join(targetDir, filename);
-
-  try {
-    await execFileAsync('pngpaste', [targetPath]);
-    return targetPath;
-  } catch {
-    return null;
-  }
-}