@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

package/dist/esm/modules/fuzzyMatchLogic/autoCompleteFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoCompleteFilter.js","sources":["../../../../src/modules/fuzzyMatchLogic/autoCompleteFilter.ts"],"sourcesContent":["import { Encoder, Index } from 'flexsearch'\nimport { score } from './scoring'\nimport type {\n  FuzzySearchContext,\n  FuzzySearchIndex,\n  FuzzySearchPrepareIndexParams,\n  FuzzySearchReturnItem,\n} from './types'\n\nexport function makeFuzzySearchIndex(\n  params: FuzzySearchPrepareIndexParams,\n): FuzzySearchIndex {\n  const encoder = new Encoder({\n    // prepare\n    // normalize: true,\n    // dedupe: true,\n    // include: {\n    //   letter: true,\n    //   number: true,\n    //   symbol: true,\n    //   punctuation: true,\n    //   control: false,\n    // },\n    // finalize: (terms) => {\n    //   return terms\n    // },\n  })\n  const index = new Index({\n    tokenize: 'forward',\n    encoder: encoder,\n  })\n  params.entries.forEach((entry, idx) => {\n    index.add(idx, entry.displayName || entry.slug)\n    // index.add(idx, enrichTokensForIndex(tokenize(entry.displayName || entry.slug)).join(' '))\n  })\n  return {\n    flexIndex: index,\n    entries: params.entries,\n  }\n}\n\nexport function fuzzySearch(\n  needle: string,\n  context: FuzzySearchContext,\n): Array<FuzzySearchReturnItem> {\n  const postFiltrationResults = context.index.flexIndex\n    .searchCache(needle)\n    .map((id) => {\n      return {\n        entry: context.index.entries[id as number]!,\n      }\n    })\n\n  // const tokenizedNeedle = tokenize(needle)\n\n  // const foundTokensByRows = new Map<number, FuzzySearchPreliminaryResult>()\n\n  // tokenizedNeedle.forEach((token) => {\n  //   const found = context.index.flexIndex.search(token)\n  //   ;(found as number[]).forEach((id) => {\n  //     let row = foundTokensByRows.get(id)\n  //     if (!row) {\n  //       row = {\n  //         entry: context.index.entries[id as number]!,\n  //         foundTokens: [token],\n  //       }\n  //       foundTokensByRows.set(id, row)\n  //     } else {\n  //       row.foundTokens.push(token)\n  //     }\n  //   })\n  // })\n\n  // const rawResults = [...foundTokensByRows.values()]\n  // const postFiltrationResults = postFiltration(rawResults)\n  return score(postFiltrationResults, needle)\n}\n\n// type IndexType = {\n//   title: string;\n//   titleOrig: string;\n//   tokens: string[];\n//   notFavorite: boolean;\n//   notRecent: boolean;\n//   item: SourceItem;\n// };\n\n// export function makeAutoCompleteFilter(\n//   items: SourceItem[],\n// ): EhAutoCompleteFilter {\n//   const itemsIndex: IndexType[] = items.map((item) => {\n//     const lower = item.title.toLowerCase();\n//     return {\n//       title: lower,\n//       titleOrig: item.title,\n//       tokens: tokenize(item.title),\n//       notFavorite: !item.favorite,\n//       notRecent: !item.recent,\n//       item,\n//     };\n//   });\n//   const recentFavWinSort = ['notFavorite', 'notRecent'];\n//   const shortestWinSort = (x: IndexType) => x.title.length;\n//   const sorts: Many<ListIteratee<IndexType>> = [\n//     ...recentFavWinSort,\n//     shortestWinSort,\n//   ];\n\n//   function doSearch(searchPatternOrig: string) {\n//     const searchPattern = searchPatternOrig.toLowerCase();\n//     const results = new Set<SourceItem>();\n\n//     // prefix match exact case sensitive\n//     const exactPrefix = sortBy(\n//       itemsIndex.filter((item) => item.titleOrig.startsWith(searchPatternOrig)),\n//       sorts,\n//     );\n//     exactPrefix.forEach((x) => results.add(x.item));\n\n//     // prefix case insensitive\n//     const caseRelaxedPrefix = sortBy(\n//       itemsIndex.filter((item) => item.title.startsWith(searchPattern)),\n//       sorts,\n//     );\n//     caseRelaxedPrefix.forEach((x) => results.add(x.item));\n\n//     // token prefix\n//     const searchTokens = tokenize(searchPattern);\n\n//     if (searchTokens.length > 0) {\n//       const prefixedInTokens = itemsIndex.filter((item) => {\n//         const isFound = searchTokens.reduce<string[] | false>(\n//           (itemTokens, searchToken) => {\n//             if (itemTokens !== false) {\n//               for (let i = 0; i < itemTokens.length; i++) {\n//                 if (itemTokens[i].startsWith(searchToken)) {\n//                   return itemTokens.slice(i + 1);\n//                 }\n//               }\n//             }\n//             return false;\n//           },\n//           item.tokens,\n//         );\n//         return isFound !== false;\n//       });\n\n//       sortBy(prefixedInTokens, sorts).forEach((x) => results.add(x.item));\n//     }\n\n//     // substring match (case sensitive)\n//     const exactSubstring = sortBy(\n//       itemsIndex.filter((item) => item.titleOrig.includes(searchPatternOrig)),\n//       sorts,\n//       (x) => x.titleOrig.indexOf(searchPatternOrig),\n//     );\n//     exactSubstring.forEach((x) => results.add(x.item));\n\n//     // substring match (case insensitive)\n//     const relaxSubstring = sortBy(\n//       itemsIndex.filter((item) => item.title.includes(searchPattern)),\n//       sorts,\n//       (x) => x.title.indexOf(searchPattern),\n//     );\n//     relaxSubstring.forEach((x) => results.add(x.item));\n\n//     itemsIndex\n//       .filter((item) => item.tokens.join('').includes(searchPattern))\n//       .forEach((x) => results.add(x.item));\n\n//     const searchString = searchTokens.join('');\n//     itemsIndex\n//       .filter((item) => item.tokens.join('').includes(searchString))\n//       .forEach((x) => results.add(x.item));\n\n//     return [...results];\n//   }\n\n//   return (searchPatternOrig: string) => {\n//     let results = doSearch(searchPatternOrig);\n//     if (results.length === 0 && isRuLayout(searchPatternOrig)) {\n//       results = doSearch(fixRuLayout(searchPatternOrig));\n//     }\n//     return results;\n//   };\n// }\n"],"names":[],"mappings":";;AASO,SAAS,qBACd,QACkB;AAClB,QAAM,UAAU,IAAI,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAc3B;AACD,QAAM,QAAQ,IAAI,MAAM;AAAA,IACtB,UAAU;AAAA,IACV;AAAA,EAAA,CACD;AACD,SAAO,QAAQ,QAAQ,CAAC,OAAO,QAAQ;AACrC,UAAM,IAAI,KAAK,MAAM,eAAe,MAAM,IAAI;AAAA,EAEhD,CAAC;AACD,SAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS,OAAO;AAAA,EAAA;AAEpB;AAEO,SAAS,YACd,QACA,SAC8B;AAC9B,QAAM,wBAAwB,QAAQ,MAAM,UACzC,YAAY,MAAM,EAClB,IAAI,CAAC,OAAO;AACX,WAAO;AAAA,MACL,OAAO,QAAQ,MAAM,QAAQ,EAAY;AAAA,IAAA;AAAA,EAE7C,CAAC;AAwBH,SAAO,MAAM,uBAAuB,MAAM;AAC5C;"}
+{"version":3,"file":"autoCompleteFilter.js","sources":["../../../../src/modules/fuzzyMatchLogic/autoCompleteFilter.ts"],"sourcesContent":["import { Encoder, Index } from 'flexsearch'\nimport { matchSorter } from 'match-sorter'\nimport type {\n  FuzzySearchContext,\n  FuzzySearchIndex,\n  FuzzySearchPrepareIndexParams,\n  FuzzySearchReturnItem,\n} from './types'\nimport { fixRuLayout, isRuLayout } from '~/modules/fuzzyMatchLogic/fixLayout'\nimport {\n  enrichTokensForIndex,\n  tokenize,\n} from '~/modules/fuzzyMatchLogic/tokenize'\n\nexport function makeFuzzySearchIndex(\n  params: FuzzySearchPrepareIndexParams,\n): FuzzySearchIndex {\n  const encoder = new Encoder({\n    // prepare\n    // normalize: true,\n    // dedupe: true,\n    // include: {\n    //   letter: true,\n    //   number: true,\n    //   symbol: true,\n    //   punctuation: true,\n    //   control: false,\n    // },\n    // finalize: (terms) => {\n    //   return terms\n    // },\n  })\n  const index = new Index({\n    tokenize: 'forward',\n    encoder: encoder,\n  })\n  params.entries.forEach((entry, idx) => {\n    const newLocal = [\n      ...enrichTokensForIndex(tokenize(entry.displayName)),\n      gluer(entry.displayName),\n    ].join(' ')\n    // index.add(idx, entry.displayName)\n    index.add(idx, newLocal)\n  })\n  return {\n    flexIndex: index,\n    entries: params.entries,\n  }\n}\n\nexport function fuzzySearch(\n  needle: string,\n  context: FuzzySearchContext,\n): Array<FuzzySearchReturnItem> {\n  const justDisplayName = context.index.entries\n\n  const attempt = (n: string) => {\n    const tokenizedNeedle = tokenize(n).join(' ')\n    const results = matchSorter(justDisplayName, tokenizedNeedle, {\n      keys: [(item) => tokenize(item.displayName).join(' ')],\n      sorter: (rankedItems) => {\n        return rankedItems.sort((a, b) => {\n          const aFirst = -1\n          const bFirst = 1\n          const { rank: aRank, keyIndex: aKeyIndex } = a\n          const { rank: bRank, keyIndex: bKeyIndex } = b\n          const same = aRank === bRank\n          if (same) {\n            if (aKeyIndex === bKeyIndex) {\n              const aFreq = context.freqGetter?.(a.item.slug) || 0\n              const bFreq = context.freqGetter?.(b.item.slug) || 0\n              if (aFreq === bFreq) {\n                return a.item.displayName.localeCompare(b.item.displayName)\n              }\n\n              return aFreq > bFreq ? aFirst : bFirst\n            } else {\n              return aKeyIndex < bKeyIndex ? aFirst : bFirst\n            }\n          } else {\n            return aRank > bRank ? aFirst : bFirst\n          }\n        })\n        // return sort(rankedItems, (rankedItem) => {\n        //   const { rank } = rankedItem\n        //   const freq = context.freqGetter?.(rankedItem.item.slug) || 0;\n        //   if (rank <= rankings.STARTS_WITH) {\n        //     // or worse\n        //     return ((10 - rank) * 10000 + freq * 1000 + rankedItem.index)\n        //   }\n        //   return ((10 - rank) * 100000 + rankedItem.index)\n        // }, true)\n      },\n    })\n    return results.map((r) => ({ entry: r }))\n  }\n\n  let lastAttempt = attempt(needle)\n  if (lastAttempt.length === 0 && isRuLayout(needle)) {\n    lastAttempt = attempt(fixRuLayout(needle))\n  }\n  return lastAttempt\n\n  // const attempt = (n: string) => {\n  //   const tokenizedNeedle = tokenize(n)\n  //   const postFiltrationResultsRaw = tokenizedNeedle.flatMap((t) =>\n  //     context.index.flexIndex.searchCache(t).map((id) => {\n  //       return {\n  //         id,\n  //         entry: context.index.entries[id as number]!,\n  //       }\n  //     }),\n  //   )\n\n  //   const postFiltrationResults = postFiltration(\n  //     unique(postFiltrationResultsRaw, (r) => r.id),\n  //     n,\n  //   )\n\n  //   return score(postFiltrationResults, n)\n  // }\n\n  // let lastAttempt = attempt(needle)\n  // if (lastAttempt.length === 0 && isRuLayout(needle)) {\n  //   lastAttempt = attempt(fixRuLayout(needle))\n  // }\n  // return lastAttempt\n\n  // const foundTokensByRows = new Map<number, FuzzySearchPreliminaryResult>()\n\n  // tokenizedNeedle.forEach((token) => {\n  //   const found = context.index.flexIndex.search(token)\n  //   ;(found as number[]).forEach((id) => {\n  //     let row = foundTokensByRows.get(id)\n  //     if (!row) {\n  //       row = {\n  //         entry: context.index.entries[id as number]!,\n  //         foundTokens: [token],\n  //       }\n  //       foundTokensByRows.set(id, row)\n  //     } else {\n  //       row.foundTokens.push(token)\n  //     }\n  //   })\n  // })\n\n  // const rawResults = [...foundTokensByRows.values()]\n  // const postFiltrationResults = postFiltration(rawResults)\n}\n\nfunction gluer(displayName: string) {\n  return displayName.toLowerCase().replaceAll(/[^a-z0-9]/g, '')\n}\n// type IndexType = {\n//   title: string;\n//   titleOrig: string;\n//   tokens: string[];\n//   notFavorite: boolean;\n//   notRecent: boolean;\n//   item: SourceItem;\n// };\n\n// export function makeAutoCompleteFilter(\n//   items: SourceItem[],\n// ): EhAutoCompleteFilter {\n//   const itemsIndex: IndexType[] = items.map((item) => {\n//     const lower = item.title.toLowerCase();\n//     return {\n//       title: lower,\n//       titleOrig: item.title,\n//       tokens: tokenize(item.title),\n//       notFavorite: !item.favorite,\n//       notRecent: !item.recent,\n//       item,\n//     };\n//   });\n//   const recentFavWinSort = ['notFavorite', 'notRecent'];\n//   const shortestWinSort = (x: IndexType) => x.title.length;\n//   const sorts: Many<ListIteratee<IndexType>> = [\n//     ...recentFavWinSort,\n//     shortestWinSort,\n//   ];\n\n//   function doSearch(searchPatternOrig: string) {\n//     const searchPattern = searchPatternOrig.toLowerCase();\n//     const results = new Set<SourceItem>();\n\n//     // prefix match exact case sensitive\n//     const exactPrefix = sortBy(\n//       itemsIndex.filter((item) => item.titleOrig.startsWith(searchPatternOrig)),\n//       sorts,\n//     );\n//     exactPrefix.forEach((x) => results.add(x.item));\n\n//     // prefix case insensitive\n//     const caseRelaxedPrefix = sortBy(\n//       itemsIndex.filter((item) => item.title.startsWith(searchPattern)),\n//       sorts,\n//     );\n//     caseRelaxedPrefix.forEach((x) => results.add(x.item));\n\n//     // token prefix\n//     const searchTokens = tokenize(searchPattern);\n\n//     if (searchTokens.length > 0) {\n//       const prefixedInTokens = itemsIndex.filter((item) => {\n//         const isFound = searchTokens.reduce<string[] | false>(\n//           (itemTokens, searchToken) => {\n//             if (itemTokens !== false) {\n//               for (let i = 0; i < itemTokens.length; i++) {\n//                 if (itemTokens[i].startsWith(searchToken)) {\n//                   return itemTokens.slice(i + 1);\n//                 }\n//               }\n//             }\n//             return false;\n//           },\n//           item.tokens,\n//         );\n//         return isFound !== false;\n//       });\n\n//       sortBy(prefixedInTokens, sorts).forEach((x) => results.add(x.item));\n//     }\n\n//     // substring match (case sensitive)\n//     const exactSubstring = sortBy(\n//       itemsIndex.filter((item) => item.titleOrig.includes(searchPatternOrig)),\n//       sorts,\n//       (x) => x.titleOrig.indexOf(searchPatternOrig),\n//     );\n//     exactSubstring.forEach((x) => results.add(x.item));\n\n//     // substring match (case insensitive)\n//     const relaxSubstring = sortBy(\n//       itemsIndex.filter((item) => item.title.includes(searchPattern)),\n//       sorts,\n//       (x) => x.title.indexOf(searchPattern),\n//     );\n//     relaxSubstring.forEach((x) => results.add(x.item));\n\n//     itemsIndex\n//       .filter((item) => item.tokens.join('').includes(searchPattern))\n//       .forEach((x) => results.add(x.item));\n\n//     const searchString = searchTokens.join('');\n//     itemsIndex\n//       .filter((item) => item.tokens.join('').includes(searchString))\n//       .forEach((x) => results.add(x.item));\n\n//     return [...results];\n//   }\n\n//   return (searchPatternOrig: string) => {\n//     let results = doSearch(searchPatternOrig);\n//     if (results.length === 0 && isRuLayout(searchPatternOrig)) {\n//       results = doSearch(fixRuLayout(searchPatternOrig));\n//     }\n//     return results;\n//   };\n// }\n"],"names":[],"mappings":";;;;AAcO,SAAS,qBACd,QACkB;AAClB,QAAM,UAAU,IAAI,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAc3B;AACD,QAAM,QAAQ,IAAI,MAAM;AAAA,IACtB,UAAU;AAAA,IACV;AAAA,EAAA,CACD;AACD,SAAO,QAAQ,QAAQ,CAAC,OAAO,QAAQ;AACrC,UAAM,WAAW;AAAA,MACf,GAAG,qBAAqB,SAAS,MAAM,WAAW,CAAC;AAAA,MACnD,MAAM,MAAM,WAAW;AAAA,IAAA,EACvB,KAAK,GAAG;AAEV,UAAM,IAAI,KAAK,QAAQ;AAAA,EACzB,CAAC;AACD,SAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS,OAAO;AAAA,EAAA;AAEpB;AAEO,SAAS,YACd,QACA,SAC8B;AAC9B,QAAM,kBAAkB,QAAQ,MAAM;AAEtC,QAAM,UAAU,CAAC,MAAc;AAC7B,UAAM,kBAAkB,SAAS,CAAC,EAAE,KAAK,GAAG;AAC5C,UAAM,UAAU,YAAY,iBAAiB,iBAAiB;AAAA,MAC5D,MAAM,CAAC,CAAC,SAAS,SAAS,KAAK,WAAW,EAAE,KAAK,GAAG,CAAC;AAAA,MACrD,QAAQ,CAAC,gBAAgB;AACvB,eAAO,YAAY,KAAK,CAAC,GAAG,MAAM;;AAChC,gBAAM,SAAS;AACf,gBAAM,SAAS;AACf,gBAAM,EAAE,MAAM,OAAO,UAAU,cAAc;AAC7C,gBAAM,EAAE,MAAM,OAAO,UAAU,cAAc;AAC7C,gBAAM,OAAO,UAAU;AACvB,cAAI,MAAM;AACR,gBAAI,cAAc,WAAW;AAC3B,oBAAM,UAAQ,aAAQ,eAAR,iCAAqB,EAAE,KAAK,UAAS;AACnD,oBAAM,UAAQ,aAAQ,eAAR,iCAAqB,EAAE,KAAK,UAAS;AACnD,kBAAI,UAAU,OAAO;AACnB,uBAAO,EAAE,KAAK,YAAY,cAAc,EAAE,KAAK,WAAW;AAAA,cAC5D;AAEA,qBAAO,QAAQ,QAAQ,SAAS;AAAA,YAClC,OAAO;AACL,qBAAO,YAAY,YAAY,SAAS;AAAA,YAC1C;AAAA,UACF,OAAO;AACL,mBAAO,QAAQ,QAAQ,SAAS;AAAA,UAClC;AAAA,QACF,CAAC;AAAA,MAUH;AAAA,IAAA,CACD;AACD,WAAO,QAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI;AAAA,EAC1C;AAEA,MAAI,cAAc,QAAQ,MAAM;AAChC,MAAI,YAAY,WAAW,KAAK,WAAW,MAAM,GAAG;AAClD,kBAAc,QAAQ,YAAY,MAAM,CAAC;AAAA,EAC3C;AACA,SAAO;AA+CT;AAEA,SAAS,MAAM,aAAqB;AAClC,SAAO,YAAY,YAAA,EAAc,WAAW,cAAc,EAAE;AAC9D;"}

package/dist/esm/modules/fuzzyMatchLogic/features/positionBonus.d.ts

@@ -0,0 +1 @@
+export declare function positionBonus(needle: string, candidate: string, positionDecayAlpha: number): number;

package/dist/esm/modules/fuzzyMatchLogic/fixLayout.js

@@ -0,0 +1,23 @@
+const En = "qwertyuiop[]asdfghjkl;'zxcvbnm,.", Ru = "йцукенгшщзхъфывапролджэячсмитьбю";
+const ruEnMap = [...Ru].reduce(
+  (acc, ruChar, index) => {
+    const enChar = En[index];
+    if (enChar) {
+      acc[ruChar] = enChar;
+      acc[ruChar.toUpperCase()] = enChar.toUpperCase();
+    }
+    return acc;
+  },
+  {}
+);
+function isRuLayout(text) {
+  return [...text].some((c) => Ru.includes(c));
+}
+function fixRuLayout(text) {
+  return [...text].map((c) => ruEnMap[c] || c).join("");
+}
+export {
+  fixRuLayout,
+  isRuLayout
+};
+//# sourceMappingURL=fixLayout.js.map

package/dist/esm/modules/fuzzyMatchLogic/fixLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixLayout.js","sources":["../../../../src/modules/fuzzyMatchLogic/fixLayout.ts"],"sourcesContent":["const En = \"qwertyuiop[]asdfghjkl;'zxcvbnm,.\",\n  Ru = 'йцукенгшщзхъфывапролджэячсмитьбю'\n\nconst ruEnMap: Record<string, string> = [...Ru].reduce<Record<string, string>>(\n  (acc, ruChar, index) => {\n    const enChar = En[index]\n\n    if (enChar) {\n      acc[ruChar] = enChar\n      acc[ruChar.toUpperCase()] = enChar.toUpperCase()\n    }\n\n    return acc\n  },\n  {},\n)\n\nexport function isRuLayout(text: string) {\n  return [...text].some((c) => Ru.includes(c))\n}\n\nexport function fixRuLayout(text: string) {\n  return [...text].map((c) => ruEnMap[c] || c).join('')\n}\n"],"names":[],"mappings":"AAAA,MAAM,KAAK,oCACT,KAAK;AAEP,MAAM,UAAkC,CAAC,GAAG,EAAE,EAAE;AAAA,EAC9C,CAAC,KAAK,QAAQ,UAAU;AACtB,UAAM,SAAS,GAAG,KAAK;AAEvB,QAAI,QAAQ;AACV,UAAI,MAAM,IAAI;AACd,UAAI,OAAO,YAAA,CAAa,IAAI,OAAO,YAAA;AAAA,IACrC;AAEA,WAAO;AAAA,EACT;AAAA,EACA,CAAA;AACF;AAEO,SAAS,WAAW,MAAc;AACvC,SAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;AAC7C;AAEO,SAAS,YAAY,MAAc;AACxC,SAAO,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE;AACtD;"}

package/dist/esm/modules/fuzzyMatchLogic/postFiltration.d.ts

@@ -1,2 +1,18 @@
+import { Id } from 'flexsearch';
 import { FuzzySearchInputEntry } from './types.js';
+export type FuzzySearchPostFilterRow = {
+    id: Id;
+    entry: FuzzySearchInputEntry;
+};
 export declare function isTokensConsequent(foundTokens: Array<string>, entry: FuzzySearchInputEntry): boolean;
+/**
+ * Post-filter + promote highest-intent matches for the current FlexSearch-based pipeline.
+ *
+ * Rules:
+ * - Always require a basic in-order match.
+ * - For multi-token queries, require exact token matches in-order (so standalone symbols like '#'
+ *   are respected).
+ * - Keep only rows with the maximum number of matched tokens (so "order #" prefers entries
+ *   containing both tokens over entries containing only "order").
+ */
+export declare function postFiltration(raw: Array<FuzzySearchPostFilterRow>, needle: string): Array<FuzzySearchPostFilterRow>;

package/dist/esm/modules/fuzzyMatchLogic/tokenize.js

@@ -0,0 +1,29 @@
+const TOKEN_SPLIT = new RegExp(
+  [
+    String.raw`[\p{Z}\p{P}\p{S}]+`,
+    String.raw`(?<=\p{Nd})(?=\p{L})`,
+    String.raw`(?<=\p{L})(?=\p{Nd})`,
+    String.raw`(?<=[\p{Ll}\p{Nd}])(?=\p{Lu})`,
+    String.raw`(?<=\p{Lu})(?=\p{Lu}\p{Ll})`
+  ].join("|"),
+  "u"
+);
+function tokenize(str) {
+  const raw = str.split(TOKEN_SPLIT).filter(Boolean).map((s) => s.toLowerCase());
+  const symbolTokens = [...str].filter((c) => /[#]/.test(c)).map((c) => c.toLowerCase());
+  return [...raw, ...symbolTokens];
+}
+function enrichTokensForIndex(tokens) {
+  const newTokens = tokens.flatMap((token) => {
+    if (token.startsWith("0")) {
+      return [token.replace(/^0+(?=[1-9])/, ""), token];
+    }
+    return [token];
+  });
+  return newTokens;
+}
+export {
+  enrichTokensForIndex,
+  tokenize
+};
+//# sourceMappingURL=tokenize.js.map

package/dist/esm/modules/fuzzyMatchLogic/tokenize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenize.js","sources":["../../../../src/modules/fuzzyMatchLogic/tokenize.ts"],"sourcesContent":["export function normalize(str: string): string {\n  const text = str.normalize('NFKD').replace(/[\\u0300-\\u036f]/g, '')\n  return text\n}\n\nconst TOKEN_SPLIT = new RegExp(\n  [\n    String.raw`[\\p{Z}\\p{P}\\p{S}]+`,\n    String.raw`(?<=\\p{Nd})(?=\\p{L})`,\n    String.raw`(?<=\\p{L})(?=\\p{Nd})`,\n    String.raw`(?<=[\\p{Ll}\\p{Nd}])(?=\\p{Lu})`,\n    String.raw`(?<=\\p{Lu})(?=\\p{Lu}\\p{Ll})`,\n  ].join('|'),\n  'u',\n)\n\nexport function tokenize(str: string): Array<string> {\n  // We mostly split on whitespace/punctuation/symbols, but we also want to keep\n  // certain standalone symbols (like '#') as their own tokens so queries like\n  // \"order #\" can specifically match entries containing \"#\".\n  const raw = str\n    .split(TOKEN_SPLIT)\n    .filter(Boolean)\n    .map((s) => s.toLowerCase())\n\n  const symbolTokens = [...str]\n    .filter((c) => /[#]/.test(c))\n    .map((c) => c.toLowerCase())\n\n  // Preserve original ordering as best-effort by appending symbols; for our\n  // current use cases it’s enough that the symbol token exists.\n  return [...raw, ...symbolTokens]\n}\n\nexport function enrichTokensForIndex(tokens: Array<string>): Array<string> {\n  const newTokens = tokens.flatMap((token) => {\n    if (token.startsWith('0')) {\n      return [token.replace(/^0+(?=[1-9])/, ''), token]\n    }\n    return [token]\n  })\n  return newTokens\n}\n"],"names":[],"mappings":"AAKA,MAAM,cAAc,IAAI;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,EACP,KAAK,GAAG;AAAA,EACV;AACF;AAEO,SAAS,SAAS,KAA4B;AAInD,QAAM,MAAM,IACT,MAAM,WAAW,EACjB,OAAO,OAAO,EACd,IAAI,CAAC,MAAM,EAAE,aAAa;AAE7B,QAAM,eAAe,CAAC,GAAG,GAAG,EACzB,OAAO,CAAC,MAAM,MAAM,KAAK,CAAC,CAAC,EAC3B,IAAI,CAAC,MAAM,EAAE,aAAa;AAI7B,SAAO,CAAC,GAAG,KAAK,GAAG,YAAY;AACjC;AAEO,SAAS,qBAAqB,QAAsC;AACzE,QAAM,YAAY,OAAO,QAAQ,CAAC,UAAU;AAC1C,QAAI,MAAM,WAAW,GAAG,GAAG;AACzB,aAAO,CAAC,MAAM,QAAQ,gBAAgB,EAAE,GAAG,KAAK;AAAA,IAClD;AACA,WAAO,CAAC,KAAK;AAAA,EACf,CAAC;AACD,SAAO;AACT;"}

package/dist/esm/modules/fuzzyMatchLogic/types.d.ts

@@ -5,6 +5,7 @@ export interface FuzzySearchInputEntry {
 }
 export interface FuzzySearchContext {
     index: FuzzySearchIndex;
+    freqGetter?: (slug: string) => number;
 }
 export interface FuzzySearchIndex {
     flexIndex: Index;

package/dist/esm/modules/gallery/Gallery.d.ts

@@ -0,0 +1,12 @@
+export interface GalleryImage {
+    url: string;
+    alt: string;
+}
+export interface GalleryProps {
+    images: Array<GalleryImage>;
+    initialIndex?: number;
+    onIndexChange?: (index: number) => void;
+    className?: string;
+    title?: string;
+}
+export declare function Gallery({ images, initialIndex, onIndexChange, className, title, }: GalleryProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/gallery/Gallery.js

@@ -0,0 +1,246 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ImageOff, X, ChevronLeft, ChevronRight } from "lucide-react";
+import { clamp } from "radashi";
+import { useHotkeys } from "react-hotkeys-hook";
+import { Button } from "../../ui/button.js";
+import { Spinner } from "../../ui/spinner.js";
+import { cn } from "../../lib/utils.js";
+function Gallery({
+  images,
+  initialIndex = 0,
+  onIndexChange,
+  className,
+  title
+}) {
+  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true, align: "center" });
+  const [currentIndex, setCurrentIndex] = useState(
+    clamp(initialIndex, 0, images.length - 1)
+  );
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [imageStates, setImageStates] = useState(() => Object.fromEntries(images.map((_, i) => [i, "loading"])));
+  useEffect(() => {
+    setImageStates(Object.fromEntries(images.map((_, i) => [i, "loading"])));
+  }, [images]);
+  const onIndexChangeRef = useRef(onIndexChange);
+  useEffect(() => {
+    onIndexChangeRef.current = onIndexChange;
+  }, [onIndexChange]);
+  const scrollPrev = useCallback(() => {
+    if (emblaApi) emblaApi.scrollPrev();
+  }, [emblaApi]);
+  const scrollNext = useCallback(() => {
+    if (emblaApi) emblaApi.scrollNext();
+  }, [emblaApi]);
+  const onSelect = useCallback(() => {
+    var _a;
+    if (!emblaApi) return;
+    const index = emblaApi.selectedScrollSnap();
+    setCurrentIndex(index);
+    (_a = onIndexChangeRef.current) == null ? void 0 : _a.call(onIndexChangeRef, index);
+  }, [emblaApi]);
+  useEffect(() => {
+    if (!emblaApi) return;
+    onSelect();
+    emblaApi.on("select", onSelect);
+    return () => {
+      emblaApi.off("select", onSelect);
+    };
+  }, [emblaApi, onSelect]);
+  useEffect(() => {
+    if (emblaApi && typeof initialIndex === "number") {
+      emblaApi.scrollTo(initialIndex);
+    }
+  }, [emblaApi, initialIndex]);
+  useHotkeys(
+    "left",
+    (e) => {
+      e.preventDefault();
+      scrollPrev();
+    },
+    {
+      enabled: images.length > 1,
+      enableOnFormTags: false,
+      preventDefault: true
+    },
+    [scrollPrev, images.length]
+  );
+  useHotkeys(
+    "right",
+    (e) => {
+      e.preventDefault();
+      scrollNext();
+    },
+    {
+      enabled: images.length > 1,
+      enableOnFormTags: false,
+      preventDefault: true
+    },
+    [scrollNext, images.length]
+  );
+  useHotkeys(
+    "escape",
+    (e) => {
+      if (isFullscreen) {
+        e.preventDefault();
+        setIsFullscreen(false);
+      }
+    },
+    { enabled: isFullscreen, enableOnFormTags: false, preventDefault: true },
+    [isFullscreen]
+  );
+  useEffect(() => {
+    if (!emblaApi || images.length <= 1) return;
+    const emblaNode = emblaApi.rootNode();
+    let isScrolling = false;
+    let scrollTimeout;
+    const handleWheel = (event) => {
+      event.preventDefault();
+      if (isScrolling) return;
+      const deltaY = event.deltaY;
+      const deltaX = event.deltaX;
+      const delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX;
+      if (delta > 0) {
+        scrollNext();
+      } else if (delta < 0) {
+        scrollPrev();
+      }
+      isScrolling = true;
+      clearTimeout(scrollTimeout);
+      scrollTimeout = setTimeout(() => {
+        isScrolling = false;
+      }, 300);
+    };
+    emblaNode.addEventListener("wheel", handleWheel, { passive: false });
+    return () => {
+      emblaNode.removeEventListener("wheel", handleWheel);
+      clearTimeout(scrollTimeout);
+    };
+  }, [emblaApi, scrollNext, scrollPrev, images.length]);
+  const currentImage = images[currentIndex];
+  const handleImageLoad = (index) => {
+    setImageStates((prev) => ({ ...prev, [index]: "loaded" }));
+  };
+  const handleImageError = (index) => {
+    setImageStates((prev) => ({ ...prev, [index]: "error" }));
+  };
+  if (isFullscreen && currentImage) {
+    const imageState = imageStates[currentIndex];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-background",
+        role: "dialog",
+        "aria-label": "Fullscreen view",
+        children: [
+          imageState === "error" ? /* @__PURE__ */ jsx("div", { className: "flex h-screen w-screen items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(ImageOff, { className: "size-12" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Failed to load image" })
+          ] }) }) : /* @__PURE__ */ jsxs("div", { className: "h-full w-full overflow-auto p-2", children: [
+            imageState !== "loaded" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" }) }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: currentImage.url,
+                alt: currentImage.alt,
+                className: "max-w-full h-auto",
+                onLoad: () => handleImageLoad(currentIndex),
+                onError: () => handleImageError(currentIndex),
+                style: { opacity: imageState === "loaded" ? 1 : 0 }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => setIsFullscreen(false),
+              className: "absolute top-4 right-4 z-10",
+              "aria-label": "Exit fullscreen",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col min-h-0", className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: title }) }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex-1 min-h-0 overflow-hidden px-4", children: /* @__PURE__ */ jsx("div", { ref: emblaRef, className: "h-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex h-full gap-4", children: images.map((image, index) => {
+      const imageState = imageStates[index];
+      const slideWidth = images.length === 1 ? "100%" : "85%";
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "relative flex min-w-0 items-center justify-center transition-opacity duration-300 h-full",
+            index !== currentIndex && "opacity-40"
+          ),
+          style: { flexBasis: slideWidth, flexShrink: 0, flexGrow: 0 },
+          children: imageState === "error" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(ImageOff, { className: "size-12" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Failed to load" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            imageState !== "loaded" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" }) }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: image.url,
+                alt: image.alt,
+                className: "max-w-full max-h-full w-auto h-auto object-contain cursor-pointer border border-border/30 rounded",
+                onClick: () => {
+                  if (index !== currentIndex) {
+                    emblaApi == null ? void 0 : emblaApi.scrollTo(index);
+                  }
+                },
+                onLoad: () => handleImageLoad(index),
+                onError: () => handleImageError(index),
+                style: { opacity: imageState === "loaded" ? 1 : 0 },
+                role: "button",
+                "aria-label": `Navigate to ${image.alt}`
+              }
+            )
+          ] })
+        },
+        image.url
+      );
+    }) }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 py-4", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          onClick: scrollPrev,
+          disabled: images.length <= 1,
+          "aria-label": "Previous screenshot",
+          className: "h-12 w-12",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-12 w-12" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: [
+        currentIndex + 1,
+        " / ",
+        images.length
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "icon",
+          onClick: scrollNext,
+          disabled: images.length <= 1,
+          "aria-label": "Next screenshot",
+          className: "h-12 w-12",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-12 w-12" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Gallery
+};
+//# sourceMappingURL=Gallery.js.map

