@brftech/filex-core 0.1.83 → 0.2.0

package/src/lib/fileIcons.ts

@@ -0,0 +1,127 @@
+/**
+ * fileIcons — extension/type → inline SVG icon mapping.
+ *
+ * Replaces the old emoji maps in GridView/ListView with a minimalist
+ * line-icon set. Icons are hand-drawn 24×24 strokes on `currentColor`;
+ * each family gets an accent via `--fe-icon-<family>` (variables.css),
+ * applied through the `fe-ficon--<family>` class in base.css.
+ *
+ * Scope: file-TYPE icons only. Action emojis (trash/star/…) and the
+ * special `.trash` / storage rows stay emoji — see the views.
+ */
+
+export type IconFamily =
+  | 'folder'
+  | 'image'
+  | 'video'
+  | 'audio'
+  | 'pdf'
+  | 'doc'
+  | 'sheet'
+  | 'slides'
+  | 'archive'
+  | 'code'
+  | 'text'
+  | 'unknown';
+
+const EXT_FAMILIES: Record<string, IconFamily> = {};
+
+function reg(family: IconFamily, exts: string[]) {
+  for (const e of exts) EXT_FAMILIES[e] = family;
+}
+
+reg('image', ['jpg', 'jpeg', 'png', 'webp', 'gif', 'bmp', 'avif', 'heic', 'svg', 'ico', 'tiff', 'tif']);
+reg('video', ['mp4', 'webm', 'mov', 'mkv', 'avi', 'ogv', 'm4v']);
+reg('audio', ['mp3', 'wav', 'flac', 'ogg', 'm4a', 'aac', 'opus']);
+reg('pdf', ['pdf']);
+reg('doc', ['doc', 'docx', 'odt', 'rtf']);
+reg('sheet', ['xls', 'xlsx', 'ods', 'csv']);
+reg('slides', ['ppt', 'pptx', 'odp']);
+reg('archive', ['zip', 'tar', 'gz', 'bz2', '7z', 'rar', 'xz', 'zst']);
+reg('code', [
+  'js', 'ts', 'jsx', 'tsx', 'mjs', 'cjs', 'vue', 'py', 'go', 'rs', 'php', 'rb',
+  'java', 'kt', 'swift', 'c', 'cpp', 'h', 'hpp', 'cs', 'css', 'scss', 'less',
+  'html', 'htm', 'json', 'yml', 'yaml', 'xml', 'sh', 'bash', 'ps1', 'sql', 'toml',
+]);
+reg('text', ['txt', 'md', 'markdown', 'log', 'ini', 'conf', 'cfg', 'env']);
+
+/** Pick the icon family for a listing node. */
+export function iconFamilyFor(node: {
+  type?: string;
+  extension?: string | null;
+}): IconFamily {
+  if (node.type === 'dir') return 'folder';
+  const ext = (node.extension || '').toLowerCase();
+  return EXT_FAMILIES[ext] ?? 'unknown';
+}
+
+// Shared fragments. The document families reuse one sheet-with-fold base so
+// the set reads as one system; media families get standalone shapes.
+const FILE_BASE =
+  '<path d="M6.5 3h7L18.5 8v11.5a1.5 1.5 0 0 1-1.5 1.5H6.5A1.5 1.5 0 0 1 5 19.5v-15A1.5 1.5 0 0 1 6.5 3z"/>' +
+  '<path d="M13.5 3v5h5"/>';
+
+const GLYPHS: Record<IconFamily, string> = {
+  // Folder is the one "filled" member — a soft currentColor wash keeps it
+  // visually anchored without breaking the line style.
+  folder:
+    '<path d="M3 7a2 2 0 0 1 2-2h4.2l2 2.4H19a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" fill="currentColor" fill-opacity="0.14"/>',
+  image:
+    '<rect x="3" y="5" width="18" height="14" rx="2"/>' +
+    '<circle cx="8.6" cy="10" r="1.6"/>' +
+    '<path d="M5.2 16.6l4.3-4.3 3 3 2.4-2.4 3.9 3.7"/>',
+  video:
+    '<rect x="3" y="5" width="18" height="14" rx="2"/>' +
+    '<path d="M10.2 9.3v5.4l4.8-2.7z" fill="currentColor" stroke="none"/>',
+  audio:
+    '<path d="M9 17.5V7.2l9-2.2v10.4"/>' +
+    '<circle cx="6.8" cy="17.6" r="2.2"/>' +
+    '<circle cx="15.8" cy="15.5" r="2.2"/>',
+  pdf:
+    FILE_BASE +
+    '<rect x="7.5" y="12" width="9" height="5" rx="1" fill="currentColor" fill-opacity="0.14"/>',
+  doc:
+    FILE_BASE +
+    '<path d="M8.5 13h7M8.5 16h7"/>',
+  sheet:
+    FILE_BASE +
+    '<path d="M8 12.5h8M8 15.5h8M8 18h8M12 12.5V18"/>',
+  slides:
+    FILE_BASE +
+    '<rect x="8" y="12.5" width="8" height="5" rx="0.8"/>',
+  archive:
+    FILE_BASE +
+    '<path d="M10 3v1.6M10 6.6v1.6M10 10.2v1.6"/>' +
+    '<rect x="8.6" y="14" width="2.8" height="3.4" rx="0.8"/>',
+  code:
+    FILE_BASE +
+    '<path d="M10.4 12.5L8.3 15l2.1 2.5M13.6 12.5l2.1 2.5-2.1 2.5"/>',
+  text:
+    FILE_BASE +
+    '<path d="M8.5 12h7M8.5 15h7M8.5 18h4.5"/>',
+  unknown:
+    FILE_BASE +
+    '<path d="M10.3 13.1a1.8 1.8 0 1 1 2.5 1.9c-.6.3-.8.7-.8 1.4"/>' +
+    '<circle cx="12" cy="18.4" r="0.9" fill="currentColor" stroke="none"/>',
+};
+
+const SVG_CACHE = new Map<IconFamily, string>();
+
+/** Inline SVG markup for a family (safe static strings — v-html friendly). */
+export function iconSvg(family: IconFamily): string {
+  let svg = SVG_CACHE.get(family);
+  if (!svg) {
+    svg =
+      `<svg class="fe-ficon fe-ficon--${family}" viewBox="0 0 24 24" fill="none" ` +
+      'stroke="currentColor" stroke-width="1.6" stroke-linecap="round" ' +
+      'stroke-linejoin="round" aria-hidden="true" focusable="false">' +
+      `${GLYPHS[family]}</svg>`;
+    SVG_CACHE.set(family, svg);
+  }
+  return svg;
+}
+
+/** Convenience: node → SVG markup in one call. */
+export function fileIconSvg(node: { type?: string; extension?: string | null }): string {
+  return iconSvg(iconFamilyFor(node));
+}

