Class AiFileDiffViewModel

frontend/app/view/aifilediff/aifilediff.tsx:27–61

}>;

export class AiFileDiffViewModel implements ViewModel {
    blockId: string;
    nodeModel: BlockNodeModel;
    tabModel: TabModel;
    env: AiFileDiffEnv;
    viewType = "aifilediff";
    blockAtom: jotai.Atom<Block>;
    diffDataAtom: jotai.PrimitiveAtom<DiffData | null>;
    errorAtom: jotai.PrimitiveAtom<string | null>;
    loadingAtom: jotai.PrimitiveAtom<boolean>;
    viewIcon: jotai.Atom<string>;
    viewName: jotai.Atom<string>;
    viewText: jotai.Atom<string>;

    constructor({ blockId, nodeModel, tabModel, waveEnv }: ViewModelInitType) {
        this.blockId = blockId;
        this.nodeModel = nodeModel;
        this.tabModel = tabModel;
        this.env = waveEnv as AiFileDiffEnv;
        this.blockAtom = this.env.wos.getWaveObjectAtom<Block>(`block:${blockId}`);
        this.diffDataAtom = jotai.atom(null) as jotai.PrimitiveAtom<DiffData | null>;
        this.errorAtom = jotai.atom(null) as jotai.PrimitiveAtom<string | null>;
        this.loadingAtom = jotai.atom<boolean>(true);
        this.viewIcon = jotai.atom("file-lines");
        this.viewName = jotai.atom("AI Diff Viewer");
        this.viewText = jotai.atom((get) => {
            const diffData = get(this.diffDataAtom);
            return diffData?.fileName ?? "";
        });
    }

    get viewComponent(): ViewComponent {
        return AiFileDiffView;
    }
}

function AiFileDiffView({ blockId, model }: ViewComponentProps<AiFileDiffViewModel>) {
    const blockData = jotai.useAtomValue(model.blockAtom);