Files
k-photos/k-photos-frontend/hooks/use-plugins.ts
Gabriel Kaszewski 957737ac9b feat: frontend MVP — auth, timeline, upload, albums, admin, image viewer
Backend:
- user roles (DB + JWT + first-user-is-admin)
- volume-aware file resolver (multi-volume asset serving)
- directory scanner uses volume URI directly
- date-summary endpoint (capture date from EXIF)
- timeline ordered by capture date
- list endpoints: volumes, plugins, pipelines, library paths
- delete endpoints: volumes, library paths
- configurable upload body limit (MAX_UPLOAD_BYTES)

Frontend:
- auth: login/register, token refresh, role-based admin gate
- timeline: date-grouped grid, infinite scroll, date scrubber
- image viewer: fullscreen zoom/pan/pinch, metadata sidebar
- upload: drag-drop, sequential upload, progress tracking
- albums: create, add/remove photos, asset picker dialog
- admin: storage (import library), jobs (pagination, error details),
  plugins (list + toggle), pipelines, sidecars, duplicates
- multi-select mode with add-to-album action
- TanStack Query for all data fetching
2026-06-01 01:35:43 +02:00

33 lines
832 B
TypeScript

"use client"
import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
import api from "@/lib/api"
import type { PluginResponse } from "@/lib/types"
export function usePlugins() {
return useQuery({
queryKey: ["admin", "plugins"],
queryFn: async () => {
const { data } = await api.get<PluginResponse[]>("/plugins")
return data
},
})
}
export function useManagePlugin() {
const qc = useQueryClient()
return useMutation({
mutationFn: async (body: {
action: string
plugin_id?: string
name?: string
plugin_type?: string
config?: Record<string, unknown>
}) => {
const { data } = await api.post<PluginResponse>("/plugins", body)
return data
},
onSuccess: () => qc.invalidateQueries({ queryKey: ["admin", "plugins"] }),
})
}