c3a75cf0d6
- Implemented command palette with keyboard shortcut (⌘K) for opening. - Added commands for opening, closing, setting query, and selecting items in the command palette. - Created tests for command palette commands and input handling. - Enhanced layer actions with functions for adding, grouping, and deleting layers. - Updated UI components to integrate command palette and shortcuts.
35 lines
1.5 KiB
TypeScript
35 lines
1.5 KiB
TypeScript
import { documentCommands } from "@commands/document";
|
|
import { generationCommands } from "@commands/generation";
|
|
import { historyCommands } from "@commands/history";
|
|
import { commandIds } from "@commands/ids";
|
|
import { commandPaletteCommands } from "@commands/palette";
|
|
import { createCommandRegistry } from "@commands/registry";
|
|
import { selectionCommands } from "@commands/selection";
|
|
import { toolCommands } from "@commands/tool";
|
|
import { transformCommands } from "@commands/transform";
|
|
import { viewportCommands } from "@commands/viewport";
|
|
import { createInitialAppState } from "@editor/initial-state";
|
|
import { createAppStore } from "@editor/store";
|
|
|
|
export type ImageStudioApp = ReturnType<typeof createImageStudioApp>;
|
|
|
|
export function createImageStudioApp(options?: { documentName?: string; createDefaultArtboard?: boolean }) {
|
|
const registry = createCommandRegistry([...viewportCommands, ...selectionCommands, ...documentCommands, ...toolCommands, ...generationCommands, ...transformCommands, ...historyCommands, ...commandPaletteCommands]);
|
|
const store = createAppStore(createInitialAppState(options?.documentName), registry);
|
|
|
|
if (options?.createDefaultArtboard !== false) {
|
|
const artboardId = crypto.randomUUID();
|
|
store.dispatch(commandIds.documentAddArtboard, {
|
|
id: artboardId,
|
|
name: "Artboard 1",
|
|
bounds: { x: -400, y: -300, w: 800, h: 600 },
|
|
});
|
|
store.dispatch(commandIds.viewportFitArtboard, { artboardId });
|
|
}
|
|
|
|
return {
|
|
registry,
|
|
store,
|
|
};
|
|
}
|