From a6e04611f241c3f09652bc07fecc303ffbc07e08 Mon Sep 17 00:00:00 2001
From: Sean Sube <seansube@gmail.com>
Date: Fri, 21 Jul 2023 19:33:16 -0500
Subject: [PATCH] feat(gui): add profile download button

---
 gui/src/components/Profiles.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/gui/src/components/Profiles.tsx b/gui/src/components/Profiles.tsx
index e3a9230d..2671b1de 100644
--- a/gui/src/components/Profiles.tsx
+++ b/gui/src/components/Profiles.tsx
@@ -1,5 +1,5 @@
 import { InvalidArgumentError, Maybe, doesExist, mustExist } from '@apextoaster/js-utils';
-import { Delete as DeleteIcon, ImageSearch, Save as SaveIcon } from '@mui/icons-material';
+import { Delete as DeleteIcon, Download, ImageSearch, Save as SaveIcon } from '@mui/icons-material';
 import {
   Autocomplete,
   Button,
@@ -153,6 +153,11 @@ export function Profiles(props: ProfilesProps) {
         }}
       />
     </Button>
+    <Button component='label' variant='contained' onClick={() => {
+      downloadParamsAsFile(props.params);
+    }}>
+      <Download />
+    </Button>
   </Stack>;
 }
 
@@ -174,6 +179,21 @@ export async function loadParamsFromFile(file: File): Promise<Partial<Txt2ImgPar
   }
 }
 
+/**
+ * from https://stackoverflow.com/a/30800715
+ */
+export function downloadParamsAsFile(params: Txt2ImgParams): void {
+  const dataStr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify({
+    params,
+  }));
+  const elem = document.createElement('a');
+  elem.setAttribute('href', dataStr);
+  elem.setAttribute('download', 'parameters.json');
+  document.body.appendChild(elem); // required for firefox
+  elem.click();
+  elem.remove();
+}
+
 export async function parseImageParams(file: File): Promise<Partial<Txt2ImgParams>> {
   const tags = await ExifReader.load(file);