desertthunder.dev
web based infinite canvas
1import type { ToolId } from "inkfinite-core";
2
3export const HELP_LINKS = [{
4 label: "Project README",
5 href: "https://github.com/stormlightlabs/inkfinite",
6 external: true,
7}, { label: "Issue Tracker", href: "https://github.com/stormlightlabs/inkfinite/issues", external: true }];
8
9export const KEYBOARD_TIPS = [
10 "⌘/Ctrl + Z to undo, ⇧ + ⌘/Ctrl + Z to redo",
11 "Hold space to pan the canvas",
12 "Scroll to zoom, double-click to reset view",
13];
14
15export const DEFAULT_FILL_COLOR = "#4a90e2";
16export const DEFAULT_STROKE_COLOR = "#2e5c8a";
17
18export const TOOLS: Array<{ id: ToolId; label: string; icon: string }> = [
19 { id: "select", label: "Select", icon: "⌖" },
20 { id: "rect", label: "Rectangle", icon: "▭" },
21 { id: "ellipse", label: "Ellipse", icon: "○" },
22 { id: "line", label: "Line", icon: "╱" },
23 { id: "arrow", label: "Arrow", icon: "→" },
24 { id: "text", label: "Text", icon: "T" },
25 { id: "markdown", label: "Markdown", icon: "M↓" },
26 { id: "pen", label: "Pen", icon: "✎" },
27];
28
29export const ZOOM_PRESETS = [{ label: "50%", value: 50 }, { label: "100%", value: 100 }, { label: "200%", value: 200 }];