arama özelliği eklendi

client/src/components/Topbar.svelte

@@ -1,11 +1,21 @@
 <script>
-  import { createEventDispatcher, onMount } from "svelte";
+  import { createEventDispatcher } from "svelte";
-  const dispatch = createEventDispatcher();
+  import {
+    activePlaceholder,
+    activeSearchTerm,
+    updateSearchTerm
+  } from "../stores/searchStore.js";
 
-  let search = "";
+  const dispatch = createEventDispatcher();
-  export let placeholder = "Search files...";
+  export let placeholder = "";
 
   const onToggle = () => dispatch("toggleMenu");
+
+  function handleInput(event) {
+    updateSearchTerm(event.target.value);
+  }
+
+  $: resolvedPlaceholder = placeholder || $activePlaceholder;
 </script>
 
 <div class="topbar">
@@ -20,7 +30,12 @@
 
   <div class="search">
     <i class="fa-solid fa-magnifying-glass"></i>
-    <input placeholder={placeholder} bind:value={search} />
+    <input
+      type="search"
+      placeholder={resolvedPlaceholder}
+      value={$activeSearchTerm}
+      on:input={handleInput}
+    />
   </div>
 </div>
 

client/src/routes/Files.svelte

@@ -4,6 +4,11 @@
   import { cleanFileName, extractTitleAndYear } from "../utils/filename.js";
   import { refreshMovieCount } from "../stores/movieStore.js";
   import { refreshTvShowCount } from "../stores/tvStore.js";
+  import {
+    activeSearchTerm,
+    setSearchScope,
+    clearSearch
+  } from "../stores/searchStore.js";
   const HIDDEN_ROOT_REGEX = /^\d{10,}$/;
   const FOLDER_ICON_PATH = "/folder.svg";
   const MAX_TRAIL_SEGMENTS = 3;
@@ -13,6 +18,7 @@
   let visibleFolders = [];
   let visibleFiles = [];
   let visibleEntries = [];
+  let renderedEntries = [];
   let allDirectories = [];
   let breadcrumbs = [];
   let currentFileScope = [];
@@ -21,6 +27,8 @@
   let draggingItem = null;
   let dragOverItem = null;
   let lastDragPath = "";
+  let searchTerm = "";
+  let hasSearch = false;
 
   const normalizePath = (value) => {
     if (!value) return "";
@@ -33,6 +41,22 @@
     /safari/i.test(navigator.userAgent || "") &&
     !/chrome|crios|android/i.test(navigator.userAgent || "");
 
+  function filterEntriesBySearch(entries, term) {
+    const query = term.trim().toLowerCase();
+    if (!query) return entries;
+    return entries.filter((entry) => {
+      const labels = [
+        entry.displayName,
+        entry.displayPath,
+        entry.name
+      ]
+        .filter(Boolean)
+        .join(" ")
+        .toLowerCase();
+      return labels.includes(query);
+    });
+  }
+
   const shouldHideRootSegment = (segment) =>
     segment && (HIDDEN_ROOT_REGEX.test(segment) || segment === "downloads");
 
@@ -157,6 +181,10 @@
     customOrder.set(key, filteredOrder);
   }
 
+  $: searchTerm = $activeSearchTerm;
+  $: hasSearch = searchTerm.trim().length > 0;
+  $: renderedEntries = filterEntriesBySearch(visibleEntries, searchTerm);
+
   function computeBreadcrumbs(path) {
     const segments = path ? path.split("/").filter(Boolean) : [];
     const crumbs = [{ label: "Home", path: "" }];
@@ -320,11 +348,10 @@
   }
   let selectedItems = new Set();
   let allSelected = false;
