feat(frontend): use symlinks for mime icons

backend/src/applications/files/constants/files.ts

@@ -2,11 +2,18 @@ export const DEFAULT_CHECKSUM_ALGORITHM = 'sha512-256'
 export const DEFAULT_HIGH_WATER_MARK = 1024 * 1024
 export const DEFAULT_MIME_TYPE = 'application/octet-stream'
 export const EXTRA_MIMES_TYPE = new Map([
-  ['.ts', 'text-typescript'],
+  ['.go', 'text-x-go'],
+  ['.gz', 'application-gzip'],
+  ['.gzip', 'application-gzip'],
+  ['.patch', 'text-x-patch'],
+  ['.ps1', 'text-x-powershell'],
   ['.py', 'text-x-python'],
+  ['.pyc', 'application-x-python-code'],
+  ['.rb', 'text-x-ruby'],
+  ['.rs', 'text-rust'],
   ['.tgz', 'application-gzip'],
-  ['.gz', 'application-gzip'],
-  ['.gzip', 'application-gzip']
+  ['.ts', 'text-typescript'],
+  ['.xcf', 'image-x-xcf']
 ])
 export const COMPRESSION_EXTENSION = new Map([
   ['.zip', 'zip'],

frontend/angular.json

@@ -44,6 +44,15 @@
           },
           "configurations": {
             "production": {
+              "assets": [
+                "src/favicon.ico",
+                {
+                  "glob": "**/*",
+                  "input": "src/assets",
+                  "output": "assets",
+                  "ignore": ["mimes/**"]
+                }
+              ],
               "budgets": [
                 {
                   "type": "initial",

frontend/package.json

@@ -8,9 +8,9 @@
   "license": "AGPL-3.0-or-later",
   "private": true,
   "scripts": {
-    "build-assets": "node scripts/build-assets.mjs",
-    "prewatch": "NODE_ENV=development npm run build-assets",
-    "prebuild": "npm run build-assets",
+    "prewatch": "NODE_ENV=development npm run prebuild",
+    "prebuild": "node scripts/prebuild.mjs",
+    "postbuild": "node scripts/postbuild.mjs",
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",

frontend/scripts/copy-mimes-dir.mjs

@@ -0,0 +1,23 @@
+import fs from 'node:fs/promises'
+import path from 'node:path'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+export async function copyMimesForProd() {
+  const srcDir = path.join(__dirname, '..', '..', 'frontend', 'src', 'assets', 'mimes')
+  const destDir = path.join(__dirname, '..', '..', 'dist', 'static', 'assets', 'mimes')
+
+  try {
+    // Copy mimes directory in order to keep relative symlinks
+    await fs.cp(srcDir, destDir, {
+      recursive: true,
+      verbatimSymlinks: true
+    })
+    console.log('postbuild - mimes directory copied succesfully')
+  } catch (err) {
+    console.error('postbuild - Error with mimes copy:', err)
+    process.exit(1)
+  }
+}

frontend/scripts/postbuild.mjs

@@ -0,0 +1,6 @@
+import { copyMimesForProd } from './copy-mimes-dir.mjs'
+
+if (process.env.NODE_ENV !== 'development') {
+  console.log('fix assets ...')
+  await copyMimesForProd()
+}