Merge PR #9: Full UX audit fixes
This commit is contained in:
@@ -3,48 +3,59 @@ import { withAuth } from '@/lib/auth';
|
|||||||
import { createPocketBaseClient } from '@/lib/pocketbase';
|
import { createPocketBaseClient } from '@/lib/pocketbase';
|
||||||
|
|
||||||
// GET /api/search — Cross-entity full-text search
|
// GET /api/search — Cross-entity full-text search
|
||||||
|
//
|
||||||
|
// Implementation note: the underlying data layer (`lib/database.ts`) uses a
|
||||||
|
// JavaScript filter parser that only supports `=, !=, <=, >=, <, >` — it does
|
||||||
|
// NOT understand PocketBase's `~` (contains) or `||` (or) operators. To make
|
||||||
|
// search actually return results we fetch each collection's full list and
|
||||||
|
// filter in-process with a case-insensitive substring match on the searchable
|
||||||
|
// fields. This is fine at the current data scale and avoids the silent
|
||||||
|
// zero-result bug.
|
||||||
export const GET = withAuth(async (request: NextRequest, _user) => {
|
export const GET = withAuth(async (request: NextRequest, _user) => {
|
||||||
const { searchParams } = new URL(request.url);
|
const { searchParams } = new URL(request.url);
|
||||||
const query = searchParams.get('q') || '';
|
const query = (searchParams.get('q') || '').trim();
|
||||||
const types = searchParams.get('types')?.split(',') || ['tasks', 'habits', 'projects', 'notes', 'reports'];
|
const types = (
|
||||||
const limit = parseInt(searchParams.get('limit') || '10');
|
searchParams.get('types')?.split(',') || ['tasks', 'habits', 'projects', 'notes', 'reports']
|
||||||
|
).filter((t) =>
|
||||||
|
['tasks', 'habits', 'projects', 'notes', 'reports'].includes(t)
|
||||||
|
);
|
||||||
|
const limit = Math.max(1, Math.min(50, parseInt(searchParams.get('limit') || '10')));
|
||||||
|
|
||||||
if (!query.trim()) {
|
if (!query) {
|
||||||
return NextResponse.json({ results: [] });
|
return NextResponse.json({ results: [] });
|
||||||
}
|
}
|
||||||
|
|
||||||
// Escape double quotes in query to prevent filter injection
|
const needle = query.toLowerCase();
|
||||||
const safeQuery = query.replace(/"/g, '\\"');
|
|
||||||
|
|
||||||
const pb = createPocketBaseClient();
|
const pb = createPocketBaseClient();
|
||||||
const results: Array<{ type: string; items: unknown[] }> = [];
|
const results: Array<{ type: string; items: unknown[] }> = [];
|
||||||
|
|
||||||
|
type Searchable = Record<string, unknown> & { id: string };
|
||||||
|
const matches = (record: Searchable, fields: string[]): boolean => {
|
||||||
|
for (const f of fields) {
|
||||||
|
const value = record[f];
|
||||||
|
if (typeof value === 'string' && value.toLowerCase().includes(needle)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
const searchableFields: Record<string, string[]> = {
|
||||||
|
tasks: ['title', 'description'],
|
||||||
|
habits: ['name', 'description'],
|
||||||
|
projects: ['name', 'description'],
|
||||||
|
notes: ['title', 'content'],
|
||||||
|
reports: ['title', 'content'],
|
||||||
|
};
|
||||||
|
|
||||||
for (const type of types) {
|
for (const type of types) {
|
||||||
try {
|
try {
|
||||||
let filter = '';
|
const items = (await pb.collection(type).getFullList()) as Searchable[];
|
||||||
|
const filtered = items
|
||||||
switch (type) {
|
.filter((record) => matches(record, searchableFields[type] || []))
|
||||||
case 'tasks':
|
.slice(0, limit)
|
||||||
filter = `title ~ "${safeQuery}" || description ~ "${safeQuery}"`;
|
.map((record) => ({ id: record.id, title: getTitle(record, type) }));
|
||||||
break;
|
results.push({ type, items: filtered });
|
||||||
case 'habits':
|
|
||||||
filter = `name ~ "${safeQuery}" || description ~ "${safeQuery}"`;
|
|
||||||
break;
|
|
||||||
case 'projects':
|
|
||||||
filter = `name ~ "${safeQuery}" || description ~ "${safeQuery}"`;
|
|
||||||
break;
|
|
||||||
case 'notes':
|
|
||||||
filter = `title ~ "${safeQuery}" || content ~ "${safeQuery}"`;
|
|
||||||
break;
|
|
||||||
case 'reports':
|
|
||||||
filter = `title ~ "${safeQuery}" || content ~ "${safeQuery}"`;
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
const items = await pb.collection(type).getList(1, limit, { filter });
|
|
||||||
results.push({ type, items: items.items });
|
|
||||||
} catch {
|
} catch {
|
||||||
// Skip collections that fail (e.g. missing or inaccessible)
|
// Skip collections that fail (e.g. missing or inaccessible)
|
||||||
}
|
}
|
||||||
@@ -52,3 +63,9 @@ export const GET = withAuth(async (request: NextRequest, _user) => {
|
|||||||
|
|
||||||
return NextResponse.json({ results });
|
return NextResponse.json({ results });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function getTitle(record: Record<string, unknown>, type: string): string {
|
||||||
|
const title = record.title ?? record.name;
|
||||||
|
if (typeof title === 'string' && title.length > 0) return title;
|
||||||
|
return `Untitled ${type.slice(0, -1)}`;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user