feat(SearchCSDbNG): update favicon and increase page size for improved performance

feat(SearchComponents): enhance search functionality and improve UI elements
feat(SearchAssembly64, SearchCommoServe): replace truthy checks with double negation for clarity
2026-06-15 21:38:02 -04:00 · 2026-06-15 16:24:54 -04:00 · 2026-06-15 16:11:24 -04:00 · 2026-06-15 16:05:16 -04:00
6 changed files with 115 additions and 86 deletions
--- a/public/assets/favicon.csdbng.png
+++ b/public/assets/favicon.csdbng.png
--- a/src/app/components/SearchAssembly64.tsx
+++ b/src/app/components/SearchAssembly64.tsx
@ -9,7 +9,7 @@ import { EntryIcon } from './MediaEntry';
 // ─── API ──────────────────────────────────────────────────────────────────────

 const LEET_BASE   = 'https://hackerswithstyle.se/leet';
-const PAGE_SIZE   = 50;
+const PAGE_SIZE   = 1000;
 const DOWNLOAD_DIR = '/sd/downloads';

 function leetFetch(path: string, query?: Record<string, string>) {
@ -236,7 +236,13 @@ export default function SearchAssembly64({ config, setConfig, onClose }: SearchA
    }
  };

-  const handleSearch   = () => { setFilterText(''); doSearch(query, categoryFilter, 0); };
+  const handleSearch = () => {
+    setFilterText('');
+    const trimmed = query.trim();
+    const q = trimmed && !trimmed.includes(':') ? `name:${trimmed}` : trimmed;
+    if (q !== query) setQuery(q);
+    doSearch(q, categoryFilter, 0);
+  };
  const handleLoadMore = () => doSearch(query, categoryFilter, offset, true);

  const applyPreset = (group: PresetGroup, value: PresetValue) => {
@ -352,25 +358,11 @@ export default function SearchAssembly64({ config, setConfig, onClose }: SearchA
            <img src={`${import.meta.env.BASE_URL}assets/favicon.a64.png`} className="w-5 h-5 flex-shrink-0 object-contain" alt="" aria-hidden="true" />
            <span className="text-sm font-semibold text-neutral-700">Assembly64</span>
          </div>
-          {hasSearched && (
-            <button
-              onClick={() => setShowFilter(v => !v)}
-              className={`relative p-1.5 rounded-lg transition-colors ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
-              title="Filter & sort results"
-            >
-              <SlidersHorizontal className="w-4 h-4" />
-              {activeFilters > 0 && (
-                <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
-                  {activeFilters}
-                </span>
-              )}
-            </button>
-          )}
        </div>

        {/* Search input + presets + categories */}
        <div className="flex-shrink-0 px-4 pt-3 pb-3 border-b border-neutral-200/70">
-          <div className="flex gap-2 mb-2">
+          <div className="flex items-center gap-1.5 mb-2">
            <div className="relative flex-1">
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-400 pointer-events-none" />
              <input
@ -397,10 +389,28 @@ export default function SearchAssembly64({ config, setConfig, onClose }: SearchA
            <button
              onClick={handleSearch}
              disabled={isSearching}
-              className="px-4 py-2.5 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700 disabled:opacity-40 transition-colors"
+              className="p-1.5 rounded-lg hover:bg-neutral-100 disabled:opacity-40 transition-colors flex-shrink-0 text-neutral-400 hover:text-blue-600"
+              title="Search"
+              aria-label="Search"
            >
-              {isSearching ? <Loader2 className="w-4 h-4 animate-spin" /> : 'Search'}
+              {isSearching
+                ? <Loader2 className="w-5 h-5 animate-spin text-blue-500" />
+                : <Search className="w-5 h-5" />}
            </button>
+            {hasSearched && (
+              <button
+                onClick={() => setShowFilter(v => !v)}
+                className={`relative p-1.5 rounded-lg transition-colors flex-shrink-0 ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
+                title="Filter & sort results"
+              >
+                <SlidersHorizontal className="w-4 h-4" />
+                {activeFilters > 0 && (
+                  <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
+                    {activeFilters}
+                  </span>
+                )}
+              </button>
+            )}
          </div>

          {presets.length > 0 && (
@ -531,7 +541,7 @@ export default function SearchAssembly64({ config, setConfig, onClose }: SearchA
                              {item.handle && !item.group && (
                                <span className="text-xs text-neutral-400">{item.handle}</span>
                              )}
-                              {item.year && (
+                              {!!item.year && (
                                <span className="text-xs text-neutral-400 flex items-center gap-0.5">
                                  <Calendar className="w-3 h-3" />{item.year}
                                </span>
@ -539,7 +549,7 @@ export default function SearchAssembly64({ config, setConfig, onClose }: SearchA
                              {item.event && (
                                <span className="text-xs text-neutral-400 truncate">{item.event}</span>
                              )}
-                              {item.place && (
+                              {!!item.place && (
                                <span className="text-xs text-neutral-400">#{item.place}</span>
                              )}
                            </div>
--- a/src/app/components/SearchCSDbNG.tsx
+++ b/src/app/components/SearchCSDbNG.tsx
@ -231,28 +231,13 @@ export default function SearchCSDbNG({ config, setConfig, onClose }: SearchCSDbN
            <X className="w-5 h-5" />
          </button>
          <div className="flex items-center gap-2 flex-1 py-3 min-w-0">
-            <Archive className="w-5 h-5 flex-shrink-0 text-neutral-500" aria-hidden="true" />
-            <span className="text-sm font-semibold text-neutral-700">CSDb-ng</span>
+            <img src={`${import.meta.env.BASE_URL}assets/favicon.csdbng.png`} className="h-5 flex-shrink-0 object-contain" alt="" aria-hidden="true" />
          </div>
-          {hasSearched && (
-            <button
-              onClick={() => setShowFilter(v => !v)}
-              className={`relative p-1.5 rounded-lg transition-colors ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
-              title="Filter & sort results"
-            >
-              <SlidersHorizontal className="w-4 h-4" />
-              {activeFilters > 0 && (
-                <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
-                  {activeFilters}
-                </span>
-              )}
-            </button>
-          )}
        </div>

        {/* Search input */}
        <div className="flex-shrink-0 px-4 pt-3 pb-3 border-b border-neutral-200/70">
-          <div className="flex gap-2 mb-2">
+          <div className="flex items-center gap-1.5 mb-2">
            <div className="relative flex-1">
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-400 pointer-events-none" />
              <input
@ -270,10 +255,28 @@ export default function SearchCSDbNG({ config, setConfig, onClose }: SearchCSDbN
            <button
              onClick={() => doSearch(query)}
              disabled={isSearching || !query.trim()}
-              className="px-4 py-2.5 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700 disabled:opacity-40 transition-colors"
+              className="p-1.5 rounded-lg hover:bg-neutral-100 disabled:opacity-40 transition-colors flex-shrink-0 text-neutral-400 hover:text-blue-600"
+              title="Search"
+              aria-label="Search"
            >
-              {isSearching ? <Loader2 className="w-4 h-4 animate-spin" /> : 'Search'}
+              {isSearching
+                ? <Loader2 className="w-5 h-5 animate-spin text-blue-500" />
+                : <Search className="w-5 h-5" />}
            </button>
+            {hasSearched && (
+              <button
+                onClick={() => setShowFilter(v => !v)}
+                className={`relative p-1.5 rounded-lg transition-colors flex-shrink-0 ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
+                title="Filter & sort results"
+              >
+                <SlidersHorizontal className="w-4 h-4" />
+                {activeFilters > 0 && (
+                  <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
+                    {activeFilters}
+                  </span>
+                )}
+              </button>
+            )}
          </div>

          {/* Type filter chips */}
--- a/src/app/components/SearchCommoServe.tsx
+++ b/src/app/components/SearchCommoServe.tsx
@ -110,7 +110,6 @@ const _store = {
  offset:         0,
  hasMore:        false,
  hasSearched:    false,
-  categoryFilter: null as number | null,
  scrollTop:      0,
  showFilter:     false,
  filterText:     '',
@ -234,7 +233,13 @@ export default function SearchCommoServe({ config, setConfig, onClose }: SearchC
    }
  };

-  const handleSearch   = () => { setFilterText(''); doSearch(query, 0); };
+  const handleSearch = () => {
+    setFilterText('');
+    const trimmed = query.trim();
+    const q = trimmed && !trimmed.includes(':') ? `name:${trimmed}` : trimmed;
+    if (q !== query) setQuery(q);
+    doSearch(q, 0);
+  };
  const handleLoadMore = () => doSearch(query, offset, true);

  const applyPreset = (group: PresetGroup, value: PresetValue) => {
@ -356,25 +361,11 @@ export default function SearchCommoServe({ config, setConfig, onClose }: SearchC
            <img src={`${import.meta.env.BASE_URL}assets/favicon.cbm.png`} className="w-5 h-5 flex-shrink-0 object-contain" alt="" aria-hidden="true" />
            <span className="text-sm font-semibold text-neutral-700">CommoServe</span>
          </div>
-          {hasSearched && (
-            <button
-              onClick={() => setShowFilter(v => !v)}
-              className={`relative p-1.5 rounded-lg transition-colors ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
-              title="Filter & sort results"
-            >
-              <SlidersHorizontal className="w-4 h-4" />
-              {activeFilters > 0 && (
-                <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
-                  {activeFilters}
-                </span>
-              )}
-            </button>
-          )}
        </div>

-        {/* Search input + presets + categories */}
+        {/* Search input + presets */}
        <div className="flex-shrink-0 px-4 pt-3 pb-3 border-b border-neutral-200/70">
-          <div className="flex gap-2 mb-2">
+          <div className="flex items-center gap-1.5 mb-2">
            <div className="relative flex-1">
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-400 pointer-events-none" />
              <input
@ -401,10 +392,28 @@ export default function SearchCommoServe({ config, setConfig, onClose }: SearchC
            <button
              onClick={handleSearch}
              disabled={isSearching}
-              className="px-4 py-2.5 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700 disabled:opacity-40 transition-colors"
+              className="p-1.5 rounded-lg hover:bg-neutral-100 disabled:opacity-40 transition-colors flex-shrink-0 text-neutral-400 hover:text-blue-600"
+              title="Search"
+              aria-label="Search"
            >
-              {isSearching ? <Loader2 className="w-4 h-4 animate-spin" /> : 'Search'}
+              {isSearching
+                ? <Loader2 className="w-5 h-5 animate-spin text-blue-500" />
+                : <Search className="w-5 h-5" />}
            </button>
+            {hasSearched && (
+              <button
+                onClick={() => setShowFilter(v => !v)}
+                className={`relative p-1.5 rounded-lg transition-colors flex-shrink-0 ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`}
+                title="Filter & sort results"
+              >
+                <SlidersHorizontal className="w-4 h-4" />
+                {activeFilters > 0 && (
+                  <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
+                    {activeFilters}
+                  </span>
+                )}
+              </button>
+            )}
          </div>

          {presets.length > 0 && (
@ -521,7 +530,7 @@ export default function SearchCommoServe({ config, setConfig, onClose }: SearchC
                              {item.handle && !item.group && (
                                <span className="text-xs text-neutral-400">{item.handle}</span>
                              )}
-                              {item.year && (
+                              {!!item.year && (
                                <span className="text-xs text-neutral-400 flex items-center gap-0.5">
                                  <Calendar className="w-3 h-3" />{item.year}
                                </span>
@ -529,7 +538,7 @@ export default function SearchCommoServe({ config, setConfig, onClose }: SearchC
                              {item.event && (
                                <span className="text-xs text-neutral-400 truncate">{item.event}</span>
                              )}
-                              {item.place && (
+                              {!!item.place && (
                                <span className="text-xs text-neutral-400">#{item.place}</span>
                              )}
                            </div>
--- a/src/app/components/SearchLocal.tsx
+++ b/src/app/components/SearchLocal.tsx
@ -348,31 +348,11 @@ export default function SearchLocal({ config, setConfig, onClose, onOpenFolder }
            <img src={`${import.meta.env.BASE_URL}favicon.ico`} className="w-5 h-5 flex-shrink-0 object-contain" alt="" aria-hidden="true" />
            <span className="text-sm font-semibold text-neutral-700">Local</span>
          </div>
-          <div className="flex items-center gap-0.5">
-            {dbPhase === 'ready' && !busy && (
-              <button onClick={handleRefreshDb} className="p-1.5 rounded-lg hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600 transition-colors" title="Reload database">
-                <RefreshCw className="w-4 h-4" />
-              </button>
-            )}
-            <button onClick={() => setShowScanConfirm(true)} disabled={busy} className="p-1.5 rounded-lg hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600 disabled:opacity-40 transition-colors" title="Scan /sd and rebuild database">
-              <FolderSearch className="w-4 h-4" />
-            </button>
-            {hasSearched && (
-              <button onClick={() => setShowFilter(v => !v)} className={`relative p-1.5 rounded-lg transition-colors ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`} title="Filter & sort">
-                <SlidersHorizontal className="w-4 h-4" />
-                {activeFilters > 0 && (
-                  <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
-                    {activeFilters}
-                  </span>
-                )}
-              </button>
-            )}
-          </div>
        </div>

        {/* Search input */}
        <div className="flex-shrink-0 px-4 pt-3 pb-3 border-b border-neutral-100">
-          <div className="flex gap-2">
+          <div className="flex items-center gap-1.5">
            <div className="relative flex-1">
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-400 pointer-events-none" />
              <input
@ -389,12 +369,33 @@ export default function SearchLocal({ config, setConfig, onClose, onOpenFolder }
            <button
              onClick={handleSearch}
              disabled={busy || !query.trim()}
-              className="px-4 py-2.5 bg-blue-600 text-white rounded-xl text-sm font-medium hover:bg-blue-700 disabled:opacity-40 transition-colors"
+              className="p-1.5 rounded-lg hover:bg-neutral-100 disabled:opacity-40 transition-colors flex-shrink-0 text-neutral-400 hover:text-blue-600"
+              title="Search"
+              aria-label="Search"
            >
-              Search
+              {busy
+                ? <Loader2 className="w-5 h-5 animate-spin text-blue-500" />
+                : <Search className="w-5 h-5" />}
            </button>
+            {dbPhase === 'ready' && !busy && (
+              <button onClick={handleRefreshDb} className="p-1.5 rounded-lg hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600 transition-colors flex-shrink-0" title="Reload database">
+                <RefreshCw className="w-4 h-4" />
+              </button>
+            )}
+            <button onClick={() => setShowScanConfirm(true)} disabled={busy} className="p-1.5 rounded-lg hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600 disabled:opacity-40 transition-colors flex-shrink-0" title="Scan /sd and rebuild database">
+              <FolderSearch className="w-4 h-4" />
+            </button>
+            {hasSearched && (
+              <button onClick={() => setShowFilter(v => !v)} className={`relative p-1.5 rounded-lg transition-colors flex-shrink-0 ${showFilter ? 'bg-blue-100 text-blue-600' : 'hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600'}`} title="Filter & sort">
+                <SlidersHorizontal className="w-4 h-4" />
+                {activeFilters > 0 && (
+                  <span className="absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-600 text-white text-[9px] flex items-center justify-center font-bold">
+                    {activeFilters}
+                  </span>
+                )}
+              </button>
+            )}
          </div>
-
        </div>

        {/* Filter + sort bar — same style as MediaManager */}
--- a/webdav3.py
+++ b/webdav3.py
@ -974,6 +974,12 @@ class DAVRequestHandler(BaseHTTPRequestHandler):
        size = -1
      path, elem = self.path_elem_prev()
      ename = path[-1]
+      if elem is None and len(path) > 1:
+        # Parent directory doesn't exist — create it and re-resolve
+        parent_parts = [p.rstrip('/') for p in path[:-1]]
+        parent_fs = os.path.join(self.server.root.fsname, *parent_parts)
+        os.makedirs(parent_fs, exist_ok=True)
+        path, elem = self.path_elem_prev()
    except:
      self.send_response(400, 'Cannot parse request')
      self.send_header('Content-length', '0')
Author	SHA1	Message	Date
Jaime Idolpx	e420a47d03	feat(SearchCSDbNG): update favicon and increase page size for improved performance	2026-06-15 21:38:02 -04:00
Jaime Idolpx	b7290eeb85	feat(SearchComponents): enhance search functionality and improve UI elements	2026-06-15 16:24:54 -04:00
Jaime Idolpx	3e6298fb5a	feat(SearchAssembly64, SearchCommoServe): replace truthy checks with double negation for clarity	2026-06-15 16:11:24 -04:00
Jaime Idolpx	5f638294bf	feat(SearchCommoServe): remove categoryFilter from state management	2026-06-15 16:05:16 -04:00