farming-code 2.2.6

package/frontend/skins/crt/styles/search.css

@@ -0,0 +1,271 @@
+#farming-crt .search-area {
+    flex: 1;
+    min-width: 0;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: rgba(0, 10, 5, 0.48);
+}
+
+#farming-crt .search-area.hidden {
+    display: none;
+}
+
+#farming-crt .search-header {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 18px;
+    padding: 0 0 12px;
+    border-bottom: 1px solid var(--crt-border);
+}
+
+#farming-crt .search-header h2 {
+    color: var(--crt-phosphor-bright);
+    font-family: var(--crt-font);
+    font-size: 24px;
+    font-weight: 400;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+}
+
+#farming-crt .search-status,
+#farming-crt .search-footer {
+    color: var(--crt-phosphor-muted);
+    font-family: var(--crt-font);
+    font-size: 10px;
+    letter-spacing: 0.06em;
+}
+
+#farming-crt .search-status {
+    flex: 0 0 auto;
+    padding: 4px 7px;
+    border: 1px solid rgba(12, 204, 104, 0.32);
+}
+
+#farming-crt .search-status.is-busy::before {
+    content: "* ";
+    color: var(--crt-phosphor-bright);
+    animation: crt-search-pulse 0.8s steps(2, end) infinite;
+}
+
+#farming-crt .search-status.is-error {
+    color: #ef6f6f;
+    border-color: rgba(239, 111, 111, 0.5);
+}
+
+#farming-crt .search-query {
+    flex: 0 0 auto;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) 8px;
+    align-items: center;
+    gap: 9px;
+    margin: 14px 0 6px;
+    padding: 9px 11px;
+    border: 1px solid var(--crt-border);
+    background: rgba(0, 20, 9, 0.72);
+    box-shadow: inset 0 0 12px rgba(12, 204, 104, 0.06);
+}
+
+#farming-crt .search-query:focus-within {
+    border-color: var(--crt-phosphor-bright);
+    box-shadow:
+        inset 0 0 12px rgba(12, 204, 104, 0.08),
+        0 0 7px rgba(12, 204, 104, 0.16);
+}
+
+#farming-crt .search-prompt {
+    color: var(--crt-phosphor-bright);
+    font-family: var(--crt-terminal-font);
+    font-size: 14px;
+}
+
+#farming-crt #crt-search-input {
+    width: 100%;
+    min-width: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    color: var(--crt-phosphor-bright);
+    background: transparent;
+    box-shadow: none;
+    font-family: var(--crt-terminal-font);
+    font-size: 14px;
+    line-height: 1.4;
+    text-transform: none;
+}
+
+#farming-crt #crt-search-input::placeholder {
+    color: rgba(12, 204, 104, 0.38);
+}
+
+#farming-crt #crt-search-input::-webkit-search-cancel-button {
+    display: none;
+}
+
+#farming-crt .search-cursor {
+    width: 7px;
+    height: 15px;
+    background: var(--crt-phosphor-bright);
+    opacity: 0;
+}
+
+#farming-crt .search-query:focus-within .search-cursor {
+    opacity: 1;
+    animation: crt-search-cursor 1s steps(2, end) infinite;
+}
+
+#farming-crt .search-list {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    scrollbar-color: var(--crt-border) transparent;
+    scrollbar-width: thin;
+}
+
+#farming-crt .search-row {
+    width: 100%;
+    min-height: 68px;
+    display: grid;
+    grid-template-columns: 40px minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 12px;
+    padding: 9px 12px;
+    border: 0;
+    border-bottom: 1px solid rgba(12, 204, 104, 0.32);
+    color: var(--crt-phosphor);
+    background: transparent;
+    box-shadow: none;
+    font-family: var(--crt-terminal-font);
+    text-align: left;
+}
+
+#farming-crt .search-row:hover,
+#farming-crt .search-row.is-selected {
+    background: rgba(12, 204, 104, 0.09);
+    box-shadow:
+        inset 3px 0 var(--crt-phosphor-bright),
+        inset 0 0 12px rgba(12, 204, 104, 0.07);
+}
+
+#farming-crt .search-row.is-pending {
+    opacity: 0.62;
+}
+
+#farming-crt .search-row-index {
+    color: var(--crt-phosphor-muted);
+    font-size: 11px;
+    letter-spacing: 0.08em;
+}
+
+#farming-crt .search-row-copy {
+    min-width: 0;
+}
+
+#farming-crt .search-row-title {
+    display: block;
+    width: max-content;
+    max-width: 100%;
+    overflow: hidden;
+    color: var(--crt-phosphor-bright);
+    font-size: 15px;
+    line-height: 1.35;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#farming-crt .search-row.is-selected .search-row-title {
+    color: #001409;
+    background: var(--crt-phosphor-bright);
+    text-shadow: none;
+}
+
+#farming-crt .search-row-meta {
+    display: block;
+    overflow: hidden;
+    margin-top: 5px;
+    color: var(--crt-phosphor-muted);
+    font-size: 12px;
+    line-height: 1.35;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#farming-crt .search-row-action {
+    min-width: 70px;
+    padding: 5px 8px;
+    border: 1px solid var(--crt-border);
+    color: var(--crt-phosphor);
+    font-family: var(--crt-font);
+    font-size: 10px;
+    text-align: center;
+    text-transform: uppercase;
+}
+
+#farming-crt .search-message {
+    padding: 28px 12px;
+    color: var(--crt-phosphor-muted);
+    font-family: var(--crt-terminal-font);
+    font-size: 13px;
+}
+
+#farming-crt .search-message.is-error {
+    color: #ef6f6f;
+}
+
+#farming-crt .search-footer {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 10px 12px 0;
+    border-top: 1px solid var(--crt-border);
+}
+
+#farming-crt #search-sidebar-item.active {
+    color: #001409;
+    background: var(--crt-phosphor-bright);
+    text-shadow: none;
+}
+
+#farming-crt #search-sidebar-item.active .key {
+    color: #001409;
+}
+
+@keyframes crt-search-cursor {
+    0%, 45% { opacity: 1; }
+    46%, 100% { opacity: 0; }
+}
+
+@keyframes crt-search-pulse {
+    0%, 49% { opacity: 1; }
+    50%, 100% { opacity: 0.35; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    #farming-crt .search-cursor,
+    #farming-crt .search-status.is-busy::before {
+        animation: none;
+    }
+}
+
+@media (max-width: 820px) {
+    #farming-crt .search-area {
+        padding: 12px;
+    }
+
+    #farming-crt .search-footer {
+        display: none;
+    }
+
+    #farming-crt .search-row {
+        grid-template-columns: 32px minmax(0, 1fr);
+    }
+
+    #farming-crt .search-row-action {
+        display: none;
+    }
+}

