Step 7

appimage-scripts/build_appimage2.sh: 

appimage-scripts/build_with_nim2.sh: 
nix/packages/default.nix: 

Signed-off-by: Tzanko Matev <[email protected]>

Author: tzanko-matev

appimage-scripts/build_appimage2.sh

@@ -67,12 +67,6 @@ bash "${ROOT_PATH}/appimage-scripts/install_electron.sh"
 # Setup node deps
 bash "${ROOT_PATH}/appimage-scripts/setup_node_deps.sh"
 
-# Build our css files
-bash "${ROOT_PATH}/appimage-scripts/build_css.sh"
-
-# Build/setup nim-based files
-bash "${ROOT_PATH}/appimage-scripts/build_with_nim2.sh"
-
 cat <<'EOF' >"${APP_DIR}/bin/ct"
 #!/usr/bin/env bash
 

appimage-scripts/build_with_nim2.sh

@@ -396,6 +396,34 @@
             '';
           };
 
+        appimageCss = pkgs.runCommand "codetracer-appimage-css" {
+          nativeBuildInputs = [
+            pkgs.coreutils
+            pkgs.nodejs_20
+            node-modules-derivation
+          ];
+        } ''
+          set -eu
+
+          export HOME="$TMPDIR/home"
+          mkdir -p "$HOME"
+
+          mkdir -p "$out/frontend/styles"
+
+          cd ${src}/src/frontend/styles
+
+          stylus="${node-modules-derivation.out}/bin/node_modules/.bin/stylus"
+
+          for style in \
+            default_white_theme.styl \
+            default_dark_theme_electron.styl \
+            loader.styl \
+            subwindow.styl
+          do
+            ${pkgs.nodejs_20}/bin/node "$stylus" -o "$out/frontend/styles" "$style"
+          done
+        '';
+
         appimagePayload = pkgs.runCommand "codetracer-appimage-payload" {
           nativeBuildInputs = [
             pkgs.bashInteractive
@@ -412,6 +440,8 @@
           mkdir -p "$out/bin"
           mkdir -p "$out/src"
 
+          cp -Lr ${appimageCss}/frontend "$out/"
+
           INTERPRETER_PATH="${
             if pkgs.stdenv.hostPlatform.system == "aarch64-linux"
             then "/lib/ld-linux-aarch64.so.1"