package/src/lib/snippet.ts

@@ -0,0 +1,43 @@
+/* bul:s3 */
+/**
+ * Snippet segment parser — the search backend returns content snippets as
+ * PLAIN TEXT with matched words wrapped in «guillemets» (contract: no HTML
+ * ever crosses the wire). The UI renders highlights by splitting the string
+ * into segments and emitting each one as a TEXT node (a <mark> wrapper for
+ * matches) — never via innerHTML, so a file whose content contains markup
+ * can't inject anything into the page.
+ */
+
+export interface SnippetSegment {
+  /** Literal text of this segment. Always rendered as a text node. */
+  text: string;
+  /** True when the segment was «wrapped» — render inside <mark>. */
+  match: boolean;
+}
+
+/**
+ * Split a `«»`-annotated snippet into render segments. An unpaired `«`
+ * degrades gracefully: the rest of the string is treated as plain text.
+ */
+export function snippetSegments(snippet: string): SnippetSegment[] {
+  const out: SnippetSegment[] = [];
+  if (!snippet) return out;
+  const re = /«([^«»]*)»/g;
+  let last = 0;
+  let m: RegExpExecArray | null;
+  while ((m = re.exec(snippet)) !== null) {
+    if (m.index > last) out.push({ text: snippet.slice(last, m.index), match: false });
+    if (m[1]) out.push({ text: m[1], match: true });
+    last = m.index + m[0].length;
+  }
+  if (last < snippet.length) out.push({ text: snippet.slice(last), match: false });
+  return out;
+}
+
+/** Matched-in values the search contract allows on a hit. */
+export type SearchMatched = 'name' | 'content' | 'both';
+
+/** True when the hit matched (at least partly) inside file CONTENT. */
+export function matchedInContent(matched: unknown): boolean {
+  return matched === 'content' || matched === 'both';
+}

