Merge pull request #15 from raspberrypi/fix-2-newprojectpanel-persist…

…ent-state Fix #2, NewProjectPanel persistent state
raspberrypi · May 20, 2024 · 60db575 · 60db575
2 parents 6e3f33c + 7dc96a8
commit 60db575
Show file tree

Hide file tree

Showing 3 changed files with 430 additions and 5 deletions.
diff --git a/src/webview/newProjectPanel.mts b/src/webview/newProjectPanel.mts
@@ -1174,6 +1174,9 @@ export class NewProjectPanel {
     const navScriptUri = webview.asWebviewUri(
       Uri.joinPath(this._extensionUri, "web", "nav.js")
     );
+    const stateScriptUri = webview.asWebviewUri(
+      Uri.joinPath(this._extensionUri, "web", "state.js")
+    );
     const tailwindcssScriptUri = webview.asWebviewUri(
       Uri.joinPath(this._extensionUri, "web", "tailwindcss-3_3_5.js")
     );
@@ -1513,7 +1516,11 @@ export class NewProjectPanel {
                                   !this._isProjectImport
                                     ? "C:\\MyProject"
                                     : "C:\\Project\\To\\Import"
-                                }" disabled/>
+                                }" disabled value="${
+      this._projectRoot !== undefined
+        ? this._projectRoot.fsPath.replaceAll("\\", "/")
+        : ""
+    }"/>
                             </div>
                             <button 
                                 id="btn-change-project-location"
@@ -1820,6 +1827,7 @@ export class NewProjectPanel {
         </main>
 
         <script nonce="${nonce}" src="${navScriptUri.toString()}"></script>
+        <script nonce="${nonce}" src="${stateScriptUri.toString()}"></script>
         <script nonce="${nonce}" src="${mainScriptUri.toString()}"></script>
       </body>
     </html>`;

diff --git a/web/main.js b/web/main.js
@@ -18,10 +18,8 @@ var isPicoWireless = false;
 (function () {
   const vscode = acquireVsCodeApi();
 
-  // TODO: save input in state
-  const oldState = vscode.getState();
-
-  console.log("oldState", oldState);
+  // setup state for webview implemented in state.js
+  setupStateSystem(vscode);
 
   // needed so a element isn't hidden behind the navbar on scroll
   const navbarOffsetHeight = document.getElementById('top-navbar').offsetHeight;