-  function syncSelectionState() {
+  $: {
-    const keys = visibleEntries.map((entry) => entry.name).filter(Boolean);
+    const keys = renderedEntries.map((entry) => entry.name).filter(Boolean);
     allSelected = keys.length > 0 && keys.every((key) => selectedItems.has(key));
   }
-  $: syncSelectionState();
   let pendingPlayTarget = null;
   let activeMenu = null; // Aktif menü öğesi
   let menuPosition = { top: 0, left: 0 }; // Menü pozisyonu
@@ -485,7 +512,7 @@
     if (allSelected) {
       selectedItems = new Set();
     } else {
-      const keys = visibleEntries.map((entry) => entry.name).filter(Boolean);
+      const keys = renderedEntries.map((entry) => entry.name).filter(Boolean);
       selectedItems = new Set(keys);
     }
   }
@@ -624,12 +651,19 @@
     ) {
       return;
     }
+    const hadSearch = searchTerm.trim().length > 0;
+    const nextSearchTerm = hadSearch ? "" : searchTerm;
     currentPath = normalized;
     currentOriginalPath = normalizedOriginal;
+    if (hadSearch) {
+      clearSearch("files");
+    }
     selectedItems = new Set();
     activeMenu = null;
     if (isCreatingFolder) cancelCreateFolder();
     updateUrlPath(normalized, normalizedOriginal, { replace });
