Use magick command to convert images with ImageMagick (#1480)

Author: ethanliu24

.circleci/config.yml

@@ -18,7 +18,10 @@ jobs:
           name: Install Package Dependencies
           command: |
             sudo apt-get update
-            sudo apt-get install -y imagemagick texlive-latex-base
+            sudo apt-get install -y texlive-latex-base
+            sudo wget https://imagemagick.org/archive/binaries/magick
+            sudo cp magick /usr/local/bin
+            sudo chmod 777 /usr/local/bin/magick
             sudo dpkg --remove --force-remove-reinstreq nodejs
             stack update
 

CHANGELOG.md

@@ -34,6 +34,7 @@
 - Added test cases for the index function in `Controllers/Course`
 - Refactored the class components in `/grid` folder to function components
 - Update stylelint integration with development environment and fix existing stylelint violations
+- Use `magick` command instead of `convert` when serving graph images
 
 ## [0.6.0] - 2024-06-24
 

Setup.hs

@@ -9,7 +9,7 @@ main = defaultMainWithHooks
     where
         -- | Checks that Imagemagick and LaTeX are available
         preBuildChecks _ _ = do
-            mapM_ checkDependency ["convert", "pdflatex"]
+            mapM_ checkDependency ["magick", "pdflatex"]
             return emptyHookedBuildInfo
 
         checkDependency :: String -> IO ()

app/Export/ImageConversion.hs

@@ -26,4 +26,4 @@ convertToImage :: String -> String -> IO
                       Maybe Handle,
                       ProcessHandle)
 convertToImage inName outName =
-    createProcess $ shell $ "convert " ++ inName ++ " " ++ outName
+    createProcess $ shell $ "magick " ++ inName ++ " " ++ outName

app/Svg/Parser.hs

@@ -193,7 +193,7 @@ parseTextHelper key styles' trans textTags =
         newTrans = matrixMultiply trans currTrans
         alignAttr = styleVal "text-anchor" newStyle
         align = if T.null alignAttr
-                then "begin"
+                then "start"
                 else alignAttr
         fill = styleVal "fill" newStyle