How jaydee1430/pixo works
Pixo is a browser-local image editing workspace: users choose a tool, load an image, edit or convert it, and export a result; the editor also supports revisions and batch work. The map separates the tool hub, editing UI, image-processing runtime, and workspace state. README capabilities are included where the tree identifies their implementation. Some wiring is unsampled, so uncertain calls—especially between panels, processing helpers, and the worker—are omitted.
Main entry points: RightPanel.tsx Tool panels · EditorShell.tsx Editor shell · page.tsx Tool catalog · ToolModal.tsx Tool workspace
Components 27
Tool hub
- Tool catalog
app/page.tsx - Tool registry
lib/tools.ts - Tool workspace
components/hub/ToolModal.tsx
Editor experience
- Editor route
app/editor/page.tsx - Editor shell
components/editor/EditorShell.tsx - Image canvas
components/editor/Canvas.tsx - Tool rail
components/editor/LeftToolRail.tsx - Tool panels
components/editor/RightPanel.tsx - Crop controls
components/editor/panels/CropPanel.tsx - Adjustments
components/editor/panels/AdjustmentsPanel.tsx - Filters
components/editor/panels/FiltersPanel.tsx - Background tools
components/editor/panels/BgRemovePanel.tsx - Object removal
components/editor/panels/ObjectRemoverPanel.tsx - Export controls
components/editor/panels/ExportPanel.tsx
Image processing
- Image operations
lib/image/ops.ts - Background removal
lib/image/bgremove.ts - Inpainting
lib/image/inpaint.ts - Filter engine
lib/image/filters.ts - Enhancement
lib/image/enhance.ts - Palette extraction
lib/image/palette.ts - Worker client
lib/workspace/workerClient.ts - Image worker
workers/image.worker.ts
Workspace state
- Image validation
lib/workspace/validation.ts - Editor state
store/editorStore.ts - Workspace state
store/workspaceStore.ts - Session storage
lib/workspace/sessionDb.ts
Other components
- User
Connections 18
- User → Tool catalog: chooses tool
- Tool catalog → Tool registry: reads catalog
- Tool catalog → Tool workspace: opens tool
- Tool workspace → Image validation: validates images
- Tool workspace → Palette extraction: extracts colors
- User → Editor route: opens editor
- Editor route → Editor shell: renders
- Editor shell → Image canvas: renders image
- Editor shell → Tool rail: renders tools
- Editor shell → Tool panels: renders controls
- Tool panels → Crop controls: shows crop
- Tool panels → Adjustments: shows adjustments
- Tool panels → Filters: shows filters
- Tool panels → Background tools: shows background
- Tool panels → Object removal: shows removal
- Tool panels → Export controls: shows export
- Workspace state → Session storage: saves and loads
- Worker client → Image worker: dispatches jobs