+    updateVisibleState(files, normalized);
+    renderedEntries = filterEntriesBySearch(visibleEntries, nextSearchTerm);
   }
 
   function handleEntryClick(entry) {
@@ -1288,6 +1322,7 @@
   }
   
   onMount(async () => {
+    setSearchScope("files");
     await loadFiles(); // önce dosyaları getir
     const token = localStorage.getItem("token");
     const wsUrl = `${API.replace("http", "ws")}?token=${token}`;
@@ -1565,10 +1600,10 @@
       </div>
     </div>
     <div class="header-actions">
-      {#if visibleEntries.length > 0 && selectedItems.size > 0}
+      {#if renderedEntries.length > 0 && selectedItems.size > 0}
         <span class="selection-count">{selectedItems.size} öğe seçildi</span>
       {/if}
-      {#if visibleEntries.length > 0 && selectedItems.size > 0}
+      {#if renderedEntries.length > 0 && selectedItems.size > 0}
         <button
           class="select-all-btn"
           type="button"
@@ -1603,10 +1638,16 @@
       </button>
     </div>
   </div>
-  {#if visibleEntries.length === 0 && !isCreatingFolder}
+  {#if renderedEntries.length === 0 && !isCreatingFolder}
     <div class="empty">
       <div style="font-size:42px"><i class="fa-solid fa-folder-open"></i></div>
-      <div style="font-weight:700">No media found</div>
+      <div style="font-weight:700">
+        {#if hasSearch}
+          Aramanla eşleşen öğe bulunamadı
+        {:else}
+          No media found
+        {/if}
+      </div>
     </div>
   {:else}
     <div
@@ -1633,7 +1674,7 @@
           </div>
         </div>
       {/if}
-      {#each visibleEntries as entry (entry.name)}
+      {#each renderedEntries as entry (entry.name)}
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <!-- svelte-ignore a11y-no-static-element-interactions -->
         <div

client/src/routes/Movies.svelte

@@ -3,6 +3,10 @@
   import { API, apiFetch } from "../utils/api.js";
   import { cleanFileName } from "../utils/filename.js";
   import { movieCount } from "../stores/movieStore.js";
+  import {
+    activeSearchTerm,
+    setSearchScope
+  } from "../stores/searchStore.js";
 
 let movies = [];
 let loading = true;
@@ -35,6 +39,9 @@ let subtitleURL = null;
 let subtitleLabel = "Custom Subtitles";
 $: selectedName = selectedVideo?.name ?? "";
 $: encName = selectedName ? encodeURIComponent(selectedName) : "";
+let searchTerm = "";
+let hasSearch = false;
+let filteredMovies = [];
 
   function runtimeToText(runtime) {
     if (!runtime || Number.isNaN(runtime)) return null;
@@ -119,6 +126,25 @@ $: if (showPlayerModal && selectedVideo) {
   }
 }
 
+$: searchTerm = $activeSearchTerm;
+$: hasSearch = searchTerm.trim().length > 0;
+$: filteredMovies = (() => {
+  const query = searchTerm.trim().toLowerCase();
+  if (!query) return movies;
+  return movies.filter((movie) => {
+    const fields = [
+      movie.title,
+      movie.originalTitle,
+      movie.metadata?.matched_title,
+      movie.metadata?.original_title,
+      movie.folder
+    ];
+    return fields
+      .filter(Boolean)
+      .some((value) => String(value).toLowerCase().includes(query));
+  });
+})();
+
 async function handlePlay(movie) {
   if (!movie) return;
   closeMovie();
@@ -335,6 +361,7 @@ async function loadMovies() {
   }
 
   onMount(() => {
+    setSearchScope("movies");
     loadMovies();
     const handleKey = (event) => {
       if (!showPlayerModal) return;
@@ -381,9 +408,11 @@ async function loadMovies() {
     <div class="state-placeholder error">{error}</div>
   {:else if movies.length === 0}
     <div class="state-placeholder">No movie metadata found yet.</div>
+  {:else if hasSearch && filteredMovies.length === 0}
+    <div class="state-placeholder">Aramanıza uyan film bulunamadı.</div>
   {:else}
     <div class="movies-grid">
-      {#each movies as movie}
+      {#each filteredMovies as movie}
         <div class="movie-card" on:click={() => openMovie(movie)}>
           {#if movie.poster}
             <div class="poster-wrapper">

client/src/routes/TvShows.svelte

@@ -3,6 +3,10 @@
   import { API, apiFetch } from "../utils/api.js";
   import { cleanFileName } from "../utils/filename.js";
   import { tvShowCount } from "../stores/tvStore.js";
+  import {
+    activeSearchTerm,
+    setSearchScope
+  } from "../stores/searchStore.js";
 
   let shows = [];
   let loading = true;
@@ -28,6 +32,9 @@ let seasonPlaylist = [];
 let seasonPlaylistIndex = -1;
 let canPlayPrev = false;
 let canPlayNext = false;
+let searchTerm = "";
+let hasSearch = false;
+let filteredShows = [];
 
   function runtimeToText(runtime) {
     if (!runtime || Number.isNaN(runtime)) return null;
@@ -190,6 +197,25 @@ let canPlayNext = false;
     }
   }
 
+  $: searchTerm = $activeSearchTerm;
+  $: hasSearch = searchTerm.trim().length > 0;
+  $: filteredShows = (() => {
+    const query = searchTerm.trim().toLowerCase();
+    if (!query) return shows;
+    return shows.filter((show) => {
+      const fields = [
+        show.title,
+        show.originalTitle,
+        show.metadata?.matched_title,
+        show.metadata?.original_name,
+        show.folder
+      ];
+      return fields
+        .filter(Boolean)
+        .some((value) => String(value).toLowerCase().includes(query));
+    });
+  })();
+
   async function refreshShows() {
     try {
       refreshing = true;
@@ -542,6 +568,7 @@ async function openVideoAtIndex(index) {
   }
 
   onMount(() => {
+    setSearchScope("tv");
     loadShows();
     const handleKey = (event) => {
       if (!showPlayerModal) return;
@@ -588,9 +615,11 @@ async function openVideoAtIndex(index) {
     <div class="state-placeholder error">{error}</div>
   {:else if shows.length === 0}
     <div class="state-placeholder">No TV metadata found yet.</div>
+  {:else if hasSearch && filteredShows.length === 0}
+    <div class="state-placeholder">Aramanıza uyan dizi bulunamadı.</div>
   {:else}
     <div class="tv-grid">
-      {#each shows as show}
+      {#each filteredShows as show}
         <div class="tv-card" on:click={() => openShow(show)}>
           {#if show.poster}
             <div class="poster-wrapper">

client/src/stores/searchStore.js

@@ -0,0 +1,80 @@
+import { derived, writable } from "svelte/store";
+
+const KNOWN_SCOPES = new Set(["files", "movies", "tv"]);
+
+const initialState = {
+  scope: "files",
+  terms: {
+    files: "",
+    movies: "",
+    tv: ""
+  }
+};
+
+export const searchState = writable(initialState);
+
+export const activeScope = derived(searchState, ($state) => $state.scope);
+
+export const activeSearchTerm = derived(
+  searchState,
+  ($state) => $state.terms[$state.scope] || ""
+);
+
+const PLACEHOLDERS = {
+  files: "Dosya ara...",
+  movies: "Film ara...",
+  tv: "Dizi ara..."
+};
+
+export const activePlaceholder = derived(
+  searchState,
+  ($state) => PLACEHOLDERS[$state.scope] || "Ara..."
+);
+
+export function setSearchScope(scope) {
+  const normalized = KNOWN_SCOPES.has(scope) ? scope : "files";
+  searchState.update((state) => {
+    const hasScope = Object.prototype.hasOwnProperty.call(state.terms, normalized);
+    const terms = hasScope ? state.terms : { ...state.terms, [normalized]: "" };
+    if (state.scope === normalized && terms === state.terms) {
+      return state;
+    }
+    return {
+      scope: normalized,
+      terms
+    };
+  });
+}
+
+export function updateSearchTerm(term) {
+  searchState.update((state) => {
+    const scope = state.scope;
+    const nextTerms = {
+      ...state.terms,
+      [scope]: term
+    };
+    if (nextTerms[scope] === state.terms[scope]) {
+      return state;
+    }
+    return {
+      scope,
+      terms: nextTerms
+    };
+  });
+}
+
+export function clearSearch(scope) {
+  searchState.update((state) => {
+    const targetScope = scope && KNOWN_SCOPES.has(scope) ? scope : state.scope;
+    if ((state.terms[targetScope] || "") === "") {
+      return state;
+    }
+    return {
+      scope: state.scope,
+      terms: {
+        ...state.terms,
+        [targetScope]: ""
+      }
+    };
+  });
+}

server/server.js

@@ -2811,23 +2811,25 @@ app.delete("/api/file", requireAuth, (req, res) => {
           if (!name) return false;
           if (name === INFO_FILENAME) return false;
           if (name.startsWith(".")) return false;
-          const full = path.join(rootDir, name);
-          try {
-            const stat = fs.statSync(full);
-            if (stat.isDirectory()) {
-              const subItems = fs.readdirSync(full);
-              return subItems.some((entry) => !entry.startsWith("."));
-            }
-          } catch (err) {
-            return false;
-          }
           return true;
         });
 
-        if (meaningful.length === 0 || stats?.isDirectory?.()) {
+        pruneInfoEntry(folderId, relWithinRoot);
-          purgeRootFolder(folderId);
+        removeSeriesEpisode(folderId, relWithinRoot);
+
+        if (meaningful.length === 0) {
+          removeAllThumbnailsForRoot(folderId);
+          removeMovieData(folderId);
+          removeSeriesData(folderId);
+          const infoPath = path.join(rootDir, INFO_FILENAME);
+          if (fs.existsSync(infoPath)) {
+            try {
+              fs.rmSync(infoPath, { force: true });
+            } catch (err) {
+              console.warn(`⚠️ info.json kaldırılamadı (${infoPath}): ${err.message}`);
+            }
+          }
         } else {
-          pruneInfoEntry(folderId, relWithinRoot);
           const infoAfter = readInfoForRoot(folderId);
           const displayName = infoAfter?.name || folderId;
           const primaryVideo = infoAfter?.primaryVideoPath || guessPrimaryVideo(folderId);
@@ -2843,7 +2845,6 @@ app.delete("/api/file", requireAuth, (req, res) => {
                 )
             );
           }
-          removeSeriesEpisode(folderId, relWithinRoot);
         }
       }