dev tools: allow download

projects/aca-dev-tools/src/lib/aca-dev-tools.component.html

@@ -9,6 +9,13 @@
                 (click)="saveChanges()">
                 <mat-icon>save_alt</mat-icon>
             </button>
+            <button
+                mat-icon-button
+                color="primary"
+                title="Download"
+                (click)="download()">
+                <mat-icon>cloud_download</mat-icon>
+            </button>
             <button
                 mat-icon-button
                 color="primary"

projects/aca-dev-tools/src/lib/aca-dev-tools.component.ts

@@ -26,7 +26,9 @@ export class AcaDevToolsComponent implements OnInit {
 
         const schemaUri = routeData.schemaUri;
         const getSchema = this.http.get(routeData.schemaPath);
-        const getConfig = this.http.get(routeData.configPath, { responseType: 'text' });
+        const getConfig = this.http.get(routeData.configPath, {
+            responseType: 'text'
+        });
 
         forkJoin([getSchema, getConfig]).subscribe(
             ([schema, config]) => {
@@ -69,4 +71,19 @@ export class AcaDevToolsComponent implements OnInit {
         sessionStorage.removeItem('aca.extension.config');
         window.location.reload(true);
     }
+
+    download() {
+        const element = document.createElement('a');
+        element.setAttribute(
+            'href',
+            'data:text/plain;charset=utf-8,' + encodeURIComponent(this.code)
+        );
+        element.setAttribute('download', 'plugin.json');
+        element.style.display = 'none';
+        document.body.appendChild(element);
+
+        element.click();
+
+        document.body.removeChild(element);
+    }
 }