Carlos Florêncio
131 lines
3.8 KiB
TypeScript
131 lines
3.8 KiB
TypeScript
import type { AddPanelOptions, DockviewApi } from "dockview-react";
|
|
import { buildPanelActions } from "./dockview-panel-actions";
|
|
import { CENTER_GROUP } from "./layout-manager";
|
|
|
|
export type MockPanel = {
|
|
id: string;
|
|
title: string;
|
|
params: Record<string, unknown>;
|
|
group: { id: string };
|
|
isActive: boolean;
|
|
api: {
|
|
setActive: () => void;
|
|
updateParameters: (p: Record<string, unknown>) => void;
|
|
moveTo: (opts: { group: { id: string } }) => void;
|
|
};
|
|
setTitle: (t: string) => void;
|
|
};
|
|
|
|
export function makeApi(
|
|
options: { centerGroupId?: string; extraGroupIds?: string[] } = {},
|
|
): DockviewApi {
|
|
const centerId = options.centerGroupId ?? CENTER_GROUP;
|
|
const panels: MockPanel[] = [];
|
|
const groups = [{ id: centerId }, ...(options.extraGroupIds ?? []).map((id) => ({ id }))];
|
|
|
|
function makePanel(add: AddPanelOptions & { id: string }): MockPanel {
|
|
const groupId =
|
|
(add.position as { referenceGroup?: string } | undefined)?.referenceGroup ?? centerId;
|
|
if (!groups.some((g) => g.id === groupId)) groups.push({ id: groupId });
|
|
const panel: MockPanel = {
|
|
id: add.id,
|
|
title: (add.title as string) ?? "",
|
|
params: { ...(add.params ?? {}) },
|
|
group: { id: groupId },
|
|
isActive: false,
|
|
setTitle(t: string) {
|
|
this.title = t;
|
|
},
|
|
api: {
|
|
setActive() {
|
|
for (const p of panels) p.isActive = false;
|
|
panel.isActive = true;
|
|
},
|
|
updateParameters(p: Record<string, unknown>) {
|
|
Object.assign(panel.params, p);
|
|
},
|
|
moveTo({ group }: { group: { id: string } }) {
|
|
panel.group = { id: group.id };
|
|
},
|
|
},
|
|
};
|
|
return panel;
|
|
}
|
|
|
|
const api = {
|
|
get groups() {
|
|
return groups;
|
|
},
|
|
get panels() {
|
|
return panels;
|
|
},
|
|
getPanel(id: string) {
|
|
return panels.find((p) => p.id === id);
|
|
},
|
|
getGroup(id: string) {
|
|
return groups.find((g) => g.id === id);
|
|
},
|
|
addPanel(opts: AddPanelOptions & { id: string }) {
|
|
const p = makePanel(opts);
|
|
panels.push(p);
|
|
if (!opts.inactive) p.api.setActive();
|
|
return p;
|
|
},
|
|
removePanel(panel: { id: string }) {
|
|
const i = panels.findIndex((p) => p.id === panel.id);
|
|
if (i >= 0) panels.splice(i, 1);
|
|
},
|
|
get activePanel() {
|
|
return panels.find((p) => p.isActive);
|
|
},
|
|
} as unknown as DockviewApi;
|
|
return api;
|
|
}
|
|
|
|
type StoreShape = {
|
|
api: DockviewApi | null;
|
|
centerGroupId: string;
|
|
rightTopGroupId: string;
|
|
rightBottomGroupId: string;
|
|
selectedDiff: { path: string; content?: string } | null;
|
|
};
|
|
|
|
export function makeStore(api: DockviewApi) {
|
|
const state: StoreShape = {
|
|
api,
|
|
centerGroupId: CENTER_GROUP,
|
|
rightTopGroupId: "group-right-top",
|
|
rightBottomGroupId: "group-right-bottom",
|
|
selectedDiff: null,
|
|
};
|
|
return {
|
|
get: () => state,
|
|
set: (partial: Partial<StoreShape>) => Object.assign(state, partial),
|
|
state,
|
|
};
|
|
}
|
|
|
|
export function build(api: DockviewApi) {
|
|
const store = makeStore(api);
|
|
const actions = buildPanelActions(store.set, store.get);
|
|
return { api, actions, store };
|
|
}
|
|
|
|
export const PATH_A = "src/a.ts";
|
|
export const PATH_B = "src/b.ts";
|
|
export const PATH_NESTED_B = "src/nested/b.ts";
|
|
export const SHARED_PATH = "README.md";
|
|
export const NAME_A = "a.ts";
|
|
export const NAME_B = "b.ts";
|
|
export const SHARED_NAME = "README.md";
|
|
export const PINNED_FILE_A_ID = "file:src/a.ts";
|
|
export const PREVIEW_FILE_ID = "preview:file-editor";
|
|
export const PREVIEW_DIFF_ID = "preview:file-diff";
|
|
export const PREVIEW_COMMIT_ID = "preview:commit-detail";
|
|
export const SHA_A = "abcdef1234567890";
|
|
export const SHA_B = "fedcba0987654321";
|
|
export const DIFF_FILE_PREFIX = "diff:file:";
|
|
export const FILE_PREFIX_ID = "file:";
|
|
export const COMMIT_PREFIX_ID = "commit:";
|
|
export const TYPE_FILE_EDITOR = "file-editor" as const;
|