package/src/locales/en.ts

@@ -133,4 +133,66 @@ export const en: Record<string, string> = {
   'viewer.archive.error': 'Could not read archive contents.',
   'viewer.name': 'Name',
   'viewer.size': 'Size',
+
+  // ——— cila:a — sorting / date groups / density ———
+  'col.sort': 'Sort',
+  'group.today': 'Today',
+  'group.yesterday': 'Yesterday',
+  'group.this_week': 'This Week',
+  'group.this_month': 'This Month',
+  'group.no_date': 'No date',
+  'toolbar.density.compact': 'Compact view',
+  'toolbar.density.comfortable': 'Comfortable view',
+
+  // ——— cila:c — command palette + shortcuts help + breadcrumb ———
+  'palette.placeholder': 'Search files, folders or commands…',
+  'palette.files': 'Files',
+  'palette.commands': 'Commands',
+  'palette.goto': 'Go to path',
+  'palette.empty': 'No results',
+  'palette.hint': '↑↓ navigate · Enter select · Esc close',
+  'cmd.view_toggle': 'Toggle view (list ⇄ grid)',
+  'cmd.trash': 'Open trash',
+  'shortcuts.title': 'Keyboard Shortcuts',
+  'shortcuts.group.nav': 'Navigation',
+  'shortcuts.group.selection': 'Selection',
+  'shortcuts.group.file': 'File operations',
+  'shortcuts.palette': 'Command palette',
+  'shortcuts.search': 'Focus search',
+  'shortcuts.go_up': 'Go up one level',
+  'shortcuts.open': 'Open selected item',
+  'shortcuts.close': 'Close / cancel',
+  'shortcuts.help': 'This help dialog',
+  'shortcuts.select_all': 'Select all',
+  'shortcuts.rename': 'Rename',
+  'shortcuts.delete': 'Delete',
+  'shortcuts.cut': 'Cut',
+  'shortcuts.copy': 'Copy',
+  'shortcuts.paste': 'Paste',
+  'breadcrumb.more': 'Hidden folders',
+
+  // ——— State screens + undo snackbar + connection badge (cila:b) ———
+  'empty.hint': 'Drag and drop files here',
+  'empty.upload': 'Upload files',
+  'empty.search.title': 'No files match your search',
+  'empty.search.hint': 'Try a different search term',
+  'empty.trash.title': 'Trash is empty',
+  'error.title': 'Could not load this folder',
+  'error.retry': 'Try again',
+  'toast.undo': 'Undo',
+  'toast.undone': 'Undone',
+  'toast.undo_failed': 'Could not undo',
+  'toast.renamed': 'Renamed',
+  'toast.moved': 'Moved',
+  'toast.trashed': 'Moved to trash',
+  'conn.offline': 'No live connection — changes may be delayed',
+  'conn.tooltip': 'Live connection to the server is unavailable; the list refreshes periodically. This notice disappears once the connection is back.',
+
+  /* === bul:s3 === */
+  'palette.everywhere': 'Everywhere',
+  'palette.searching': 'Searching…',
+  'palette.saved': 'Saved searches',
+  'palette.save': 'Save search',
+  'palette.saved.delete': 'Delete saved search',
+  'search.in_content': 'In content',
 };

