From c8496f7916908cf19c9dd304f1d5f0df0a53a20f Mon Sep 17 00:00:00 2001
From: Philip Zingmark <philip.zingmark@gmail.com>
Date: Tue, 4 Feb 2025 11:18:32 +0100
Subject: [PATCH 1/2] small fix for docker-cli command if user is on windows,
 escape $ with `instad of \

---
 src/pages/edit/deployments/GHActions.tsx | 47 ++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/pages/edit/deployments/GHActions.tsx b/src/pages/edit/deployments/GHActions.tsx
index eccc65d..2a4d3e9 100644
--- a/src/pages/edit/deployments/GHActions.tsx
+++ b/src/pages/edit/deployments/GHActions.tsx
@@ -13,11 +13,13 @@ import {
   Link,
   Paper,
   Stack,
+  Tab,
   TableBody,
   TableCell,
   TableContainer,
   TableHead,
   TableRow,
+  Tabs,
   TextareaAutosize,
   Typography,
   useTheme,
@@ -34,17 +36,29 @@ type Secret = {
   value: string;
 };
 
+const MACOS_LINUX_INDEX: number = 0;
+const WINDOWS_INDEX: number = 1;
+
 const GHActions = ({ resource }: { resource: Deployment }) => {
   const { t } = useTranslation();
   const { keycloak, initialized } = useKeycloak();
   const [actionsFile, setActionsFile] = useState<string>("");
   const [cliCommands, setCliCommands] = useState<string>("");
+  const [cliCommandsPS, setCliCommandsPS] = useState<string>("");
   const [redacted, setRedacted] = useState<string>("");
+  const [redactedPS, setRedactedPS] = useState<string>("");
   const [secrets, setSecrets] = useState<Secret[]>([]);
   const [showSecrets, setShowSecrets] = useState(false);
   const [showCliSecrets, setShowCliSecrets] = useState(false);
   const theme: CustomTheme = useTheme();
 
+  const [tabIndex, setTabIndex] = useState(0);
+
+  useEffect(() => {
+    const isWindows = navigator.platform.toLowerCase().includes("win");
+    setTabIndex(isWindows ? WINDOWS_INDEX : MACOS_LINUX_INDEX);
+  }, []);
+
   const loadYaml = async () => {
     if (!(initialized && keycloak.token)) return;
     try {
@@ -66,7 +80,10 @@ const GHActions = ({ resource }: { resource: Deployment }) => {
 
       // escape $ for bash
       const commandString = commands.join("\n").replace(/\$/g, "\\$");
+      // on windows use ` to escape it in powershell
+      const commandStringPS = commands.join("\n").replace(/\$/g, "`$");
       setCliCommands(commandString);
+      setCliCommandsPS(commandStringPS);
       setRedacted(
         commandString
           .replace(password, "********")
@@ -74,6 +91,13 @@ const GHActions = ({ resource }: { resource: Deployment }) => {
           .replace(registry, "********")
           .replace(tag, "********")
       );
+      setRedactedPS(
+        commandStringPS
+          .replace(password, "********")
+          .replace(username, "********")
+          .replace(registry, "********")
+          .replace(tag, "********")
+      );
 
       // Get the secrets
       const secrets = [
@@ -119,17 +143,29 @@ const GHActions = ({ resource }: { resource: Deployment }) => {
   return (
     <>
       <Card sx={{ boxShadow: 20 }}>
+        <Tabs
+          value={tabIndex}
+          onChange={(_: any, newIndex: number) => setTabIndex(newIndex)}
+        >
+          <Tab label="MacOS/Linux" value={MACOS_LINUX_INDEX} />
+          <Tab label="Windows" value={WINDOWS_INDEX} />
+        </Tabs>
         <CardHeader
           title={t("deploy-with-docker-cli")}
           subheader={t("deploy-with-docker-cli-subheader")}
         />
+
         <CardContent>
           <TextareaAutosize
             value={
-              cliCommands
+              (tabIndex === WINDOWS_INDEX ? cliCommandsPS : cliCommands)
                 ? showCliSecrets
-                  ? cliCommands
-                  : redacted
+                  ? tabIndex === WINDOWS_INDEX
+                    ? cliCommandsPS
+                    : cliCommands
+                  : tabIndex === WINDOWS_INDEX
+                    ? redactedPS
+                    : redacted
                 : t("loading")
             }
             style={{
@@ -140,8 +176,11 @@ const GHActions = ({ resource }: { resource: Deployment }) => {
             }}
           />
         </CardContent>
+
         <CardActions>
-          <CopyButton content={cliCommands} />
+          <CopyButton
+            content={tabIndex === WINDOWS_INDEX ? cliCommandsPS : cliCommands}
+          />
 
           <Button
             onClick={() => setShowCliSecrets(!showCliSecrets)}

From 881290b49b7e55ff9a8e2aa7a35aa1e7c9657b8c Mon Sep 17 00:00:00 2001
From: Philip Zingmark <philip.zingmark@gmail.com>
Date: Tue, 4 Feb 2025 11:38:53 +0100
Subject: [PATCH 2/2] use buildx with specified target platform to crosscompile
 if user is running other architecture than amd64

---
 .env                                     | 2 ++
 Dockerfile                               | 2 ++
 src/pages/edit/deployments/GHActions.tsx | 3 +--
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index d5d71ca..8be0764 100644
--- a/.env
+++ b/.env
@@ -6,4 +6,6 @@ VITE_KEYCLOAK_CLIENT_ID="landing"
 VITE_RANCHER_URL="https://mgmt.cloud.cbh.kth.se"
 VITE_DNS_URL="https://dns.cloud.cbh.kth.se"
 VITE_MAIA_URL="https://maia.app.cloud.cbh.kth.se/maia"
+# can be comma separated to add more
+VITE_SERVER_PLATFORM="linux/amd64"
 GENERATE_SOURCEMAP=false 
diff --git a/Dockerfile b/Dockerfile
index b9e7f2b..4005e58 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -47,6 +47,8 @@ ENV KEYCLOAK_CLIENT_ID="landing"
 ENV RANCHER_URL="https://mgmt.cloud.cbh.kth.se"
 ENV DNS_URL="https://dns.cloud.cbh.kth.se"
 ENV MAIA_URL="https://maia.app.cloud.cbh.kth.se/maia"
+# can be comma separated to add more
+ENV SERVER_PLATFORM="linux/amd64"
 
 EXPOSE 3000
 ENTRYPOINT ["/entrypoint.sh"]
diff --git a/src/pages/edit/deployments/GHActions.tsx b/src/pages/edit/deployments/GHActions.tsx
index 2a4d3e9..e8925f5 100644
--- a/src/pages/edit/deployments/GHActions.tsx
+++ b/src/pages/edit/deployments/GHActions.tsx
@@ -74,8 +74,7 @@ const GHActions = ({ resource }: { resource: Deployment }) => {
 
       const commands = [
         `docker login ${registry} -u ${username} -p ${password}`,
-        `docker build -t ${tag} .`,
-        `docker push ${tag}`,
+        `docker buildx build --platform="${import.meta.env.VITE_SERVER_PLATFORM || "linux/amd64"}" -t ${tag} --push .`,
       ];
 
       // escape $ for bash