0.1.6 updates and add changelog

src/launcherView.ts

@@ -55,6 +55,8 @@ export class LauncherViewProvider implements vscode.WebviewViewProvider {
     view.webview.onDidReceiveMessage(async (msg) => {
       if (msg?.type === 'open' && typeof msg.command === 'string') {
         vscode.commands.executeCommand(msg.command);
+      } else if (msg?.type === 'openChangelog') {
+        vscode.commands.executeCommand('hplToolbox.openChangelog');
       } else if (msg?.type === 'setBetaToolsEnabled' && typeof msg.enabled === 'boolean') {
         await this.context.globalState.update(BETA_TOOLS_ENABLED_KEY, msg.enabled);
         view.webview.html = getHtml(version, msg.enabled);
@@ -142,15 +144,15 @@ function getHtml(version: string, betaToolsEnabled: boolean): string {
   .footer {
     margin-top: auto;
     padding-top: 8px;
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
     align-items: center;
-    justify-content: space-between;
     gap: 8px;
     color: var(--vscode-descriptionForeground);
     font-size: 8px;
     border-top: 1px solid var(--vscode-panel-border);
   }
-  .beta-toggle {
+  .footer-action {
     padding: 0;
     background: transparent;
     color: var(--vscode-descriptionForeground);
@@ -161,12 +163,20 @@ function getHtml(version: string, betaToolsEnabled: boolean): string {
     font-size: 10px;
     opacity: 0.72;
   }
-  .beta-toggle:hover {
+  #betaToggle {
+    justify-self: start;
+  }
+  .footer-action:hover {
     opacity: 1;
     text-decoration: underline;
   }
   .footer-version {
     opacity: 0.75;
+    text-align: center;
+    white-space: nowrap;
+  }
+  .changelog-link {
+    justify-self: end;
     text-align: right;
   }
 </style>
@@ -176,8 +186,9 @@ function getHtml(version: string, betaToolsEnabled: boolean): string {
 ${toolButtons}
   </div>
   <div class="footer">
-    <button id="betaToggle" class="beta-toggle" data-enabled="${betaToolsEnabled ? 'true' : 'false'}">${betaToolsEnabled ? 'Hide beta' : 'Show beta'}</button>
+    <button id="betaToggle" class="footer-action" data-enabled="${betaToolsEnabled ? 'true' : 'false'}">${betaToolsEnabled ? 'Hide beta' : 'Show beta'}</button>
     <span class="footer-version">${version} - JJGC 00784</span>
+    <button id="changelogLink" class="footer-action changelog-link">Changelog</button>
   </div>
 <script>
   const vscode = acquireVsCodeApi();
@@ -190,6 +201,9 @@ ${toolButtons}
     const enabled = event.currentTarget.dataset.enabled === 'true';
     vscode.postMessage({ type: 'setBetaToolsEnabled', enabled: !enabled });
   });
+  document.getElementById('changelogLink').addEventListener('click', () => {
+    vscode.postMessage({ type: 'openChangelog' });
+  });
 </script>
 </body>
 </html>`;