refactor(config): make EditorState/ConfirmDeleteState generic over the artifact type

Review feedback: string widening dropped the compile-time guard at the
write/delete boundary right where the Codex panel (the next task) starts
writing into this state. Threading <TType extends string = CcArtifactType>
through EditorState/EditorModal and ConfirmDeleteState/ConfirmDeleteModal
keeps CcConfig.tsx's write/delete calls checked against CcArtifactType by
default while still letting a Codex-typed caller instantiate its own union
later, removing the two `as CcArtifactType` casts.
This commit is contained in:
2026-09-08 20:48:58 +07:00
parent 865c6c1d1e
commit f6973d24d6
3 changed files with 26 additions and 15 deletions
@@ -9,22 +9,27 @@
import { useCallback, useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { ShieldAlert, Trash2 } from "lucide-react";
import type { CcArtifactType } from "../../lib/api";
export type ConfirmDeleteState = {
type: string;
export type ConfirmDeleteState<TType extends string = CcArtifactType> = {
type: TType;
scope: "user" | "project" | "auto-memory";
name?: string;
path: string;
project?: string; // set for type === "auto-memory"
} | null;
interface ConfirmDeleteModalProps {
state: NonNullable<ConfirmDeleteState>;
interface ConfirmDeleteModalProps<TType extends string = CcArtifactType> {
state: NonNullable<ConfirmDeleteState<TType>>;
onCancel: () => void;
onConfirm: () => Promise<void>;
}
export function ConfirmDeleteModal({ state, onCancel, onConfirm }: ConfirmDeleteModalProps) {
export function ConfirmDeleteModal<TType extends string = CcArtifactType>({
state,
onCancel,
onConfirm,
}: ConfirmDeleteModalProps<TType>) {
const { t } = useTranslation("ccConfig");
const [busy, setBusy] = useState(false);
+13 -7
View File
@@ -10,18 +10,19 @@
import { useCallback, useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { Pencil, X, Save, AlertCircle } from "lucide-react";
import type { CcArtifactType } from "../../lib/api";
export type EditorState =
export type EditorState<TType extends string = CcArtifactType> =
| {
mode: "create";
type: string;
type: TType;
defaultScope: "user" | "project";
template: string;
project?: string; // set for type === "auto-memory"
}
| {
mode: "edit";
type: string;
type: TType;
scope: "user" | "project" | "auto-memory";
name: string;
filePath: string;
@@ -29,12 +30,12 @@ export type EditorState =
}
| null;
interface EditorModalProps {
state: NonNullable<EditorState>;
interface EditorModalProps<TType extends string = CcArtifactType> {
state: NonNullable<EditorState<TType>>;
fetchContent: (filePath: string) => Promise<string>;
onClose: () => void;
onSave: (args: {
type: string;
type: TType;
targetScope: "user" | "project" | "auto-memory";
name: string | undefined;
content: string;
@@ -42,7 +43,12 @@ interface EditorModalProps {
}) => Promise<void>;
}
export function EditorModal({ state, fetchContent, onClose, onSave }: EditorModalProps) {
export function EditorModal<TType extends string = CcArtifactType>({
state,
fetchContent,
onClose,
onSave,
}: EditorModalProps<TType>) {
const { t } = useTranslation("ccConfig");
const isCreate = state.mode === "create";
const isAutoMemory = state.type === "auto-memory";
+3 -3
View File
@@ -426,7 +426,7 @@ export function CcConfig() {
const handleSave = useCallback(
async (args: {
type: string;
type: CcArtifactType;
targetScope: "user" | "project" | "auto-memory";
name: string | undefined;
content: string;
@@ -434,7 +434,7 @@ export function CcConfig() {
}) => {
const result: CcMutationResult = await api.ccConfig.write({
scope: args.targetScope,
type: args.type as CcArtifactType,
type: args.type,
name: args.name,
content: args.content,
project: args.project,
@@ -456,7 +456,7 @@ export function CcConfig() {
try {
const result = await api.ccConfig.delete({
scope: confirmDelete.scope,
type: confirmDelete.type as CcArtifactType,
type: confirmDelete.type,
name: confirmDelete.name,
project: confirmDelete.project,
});