718f4c6900
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 1m35s
MCP Server: - Fix validateApiKey: O(1) direct lookup by shortId instead of loading all keys - Add trashedAt:null filter to ALL note queries (trashed notes leaked in results) - Compact JSON output (~40% smaller responses) - Bounded session cache (Map with MAX_SESSIONS=500) to prevent memory leaks - PostgreSQL connection pooling (connection_limit=10) - Rewrite all 22 tool descriptions in clear English - Fix /sse fallback to proper 307 redirect memento-note Performance: - loading=lazy on all note images - Split notebooksRefreshKey from global refreshKey (note CRUD no longer re-fetches notebooks) - Remove searchKey from trash count deps (no re-fetch on every keystroke) - Server-side notebookId filter in getAllNotes() (biggest win) - Skip collaborator fetch for non-shared notes (eliminates N+1 API calls) - next/dynamic for MarkdownContent + 4 modals (code-split remark/rehype/KaTeX) - Memoize DOMPurify sanitize with useMemo Security: - XSS: DOMPurify sanitize in note-card and note-history-modal - Auth anti-enumeration: uniform errors in auth.ts - CRON_SECRET mandatory on cron endpoints - Rate limiting on login (5 attempts/min per email) - Centralized API auth helpers (requireAuth/requireAdmin) - randomize-labels changed GET→POST - Removed debug endpoints (/api/debug/config, /api/debug/test-chat) Cleanup: - Removed dead code: .backup-keep, settings-backup, fix-*.js, debug-theme, fix-labels route - Removed sensitive console.error in auth.ts - Ollama fetchWithTimeout (30s/60s AbortController) - i18n: full Arabic translation, Farsi missing keys - Masonry drag-and-drop fix (localOrderMap, cross-section block) - Sidebar notebook tooltip on truncation
75 lines
1.9 KiB
TypeScript
75 lines
1.9 KiB
TypeScript
import { cn, asArray } from "@/lib/utils"
|
|
|
|
interface NoteImagesProps {
|
|
images: string[]
|
|
title?: string | null
|
|
}
|
|
|
|
export function NoteImages({ images: rawImages, title }: NoteImagesProps) {
|
|
const images = asArray<string>(rawImages)
|
|
if (images.length === 0) return null
|
|
|
|
return (
|
|
<div className={cn(
|
|
"mb-3 -mx-4",
|
|
!title && "-mt-4"
|
|
)}>
|
|
{images.length === 1 ? (
|
|
<img
|
|
src={images[0]}
|
|
alt=""
|
|
loading="lazy"
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
) : images.length === 2 ? (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
{images.map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
loading="lazy"
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
</div>
|
|
) : images.length === 3 ? (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
<img
|
|
src={images[0]}
|
|
alt=""
|
|
loading="lazy"
|
|
className="col-span-2 w-full h-auto rounded-lg"
|
|
/>
|
|
{images.slice(1).map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
loading="lazy"
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
</div>
|
|
) : (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
{images.slice(0, 4).map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
loading="lazy"
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
{images.length > 4 && (
|
|
<div className="absolute bottom-2 right-2 bg-black/70 text-white px-2 py-1 rounded text-xs">
|
|
+{images.length - 4}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|