npm - sondakika - Versions diffs - 2.0.0 → 2.0.2 - Mend

sondakika 2.0.0 → 2.0.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 (25) hide show

package/cli.js +102 -0
package/package.json +9 -2
package/AGENTS.md +0 -184
package/assets/icon.ico +0 -0
package/assets/icon.png +0 -0
package/assets/icon.svg +0 -21
package/build-index.js +0 -1137
package/build.js +0 -1117
package/create-multi-icon.js +0 -47
package/fix-all-issues.js +0 -55
package/fix-all.js +0 -33
package/fix-comprehensive.js +0 -52
package/fix-final.js +0 -54
package/fix-icon.js +0 -32
package/fix-index.js +0 -60
package/fix-syntax.js +0 -53
package/fix-unicode.js +0 -66
package/generate-index.js +0 -1136
package/generate_main.js +0 -338
package/index.js +0 -438
package/src/main/article-preload.js +0 -12
package/src/main/main.js.new +0 -20
package/src/main/preload.js +0 -17
package/src/renderer/article-view.html +0 -649
package/src/renderer/index.html +0 -1258

package/build-index.js DELETED Viewed

@@ -1,1137 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-// Emoji characters
-const E = {
-  newspaper: '\uD83D\uDCF0', // 📰
-  refresh: '\uD83D\uDD04',   // 🔄
-  empty: '\uD83D\uDCFD',   // 📭
-  clock: '\uD83D\uDD52',    // 🕒
-  link: '\uD83D\uDD17',     // 🔗
-  upArrow: '\u2191',
-  downArrow: '\u2193',
-  leftArrow: '\u2190',
-  rightArrow: '\u2192',
-  laquo: '\u00AB',
-  raquo: '\u00BB',
-  lsquo: '\u2039',
-  rsquo: '\u203A',
-  bullet: '\u2022',
-  check: '\u2713'
-};
-const html = `<!DOCTYPE html>
-<html lang="tr">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:;">
-  <title>Sondakika - Haber Okuyucu</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-  <style>
-    * { margin:0; padding:0; box-sizing: border-box; }
-    :root {
-      --bg-primary: #0f0f1a;
-      --bg-secondary: #1a1a2e;
-      --bg-card: #252542;
-      --bg-elevated: #2d2d4a;
-      --accent-primary: #6366f1;
-      --accent-secondary: #818cf8;
-      --accent-hover: #4f46e5;
-      --text-primary: #f1f5f9;
-      --text-secondary: #94a3b8;
-      --text-muted: #64748b;
-      --border-color: #334155;
-      --success: #10b981;
-      --warning: #f59e0b;
-      --error: #ef4444;
-      --breaking: #ef4444;
-      --selected-bg: rgba(99, 102, 241, 0.25);
-      --selected-border: #6366f1;
-    }
-    .theme-light {
-      --bg-primary: #f8fafc;
-      --bg-secondary: #ffffff;
-      --bg-card: #f1f5f9;
-      --bg-elevated: #e2e8f0;
-      --accent-primary: #6366f1;
-      --accent-secondary: #818cf8;
-      --accent-hover: #4f46e5;
-      --text-primary: #0f172a;
-      --text-secondary: #475569;
-      --text-muted: #94a3b8;
-      --border-color: #e2e8f0;
-      --success: #10b981;
-      --warning: #f59e0b;
-      --error: #ef4444;
-      --breaking: #dc2626;
-      --selected-bg: rgba(99, 102, 241, 0.15);
-      --selected-border: #6366f1;
-    }
-    body {
-      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-      background: var(--bg-primary);
-      color: var(--text-primary);
-      min-height: 100vh;
-      overflow-x: hidden;
-    }
-    .app-container {
-      display: flex;
-      min-height: 100vh;
-    }
-    .sidebar {
-      width: 320px;
-      background: var(--bg-secondary);
-      border-right: 1px solid var(--border-color);
-      display: flex;
-      flex-direction: column;
-      position: fixed;
-      height: 100vh;
-      overflow-y: auto;
-    }
-    .sidebar-header {
-      padding: 24px 20px;
-      border-bottom: 1px solid var(--border-color);
-    }
-    .logo {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-    }
-    .logo-icon {
-      width: 42px;
-      height: 42px;
-      background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
-      border-radius: 12px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 22px;
-    }
-    .logo-text {
-      font-size: 20px;
-      font-weight: 700;
-      background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-    .sidebar-section {
-      padding: 20px;
-      border-bottom: 1px solid var(--border-color);
-    }
-    .section-title {
-      font-size: 11px;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 1.2px;
-      color: var(--text-muted);
-      margin-bottom: 16px;
-    }
-    .sources-list {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-    .source-item {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      padding: 12px 14px;
-      background: var(--bg-card);
-      border-radius: 10px;
-      cursor: pointer;
-      transition: all 0.2s ease;
-      border: 1px solid transparent;
-    }
-    .source-item:hover {
-      background: var(--bg-elevated);
-      border-color: var(--border-color);
-    }
-    .source-item.selected {
-      background: rgba(99, 102, 241, 0.15);
-      border-color: var(--accent-primary);
-    }
-    .source-item input[type="checkbox"] {
-      width: 18px;
-      height: 18px;
-      border-radius: 5px;
-      border: 2px solid var(--border-color);
-      background: transparent;
-      cursor: pointer;
-      appearance: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: all 0.2s ease;
-      flex-shrink: 0;
-    }
-    .source-item input[type="checkbox"]:checked {
-      background: var(--accent-primary);
-      border-color: var(--accent-primary);
-    }
-    .source-item input[type="checkbox"]:checked::after {
-      content: '${E.check}';
-      color: white;
-      font-size: 12px;
-      font-weight: bold;
-    }
-    .source-name {
-      font-size: 14px;
-      font-weight: 500;
-    }
-    .source-badge {
-      margin-left: auto;
-      padding: 3px 8px;
-      background: rgba(239, 68, 68, 0.15);
-      color: var(--breaking);
-      font-size: 10px;
-      font-weight: 600;
-      border-radius: 4px;
-      text-transform: uppercase;
-    }
-    .options-grid {
-      display: grid;
-      gap: 12px;
-    }
-    .option-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 14px 16px;
-      background: var(--bg-card);
-      border-radius: 10px;
-      border: 1px solid transparent;
-      transition: all 0.2s ease;
-    }
-    .option-item:hover {
-      border-color: var(--border-color);
-    }
-    .option-label {
-      font-size: 14px;
-      font-weight: 500;
-    }
-    .option-select {
-      background: var(--bg-elevated);
-      border: 1px solid var(--border-color);
-      color: var(--text-primary);
-      padding: 8px 14px;
-      border-radius: 8px;
-      font-size: 13px;
-      font-family: inherit;
-      cursor: pointer;
-      outline: none;
-    }
-    .option-select:focus {
-      border-color: var(--accent-primary);
-    }
-    .font-size-controls {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-    .font-btn {
-      width: 32px;
-      height: 32px;
-      background: var(--bg-elevated);
-      border: 1px solid var(--border-color);
-      border-radius: 6px;
-      color: var(--text-primary);
-      font-size: 12px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: all 0.2s ease;
-    }
-    .font-btn:hover {
-      background: var(--accent-primary);
-      border-color: var(--accent-primary);
-    }
-    .font-size-value {
-      font-size: 14px;
-      font-weight: 600;
-      min-width: 40px;
-      text-align: center;
-    }
-    .main-content {
-      flex: 1;
-      margin-left: 320px;
-      padding: 32px 40px;
-      min-height: 100vh;
-    }
-    .content-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: 32px;
-    }
-    .header-left {
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-    }
-    .page-title {
-      font-size: 28px;
-      font-weight: 700;
-    }
-    .page-subtitle {
-      font-size: 14px;
-      color: var(--text-secondary);
-    }
-    .header-actions {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-    }
-    .refresh-btn {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 12px 20px;
-      background: var(--accent-primary);
-      color: white;
-      border: none;
-      border-radius: 10px;
-      font-size: 14px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: all 0.2s ease;
-      font-family: inherit;
-    }
-    .refresh-btn:hover {
-      background: var(--accent-hover);
-      transform: translateY(-1px);
-    }
-    .refresh-btn:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-      transform: none;
-    }
-    .status-badge {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 10px 16px;
-      background: var(--bg-card);
-      border-radius: 8px;
-      font-size: 13px;
-    }
-    .status-dot {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      background: var(--success);
-    }
-    .status-dot.loading {
-      background: var(--warning);
-      animation: pulse 1s infinite;
-    }
-    @keyframes pulse {
-      0%, 100% { opacity: 1; }
-      50% { opacity: 0.4; }
-    }
-    .news-grid {
-      display: grid;
-      gap: 20px;
-    }
-    .news-card {
-      background: var(--bg-card);
-      border-radius: 16px;
-      padding: 24px;
-      border: 2px solid var(--border-color);
-      transition: all 0.25s ease;
-      cursor: pointer;
-    }
-    .news-card:hover {
-      transform: translateY(-4px);
-      border-color: var(--accent-primary);
-      box-shadow: 0 12px 40px rgba(99, 102, 241, 0.15);
-    }
-    .news-card.selected {
-      background: var(--selected-bg);
-      border-color: var(--selected-border);
-      box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
-    }
-    .news-card-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: 14px;
-    }
-    .news-source {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-    .source-tag {
-      padding: 5px 12px;
-      background: var(--bg-elevated);
-      border-radius: 6px;
-      font-size: 12px;
-      font-weight: 600;
-      color: var(--text-secondary);
-    }
-    .source-tag.breaking {
-      background: rgba(239, 68, 68, 0.15);
-      color: var(--breaking);
-    }
-    .news-date-badge {
-      background: rgba(99, 102, 241, 0.15);
-      color: var(--accent-secondary);
-      padding: 6px 12px;
-      border-radius: 8px;
-      font-weight: 600;
-      font-size: 12px;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-    .external-link-btn {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      padding: 8px 14px;
-      background: var(--bg-elevated);
-      border: 1px solid var(--border-color);
-      border-radius: 8px;
-      color: var(--text-secondary);
-      font-size: 12px;
-      font-weight: 500;
-      cursor: pointer;
-      transition: all 0.2s ease;
-      text-decoration: none;
-    }
-    .external-link-btn:hover {
-      background: var(--accent-primary);
-      color: white;
-      border-color: var(--accent-primary);
-    }
-    .news-title {
-      font-size: 17px;
-      font-weight: 600;
-      line-height: 1.5;
-      margin-bottom: 12px;
-      color: var(--text-primary);
-    }
-    .news-summary {
-      font-size: 14px;
-      line-height: 1.7;
-      color: var(--text-secondary);
-      display: -webkit-box;
-      -webkit-line-clamp: 3;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-    }
-    .news-card-footer {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-top: 18px;
-      padding-top: 16px;
-      border-top: 1px solid var(--border-color);
-    }
-    .read-more {
-      font-size: 13px;
-      font-weight: 600;
-      color: var(--accent-primary);
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-    .pagination {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 10px;
-      margin-top: 40px;
-    }
-    .page-btn {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 44px;
-      height: 44px;
-      background: var(--bg-card);
-      border: 1px solid var(--border-color);
-      border-radius: 10px;
-      color: var(--text-primary);
-      font-size: 14px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: all 0.2s ease;
-    }
-    .page-btn:hover:not(:disabled) {
-      background: var(--bg-elevated);
-      border-color: var(--accent-primary);
-    }
-    .page-btn:disabled {
-      opacity: 0.4;
-      cursor: not-allowed;
-    }
-    .page-btn.active {
-      background: var(--accent-primary);
-      border-color: var(--accent-primary);
-    }
-    .empty-state {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      padding: 80px 40px;
-      text-align: center;
-    }
-    .empty-icon {
-      width: 100px;
-      height: 100px;
-      background: var(--bg-card);
-      border-radius: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 48px;
-      margin-bottom: 24px;
-    }
-    .empty-title {
-      font-size: 22px;
-      font-weight: 600;
-      margin-bottom: 10px;
-    }
-    .empty-text {
-      font-size: 15px;
-      color: var(--text-secondary);
-      max-width: 360px;
-    }
-    .loading-grid {
-      display: grid;
-      gap: 20px;
-    }
-    .skeleton {
-      background: linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);
-      background-size: 200% 100%;
-      animation: shimmer 1.5s infinite;
-      border-radius: 8px;
-    }
-    .skeleton-card {
-      height: 180px;
-      border-radius: 16px;
-    }
-    @keyframes shimmer {
-      0% { background-position: 200% 0; }
-      100% { background-position: -200% 0; }
-    }
-    .keys-hint {
-      position: fixed;
-      bottom: 20px;
-      right: 20px;
-      background: var(--bg-card);
-      border: 1px solid var(--border-color);
-      border-radius: 10px;
-      padding: 12px 16px;
-      font-size: 11px;
-      color: var(--text-muted);
-      display: flex;
-      gap: 12px;
-      z-index: 100;
-    }
-    .keys-hint kbd {
-      display: inline-block;
-      padding: 2px 6px;
-      background: var(--bg-elevated);
-      border: 1px solid var(--border-color);
-      border-radius: 4px;
-      font-family: inherit;
-      font-size: 10px;
-      margin: 0 2px;
-    }
-    ::-webkit-scrollbar { width: 8px; }
-    ::-webkit-scrollbar-track { background: var(--bg-secondary); }
-    ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
-    ::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
-  </style>
-</head>
-<body>
-  <div class="app-container">
-    <aside class="sidebar">
-      <div class="sidebar-header">
-        <div class="logo">
-          <div class="logo-icon">${E.newspaper}</div>
-          <span class="logo-text">Sondakika</span>
-        </div>
-      </div>
-      <div class="sidebar-section">
-        <div class="section-title">Haber Kaynakları</div>
-        <div class="sources-list" id="sourcesList"></div>
-      </div>
-      <div class="sidebar-section">
-        <div class="section-title">Seçenekler</div>
-        <div class="options-grid">
-          <div class="option-item">
-            <span class="option-label">Sırala</span>
-            <select class="option-select" id="sortOrder">
-              <option value="desc">En Yeni (Önce)</option>
-              <option value="asc">En Eski (Önce)</option>
-            </select>
-          </div>
-          <div class="option-item">
-            <span class="option-label">Sayfa Başına</span>
-            <select class="option-select" id="itemsPerPage">
-              <option value="5">5 Haber</option>
-              <option value="10" selected>10 Haber</option>
-              <option value="15">15 Haber</option>
-              <option value="20">20 Haber</option>
-            </select>
-          </div>
-          <div class="option-item">
-            <span class="option-label">Yazı Büyüklüğü</span>
-            <div class="font-size-controls">
-              <button class="font-btn" id="fontDecrease" onclick="changeFontSize(-2)">A-</button>
-              <span class="font-size-value" id="fontSizeValue">16px</span>
-              <button class="font-btn" id="fontIncrease" onclick="changeFontSize(2)">A+</button>
-            </div>
-          </div>
-          <div class="option-item">
-            <span class="option-label">Tema</span>
-            <select class="option-select" id="themeSelect" onchange="changeTheme(this.value)">
-              <option value="dark">Karanlık</option>
-              <option value="light">Açık</option>
-            </select>
-          </div>
-        </div>
-      </div>
-    </aside>
-    <main class="main-content">
-      <div class="content-header">
-        <div class="header-left">
-          <h1 class="page-title">Haberler</h1>
-          <p class="page-subtitle" id="newsCount">Yükleniyor...</p>
-        </div>
-        <div class="header-actions">
-          <div class="status-badge">
-            <span class="status-dot" id="statusDot"></span>
-            <span id="statusText">Hazır</span>
-          </div>
-          <button class="refresh-btn" id="refreshBtn">${E.refresh} Yenile</button>
-        </div>
-      </div>
-      <div id="newsContainer">
-        <div class="loading-grid" id="loadingGrid"></div>
-        <div class="news-grid hidden" id="newsGrid"></div>
-        <div class="empty-state hidden" id="emptyState">
-          <div class="empty-icon">${E.empty}</div>
-          <h2 class="empty-title">Haber Kaynağı Seçin</h2>
-          <p class="empty-text">Lütfen en az bir haber kaynağı seçiniz ve yenile butonuna basınız.</p>
-        </div>
-      </div>
-      <div class="pagination hidden" id="pagination"></div>
-    </main>
-  </div>
-  <div class="keys-hint">
-    <span><kbd>${E.upArrow}</kbd><kbd>${E.downArrow}</kbd> Seç</span>
-    <span><kbd>${E.leftArrow}</kbd><kbd>${E.rightArrow}</kbd> Sayfa</span>
-    <span><kbd>Enter</kbd> Görüntüle</span>
-  </div>
-  <script>
-    let sources = {};
-    let currentState = {
-      enabledSources: [],
-      sortOrder: 'desc',
-      itemsPerPage: 10,
-      currentPage: 1,
-      fontSize: 16,
-      theme: 'dark'
-    };
-    let allNews = [];
-    let isLoading = false;
-    let selectedIndex = -1;
-    async function init() {
-      sources = await window.electronAPI.getSources();
-      const state = await window.electronAPI.getState();
-      currentState = Object.assign({}, currentState, state);
-      renderSources();
-      setupEventListeners();
-      applyState();
-      if (currentState.enabledSources.length > 0) {
-        await fetchNews();
-      } else {
-        showEmptyState();
-      }
-      setupKeyboardNavigation();
-    }
-    function renderSources() {
-      const container = document.getElementById('sourcesList');
-      container.innerHTML = '';
-      Object.entries(sources).forEach(function(entry) {
-        var key = entry[0];
-        var source = entry[1];
-        const item = document.createElement('div');
-        item.className = 'source-item';
-        item.dataset.key = key;
-        const checkbox = document.createElement('input');
-        checkbox.type = 'checkbox';
-        checkbox.checked = currentState.enabledSources.indexOf(key) !== -1;
-        const name = document.createElement('span');
-        name.className = 'source-name';
-        name.textContent = source.name;
-        item.appendChild(checkbox);
-        item.appendChild(name);
-        if (source.isSondakika) {
-          const badge = document.createElement('span');
-          badge.className = 'source-badge';
-          badge.textContent = 'SON DAKİKA';
-          item.appendChild(badge);
-        }
-        container.appendChild(item);
-      });
-    }
-    function setupEventListeners() {
-      document.getElementById('sourcesList').addEventListener('change', async function(e) {
-        if (e.target.type === 'checkbox') {
-          const key = e.target.closest('.source-item').dataset.key;
-          if (e.target.checked) {
-            if (currentState.enabledSources.indexOf(key) === -1) {
-              currentState.enabledSources.push(key);
-            }
-          } else {
-            currentState.enabledSources = currentState.enabledSources.filter(function(s) { return s !== key; });
-          }
-          await saveState();
-          if (currentState.enabledSources.length > 0) {
-            await fetchNews();
-          } else {
-            showEmptyState();
-          }
-        }
-      });
-      document.getElementById('sortOrder').addEventListener('change', async function(e) {
-        currentState.sortOrder = e.target.value;
-        await saveState();
-        if (allNews.length > 0) {
-          await fetchNews();
-        }
-      });
-      document.getElementById('itemsPerPage').addEventListener('change', async function(e) {
-        currentState.itemsPerPage = parseInt(e.target.value);
-        currentState.currentPage = 1;
-        await saveState();
-        renderNews();
-      });
-      document.getElementById('refreshBtn').addEventListener('click', async function() {
-        await fetchNews();
-      });
-    }
-    function setupKeyboardNavigation() {
-      document.addEventListener('keydown', function(e) {
-        if (allNews.length === 0) return;
-        var totalPages = Math.ceil(allNews.length / currentState.itemsPerPage);
-        var startIdx = (currentState.currentPage - 1) * currentState.itemsPerPage;
-        var endIdx = Math.min(startIdx + currentState.itemsPerPage, allNews.length);
-        var itemsOnPage = endIdx - startIdx;
-        switch (e.key) {
-          case 'ArrowUp':
-            e.preventDefault();
-            if (selectedIndex > 0) {
-              selectNewsItem(selectedIndex - 1);
-            }
-            break;
-          case 'ArrowDown':
-            e.preventDefault();
-            if (selectedIndex < itemsOnPage - 1) {
-              selectNewsItem(selectedIndex + 1);
-            }
-            break;
-          case 'ArrowLeft':
-            e.preventDefault();
-            if (currentState.currentPage > 1) {
-              currentState.currentPage--;
-              selectedIndex = 0;
-              renderNews();
-              saveState();
-            }
-            break;
-          case 'ArrowRight':
-            e.preventDefault();
-            if (currentState.currentPage < totalPages) {
-              currentState.currentPage++;
-              selectedIndex = 0;
-              renderNews();
-              saveState();
-            }
-            break;
-          case 'Enter':
-            e.preventDefault();
-            if (selectedIndex >= 0) {
-              var globalIdx = startIdx + selectedIndex;
-              openArticleView(globalIdx);
-            }
-            break;
-        }
-      });
-    }
-    function selectNewsItem(index) {
-      selectedIndex = index;
-      updateSelectedCard();
-    }
-    function updateSelectedCard() {
-      var cards = document.querySelectorAll('.news-card');
-      cards.forEach(function(card, idx) {
-        if (idx === selectedIndex) {
-          card.classList.add('selected');
-          card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-        } else {
-          card.classList.remove('selected');
-        }
-      });
-    }
-    function applyState() {
-      document.getElementById('sortOrder').value = currentState.sortOrder;
-      document.getElementById('itemsPerPage').value = currentState.itemsPerPage;
-      document.getElementById('fontSizeValue').textContent = currentState.fontSize + 'px';
-      document.getElementById('themeSelect').value = currentState.theme || 'dark';
-      applyFontSize(currentState.fontSize);
-      applyTheme(currentState.theme || 'dark');
-    }
-    async function saveState() {
-      await window.electronAPI.saveState(currentState);
-    }
-    function applyFontSize(size) {
-      document.body.style.fontSize = size + 'px';
-    }
-    function applyTheme(theme) {
-      document.body.classList.remove('theme-light');
-      if (theme === 'light') {
-        document.body.classList.add('theme-light');
-      }
-    }
-    async function changeTheme(theme) {
-      currentState.theme = theme;
-      applyTheme(theme);
-      await window.electronAPI.setTheme(theme);
-    }
-    async function changeFontSize(delta) {
-      var newSize = (currentState.fontSize || 16) + delta;
-      newSize = Math.max(12, Math.min(28, newSize));
-      currentState.fontSize = newSize;
-      document.getElementById('fontSizeValue').textContent = newSize + 'px';
-      applyFontSize(newSize);
-      await window.electronAPI.setFontSize(newSize);
-    }
-    async function fetchNews() {
-      if (isLoading) return;
-      isLoading = true;
-      setLoading(true);
-      try {
-        allNews = await window.electronAPI.fetchNews(
-          currentState.enabledSources,
-          currentState.sortOrder
-        );
-        currentState.currentPage = 1;
-        selectedIndex = -1;
-        await saveState();
-        renderNews();
-      } catch (err) {
-        console.error('Haberler alınırken hata:', err);
-      } finally {
-        isLoading = false;
-        setLoading(false);
-      }
-    }
-    function setLoading(loading) {
-      var dot = document.getElementById('statusDot');
-      var text = document.getElementById('statusText');
-      var btn = document.getElementById('refreshBtn');
-      if (loading) {
-        dot.classList.add('loading');
-        text.textContent = 'Yükleniyor...';
-        btn.disabled = true;
-      } else {
-        dot.classList.remove('loading');
-        text.textContent = 'Hazır';
-        btn.disabled = false;
-      }
-    }
-    function renderNews() {
-      var grid = document.getElementById('newsGrid');
-      var empty = document.getElementById('emptyState');
-      var loading = document.getElementById('loadingGrid');
-      var pag = document.getElementById('pagination');
-      if (allNews.length === 0) {
-        grid.classList.add('hidden');
-        pag.classList.add('hidden');
-        empty.classList.remove('hidden');
-        document.getElementById('newsCount').textContent = 'Kaynak seçilmedi';
-        return;
-      }
-      empty.classList.add('hidden');
-      loading.classList.add('hidden');
-      grid.classList.remove('hidden');
-      var start = (currentState.currentPage - 1) * currentState.itemsPerPage;
-      var end = start + currentState.itemsPerPage;
-      var pageNews = allNews.slice(start, end);
-      var totalPages = Math.ceil(allNews.length / currentState.itemsPerPage);
-      document.getElementById('newsCount').textContent = allNews.length + ' haber \\u2022 Sayfa ' + currentState.currentPage + '/' + totalPages;
-      var html = '';
-      pageNews.forEach(function(news, index) {
-        var date = formatDate(news.pubDate || news.isoDate);
-        var summary = news.summary || news.contentSnippet || news.description || '';
-        summary = summary.replace(/<[^>]*>/g, '').replace(/&nbsp;/g, ' ').replace(/\\s+/g, ' ').trim();
-        var newsIndex = start + index;
-        var breakingClass = news.isSondakika ? ' breaking' : '';
-        var escapedTitle = escapeHtml(news.title);
-        var escapedSummary = escapeHtml(summary);
-        html += '<article class="news-card' + (index === selectedIndex ? ' selected' : '') + '" data-index="' + newsIndex + '" onclick="window.selectAndOpen(' + newsIndex + ')">' +
-          '<div class="news-card-header">' +
-            '<div class="news-source">' +
-              '<span class="source-tag' + breakingClass + '">' + news.sourceName + '</span>' +
-            '</div>' +
-            '<span class="news-date-badge">${E.clock} ' + date + '</span>' +
-          '</div>' +
-          '<h2 class="news-title">' + escapedTitle + '</h2>' +
-          '<p class="news-summary">' + escapedSummary + '</p>' +
-          '<div class="news-card-footer">' +
-            '<span class="read-more" onclick="event.stopPropagation(); window.openArticleView(' + newsIndex + ')">Görüntüle</span>' +
-            '<span class="external-link-btn" onclick="event.stopPropagation(); window.electronAPI.openExternal(\\'' + news.link + '\\')">${E.link} Tarayıcıda aç</span>' +
-          '</div>' +
-        '</article>';
-      });
-      grid.innerHTML = html;
-      renderPagination(totalPages);
-      var itemsOnPage = Math.min(currentState.itemsPerPage, allNews.length - start);
-      if (selectedIndex >= itemsOnPage) {
-        selectedIndex = itemsOnPage - 1;
-      }
-      if (selectedIndex >= 0) {
-        updateSelectedCard();
-      }
-    }
-    function renderPagination(totalPages) {
-      var pag = document.getElementById('pagination');
-      if (totalPages <= 1) {
-        pag.classList.add('hidden');
-        return;
-      }
-      pag.classList.remove('hidden');
-      var html = '';
-      html += '<button class="page-btn" onclick="window.changePage(1)"' + (currentState.currentPage === 1 ? ' disabled' : '') + '>${E.laquo}</button>';
-      html += '<button class="page-btn" onclick="window.changePage(' + (currentState.currentPage - 1) + ')"' + (currentState.currentPage === 1 ? ' disabled' : '') + '>${E.lsquo}</button>';
-      for (var i = 1; i <= totalPages; i++) {
-        if (i === 1 || i === totalPages || (i >= currentState.currentPage - 1 && i <= currentState.currentPage + 1)) {
-          html += '<button class="page-btn' + (i === currentState.currentPage ? ' active' : '') + '" onclick="window.changePage(' + i + ')">' + i + '</button>';
-        } else if (i === currentState.currentPage - 2 || i === currentState.currentPage + 2) {
-          html += '<span style="color: var(--text-muted);">...</span>';
-        }
-      }
-      html += '<button class="page-btn" onclick="window.changePage(' + (currentState.currentPage + 1) + ')"' + (currentState.currentPage === totalPages ? ' disabled' : '') + '>${E.rsquo}</button>';
-      html += '<button class="page-btn" onclick="window.changePage(' + totalPages + ')"' + (currentState.currentPage === totalPages ? ' disabled' : '') + '>${E.raquo}</button>';
-      pag.innerHTML = html;
-    }
-    window.changePage = async function(page) {
-      currentState.currentPage = page;
-      selectedIndex = 0;
-      renderNews();
-      await saveState();
-    };
-    function formatDate(dateStr) {
-      if (!dateStr) return '';
-      var date = new Date(dateStr);
-      if (isNaN(date.getTime())) return '';
-      return date.toLocaleDateString('tr-TR', {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit'
-      });
-    }
-    function escapeHtml(text) {
-      if (!text) return '';
-      var div = document.createElement('div');
-      div.textContent = text;
-      return div.innerHTML;
-    }
-    function showEmptyState() {
-      document.getElementById('loadingGrid').classList.add('hidden');
-      document.getElementById('newsGrid').classList.add('hidden');
-      document.getElementById('pagination').classList.add('hidden');
-      document.getElementById('emptyState').classList.remove('hidden');
-      document.getElementById('newsCount').textContent = 'Kaynak seçilmedi';
-    }
-    function showLoading() {
-      var loading = document.getElementById('loadingGrid');
-      loading.classList.remove('hidden');
-      var skeletons = '';
-      for (var i = 0; i < 5; i++) {
-        skeletons += '<div class="skeleton skeleton-card"></div>';
-      }
-      loading.innerHTML = skeletons;
-    }
-    window.selectAndOpen = function(index) {
-      selectedIndex = index - (currentState.currentPage - 1) * currentState.itemsPerPage;
-      openArticleView(index);
-    };
-    window.openArticleView = function(newsIndex) {
-      if (newsIndex < 0 || newsIndex >= allNews.length) return;
-      window.electronAPI.openArticleView(allNews, newsIndex);
-    };
-    window.electronAPI.onArticleViewClosed(function(returnedIndex) {
-      if (returnedIndex >= 0 && allNews && allNews[returnedIndex]) {
-        var newPage = Math.floor(returnedIndex / currentState.itemsPerPage) + 1;
-        if (newPage !== currentState.currentPage) {
-          currentState.currentPage = newPage;
-          renderNews();
-        }
-        selectedIndex = returnedIndex - (currentState.currentPage - 1) * currentState.itemsPerPage;
-        updateSelectedCard();
-      }
-    });
-    showLoading();
-    init();
-  </script>
-</body>
-</html>`;
-fs.writeFileSync(path.join(__dirname, 'src', 'renderer', 'index.html'), html, 'utf8');
-console.log('index.html built successfully with proper UTF-8 encoding');