feat: reworked project location

2026-02-14 09:40:39 +01:00
parent 0412b00f2d
commit 6ff84c2d6a
10 changed files with 366 additions and 149 deletions
--- a/src/renderer/components/ProjectSelector/ProjectSelector.css
+++ b/src/renderer/components/ProjectSelector/ProjectSelector.css
@@ -355,3 +355,81 @@
  font-size: 12px;
  color: var(--vscode-foreground);
 }
+
+/* Folder picker styles */
+.folder-picker {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.folder-path-display {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  background-color: var(--vscode-input-background);
+  border: 1px solid var(--vscode-input-border);
+  border-radius: 4px;
+}
+
+.folder-path {
+  flex: 1;
+  font-size: 12px;
+  color: var(--vscode-foreground);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--vscode-editor-font-family, monospace);
+}
+
+.folder-default-info {
+  display: flex;
+  align-items: center;
+  padding: 6px 10px;
+  background-color: var(--vscode-input-background);
+  border: 1px solid var(--vscode-input-border);
+  border-radius: 4px;
+}
+
+.default-label {
+  font-size: 12px;
+  color: var(--vscode-descriptionForeground);
+  font-style: italic;
+}
+
+.btn-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  background: transparent;
+  border: none;
+  color: var(--vscode-descriptionForeground);
+  cursor: pointer;
+  border-radius: 3px;
+}
+
+.btn-icon:hover {
+  color: var(--vscode-foreground);
+  background-color: var(--vscode-list-hoverBackground);
+}
+
+.btn-small {
+  padding: 4px 10px;
+  font-size: 11px;
+}
+
+.btn-secondary.btn-small {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  width: auto;
+}
+
+.form-hint {
+  margin: 6px 0 0 0;
+  font-size: 11px;
+  color: var(--vscode-descriptionForeground);
+  line-height: 1.4;
+}
--- a/src/renderer/components/ProjectSelector/ProjectSelector.tsx
+++ b/src/renderer/components/ProjectSelector/ProjectSelector.tsx
@@ -35,6 +35,7 @@ export const ProjectSelector: React.FC = () => {
  const [deleteConfirmText, setDeleteConfirmText] = useState('');
  const [newProjectName, setNewProjectName] = useState('');
  const [newProjectDescription, setNewProjectDescription] = useState('');
+  const [newProjectDataPath, setNewProjectDataPath] = useState<string | null>(null);
  const dropdownRef = useRef<HTMLDivElement>(null);

  // Load projects on mount
@@ -125,12 +126,14 @@ export const ProjectSelector: React.FC = () => {
      const newProject = await window.electronAPI?.projects.create({
        name: newProjectName.trim(),
        description: newProjectDescription.trim() || undefined,
+        dataPath: newProjectDataPath || undefined,
      });
      if (newProject) {
        setProjects([...projects, newProject as ProjectData]);
        showToast.success(`Created project "${newProjectName}"`);
        setNewProjectName('');
        setNewProjectDescription('');
+        setNewProjectDataPath(null);
        setShowCreateModal(false);
        
        // Optionally switch to the new project
@@ -142,6 +145,42 @@ export const ProjectSelector: React.FC = () => {
    }
  };

+  const handleSelectFolder = async () => {
+    try {
+      const selectedPath = await window.electronAPI?.app.selectFolder('Select Project Location');
+      if (selectedPath) {
+        setNewProjectDataPath(selectedPath);
+        
+        // Check if the folder has existing project metadata
+        const existingMetadata = await window.electronAPI?.app.readProjectMetadata(selectedPath);
+        if (existingMetadata) {
+          // Pre-populate form fields from existing project.json (overwrite if found)
+          if (existingMetadata.name) {
+            setNewProjectName(existingMetadata.name);
+          }
+          if (existingMetadata.description) {
+            setNewProjectDescription(existingMetadata.description);
+          }
+          showToast.info('Found existing project settings');
+        }
+      }
+    } catch (error) {
+      console.error('Failed to select folder:', error);
+      showToast.error('Failed to select folder');
+    }
+  };
+
+  const handleClearFolder = () => {
+    setNewProjectDataPath(null);
+  };
+
+  const handleCloseCreateModal = () => {
+    setNewProjectName('');
+    setNewProjectDescription('');
+    setNewProjectDataPath(null);
+    setShowCreateModal(false);
+  };
+
  const openDeleteModal = (e: React.MouseEvent, project: ProjectData) => {
    e.stopPropagation();
    setProjectToDelete(project);
@@ -244,11 +283,11 @@ export const ProjectSelector: React.FC = () => {
      )}

      {showCreateModal && (
-        <div className="modal-overlay" onClick={() => setShowCreateModal(false)}>
+        <div className="modal-overlay" onClick={handleCloseCreateModal}>
          <div className="modal-content" onClick={e => e.stopPropagation()}>
            <div className="modal-header">
              <h3>Create New Project</h3>
-              <button className="modal-close" onClick={() => setShowCreateModal(false)}>
+              <button className="modal-close" onClick={handleCloseCreateModal}>
                <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
                  <path d="M8 8.707l3.646 3.647.708-.707L8.707 8l3.647-3.646-.707-.708L8 7.293 4.354 3.646l-.707.708L7.293 8l-3.646 3.646.707.708L8 8.707z"/>
                </svg>
@@ -277,9 +316,37 @@ export const ProjectSelector: React.FC = () => {
                    rows={3}
                  />
                </div>
+                <div className="form-field">
+                  <label>Project Location</label>
+                  <div className="folder-picker">
+                    {newProjectDataPath ? (
+                      <div className="folder-path-display">
+                        <span className="folder-path" title={newProjectDataPath}>{newProjectDataPath}</span>
+                        <button type="button" className="btn-icon" onClick={handleClearFolder} title="Use default location">
+                          <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor">
+                            <path d="M8 8.707l3.646 3.647.708-.707L8.707 8l3.647-3.646-.707-.708L8 7.293 4.354 3.646l-.707.708L7.293 8l-3.646 3.646.707.708L8 8.707z"/>
+                          </svg>
+                        </button>
+                      </div>
+                    ) : (
+                      <div className="folder-default-info">
+                        <span className="default-label">Default (internal storage)</span>
+                      </div>
+                    )}
+                    <button type="button" className="btn-secondary btn-small" onClick={handleSelectFolder}>
+                      <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor">
+                        <path d="M14.5 3H7.71l-.85-.85A.5.5 0 0 0 6.5 2h-5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5zm-13 1h5.29l.85.85c.1.1.23.15.36.15h6.5v9h-13V4z"/>
+                      </svg>
+                      Choose Folder...
+                    </button>
+                  </div>
+                  <p className="form-hint">
+                    Choose a custom folder for cloud storage backup, or use the default internal storage.
+                  </p>
+                </div>
              </div>
              <div className="modal-footer">
-                <button type="button" className="btn-secondary" onClick={() => setShowCreateModal(false)}>
+                <button type="button" className="btn-secondary" onClick={handleCloseCreateModal}>
                  Cancel
                </button>
                <button type="submit" className="btn-primary" disabled={!newProjectName.trim()}>
--- a/src/renderer/types/electron.d.ts
+++ b/src/renderer/types/electron.d.ts
@@ -268,7 +268,7 @@ export interface ChatTitleUpdate {

 export interface ElectronAPI {
  projects: {
-    create: (data: { name: string; description?: string; slug?: string }) => Promise<ProjectData>;
+    create: (data: { name: string; description?: string; slug?: string; dataPath?: string }) => Promise<ProjectData>;
    update: (id: string, data: Partial<ProjectData>) => Promise<ProjectData | null>;
    delete: (id: string) => Promise<boolean>;
    deleteWithData: (id: string) => Promise<boolean>;
@@ -367,6 +367,7 @@ export interface ElectronAPI {
    showItemInFolder: (itemPath: string) => Promise<void>;
    selectFolder: (title?: string) => Promise<string | null>;
    getDefaultProjectPath: (projectId: string) => Promise<string>;
+    readProjectMetadata: (folderPath: string) => Promise<{ name?: string; description?: string; mainLanguage?: string } | null>;
  };
  meta: {
    getTags: () => Promise<string[]>;