// 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 { 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 &
  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.
  ...createProjectSlice(api as unknown as StoreApi<ProjectSlice & { 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;