package/src/locales/tr.ts

@@ -133,4 +133,66 @@ export const tr: Record<string, string> = {
   'viewer.archive.error': 'Arşiv okunamadı.',
   'viewer.name': 'Ad',
   'viewer.size': 'Boyut',
+
+  // ——— cila:a — sıralama / tarih grupları / yoğunluk ———
+  'col.sort': 'Sırala',
+  'group.today': 'Bugün',
+  'group.yesterday': 'Dün',
+  'group.this_week': 'Bu Hafta',
+  'group.this_month': 'Bu Ay',
+  'group.no_date': 'Tarihsiz',
+  'toolbar.density.compact': 'Sıkışık görünüm',
+  'toolbar.density.comfortable': 'Rahat görünüm',
+
+  // ——— cila:c — komut paleti + kısayol yardımı + breadcrumb ———
+  'palette.placeholder': 'Dosya, klasör veya komut ara…',
+  'palette.files': 'Dosyalar',
+  'palette.commands': 'Komutlar',
+  'palette.goto': 'Yola git',
+  'palette.empty': 'Sonuç bulunamadı',
+  'palette.hint': '↑↓ gezin · Enter seç · Esc kapat',
+  'cmd.view_toggle': 'Görünümü değiştir (liste ⇄ ızgara)',
+  'cmd.trash': 'Çöp kutusunu aç',
+  'shortcuts.title': 'Klavye Kısayolları',
+  'shortcuts.group.nav': 'Gezinme',
+  'shortcuts.group.selection': 'Seçim',
+  'shortcuts.group.file': 'Dosya işlemleri',
+  'shortcuts.palette': 'Komut paleti',
+  'shortcuts.search': 'Aramaya odaklan',
+  'shortcuts.go_up': 'Üst klasöre çık',
+  'shortcuts.open': 'Seçili öğeyi aç',
+  'shortcuts.close': 'Kapat / vazgeç',
+  'shortcuts.help': 'Bu yardım penceresi',
+  'shortcuts.select_all': 'Tümünü seç',
+  'shortcuts.rename': 'Yeniden adlandır',
+  'shortcuts.delete': 'Sil',
+  'shortcuts.cut': 'Kes',
+  'shortcuts.copy': 'Kopyala',
+  'shortcuts.paste': 'Yapıştır',
+  'breadcrumb.more': 'Aradaki klasörler',
+
+  // ——— State screens + undo snackbar + connection badge (cila:b) ———
+  'empty.hint': 'Dosyaları buraya sürükleyip bırakın',
+  'empty.upload': 'Dosya yükle',
+  'empty.search.title': 'Aramanla eşleşen dosya yok',
+  'empty.search.hint': 'Farklı bir arama terimi deneyin',
+  'empty.trash.title': 'Çöp kutusu boş',
+  'error.title': 'Liste yüklenemedi',
+  'error.retry': 'Yeniden dene',
+  'toast.undo': 'Geri Al',
+  'toast.undone': 'Geri alındı',
+  'toast.undo_failed': 'Geri alınamadı',
+  'toast.renamed': 'Yeniden adlandırıldı',
+  'toast.moved': 'Taşındı',
+  'toast.trashed': 'Çöpe taşındı',
+  'conn.offline': 'Canlı bağlantı yok — değişiklikler gecikebilir',
+  'conn.tooltip': 'Sunucuyla canlı bağlantı kurulamadı; liste belirli aralıklarla otomatik yenilenir. Bağlantı geri gelince bu uyarı kaybolur.',
+
+  /* === bul:s3 === */
+  'palette.everywhere': 'Her yerde',
+  'palette.searching': 'Aranıyor…',
+  'palette.saved': 'Kayıtlı aramalar',
+  'palette.save': 'Aramayı kaydet',
+  'palette.saved.delete': 'Kayıtlı aramayı sil',
+  'search.in_content': 'İçerikte',
 };