How watanabe3tipapa/svg-generator works
SVG Generator’s main product workflow is the full-stack Studio: users configure and preview a logo, export or edit SVG, optionally request AI style suggestions, and save or share projects. The README also describes a separate static editor, but its docs/ files are absent from the supplied tree, so its implementation cannot be mapped here. Several Studio relationships are supported by excerpts or the README; unsampled UI and service wiring is omitted rather than inferred.
Main entry points: Home.tsx Studio workspace · routers.ts API procedures · llm.ts AI suggestions · sdk.ts Auth SDK
Components 17
Studio interface
- Studio workspace
studio/client/src/pages/Home.tsx - App router
studio/client/src/App.tsx - tRPC client
studio/client/src/main.tsx
Logo creation
- SVG engine
studio/client/src/lib/svgStudio.ts - Browser autosave
studio/client/src/pages/Home.tsx
API and services
- API procedures
studio/server/routers.ts - AI suggestions
studio/server/_core/llm.ts - System procedures
studio/server/_core/systemRouter.ts - Owner notifications
studio/server/_core/notification.ts
Identity and projects
- Project operations
studio/server/svgProjects.ts - Project database
studio/drizzle/schema.ts - Database access
studio/server/db.ts - OAuth integration
studio/server/_core/oauth.ts - Auth SDK
studio/server/_core/sdk.ts
Other components
- Logo creator
- AI service
- Forge services
Connections 19
- Logo creator → App router: opens
- App router → Studio workspace: routes to
studio/client/src/App.tsx - Logo creator → Studio workspace: configures
- Studio workspace → SVG engine: generates and exports
- Studio workspace → Browser autosave: autosaves
studio/client/src/pages/Home.tsx - Studio workspace → tRPC client: requests services
- tRPC client → API procedures: calls
studio/client/src/main.tsx - API procedures → Project operations: dispatches
studio/server/routers.ts - Project operations → Database access: reads and writes
studio/server/svgProjects.ts - Database access → Project database: queries
studio/server/db.ts - API procedures → AI suggestions: requests suggestions
studio/server/routers.ts - AI suggestions → AI service: sends prompts
studio/server/_core/llm.ts - API procedures → System procedures: registers
studio/server/routers.ts - System procedures → Owner notifications: calls
studio/server/_core/systemRouter.ts - OAuth integration → Auth SDK: uses
studio/server/_core/oauth.ts - Auth SDK → Database access: accesses users
studio/server/_core/sdk.ts - Auth SDK → Project database: uses schema
studio/server/_core/sdk.ts - AI suggestions → Forge services: calls
studio/server/_core/llm.ts - Owner notifications → Forge services: uses configured service