Merge pull request #303 from CommandDash/290-onboarding-in-steps

290 onboarding in steps
CommandDash · Jun 18, 2024 · 1f28afa · 1f28afa
2 parents 9a68aab + a64f2ac
commit 1f28afa
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 15 deletions.
diff --git a/vscode/media/onboarding/onboarding.html b/vscode/media/onboarding/onboarding.html
@@ -87,7 +87,7 @@
                             playMode="normal" loop autoplay></dotlottie-player>
                     </div>
                     <p class="break-words mb-5">Visit <a class="underline cursor-pointer"
-                            href="https://makersuite.google.com/app/apikey">Markesuite by Google</a> and create
+                            href="https://aistudio.google.com/app/apikey">AI Studio by Google</a> and create
                         your
                         free API key and enter below.</p>
 
@@ -97,7 +97,7 @@
                 </div>
                 <div id="executable-container">
                     <div class="inline-flex flex-row items-center">
-                        <p class="break-words">Step 3. Executable download</p>
+                        <p class="break-words">Step 3. Setting up engine</p>
                         <div class="inline-flex flex-row ml-1">
                             <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"
                                 id="executable-tick">

diff --git a/vscode/media/onboarding/onboarding.js b/vscode/media/onboarding/onboarding.js
@@ -1231,15 +1231,16 @@ function handleTriggerMessage(event) {
                             githubCross.classList.remove('hidden');
                             githubTick.classList.add('hidden');
                             githubLogin.classList.remove("hidden");
-                            apiKeyContainer.classList.remove("hidden");
+                            apiKeyContainer.classList.add("hidden");
+                            executableContainer.classList.add("hidden");
                             break;
 
                         case 1:
                             isApiKeyPending = true;
                             apiKeyCross.classList.remove('hidden');
                             apiKeyTick.classList.add('hidden');
                             googleApiKeyTextInput.classList.remove("hidden");
-                            executableContainer.classList.remove("hidden");
+                            executableContainer.classList.add("hidden");
                             break;
 
                         case 2:
@@ -1257,13 +1258,18 @@ function handleTriggerMessage(event) {
                 githubCross.classList.add("hidden");
                 githubTick.classList.remove("hidden");
                 githubLogin.classList.add("hidden");
+                apiKeyContainer.classList.remove("hidden");
             }
             if (!isApiKeyPending) {
                 isApiKeyPending = false;
+                apiKeyContainer.classList.remove("hidden");
                 apiKeyCross.classList.add("hidden");
                 apiKeyTick.classList.remove("hidden");
                 googleApiKeyTextInput.classList.add("hidden");
-
+                vscode.postMessage({
+                    type: "executeDownload",
+                });
+                executableContainer.classList.remove("hidden");
             }
             if (!isExecutableDownloadPending) {
                 isExecutableDownloadPending = false;
@@ -1290,13 +1296,16 @@ function handleTriggerMessage(event) {
             apiKeyCross.classList.add("hidden");
             apiKeyTick.classList.remove("hidden");
             googleApiKeyTextInput.classList.add("hidden");
+            executableContainer.classList.remove("hidden");
             allStepsCompleted();
             break;
         case 'githubLoggedIn':
             isGithubLoginPending = false;
             githubCross.classList.add("hidden");
             githubTick.classList.remove("hidden");
             githubLogin.classList.add("hidden");
+            apiKeyContainer.classList.remove("hidden");
+            executableContainer.classList.add("hidden");
             allStepsCompleted();
             break;
         case 'cleanUpEventListener':

diff --git a/vscode/src/providers/chat_view_provider.ts b/vscode/src/providers/chat_view_provider.ts
@@ -180,6 +180,17 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
                         this._fetchAgentsAPI();
                         break;
                     }
+                case "executeDownload": 
+                {
+                    this.setupManager.pendingSetupSteps.forEach((steps: SetupStep) => {
+                        if (steps === SetupStep.executable) {
+                            this.setupManager.setupExecutable((progress: number) => {
+                                this.postMessageToWebview({ type: 'executableDownloadProgress', value: progress });
+                            });
+                        }
+                    });
+                    break;
+                }
             }
         });
         this._fetchAgentsAPI(true);
@@ -330,18 +341,8 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
 
     private async _setupManager() {
 
-        this.setupManager.pendingSetupSteps.forEach((steps: SetupStep) => {
-            if (steps === SetupStep.executable) {
-                this.setupManager.setupExecutable((progress: number) => {
-                    this.postMessageToWebview({ type: 'executableDownloadProgress', value: progress });
-                });
-            }
-        });
-
         this._view?.webview.postMessage({ type: 'pendingSteps', value: JSON.stringify(this.setupManager.pendingSetupSteps) });
 
-        // this.setupManager.deleteGithub();
-
         this.setupManager.onDidChangeSetup(event => {
             switch (event) {
                 case SetupStep.github:
@@ -351,6 +352,13 @@ export class FlutterGPTViewProvider implements vscode.WebviewViewProvider {
                 case SetupStep.apiKey:
                     console.log('apikey');
                     this._view?.webview.postMessage({ type: 'apiKeySet' });
+                    this.setupManager.pendingSetupSteps.forEach((steps: SetupStep) => {
+                        if (steps === SetupStep.executable) {
+                            this.setupManager.setupExecutable((progress: number) => {
+                                this.postMessageToWebview({ type: 'executableDownloadProgress', value: progress });
+                            });
+                        }
+                    });
                     break;
                 case SetupStep.executable:
                     console.log('executable');