feat: project hub dir selector

Author: FlyAndNotDown

Editor/Include/Editor/Widget/ProjectHub.h

@@ -38,6 +38,7 @@ namespace Editor {
 
     public Q_SLOTS:
         void CreateProject() const;
+        QString BrowseDirectory() const;
 
     private:
         QString GetEngineVersion() const;

Editor/Src/Widget/ProjectHub.cpp

@@ -2,6 +2,8 @@
 // Created by johnk on 2025/8/3.
 //
 
+#include <QFileDialog>
+
 #include <Editor/Widget/ProjectHub.h>
 #include <Editor/Widget/moc_ProjectHub.cpp>
 #include <Core/Log.h>
@@ -41,6 +43,11 @@ namespace Editor {
         LogInfo(ProjectHub, "ProjectHubBridge::CreateProject");
     }
 
+    QString ProjectHubBackend::BrowseDirectory() const // NOLINT
+    {
+        return QFileDialog::getExistingDirectory(nullptr, "Select Project Directory", QDir::rootPath());
+    }
+
     QString ProjectHubBackend::GetEngineVersion() const
     {
         return QString::fromStdString(engineVersion);

Editor/Web/src/pages/project-hub.tsx

@@ -25,6 +25,7 @@ export default function ProjectHubPage() {
   const [engineVersion, setEngineVersion] = useState('');
   const [recentProjects, setRecentProjects] = useState(Array<RecentProjectInfo>);
   const [projectTemplates, setProjectTemplates] = useState(Array<ProjectTemplateInfo>);
+  const [projectPath, setProjectPath] = useState('');
 
   useEffect(() => {
     new QWebChannel(window.qt.webChannelTransport, (channel: QWebChannel): void => {
@@ -47,10 +48,12 @@ export default function ProjectHubPage() {
     console.error('onOpenProject:', index);
   }
 
-  async function onBrowseProjectPath(): Promise<void> {
-    // TODO
-    const dirHandle = await window.showDirectoryPicker({ startIn: 'desktop' });
-    console.error(dirHandle);
+  function onBrowseProjectPath(): void {
+    window.backend.BrowseDirectory((path: string) => {
+      if (path) {
+        setProjectPath(path);
+      }
+    });
   }
 
   return (
@@ -91,7 +94,7 @@ export default function ProjectHubPage() {
           <Form className='w-full ml-4'>
             <Input fullWidth isRequired label='Project Name' labelPlacement='outside' placeholder='HelloExplosion' />
             <div className='flex w-full'>
-              <Input isRequired label='Project Path' labelPlacement='outside' placeholder='/path/to/your/project' />
+              <Input isRequired label='Project Path' labelPlacement='outside' placeholder='/path/to/your/project' value={projectPath} onValueChange={setProjectPath} />
               <Button className='ml-2 mt-6' onPress={() => onBrowseProjectPath()}>
                 Browse
               </Button>