/**
* Composable for managing user preference for opening project directory.
* Stores the default target (vscode/terminal) in chrome.storage.local.
*/
import { ref, type Ref } from 'vue';
import type { OpenProjectTarget, OpenProjectResponse } from 'chrome-mcp-shared';
// Storage key for default open target
const STORAGE_KEY = 'agent-open-project-default';
export interface UseOpenProjectPreferenceOptions {
/**
* Server port for API calls.
* Should be provided from useAgentServer.
*/
getServerPort: () => number | null;
}
export interface UseOpenProjectPreference {
/** Current default target (null if not set) */
defaultTarget: Ref<OpenProjectTarget | null>;
/** Loading state */
loading: Ref<boolean>;
/** Load default target from storage */
loadDefaultTarget: () => Promise<void>;
/** Save default target to storage */
saveDefaultTarget: (target: OpenProjectTarget) => Promise<void>;
/** Open project by session ID */
openBySession: (sessionId: string, target: OpenProjectTarget) => Promise<OpenProjectResponse>;
/** Open project by project ID */
openByProject: (projectId: string, target: OpenProjectTarget) => Promise<OpenProjectResponse>;
}
export function useOpenProjectPreference(
options: UseOpenProjectPreferenceOptions,
): UseOpenProjectPreference {
const defaultTarget = ref<OpenProjectTarget | null>(null);
const loading = ref(false);
/**
* Load default target from chrome.storage.local.
*/
async function loadDefaultTarget(): Promise<void> {
try {
const result = await chrome.storage.local.get(STORAGE_KEY);
const stored = result[STORAGE_KEY];
if (stored === 'vscode' || stored === 'terminal') {
defaultTarget.value = stored;
}
} catch (error) {
console.error('[OpenProjectPreference] Failed to load default target:', error);
}
}
/**
* Save default target to chrome.storage.local.
*/
async function saveDefaultTarget(target: OpenProjectTarget): Promise<void> {
try {
await chrome.storage.local.set({ [STORAGE_KEY]: target });
defaultTarget.value = target;
} catch (error) {
console.error('[OpenProjectPreference] Failed to save default target:', error);
}
}
/**
* Open project directory by session ID.
*/
async function openBySession(
sessionId: string,
target: OpenProjectTarget,
): Promise<OpenProjectResponse> {
const port = options.getServerPort();
if (!port) {
return { success: false, error: 'Server not connected' };
}
loading.value = true;
try {
const url = `http://127.0.0.1:${port}/agent/sessions/${encodeURIComponent(sessionId)}/open`;
const response = await fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ target }),
});
const data = (await response.json()) as OpenProjectResponse;
return data;
} catch (error) {
const message = error instanceof Error ? error.message : String(error);
return { success: false, error: message };
} finally {
loading.value = false;
}
}
/**
* Open project directory by project ID.
*/
async function openByProject(
projectId: string,
target: OpenProjectTarget,
): Promise<OpenProjectResponse> {
const port = options.getServerPort();
if (!port) {
return { success: false, error: 'Server not connected' };
}
loading.value = true;
try {
const url = `http://127.0.0.1:${port}/agent/projects/${encodeURIComponent(projectId)}/open`;
const response = await fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ target }),
});
const data = (await response.json()) as OpenProjectResponse;
return data;
} catch (error) {
const message = error instanceof Error ? error.message : String(error);
return { success: false, error: message };
} finally {
loading.value = false;
}
}
return {
defaultTarget,
loading,
loadDefaultTarget,
saveDefaultTarget,
openBySession,
openByProject,
};
}
