3527e732d4
Production-ready Next.js boilerplate with: - Runtime env validation (fail-fast on missing vars) - Feature-gated config (S3, Stripe, email, OAuth) - Docker + Coolify deployment pipeline - PostgreSQL + pgvector, MinIO S3, Better Auth - TypeScript strict mode (no ignoreBuildErrors) - i18n (en/es), AI modules, billing, monitoring Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1080 lines
26 KiB
Plaintext
1080 lines
26 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "turbostarter-wireframes",
|
|
"elements": [
|
|
{
|
|
"id": "sidebar-container",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 280,
|
|
"height": 900,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-area",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 24,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 34,
|
|
"width": 80,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "logo-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Logo",
|
|
"fontSize": 16,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 14
|
|
},
|
|
{
|
|
"id": "section-divider-1",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 88,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [232, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-apps",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 100,
|
|
"width": 40,
|
|
"height": 12,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group", "section-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-chat-active",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 120,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-chat-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 130,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-chat-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 130,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$card",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Chat",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-image",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 168,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-image-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 178,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-image-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 178,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Image",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-tts",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 216,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-tts-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 226,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-tts-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 226,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "TTS",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-pdf",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 264,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-pdf-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 274,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-pdf-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 274,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "PDF",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-agent",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 312,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-agent-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 322,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-agent-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 322,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-apps"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Agent",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-2",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 372,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [232, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-free-tools",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 384,
|
|
"width": 80,
|
|
"height": 12,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group", "section-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-envin",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 404,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-envin-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 414,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-envin-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 414,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Envin",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-ideas",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 452,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-ideas-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 462,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-ideas-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 462,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Ideas Generator",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-extro",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 500,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-extro-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 510,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-extro-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 510,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Extro",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-emojai",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 548,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-emojai-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 558,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-emojai-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 558,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-free-tools"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Emojai",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-3",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 608,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [232, 0]]
|
|
},
|
|
{
|
|
"id": "section-label-other",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 620,
|
|
"width": 50,
|
|
"height": 12,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 50,
|
|
"groupIds": ["sidebar-group", "section-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-home",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 640,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-home-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 650,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-home-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 650,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Home",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-docs",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 688,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-docs-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 698,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-docs-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 698,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Documentation",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-blog",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 736,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-blog-icon",
|
|
"type": "rectangle",
|
|
"x": 36,
|
|
"y": 746,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-blog-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 746,
|
|
"width": 60,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "nav-other"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Blog",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-footer",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 812,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [[0, 0], [232, 0]]
|
|
},
|
|
{
|
|
"id": "user-footer",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 824,
|
|
"width": 232,
|
|
"height": 64,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-avatar",
|
|
"type": "ellipse",
|
|
"x": 24,
|
|
"y": 836,
|
|
"width": 40,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-name",
|
|
"type": "text",
|
|
"x": 76,
|
|
"y": 846,
|
|
"width": 120,
|
|
"height": 20,
|
|
"strokeColor": "$sidebar-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["sidebar-group", "user-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "User Name",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
}
|