karim
0e78517c6e
setProject wird jetzt von einer History gewrappt (undoStack/redoStack, Limit 100). Echte Aenderungen (Referenzvergleich) landen auf dem Undo-Stack, eine neue Aktion leert den Redo-Stack. Hochfrequente Drag-Mutatoren (Griffe/Body-Move) bekommen einen coalesceKey, damit ein Drag nicht hunderte Einzelschritte erzeugt. Tastatur-Bindung (Ctrl+Z/Ctrl+Shift+Z/Ctrl+Y) folgt im TopBar-Commit (App.tsx).
58 lines
2.4 KiB
TypeScript
58 lines
2.4 KiB
TypeScript
// App-Store: komponiert die vier Domänen-Slices (project/selection/view/layout)
|
|
// über `createStore` zu EINEM RootState und exportiert die Store-Schnittstelle
|
|
// (useStore/getState/setState). Jede Slice ist eine Factory `(api) => slice`;
|
|
// alle bekommen dieselbe `set/get`-API über den Gesamt-RootState, sodass
|
|
// Cross-Slice-Aktionen (z. B. deleteLevel ↔ activeLevelId) typsicher arbeiten.
|
|
//
|
|
// Bezeichner englisch, Kommentare deutsch (CONVENTIONS.md).
|
|
|
|
import { createStore } from "./store";
|
|
import type { StoreApi } from "./store";
|
|
import { createProjectSlice } from "./projectSlice";
|
|
import type { ProjectSlice } from "./projectSlice";
|
|
import type { HistorySlice } from "./historySlice";
|
|
import { createSelectionSlice } from "./selectionSlice";
|
|
import type { SelectionSlice } from "./selectionSlice";
|
|
import { createViewSlice } from "./viewSlice";
|
|
import type { ViewSlice } from "./viewSlice";
|
|
import { createLayoutSlice } from "./layoutSlice";
|
|
import type { LayoutSlice } from "./layoutSlice";
|
|
import { createSiteSlice } from "./siteSlice";
|
|
import type { SiteSlice } from "./siteSlice";
|
|
|
|
/** Gesamtzustand: Vereinigung aller Slice-Felder + Actions. */
|
|
export type RootState = ProjectSlice &
|
|
HistorySlice &
|
|
SelectionSlice &
|
|
ViewSlice &
|
|
LayoutSlice &
|
|
SiteSlice;
|
|
|
|
const store = createStore<RootState>((api) => ({
|
|
// Jede Slice-Factory bekommt die volle RootState-API. Die Slices tippen nur
|
|
// ihren eigenen Ausschnitt; die Cast auf die enge Slice-API ist sicher, weil
|
|
// `set/get` immer über den Gesamt-RootState laufen. ProjectSlice bringt die
|
|
// History (undo/redo) gleich mit (setProject ist der einzige Durchlauf-
|
|
// punkt jeder Projekt-Mutation, siehe projectSlice.ts).
|
|
...createProjectSlice(
|
|
api as unknown as StoreApi<ProjectSlice & HistorySlice & { activeLevelId: string }>,
|
|
),
|
|
...createSelectionSlice(api as unknown as StoreApi<SelectionSlice>),
|
|
...createViewSlice(api as unknown as StoreApi<ViewSlice>),
|
|
...createLayoutSlice(api as unknown as StoreApi<LayoutSlice>),
|
|
// Site-/Kontext-Slice liest `project` und schreibt über `setProject`
|
|
// (beide aus der Projekt-Slice) — daher die kombinierte Sicht im Cast.
|
|
...createSiteSlice(
|
|
api as unknown as StoreApi<
|
|
SiteSlice & {
|
|
project: ProjectSlice["project"];
|
|
setProject: ProjectSlice["setProject"];
|
|
}
|
|
>,
|
|
),
|
|
}));
|
|
|
|
export const useStore = store.useStore;
|
|
export const getState = store.getState;
|
|
export const setState = store.setState;
|