package/dist/esm/modules/gallery/Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.js","sources":["../../../../src/modules/gallery/Gallery.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport useEmblaCarousel from 'embla-carousel-react'\nimport { ChevronLeft, ChevronRight, ImageOff, X } from 'lucide-react'\nimport { clamp } from 'radashi'\nimport { useHotkeys } from 'react-hotkeys-hook'\n\nimport { Button } from '~/ui/button'\nimport { Spinner } from '~/ui/spinner'\nimport { cn } from '~/lib/utils'\n\nexport interface GalleryImage {\n  url: string\n  alt: string\n}\n\nexport interface GalleryProps {\n  images: Array<GalleryImage>\n  initialIndex?: number\n  onIndexChange?: (index: number) => void\n  className?: string\n  title?: string\n}\n\nexport function Gallery({\n  images,\n  initialIndex = 0,\n  onIndexChange,\n  className,\n  title,\n}: GalleryProps) {\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true, align: 'center' })\n  const [currentIndex, setCurrentIndex] = useState(\n    clamp(initialIndex, 0, images.length - 1),\n  )\n  const [isFullscreen, setIsFullscreen] = useState(false)\n  const [imageStates, setImageStates] = useState<\n    Record<number, 'loading' | 'loaded' | 'error'>\n  >(() => Object.fromEntries(images.map((_, i) => [i, 'loading'])))\n\n  // Reset image states when images array changes\n  useEffect(() => {\n    setImageStates(Object.fromEntries(images.map((_, i) => [i, 'loading'])))\n  }, [images])\n\n  // Stabilize onIndexChange callback with ref\n  const onIndexChangeRef = useRef(onIndexChange)\n  useEffect(() => {\n    onIndexChangeRef.current = onIndexChange\n  }, [onIndexChange])\n\n  const scrollPrev = useCallback(() => {\n    if (emblaApi) emblaApi.scrollPrev()\n  }, [emblaApi])\n\n  const scrollNext = useCallback(() => {\n    if (emblaApi) emblaApi.scrollNext()\n  }, [emblaApi])\n\n  // Sync current index with embla\n  const onSelect = useCallback(() => {\n    if (!emblaApi) return\n    const index = emblaApi.selectedScrollSnap()\n    setCurrentIndex(index)\n    onIndexChangeRef.current?.(index)\n  }, [emblaApi])\n\n  useEffect(() => {\n    if (!emblaApi) return\n    onSelect()\n    emblaApi.on('select', onSelect)\n    return () => {\n      emblaApi.off('select', onSelect)\n    }\n  }, [emblaApi, onSelect])\n\n  // Scroll to initial index on mount only\n  useEffect(() => {\n    if (emblaApi && typeof initialIndex === 'number') {\n      emblaApi.scrollTo(initialIndex)\n    }\n  }, [emblaApi, initialIndex])\n\n  // Keyboard navigation\n  useHotkeys(\n    'left',\n    (e) => {\n      e.preventDefault()\n      scrollPrev()\n    },\n    {\n      enabled: images.length > 1,\n      enableOnFormTags: false,\n      preventDefault: true,\n    },\n    [scrollPrev, images.length],\n  )\n  useHotkeys(\n    'right',\n    (e) => {\n      e.preventDefault()\n      scrollNext()\n    },\n    {\n      enabled: images.length > 1,\n      enableOnFormTags: false,\n      preventDefault: true,\n    },\n    [scrollNext, images.length],\n  )\n  useHotkeys(\n    'escape',\n    (e) => {\n      if (isFullscreen) {\n        e.preventDefault()\n        setIsFullscreen(false)\n      }\n    },\n    { enabled: isFullscreen, enableOnFormTags: false, preventDefault: true },\n    [isFullscreen],\n  )\n\n  // Mouse wheel navigation with debouncing\n  useEffect(() => {\n    if (!emblaApi || images.length <= 1) return\n\n    const emblaNode = emblaApi.rootNode()\n\n    let isScrolling = false\n    let scrollTimeout: NodeJS.Timeout\n\n    const handleWheel = (event: WheelEvent) => {\n      // Prevent page scroll when wheeling over gallery\n      event.preventDefault()\n\n      // Skip if already scrolling (debounce)\n      if (isScrolling) return\n\n      // Determine scroll direction\n      const deltaY = event.deltaY\n      const deltaX = event.deltaX\n\n      // Use vertical scroll primarily, fall back to horizontal\n      const delta = Math.abs(deltaY) > Math.abs(deltaX) ? deltaY : deltaX\n\n      if (delta > 0) {\n        // Scroll down/right -> next slide\n        scrollNext()\n      } else if (delta < 0) {\n        // Scroll up/left -> previous slide\n        scrollPrev()\n      }\n\n      // Set cooldown period\n      isScrolling = true\n      clearTimeout(scrollTimeout)\n      scrollTimeout = setTimeout(() => {\n        isScrolling = false\n      }, 300) // 300ms cooldown\n    }\n\n    emblaNode.addEventListener('wheel', handleWheel, { passive: false })\n\n    return () => {\n      emblaNode.removeEventListener('wheel', handleWheel)\n      clearTimeout(scrollTimeout)\n    }\n  }, [emblaApi, scrollNext, scrollPrev, images.length])\n\n  const currentImage = images[currentIndex]\n\n  const handleImageLoad = (index: number) => {\n    setImageStates((prev) => ({ ...prev, [index]: 'loaded' }))\n  }\n\n  const handleImageError = (index: number) => {\n    setImageStates((prev) => ({ ...prev, [index]: 'error' }))\n  }\n\n  // Fullscreen mode\n  if (isFullscreen && currentImage) {\n    const imageState = imageStates[currentIndex]\n    return (\n      <div\n        className=\"fixed inset-0 z-50 bg-background\"\n        role=\"dialog\"\n        aria-label=\"Fullscreen view\"\n      >\n        {imageState === 'error' ? (\n          <div className=\"flex h-screen w-screen items-center justify-center\">\n            <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n              <ImageOff className=\"size-12\" />\n              <p className=\"text-sm\">Failed to load image</p>\n            </div>\n          </div>\n        ) : (\n          <div className=\"h-full w-full overflow-auto p-2\">\n            {imageState !== 'loaded' && (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <Spinner className=\"size-8\" />\n              </div>\n            )}\n            <img\n              src={currentImage.url}\n              alt={currentImage.alt}\n              className=\"max-w-full h-auto\"\n              onLoad={() => handleImageLoad(currentIndex)}\n              onError={() => handleImageError(currentIndex)}\n              style={{ opacity: imageState === 'loaded' ? 1 : 0 }}\n            />\n          </div>\n        )}\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => setIsFullscreen(false)}\n          className=\"absolute top-4 right-4 z-10\"\n          aria-label=\"Exit fullscreen\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn('flex h-full flex-col min-h-0', className)}>\n      {/* Title Header */}\n      {title && (\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-lg font-semibold\">{title}</h2>\n        </div>\n      )}\n\n      {/* Carousel Viewport with Peek Effect */}\n      <div className=\"relative flex-1 min-h-0 overflow-hidden px-4\">\n        <div ref={emblaRef} className=\"h-full overflow-hidden\">\n          <div className=\"flex h-full gap-4\">\n            {images.map((image, index) => {\n              const imageState = imageStates[index]\n              // Use 100% width for single image, 85% for multiple (peek effect)\n              const slideWidth = images.length === 1 ? '100%' : '85%'\n              return (\n                <div\n                  key={image.url}\n                  className={cn(\n                    'relative flex min-w-0 items-center justify-center transition-opacity duration-300 h-full',\n                    index !== currentIndex && 'opacity-40',\n                  )}\n                  style={{ flexBasis: slideWidth, flexShrink: 0, flexGrow: 0 }}\n                >\n                  {imageState === 'error' ? (\n                    <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n                      <ImageOff className=\"size-12\" />\n                      <p className=\"text-xs\">Failed to load</p>\n                    </div>\n                  ) : (\n                    <>\n                      {imageState !== 'loaded' && (\n                        <div className=\"absolute inset-0 flex items-center justify-center\">\n                          <Spinner className=\"size-8\" />\n                        </div>\n                      )}\n                      <img\n                        src={image.url}\n                        alt={image.alt}\n                        className=\"max-w-full max-h-full w-auto h-auto object-contain cursor-pointer border border-border/30 rounded\"\n                        onClick={() => {\n                          if (index !== currentIndex) {\n                            emblaApi?.scrollTo(index)\n                          }\n                        }}\n                        onLoad={() => handleImageLoad(index)}\n                        onError={() => handleImageError(index)}\n                        style={{ opacity: imageState === 'loaded' ? 1 : 0 }}\n                        role=\"button\"\n                        aria-label={`Navigate to ${image.alt}`}\n                      />\n                    </>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n\n      {/* Bottom Controls */}\n      <div className=\"flex items-center justify-center gap-4 py-4\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={scrollPrev}\n          disabled={images.length <= 1}\n          aria-label=\"Previous screenshot\"\n          className=\"h-12 w-12\"\n        >\n          <ChevronLeft className=\"h-12 w-12\" />\n        </Button>\n\n        <div className=\"text-sm text-muted-foreground\" aria-live=\"polite\">\n          {currentIndex + 1} / {images.length}\n        </div>\n\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={scrollNext}\n          disabled={images.length <= 1}\n          aria-label=\"Next screenshot\"\n          className=\"h-12 w-12\"\n        >\n          <ChevronRight className=\"h-12 w-12\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/icons/IconManagementPage.d.ts

