4e55460792
- Updated CanvasSidebar to accept canvasId as a prop, enabling dynamic content based on the current canvas. - Refactored CanvasToolbar to implement a dropdown menu for adding nodes, improving usability and organization. - Introduced new node types and updated existing ones in the node template picker for better categorization and searchability. - Enhanced AssetNode to utilize context for asset browser interactions, streamlining asset management on the canvas. - Improved overall layout and styling for better user experience across canvas components.
68 lines
1.2 KiB
TypeScript
68 lines
1.2 KiB
TypeScript
export const CANVAS_NODE_TEMPLATES = [
|
|
{
|
|
type: "image",
|
|
label: "Bild",
|
|
width: 280,
|
|
height: 180,
|
|
defaultData: {},
|
|
},
|
|
{
|
|
type: "text",
|
|
label: "Text",
|
|
width: 256,
|
|
height: 120,
|
|
defaultData: { content: "" },
|
|
},
|
|
{
|
|
type: "prompt",
|
|
label: "Prompt",
|
|
width: 320,
|
|
height: 220,
|
|
defaultData: { prompt: "", model: "", aspectRatio: "1:1" },
|
|
},
|
|
{
|
|
type: "note",
|
|
label: "Notiz",
|
|
width: 220,
|
|
height: 120,
|
|
defaultData: { content: "" },
|
|
},
|
|
{
|
|
type: "frame",
|
|
label: "Frame",
|
|
width: 360,
|
|
height: 240,
|
|
defaultData: { label: "Untitled", exportWidth: 1080, exportHeight: 1080 },
|
|
},
|
|
{
|
|
type: "compare",
|
|
label: "Vergleich",
|
|
width: 500,
|
|
height: 380,
|
|
defaultData: {},
|
|
},
|
|
{
|
|
type: "group",
|
|
label: "Gruppe",
|
|
width: 400,
|
|
height: 300,
|
|
defaultData: { label: "Gruppe" },
|
|
},
|
|
{
|
|
type: "asset",
|
|
label: "Asset (Stock)",
|
|
width: 260,
|
|
height: 240,
|
|
defaultData: {},
|
|
},
|
|
{
|
|
type: "video",
|
|
label: "Video",
|
|
width: 320,
|
|
height: 180,
|
|
defaultData: {},
|
|
},
|
|
] as const;
|
|
|
|
export type CanvasNodeTemplate = (typeof CANVAS_NODE_TEMPLATES)[number];
|