package/frontend/terminal-bridge.js

@@ -0,0 +1,192 @@
+(function attachTerminalBridge(global) {
+  const DEFAULT_THEME = {
+    background: '#050505',
+    foreground: '#00ff41',
+    cursor: '#00ff41',
+    cursorAccent: '#050505',
+    selectionBackground: 'rgba(0, 255, 65, 0.28)',
+    black: '#0b160d',
+    red: '#ff4d4d',
+    green: '#39ff88',
+    yellow: '#f2ff66',
+    blue: '#59c3ff',
+    magenta: '#ff5fd2',
+    cyan: '#7dfff6',
+    white: '#d4ffe7',
+    brightBlack: '#24512d',
+    brightRed: '#ff7a7a',
+    brightGreen: '#69ffb2',
+    brightYellow: '#f7ff8f',
+    brightBlue: '#8ed6ff',
+    brightMagenta: '#ff8de1',
+    brightCyan: '#a9fff9',
+    brightWhite: '#f3fff8',
+  };
+  const DEFAULT_FONT_FAMILY = [
+    '"JetBrains Mono"',
+    '"SF Mono"',
+    'Menlo',
+    'Monaco',
+    '"Cascadia Mono"',
+    '"Segoe UI Mono"',
+    '"Sarasa Mono SC"',
+    '"PingFang SC"',
+    '"Hiragino Sans GB"',
+    '"Noto Sans Mono CJK SC"',
+    '"Microsoft YaHei UI"',
+    'monospace',
+  ].join(', ');
+
+  function preferredEngine() {
+    try {
+      return global.localStorage.getItem('farmingTerminalEngine') === 'ghostty'
+        ? 'ghostty'
+        : 'xterm';
+    } catch {
+      return 'xterm';
+    }
+  }
+
+  function ensureXtermLibrary() {
+    if (global.Terminal && global.FitAddon && global.FitAddon.FitAddon) {
+      return {
+        Terminal: global.Terminal,
+        FitAddon: global.FitAddon.FitAddon,
+      };
+    }
+    return null;
+  }
+
+  function ensureXtermWebglLibrary() {
+    if (global.WebglAddon && global.WebglAddon.WebglAddon) {
+      return global.WebglAddon.WebglAddon;
+    }
+    return null;
+  }
+
+  function supportsWebgl2() {
+    try {
+      const canvas = global.document && global.document.createElement
+        ? global.document.createElement('canvas')
+        : null;
+      const context = canvas && canvas.getContext('webgl2');
+      if (!context) return false;
+      context.getExtension?.('WEBGL_lose_context')?.loseContext();
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+  async function ensureGhosttyLibrary() {
+    if (global.GhosttyWeb && global.GhosttyWeb.Terminal) {
+      return global.GhosttyWeb;
+    }
+
+    if (global.__ghosttyReadyPromise) {
+      try {
+        const ghostty = await Promise.race([
+          global.__ghosttyReadyPromise,
+          new Promise((resolve) => setTimeout(() => resolve(null), 1500)),
+        ]);
+        if (ghostty && ghostty.Terminal) {
+          return ghostty;
+        }
+      } catch (error) {
+        console.error('Ghostty loader promise failed:', error);
+      }
+    }
+
+    return null;
+  }
+
+  async function createInstance(options = {}) {
+    const theme = options.theme || DEFAULT_THEME;
+    const baseOptions = {
+      fontSize: options.fontSize || 14,
+      fontFamily: options.fontFamily || DEFAULT_FONT_FAMILY,
+      cursorBlink: options.cursorBlink || false,
+      disableStdin: options.disableStdin === true,
+      scrollback: options.scrollback || 20000,
+    };
+
+    if (!options.requireWebgl && preferredEngine() === 'ghostty') {
+      const ghostty = await ensureGhosttyLibrary();
+      if (!ghostty || !ghostty.Terminal) {
+        console.error('Ghostty terminal is unavailable.');
+        return null;
+      }
+      return {
+        kind: 'ghostty',
+        terminal: new ghostty.Terminal({
+          ...baseOptions,
+          theme,
+          smoothScrollDuration: options.smoothScrollDuration || 120,
+          disableStdin: options.disableStdin !== undefined ? options.disableStdin : true,
+        }),
+        fitAddon: new ghostty.FitAddon(),
+      };
+    }
+
+    const xterm = ensureXtermLibrary();
+    if (!xterm) {
+      console.error('xterm terminal is unavailable.');
+      return null;
+    }
+    const terminal = new xterm.Terminal({
+        ...baseOptions,
+        allowProposedApi: true,
+        altClickMovesCursor: false,
+        cols: 80,
+        convertEol: true,
+        cursorStyle: 'block',
+        drawBoldTextInBrightColors: false,
+        lineHeight: 1.18,
+        macOptionClickForcesSelection: true,
+        minimumContrastRatio: 4.5,
+        rows: 30,
+        scrollOnEraseInDisplay: true,
+        scrollOnUserInput: true,
+        smoothScrollDuration: 0,
+        theme,
+      });
+    const bundle = {
+      kind: 'xterm',
+      terminal,
+      fitAddon: new xterm.FitAddon(),
+    };
+
+    if (options.requireWebgl) {
+      const WebglAddon = ensureXtermWebglLibrary();
+      if (!WebglAddon) {
+        throw new Error('Farming CRT requires the xterm WebGL addon.');
+      }
+      if (!supportsWebgl2()) {
+        throw new Error('Farming CRT requires WebGL2 hardware acceleration.');
+      }
+      // Keep xterm on its default disposable framebuffer. Preserving every frame
+      // makes terminal input compete with CRT post-processing for GPU bandwidth.
+      const webglAddon = new WebglAddon();
+      if (webglAddon.onContextLoss && options.onWebglContextLoss) {
+        webglAddon.onContextLoss(options.onWebglContextLoss);
+      }
+      terminal.loadAddon(webglAddon);
+      bundle.kind = 'xterm-webgl';
+      bundle.webglAddon = webglAddon;
+    }
+
+    return bundle;
+  }
+
+  global.FarmingTerminalBridge = {
+    DEFAULT_THEME,
+    DEFAULT_FONT_FAMILY,
+    preferredEngine,
+    ensureLibrary: ensureGhosttyLibrary,
+    ensureGhosttyLibrary,
+    ensureXtermLibrary,
+    ensureXtermWebglLibrary,
+    supportsWebgl2,
+    createInstance,
+  };
+})(window);

package/frontend/theme-loader.js

@@ -0,0 +1,84 @@
+let currentTheme = 'terminal';
+
+async function loadTheme(themeId) {
+  try {
+    const path = window.FarmingRuntimePaths
+      ? window.FarmingRuntimePaths.apiPath(`/themes/${themeId}`)
+      : `/api/themes/${themeId}`;
+    const response = await fetch(path);
+    const data = await response.json();
+    
+    if (data.css) {
+      // 移除旧主题样式
+      const oldStyle = document.getElementById('theme-style');
+      if (oldStyle) {
+        oldStyle.remove();
+      }
+      
+      // 添加新主题样式
+      const styleElement = document.createElement('style');
+      styleElement.id = 'theme-style';
+      styleElement.textContent = data.css;
+      document.head.appendChild(styleElement);
+      
+      currentTheme = themeId;
+      console.log('Theme loaded:', themeId);
+    }
+  } catch (error) {
+    console.error('Failed to load theme:', error);
+  }
+}
+
+async function getAllThemes() {
+  try {
+    const path = window.FarmingRuntimePaths
+      ? window.FarmingRuntimePaths.apiPath('/themes')
+      : '/api/themes';
+    const response = await fetch(path);
+    return await response.json();
+  } catch (error) {
+    console.error('Failed to get themes:', error);
+    return { themes: [], current: 'terminal' };
+  }
+}
+
+async function setTheme(themeId) {
+  try {
+    const path = window.FarmingRuntimePaths
+      ? window.FarmingRuntimePaths.apiPath(`/themes/${themeId}/set`)
+      : `/api/themes/${themeId}/set`;
+    const response = await fetch(path, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    });
+    
+    const data = await response.json();
+    
+    if (data.success) {
+      await loadTheme(themeId);
+      return true;
+    }
+  } catch (error) {
+    console.error('Failed to set theme:', error);
+  }
+  
+  return false;
+}
+
+// 初始化时加载当前主题
+async function initTheme() {
+  const themesData = await getAllThemes();
+  if (themesData.current) {
+    await loadTheme(themesData.current);
+  }
+}
+
+module.exports = {
+  loadTheme,
+  getAllThemes,
+  setTheme,
+  initTheme,
+  getCurrentTheme: () => currentTheme
+};

package/frontend/themes/terminal/theme.json

@@ -0,0 +1,24 @@
+{
+  "name": "terminal",
+  "displayName": "Farming CRT",
+  "description": "Classic terminal CRT style with scanlines and green phosphor",
+  "version": "1.0.0",
+  "author": "Farming Team",
+  "features": {
+    "scanlines": true,
+    "screenCurve": true,
+    "textGlow": true
+  },
+  "colors": {
+    "background": "#0f0f0f",
+    "foreground": "#00ff00",
+    "primary": "#00ff00",
+    "secondary": "#00ffff",
+    "warning": "#ff8800",
+    "error": "#ff0000",
+    "info": "#0088ff"
+  },
+  "defaultSettings": {
+    "crtEffects": true
+  }
+}

package/frontend/vendor/ghostty-web/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Coder
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/frontend/vendor/ghostty-web/__vite-browser-external-2447137e.js

@@ -0,0 +1,4 @@
+const e = {};
+export {
+  e as default
+};