40 lines
831 B
TypeScript
40 lines
831 B
TypeScript
|
import { create } from "zustand";
|
||
|
|
|
||
|
|
type Side = "top" | "bottom" | "left" | "right";
|
||
|
|
|
||
|
|
interface Widget {
|
||
|
|
id: string;
|
||
|
|
type: string;
|
||
|
|
title: string;
|
||
|
|
panel: Side;
|
||
|
|
data: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
interface Template {
|
||
|
|
id: string;
|
||
|
|
name: string;
|
||
|
|
panelOrder: Side[];
|
||
|
|
widgets: Widget[];
|
||
|
|
snapshot?: string; // Add an optional image property (base64)
|
||
|
|
}
|
||
|
|
|
||
|
|
interface TemplateStore {
|
||
|
|
templates: Template[];
|
||
|
|
addTemplate: (template: Template) => void;
|
||
|
|
removeTemplate: (id: string) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useTemplateStore = create<TemplateStore>((set) => ({
|
||
|
|
templates: [],
|
||
|
|
addTemplate: (template) =>
|
||
|
|
set((state) => ({
|
||
|
|
templates: [...state.templates, template],
|
||
|
|
})),
|
||
|
|
removeTemplate: (id) =>
|
||
|
|
set((state) => ({
|
||
|
|
templates: state.templates.filter((t) => t.id !== id),
|
||
|
|
})),
|
||
|
|
}));
|
||
|
|
|
||
|
|
export default useTemplateStore;
|