How changjin-cpu/image-create works
image-create is a local browser-based image-generation studio. The user configures a Provider profile, prepares a text/image-edit job, previews its request, submits generation, and views, switches, copies, or downloads saved results. Settings and uploads are handled separately from generation; OpenAI-compatible requests execute against an upstream API, while other Provider templates support configuration and previews rather than execution. The graph follows documented capabilities and sampled server/service calls; unsampled renderer API and result-handling details are represented only at the documented interface level.
Main entry points: studioService.ts Studio service · App.tsx Studio UI · studioServer.ts API routes · studioApi.ts Studio API client
Components 17
Studio interface
- Studio UI
src/renderer/src/App.tsx - Studio API client
src/renderer/src/studioApi.ts - Shared job types
src/shared/providerTypes.ts - Progress estimate
src/shared/generationProgress.ts
Local API
- Local HTTP host
src/server/devServer.ts - API routes
src/server/studioServer.ts - Studio service
src/server/studioService.ts
Provider handling
- Provider validation
src/core/config/providerConfig.ts - Provider templates
config/providers.json - OpenAI request builder
src/core/providers/openaiProvider.ts - Generic request builder
src/core/providers/genericProvider.ts
Local state
- Local API profiles
- Temporary uploads
- Image file storage
src/core/storage/fileStore.ts - Generated outputs
Other components
- Studio user
- Image API
Connections 18
- Studio user → Studio UI: uses
- Studio UI → Studio API client: requests
- Studio UI → Progress estimate: estimates progress
- Studio API client → Local HTTP host: sends API requests
- Local HTTP host → API routes: dispatches API
- API routes → Studio service: invokes operations
- Studio service → Provider validation: loads configuration
- Provider validation → Provider templates: reads and validates
- Studio service → Local API profiles: reads and writes
- Studio service → OpenAI request builder: builds OpenAI request
- Studio service → Generic request builder: builds preview request
- Studio service → Image API: submits OpenAI request
- Image API → Studio service: returns image data
- Studio service → Temporary uploads: saves uploads
- Studio service → Image file storage: saves image data
- Image file storage → Generated outputs: writes generated images
- Studio service → Generated outputs: appends generation history
- API routes → Studio service: reads image assets