@@ -0,0 +1 @@
+export declare function IconManagementPage(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/icons/IconManagementPage.js

@@ -0,0 +1,177 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useReactTable, getCoreRowModel, createColumnHelper, flexRender } from "@tanstack/react-table";
+import { Upload, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useTRPC } from "../../api/infra/trpc.js";
+import { Button } from "../../ui/button.js";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../ui/card.js";
+import { Input } from "../../ui/input.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../ui/table.js";
+const columnHelper = createColumnHelper();
+const columns = [
+  columnHelper.display({
+    id: "preview",
+    header: "Preview",
+    cell: (props) => /* @__PURE__ */ jsx("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `/api/icons/${props.row.original.name}`,
+        alt: props.row.original.name,
+        className: "max-w-full max-h-full object-contain"
+      }
+    ) })
+  }),
+  columnHelper.accessor("name", {
+    header: "Name",
+    cell: (info) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: info.getValue() })
+  }),
+  columnHelper.accessor("mimeType", {
+    header: "Type"
+  }),
+  columnHelper.accessor("fileSize", {
+    header: "Size",
+    cell: (info) => `${(info.getValue() / 1024).toFixed(1)} KB`
+  }),
+  columnHelper.accessor("createdAt", {
+    header: "Created",
+    cell: (info) => new Date(info.getValue()).toLocaleDateString()
+  }),
+  columnHelper.accessor("updatedAt", {
+    header: "Updated",
+    cell: (info) => new Date(info.getValue()).toLocaleDateString()
+  }),
+  columnHelper.display({
+    id: "actions",
+    header: "Actions",
+    cell: (props) => /* @__PURE__ */ jsx(IconActions, { icon: props.row.original })
+  })
+];
+function IconActions({ icon }) {
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const deleteMutation = useMutation({
+    ...trpc.icon.delete.mutationOptions(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() });
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick: () => deleteMutation.mutate({ id: icon.id }),
+      disabled: deleteMutation.isPending,
+      children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
+    }
+  );
+}
+function IconUploadForm() {
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [iconName, setIconName] = useState("");
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const handleFileSelect = (e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (file) {
+      setSelectedFile(file);
+      setIconName(file.name.replace(/\.[^/.]+$/, ""));
+    }
+  };
+  const handleUpload = async () => {
+    if (!selectedFile || !iconName) return;
+    const formData = new FormData();
+    formData.append("name", iconName);
+    formData.append("icon", selectedFile);
+    const response = await fetch("/api/icons/upload", {
+      method: "POST",
+      body: formData
+    });
+    if (response.ok) {
+      queryClient.invalidateQueries({ queryKey: trpc.icon.list.queryKey() });
+      setSelectedFile(null);
+      setIconName("");
+    }
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    handleUpload();
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: "mb-8", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: "Upload Icon" }),
+      /* @__PURE__ */ jsx(CardDescription, { children: "Upload SVG, PNG, JPEG, or WebP icons (stored as binary in database)" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4 items-end", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-2", children: "Icon Name" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: iconName,
+            onChange: (e) => setIconName(e.target.value),
+            placeholder: "icon-name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-2", children: "File" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "file",
+            accept: "image/svg+xml,image/png,image/jpeg,image/webp",
+            onChange: handleFileSelect
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: !selectedFile || !iconName, children: [
+        /* @__PURE__ */ jsx(Upload, { className: "w-4 h-4 mr-2" }),
+        "Upload"
+      ] })
+    ] }) }) })
+  ] });
+}
+function IconTable() {
+  const trpc = useTRPC();
+  const { data: icons = [], isLoading } = useQuery(
+    trpc.icon.list.queryOptions()
+  );
+  const table = useReactTable({
+    data: icons,
+    columns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "p-8", children: "Loading..." });
+  }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs(CardTitle, { children: [
+        "Icons (",
+        icons.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx(CardDescription, { children: "Manage application icons" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
+    ] }) })
+  ] });
+}
+function IconManagementPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto p-8", children: [
+    /* @__PURE__ */ jsx(IconUploadForm, {}),
+    /* @__PURE__ */ jsx(IconTable, {})
+  ] });
+}
+export {
+  IconManagementPage
+};
+//# sourceMappingURL=IconManagementPage.js.map