.github/workflows/main.yaml

@@ -3,25 +3,20 @@ name: main
 on:
   push:
     branches:
-      - "master"
+      - 'master'
     tags:
-      - "v*"
+      - 'v*'
   pull_request:
 
 jobs:
-  # linters
+# linters
   lint-frontend:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          package_json_file: "frontend/package.json"
       - uses: actions/setup-node@v4
         with:
-          node-version: "22.x"
+          node-version: '18'
-          cache: "pnpm"
-          cache-dependency-path: "frontend/pnpm-lock.yaml"
       - run: make lint-frontend
   lint-backend:
     runs-on: ubuntu-latest
@@ -37,19 +32,14 @@ jobs:
     steps:
       - run: echo "done"
 
-  # tests
+# tests
   test-frontend:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v4
-        with:
-          package_json_file: "frontend/package.json"
       - uses: actions/setup-node@v4
         with:
-          node-version: "22.x"
+          node-version: '18'
-          cache: "pnpm"
-          cache-dependency-path: "frontend/pnpm-lock.yaml"
       - run: make test-frontend
   test-backend:
     runs-on: ubuntu-latest
@@ -65,7 +55,7 @@ jobs:
     steps:
       - run: echo "done"
 
-  # release
+# release
   release:
     runs-on: ubuntu-latest
     needs: [lint, test]
@@ -77,14 +67,9 @@ jobs:
       - uses: actions/setup-go@v5
         with:
           go-version: 1.23.0
-      - uses: pnpm/action-setup@v4
-        with:
-          package_json_file: "frontend/package.json"
       - uses: actions/setup-node@v4
         with:
-          node-version: "22.x"
+          node-version: '18'
-          cache: "pnpm"
-          cache-dependency-path: "frontend/pnpm-lock.yaml"
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v1
       - name: Set up Docker Buildx

.github/workflows/stale.yml

@@ -11,7 +11,7 @@ jobs:
   stale:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/stale@v9
+      - uses: actions/stale@v5
         with:
           stale-pr-message: 'This PR is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.'
           close-pr-message: 'This PR was closed because it has been stalled for 5 days with no activity.'

.goreleaser.yml

@@ -36,10 +36,10 @@ builds:
 archives:
   -
     name_template: "{{.Os}}-{{.Arch}}{{if .Arm}}v{{.Arm}}{{end}}-{{ .ProjectName }}"
-    formats: [ 'tar.gz' ]
+    format: tar.gz
     format_overrides:
       - goos: windows
-        formats: [ 'zip' ]
+        format: zip
 
 dockers:
   -
@@ -139,7 +139,6 @@ dockers:
       - "filebrowser/filebrowser:v{{ .Major }}-amd64-s6"
     extra_files:
       - docker/root
-      - healthcheck.sh
   -
     dockerfile: Dockerfile.s6.aarch64
     use: buildx
@@ -158,7 +157,6 @@ dockers:
       - "filebrowser/filebrowser:v{{ .Major }}-arm64-s6"
     extra_files:
       - docker/root
-      - healthcheck.sh
 docker_manifests:
   - name_template: "filebrowser/filebrowser:latest"
     image_templates:

CHANGELOG.md

@@ -2,53 +2,6 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## [2.32.0](https://github.com/filebrowser/filebrowser/compare/v2.31.2...v2.32.0) (2025-01-31)
-
-
-### Features
-
-* create user on proxy authentication if user does not exist ([#3569](https://github.com/filebrowser/filebrowser/issues/3569)) ([209acf2](https://github.com/filebrowser/filebrowser/commit/209acf2429b06e2e8d78218937c59fd7e7edd1be))
-
-
-### Bug Fixes
-
-* add proper healthcheck for S6 containers ([#3691](https://github.com/filebrowser/filebrowser/issues/3691)) ([045064f](https://github.com/filebrowser/filebrowser/commit/045064f8b8bf9f86058e877448085e38da8b3f2e))
-* disk usage refreshing ([#3692](https://github.com/filebrowser/filebrowser/issues/3692)) ([bbdd313](https://github.com/filebrowser/filebrowser/commit/bbdd313705b8d253f0c47ad717a6e47b2f46e719))
-* Fix user creation on proxy auth ([#3666](https://github.com/filebrowser/filebrowser/issues/3666)) ([5300d00](https://github.com/filebrowser/filebrowser/commit/5300d00d2e7dbb80a252aff57e100113f02506c3))
-* prompts disappearing on copy / move / upload ([#3537](https://github.com/filebrowser/filebrowser/issues/3537)) ([d1c84a8](https://github.com/filebrowser/filebrowser/commit/d1c84a84123c77dede05c023b3697a432b56122c))
-
-
-### Refactorings
-
-* Fix eslint warnings ([#3698](https://github.com/filebrowser/filebrowser/issues/3698)) ([0201f9c](https://github.com/filebrowser/filebrowser/commit/0201f9c5c4dd2a4d5a3503e59cdb8045e8d3a91f)), closes [#3407](https://github.com/filebrowser/filebrowser/issues/3407)
-
-
-### Build
-
-* **deps:** bump cross-spawn from 7.0.3 to 7.0.6 in /tools ([#3601](https://github.com/filebrowser/filebrowser/issues/3601)) ([25372ed](https://github.com/filebrowser/filebrowser/commit/25372edb5c0e616e82b76b5f523633af57d347e0))
-* **deps:** bump github.com/golang-jwt/jwt/v4 from 4.5.0 to 4.5.1 ([#3574](https://github.com/filebrowser/filebrowser/issues/3574)) ([2fdea73](https://github.com/filebrowser/filebrowser/commit/2fdea73430011846276a1cda52458f1d670f5ea7))
-* **deps:** bump golang.org/x/crypto from 0.26.0 to 0.31.0 ([#3634](https://github.com/filebrowser/filebrowser/issues/3634)) ([e92dbb4](https://github.com/filebrowser/filebrowser/commit/e92dbb4bb8b7894264fbf0a48a641712c3b68766))
-* **deps:** bump golang.org/x/net from 0.23.0 to 0.33.0 ([#3712](https://github.com/filebrowser/filebrowser/issues/3712)) ([1194cfe](https://github.com/filebrowser/filebrowser/commit/1194cfe0097a70399c1f06cf0f514b9d70fa463c))
-* **deps:** bump vue-i18n from 9.10.2 to 9.14.2 in /frontend ([#3618](https://github.com/filebrowser/filebrowser/issues/3618)) ([0659594](https://github.com/filebrowser/filebrowser/commit/065959451d3ba12019c6151274aa4e6904cdca99))
-* fix go releaser ([ba797cd](https://github.com/filebrowser/filebrowser/commit/ba797cda3135eddb9b7165dc5ceb932399cb54df))
-* update to node 22 and pnpm ([#3616](https://github.com/filebrowser/filebrowser/issues/3616)) ([d51a343](https://github.com/filebrowser/filebrowser/commit/d51a3438201274a1b826be1b775ca1035ade20c5))
-
-### [2.31.2](https://github.com/filebrowser/filebrowser/compare/v2.31.1...v2.31.2) (2024-10-03)
-
-
-### Bug Fixes
-
-* added whitespace before version ([#3510](https://github.com/filebrowser/filebrowser/issues/3510)) ([2b37e69](https://github.com/filebrowser/filebrowser/commit/2b37e696c9bde4d0c453de236a3555d982346bbb))
-* change location of custom init scripts ([#3493](https://github.com/filebrowser/filebrowser/issues/3493)) ([406d4f7](https://github.com/filebrowser/filebrowser/commit/406d4f78845a1684df7c9c457b208f4dd9b2a930))
-* files list alignment ([#3494](https://github.com/filebrowser/filebrowser/issues/3494)) ([64400ff](https://github.com/filebrowser/filebrowser/commit/64400ffda8b09f66b8662a3c9400235139800a4d))
-* german translation spelling typos ([#3469](https://github.com/filebrowser/filebrowser/issues/3469)) ([1e7c415](https://github.com/filebrowser/filebrowser/commit/1e7c41505fb6a3b9baa1534787492a186e09bcfb))
-
-
-### Build
-
-* **deps-dev:** bump vite from 5.2.7 to 5.4.6 in /frontend ([#3496](https://github.com/filebrowser/filebrowser/issues/3496)) ([ec7b643](https://github.com/filebrowser/filebrowser/commit/ec7b643e8e9499f7ff226ec7f8e63a9df9890352))
-* **deps:** bump rollup from 4.21.3 to 4.22.4 in /frontend ([#3504](https://github.com/filebrowser/filebrowser/issues/3504)) ([03d74ee](https://github.com/filebrowser/filebrowser/commit/03d74ee7582196c09720f8d488056339f06c446c))
-
 ### [2.31.1](https://github.com/filebrowser/filebrowser/compare/v2.31.0...v2.31.1) (2024-08-30)
 
 
@@ -146,7 +99,7 @@ All notable changes to this project will be documented in this file. See [standa
 * close editor when click escape key ([#2947](https://github.com/filebrowser/filebrowser/issues/2947)) ([70c8261](https://github.com/filebrowser/filebrowser/commit/70c826133b8578b8712e6db8f762a15a076cd9a9))
 * enable preview in shared folder ([#3055](https://github.com/filebrowser/filebrowser/issues/3055)) ([4c233c3](https://github.com/filebrowser/filebrowser/commit/4c233c3db39ea5a00d6e602ec0ecbddecb590877))
 * focus editor when opened ([#2946](https://github.com/filebrowser/filebrowser/issues/2946)) ([b19710e](https://github.com/filebrowser/filebrowser/commit/b19710efca6daa7af56dc211d0051d500d2eea22))
-* freezing the list in the background while previewing a file ([#3004](https://github.com/filebrowser/filebrowser/issues/3004)) ([e167c3e](https://github.com/filebrowser/filebrowser/commit/e167c3e1efed8b16be45d994a8d443fda1d8cf49))
+* freezing the list in the backgroud while previewing a file ([#3004](https://github.com/filebrowser/filebrowser/issues/3004)) ([e167c3e](https://github.com/filebrowser/filebrowser/commit/e167c3e1efed8b16be45d994a8d443fda1d8cf49))
 * prompt to confirm discard editor changes ([#2948](https://github.com/filebrowser/filebrowser/issues/2948)) ([fb1a09c](https://github.com/filebrowser/filebrowser/commit/fb1a09c7c172b913c12b30975ca545e505df0c05))
 * select multiple files with ctrl even with singleClick option ([#2953](https://github.com/filebrowser/filebrowser/issues/2953)) ([d49c3df](https://github.com/filebrowser/filebrowser/commit/d49c3dfacfc0ff07e620b3ad2700e64927b06235))
 

Dockerfile.s6

@@ -2,18 +2,13 @@ FROM ghcr.io/linuxserver/baseimage-alpine:3.20
 
 RUN apk --update add ca-certificates \
                      mailcap \
-                     curl \
+                     curl
-                     jq
-
-COPY healthcheck.sh /healthcheck.sh
-RUN chmod +x /healthcheck.sh  # Make the script executable
 
 HEALTHCHECK --start-period=2s --interval=5s --timeout=3s \
-    CMD /healthcheck.sh || exit 1
+  CMD curl -f http://localhost/health || exit 1
 
 # copy local files
 COPY docker/root/ /
-RUN ln -s /config/settings.json /.filebrowser.json
 COPY filebrowser /usr/bin/filebrowser
 
 # ports and volumes

Dockerfile.s6.aarch64

@@ -2,18 +2,13 @@ FROM ghcr.io/linuxserver/baseimage-alpine:arm64v8-3.20
 
 RUN apk --update add ca-certificates \
                      mailcap \
-                     curl \
+                     curl
-                     jq
-
-COPY healthcheck.sh /healthcheck.sh
-RUN chmod +x /healthcheck.sh  # Make the script executable
 
 HEALTHCHECK --start-period=2s --interval=5s --timeout=3s \
-    CMD /healthcheck.sh || exit 1
+  CMD curl -f http://localhost/health || exit 1
 
 # copy local files
 COPY docker/root/ /
-RUN ln -s /config/settings.json /.filebrowser.json
 COPY filebrowser /usr/bin/filebrowser
 
 # ports and volumes

Makefile

@@ -10,7 +10,7 @@ build: | build-frontend build-backend ## Build binary
 
 .PHONY: build-frontend
 build-frontend: ## Build frontend
-	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run build
+	$Q cd frontend && npm ci && npm run build
 
 .PHONY: build-backend
 build-backend: ## Build backend
@@ -21,7 +21,6 @@ test: | test-frontend test-backend ## Run all tests
 
 .PHONY: test-frontend
 test-frontend: ## Run frontend tests
-	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run typecheck
 
 .PHONY: test-backend
 test-backend: ## Run backend tests
@@ -32,7 +31,7 @@ lint: lint-frontend lint-backend ## Run all linters
 
 .PHONY: lint-frontend
 lint-frontend: ## Run frontend linters
-	$Q cd frontend && pnpm install --frozen-lockfile && pnpm run lint
+	$Q cd frontend && npm ci && npm run lint
 
 .PHONY: lint-backend
 lint-backend: | $(golangci-lint) ## Run backend linters

auth/proxy.go

@@ -1,9 +1,9 @@
 package auth
 
 import (
-	"crypto/rand"
 	"errors"
 	"net/http"
+	"os"
 
 	fbErrors "github.com/filebrowser/filebrowser/v2/errors"
 	"github.com/filebrowser/filebrowser/v2/settings"
@@ -19,51 +19,16 @@ type ProxyAuth struct {
 }
 
 // Auth authenticates the user via an HTTP header.
-func (a ProxyAuth) Auth(r *http.Request, usr users.Store, setting *settings.Settings, srv *settings.Server) (*users.User, error) {
+func (a ProxyAuth) Auth(r *http.Request, usr users.Store, _ *settings.Settings, srv *settings.Server) (*users.User, error) {
 	username := r.Header.Get(a.Header)
 	user, err := usr.Get(srv.Root, username)
 	if errors.Is(err, fbErrors.ErrNotExist) {
-		return a.createUser(usr, setting, srv, username)
+		return nil, os.ErrPermission
 	}
+
 	return user, err
 }
 
-func (a ProxyAuth) createUser(usr users.Store, setting *settings.Settings, srv *settings.Server, username string) (*users.User, error) {
-	const passwordSize = 32
-	randomPasswordBytes := make([]byte, passwordSize)
-	_, err := rand.Read(randomPasswordBytes)
-	if err != nil {
-		return nil, err
-	}
-
-	var hashedRandomPassword string
-	hashedRandomPassword, err = users.HashPwd(string(randomPasswordBytes))
-	if err != nil {
-		return nil, err
-	}
-
-	user := &users.User{
-		Username:     username,
-		Password:     hashedRandomPassword,
-		LockPassword: true,
-	}
-	setting.Defaults.Apply(user)
-
-	var userHome string
-	userHome, err = setting.MakeUserDir(user.Username, user.Scope, srv.Root)
-	if err != nil {
-		return nil, err
-	}
-	user.Scope = userHome
-
-	err = usr.Save(user)
-	if err != nil {
-		return nil, err
-	}
-
-	return user, nil
-}
-
 // LoginPage tells that proxy auth doesn't require a login page.
 func (a ProxyAuth) LoginPage() bool {
 	return false

cmd/root.go

@@ -76,7 +76,7 @@ var rootCmd = &cobra.Command{
 	Use:   "filebrowser",
 	Short: "A stylish web-based file browser",
 	Long: `File Browser CLI lets you create the database to use with File Browser,
-manage your users and all the configurations without accessing the
+manage your users and all the configurations without acessing the
 web interface.
 
 If you've never run File Browser, you'll need to have a database for
@@ -108,7 +108,7 @@ name in caps. So to set "database" via an env variable, you should
 set FB_DATABASE.
 
 Also, if the database path doesn't exist, File Browser will enter into
-the quick setup mode and a new database will be bootstrapped and a new
+the quick setup mode and a new database will be bootstraped and a new
 user created with the credentials from options "username" and "password".`,
 	Run: python(func(cmd *cobra.Command, _ []string, d pythonData) {
 		log.Println(cfgFile)

cmd/utils.go

@@ -188,7 +188,7 @@ func cleanUpMapValue(v interface{}) interface{} {
 }
 
 // convertCmdStrToCmdArray checks if cmd string is blank (whitespace included)
-// then returns empty string array, else returns the split word array of cmd.
+// then returns empty string array, else returns the splitted word array of cmd.
 // This is to ensure the result will never be []string{""}
 func convertCmdStrToCmdArray(cmd string) []string {
 	var cmdArray []string

files/mime.go

@@ -28,7 +28,7 @@ const (
 	ContentTextHeaderValue = "text/plain"
 	// ContentXMLHeaderValue header value for XML data.
 	ContentXMLHeaderValue = "text/xml"
-	// ContentXMLUnreadableHeaderValue obsolete header value for XML.
+	// ContentXMLUnreadableHeaderValue obselete header value for XML.
 	ContentXMLUnreadableHeaderValue = "application/xml"
 	// ContentMarkdownHeaderValue custom key/content type, the real is the text/html.
 	ContentMarkdownHeaderValue = "text/markdown"

fileutils/file.go

@@ -98,7 +98,7 @@ func CommonPrefix(sep byte, paths ...string) string {
 	// (e.g. /home/user1, /home/user1/foo, /home/user1/bar).
 	// path.Clean will have cleaned off trailing / separators with
 	// the exception of the root directory, "/" (in which case we
-	// make it "//", but this will get fixed up to "/" below).
+	// make it "//", but this will get fixed up to "/" bellow).
 	c = append(c, sep)
 
 	// Ignore the first path since it's already in c

frontend/.eslintrc.json

@@ -0,0 +1,27 @@
+{
+  "root": true,
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript",
+    "@vue/eslint-config-prettier"
+  ],
+  "rules": {
+    "vue/multi-word-component-names": "off",
+    "vue/no-mutating-props": [
+      "error",
+      {
+        "shallowOnly": true
+      }
+    ]
+    // no-undef is already included in
+    // @vue/eslint-config-typescript
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  }
+}

frontend/.prettierignore

@@ -1,3 +1,2 @@
 # Ignore artifacts:
 dist
-pnpm-lock.yaml

frontend/eslint.config.js

@@ -1,38 +0,0 @@
-import pluginVue from "eslint-plugin-vue";
-import vueTsEslintConfig from "@vue/eslint-config-typescript";
-import prettierConfig from "@vue/eslint-config-prettier";
-
-export default [
-  {
-    name: "app/files-to-lint",
-    files: ["**/*.{ts,mts,tsx,vue}"],
-  },
-
-  {
-    name: "app/files-to-ignore",
-    ignores: ["**/dist/**", "**/dist-ssr/**", "**/coverage/**"],
-  },
-
-  ...pluginVue.configs["flat/essential"],
-  ...vueTsEslintConfig(),
-  prettierConfig,
-
-  {
-    rules: {
-      // Note: you must disable the base rule as it can report incorrect errors
-      "no-unused-expressions": "off",
-      "@typescript-eslint/no-unused-expressions": "off",
-      // TODO: theres too many of these from before ts
-      "@typescript-eslint/no-explicit-any": "off",
-      // TODO: finish the ts conversion
-      "vue/block-lang": "off",
-      "vue/multi-word-component-names": "off",
-      "vue/no-mutating-props": [
-        "error",
-        {
-          shallowOnly: true,
-        },
-      ],
-    },
-  },
-];

frontend/jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

frontend/package.json

@@ -4,74 +4,70 @@
   "private": true,
   "type": "module",
   "engines": {
-    "node": ">=22.0.0",
+    "npm": ">=7.0.0",
-    "pnpm": ">=9.0.0"
+    "node": ">=18.0.0"
   },
   "scripts": {
     "dev": "vite dev",
-    "build": "pnpm run typecheck && vite build",
+    "build": "npm run typecheck && vite build",
     "clean": "find ./dist -maxdepth 1 -mindepth 1 ! -name '.gitkeep' -exec rm -r {} +",
-    "typecheck": "vue-tsc -p ./tsconfig.tsc.json --noEmit",
+    "typecheck": "vue-tsc -p ./tsconfig.json --noEmit",
-    "lint": "eslint src/",
+    "lint": "npm run typecheck && eslint --ext .vue,.ts src/",
-    "lint:fix": "eslint --fix src/",
+    "lint:fix": "eslint --ext .vue,.ts --fix src/",
     "format": "prettier --write .",
     "test": "playwright test"
   },
   "dependencies": {
     "@chenfengyuan/vue-number-input": "^2.0.1",
-    "@vueuse/core": "^12.5.0",
+    "@vueuse/core": "^10.9.0",
-    "@vueuse/integrations": "^12.5.0",
+    "@vueuse/integrations": "^10.9.0",
-    "ace-builds": "^1.37.5",
+    "ace-builds": "^1.32.9",
-    "core-js": "^3.40.0",
+    "core-js": "^3.36.1",
     "dayjs": "^1.11.10",
-    "epubjs": "^0.3.93",
     "filesize": "^10.1.1",
     "js-base64": "^3.7.7",
     "jwt-decode": "^4.0.0",
     "lodash-es": "^4.17.21",
-    "marked": "^15.0.6",
+    "material-icons": "^1.13.12",
-    "material-icons": "^1.13.13",
+    "marked": "^14.1.0",
     "normalize.css": "^8.0.1",
-    "pinia": "^2.3.1",
+    "pinia": "^2.1.7",
     "pretty-bytes": "^6.1.1",
     "qrcode.vue": "^3.4.1",
-    "tus-js-client": "^4.3.1",
+    "tus-js-client": "^4.1.0",
     "utif": "^3.1.0",
-    "video.js": "^8.21.0",
+    "video.js": "^8.10.0",
     "videojs-hotkeys": "^0.2.28",
     "videojs-mobile-ui": "^1.1.1",
     "vue": "^3.4.21",
     "vue-final-modal": "^4.5.4",
-    "vue-i18n": "^11.1.2",
+    "vue-i18n": "^9.10.2",
     "vue-lazyload": "^3.0.0",
-    "vue-reader": "^1.2.17",
+    "vue-reader": "^1.2.14",
     "vue-router": "^4.3.0",
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@intlify/unplugin-vue-i18n": "^6.0.3",
+    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@playwright/test": "^1.50.0",
+    "@playwright/test": "^1.42.1",
-    "@tsconfig/node22": "^22.0.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.10.10",
+    "@types/node": "^20.12.2",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vitejs/plugin-legacy": "^5.3.2",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^14.3.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.19",
-    "concurrently": "^9.1.2",
+    "concurrently": "^8.2.2",
-    "eslint": "^9.19.0",
+    "eslint": "^8.57.0",
-    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-vue": "^9.24.0",
-    "jsdom": "^26.0.0",
+    "jsdom": "^24.0.0",
-    "postcss": "^8.5.1",
+    "postcss": "^8.4.38",
-    "prettier": "^3.4.2",
+    "prettier": "^3.2.5",
-    "terser": "^5.37.0",
+    "terser": "^5.30.0",
-    "vite": "^6.0.11",
+    "vite": "^5.2.7",
     "vite-plugin-compression2": "^1.0.0",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.0.7"
-  },
+  }
-  "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
 }

frontend/src/api/files.ts

@@ -1,8 +1,7 @@
-import { useAuthStore } from "@/stores/auth";
-import { useLayoutStore } from "@/stores/layout";
-import { baseURL } from "@/utils/constants";
-import { upload as postTus, useTus } from "./tus";
 import { createURL, fetchURL, removePrefix } from "./utils";
+import { baseURL } from "@/utils/constants";
+import { useAuthStore } from "@/stores/auth";
+import { upload as postTus, useTus } from "./tus";
 
 export async function fetch(url: string) {
   url = removePrefix(url);
@@ -157,7 +156,6 @@ function moveCopy(
   overwrite = false,
   rename = false
 ) {
-  const layoutStore = useLayoutStore();
   const promises = [];
 
   for (const item of items) {
@@ -168,7 +166,7 @@ function moveCopy(
     }&destination=${to}&override=${overwrite}&rename=${rename}`;
     promises.push(resourceAction(url, "PATCH"));
   }
-  layoutStore.closeHovers();
+
   return Promise.all(promises);
 }
 

frontend/src/api/users.ts

@@ -25,7 +25,7 @@ export async function create(user: IUser) {
   throw new StatusError(await res.text(), res.status);
 }
 
-export async function update(user: Partial<IUser>, which = ["all"]) {
+export async function update(user: IUser, which = ["all"]) {
   await fetchURL(`/api/users/${user.id}`, {
     method: "PUT",
     body: JSON.stringify({

frontend/src/components/Breadcrumbs.vue

@@ -34,7 +34,7 @@ const props = defineProps<{
 
 const items = computed(() => {
   const relativePath = route.path.replace(props.base, "");
-  const parts = relativePath.split("/");
+  let parts = relativePath.split("/");
 
   if (parts[0] === "") {
     parts.shift();
@@ -44,7 +44,7 @@ const items = computed(() => {
     parts.pop();
   }
 
-  const breadcrumbs: BreadCrumb[] = [];
+  let breadcrumbs: BreadCrumb[] = [];
 
   for (let i = 0; i < parts.length; i++) {
     if (i === 0) {

frontend/src/components/ProgressBar.vue

@@ -46,7 +46,7 @@ https://raw.githubusercontent.com/dzwillia/vue-simple-progress/master/src/compon
 
 <script>
 // We're leaving this untouched as you can read in the beginning
-const isNumber = function (n) {
+var isNumber = function (n) {
   return !isNaN(parseFloat(n)) && isFinite(n);
 };
 
@@ -107,7 +107,7 @@ export default {
   },
   computed: {
     pct() {
-      let pct = (this.val / this.max) * 100;
+      var pct = (this.val / this.max) * 100;
       pct = pct.toFixed(2);
       return Math.min(pct, this.max);
     },
@@ -160,7 +160,7 @@ export default {
       return isNumber(this.fontSize) ? this.fontSize : 13;
     },
     progress_style() {
-      const style = {
+      var style = {
         background: this.bgColor,
       };
 
@@ -177,7 +177,7 @@ export default {
       return style;
     },
     bar_style() {
-      const style = {
+      var style = {
         background: this.barColor,
         width: this.pct + "%",
         height: this.size_px + "px",
@@ -198,7 +198,7 @@ export default {
       return style;
     },
     text_style() {
-      const style = {
+      var style = {
         color: this.textFgColor,
         "font-size": this.text_font_size + "px",
         "text-align": this.textAlign,

frontend/src/components/Shell.vue

@@ -50,7 +50,7 @@ import { useFileStore } from "@/stores/file";
 import { useLayoutStore } from "@/stores/layout";
 
 import { commands } from "@/api";
-import { throttle } from "lodash-es";
+import { throttle } from "lodash";
 import { theme } from "@/utils/constants";
 
 export default {
@@ -163,7 +163,7 @@ export default {
       this.canInput = false;
       event.target.innerHTML = "";
 
-      const results = {
+      let results = {
         text: `${cmd}\n\n`,
       };
 
@@ -180,7 +180,7 @@ export default {
         },
         () => {
           results.text = results.text
-
+            // eslint-disable-next-line no-control-regex
             .replace(/\u001b\[[0-9;]+m/g, "") // Filter ANSI color for now
             .trimEnd();
           this.canInput = true;

frontend/src/components/Sidebar.vue

@@ -101,7 +101,7 @@
           href="https://github.com/filebrowser/filebrowser"
           >File Browser</a
         >
-        <span> {{ " " }} {{ version }}</span>
+        <span> {{ version }}</span>
       </span>
       <span>
         <a @click="help">{{ $t("sidebar.help") }}</a>
@@ -158,7 +158,7 @@ export default {
   methods: {
     ...mapActions(useLayoutStore, ["closeHovers", "showHover"]),
     async fetchUsage() {
-      const path = this.$route.path.endsWith("/")
+      let path = this.$route.path.endsWith("/")
         ? this.$route.path
         : this.$route.path + "/";
       let usageStats = USAGE_DEFAULT;
@@ -166,7 +166,7 @@ export default {
         return Object.assign(this.usage, usageStats);
       }
       try {
-        const usage = await api.usage(path);
+        let usage = await api.usage(path);
         usageStats = {
           used: prettyBytes(usage.used, { binary: true }),
           total: prettyBytes(usage.total, { binary: true }),
@@ -191,13 +191,8 @@ export default {
     logout: auth.logout,
   },
   watch: {
-    $route: {
+    isFiles(newValue) {
-      handler(to) {
+      newValue && this.fetchUsage();
-        if (to.path.includes("/files")) {
-          this.fetchUsage();
-        }
-      },
-      immediate: true,
     },
   },
 };

frontend/src/components/files/ExtendedImage.vue

@@ -14,15 +14,15 @@
   </div>
 </template>
 <script setup lang="ts">
-import { throttle } from "lodash-es";
+import throttle from "lodash/throttle";
 import UTIF from "utif";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 
 interface IProps {
   src: string;
-  moveDisabledTime?: number;
+  moveDisabledTime: number;
-  classList?: any[];
+  classList: any[];
-  zoomStep?: number;
+  zoomStep: number;
 }
 
 const props = withDefaults(defineProps<IProps>(), {
@@ -102,11 +102,10 @@ const decodeUTIF = () => {
   if (document?.location?.pathname === undefined) {
     return;
   }
-  const suff =
+  let suff = document.location.pathname.split(".")?.pop()?.toLowerCase() ?? "";
-    document.location.pathname.split(".")?.pop()?.toLowerCase() ?? "";
 
   if (sufs.indexOf(suff) == -1) return false;
-  const xhr = new XMLHttpRequest();
+  let xhr = new XMLHttpRequest();
   UTIF._xhrs.push(xhr);
   UTIF._imgs.push(imgex.value);
   xhr.open("GET", props.src);
@@ -231,7 +230,7 @@ const touchMove = (event: TouchEvent) => {
   if (imgex.value === null) {
     return;
   }
-  const step = imgex.value.width / 5;
+  let step = imgex.value.width / 5;
   if (event.targetTouches.length === 2) {
     moveDisabled.value = true;
     if (disabledTimer.value) clearTimeout(disabledTimer.value);
@@ -240,9 +239,9 @@ const touchMove = (event: TouchEvent) => {
       props.moveDisabledTime
     );
 
-    const p1 = event.targetTouches[0];
+    let p1 = event.targetTouches[0];
-    const p2 = event.targetTouches[1];
+    let p2 = event.targetTouches[1];
-    const touchDistance = Math.sqrt(
+    let touchDistance = Math.sqrt(
       Math.pow(p2.pageX - p1.pageX, 2) + Math.pow(p2.pageY - p1.pageY, 2)
     );
     if (!lastTouchDistance.value) {
@@ -254,8 +253,8 @@ const touchMove = (event: TouchEvent) => {
     setZoom();
   } else if (event.targetTouches.length === 1) {
     if (moveDisabled.value) return;
-    const x = event.targetTouches[0].pageX - (lastX.value ?? 0);
+    let x = event.targetTouches[0].pageX - (lastX.value ?? 0);
-    const y = event.targetTouches[0].pageY - (lastY.value ?? 0);
+    let y = event.targetTouches[0].pageY - (lastY.value ?? 0);
     if (Math.abs(x) >= step && Math.abs(y) >= step) return;
     lastX.value = event.targetTouches[0].pageX;
     lastY.value = event.targetTouches[0].pageY;
@@ -269,8 +268,8 @@ const doMove = (x: number, y: number) => {
   }
   const style = imgex.value.style;
 
-  const posX = pxStringToNumber(style.left) + x;
+  let posX = pxStringToNumber(style.left) + x;
-  const posY = pxStringToNumber(style.top) + y;
+  let posY = pxStringToNumber(style.top) + y;
 
   style.left = posX + "px";
   style.top = posY + "px";

frontend/src/components/files/ListingItem.vue

@@ -82,7 +82,7 @@ const isDraggable = computed(
 const canDrop = computed(() => {
   if (!props.isDir || props.readOnly) return false;
 
-  for (const i of fileStore.selected) {
+  for (let i of fileStore.selected) {
     if (fileStore.req?.items[i].url === props.url) {
       return false;
     }
@@ -156,9 +156,9 @@ const drop = async (event: Event) => {
     }
   }
 
-  const items: any[] = [];
+  let items: any[] = [];
 
-  for (const i of fileStore.selected) {
+  for (let i of fileStore.selected) {
     if (fileStore.req) {
       items.push({
         from: fileStore.req?.items[i].url,
@@ -172,10 +172,10 @@ const drop = async (event: Event) => {
   if (el === null) {
     return;
   }
-  const path = el.__vue__.url;
+  let path = el.__vue__.url;
-  const baseItems = (await api.fetch(path)).items;
+  let baseItems = (await api.fetch(path)).items;
 
-  const action = (overwrite: boolean, rename: boolean) => {
+  let action = (overwrite: boolean, rename: boolean) => {
     api
       .move(items, overwrite, rename)
       .then(() => {
@@ -184,7 +184,7 @@ const drop = async (event: Event) => {
       .catch($showError);
   };
 
-  const conflict = upload.checkConflict(items, baseItems);
+  let conflict = upload.checkConflict(items, baseItems);
 
   let overwrite = false;
   let rename = false;

frontend/src/components/files/VideoPlayer.vue

@@ -73,16 +73,11 @@ const initVideoPlayer = async () => {
     const langOpt = { language: "videoPlayerLocal" };
     // support for playback at different speeds.
     const playbackRatesOpt = { playbackRates: [0.5, 1, 1.5, 2, 2.5, 3] };
-    const options = getOptions(
+    let options = getOptions(props.options, langOpt, srcOpt, playbackRatesOpt);
-      props.options,
-      langOpt,
-      srcOpt,
-      playbackRatesOpt
-    );
     player.value = videojs(videoPlayer.value!, options, () => {});
 
     // TODO: need to test on mobile
-    // @ts-expect-error no ts definition for mobileUi
+    // @ts-ignore
     player.value!.mobileUi();
   } catch (error) {
     console.error("Error initializing video player:", error);
@@ -125,7 +120,7 @@ const subLabel = (subUrl: string) => {
   let url: URL;
   try {
     url = new URL(subUrl);
-  } catch {
+  } catch (_) {
     // treat it as a relative url
     // we only need this for filename
     url = new URL(subUrl, window.location.origin);

frontend/src/components/prompts/Copy.vue

@@ -82,10 +82,10 @@ export default {
     ...mapActions(useLayoutStore, ["showHover", "closeHovers"]),
     copy: async function (event) {
       event.preventDefault();
-      const items = [];
+      let items = [];
 
       // Create a new promise for each file.
-      for (const item of this.selected) {
+      for (let item of this.selected) {
         items.push({
           from: this.req.items[item].url,
           to: this.dest + encodeURIComponent(this.req.items[item].name),
@@ -93,7 +93,7 @@ export default {
         });
       }
 
-      const action = async (overwrite, rename) => {
+      let action = async (overwrite, rename) => {
         buttons.loading("copy");
 
         await api
@@ -122,8 +122,8 @@ export default {
         return;
       }
 
-      const dstItems = (await api.fetch(this.dest)).items;
+      let dstItems = (await api.fetch(this.dest)).items;
-      const conflict = upload.checkConflict(items, dstItems);
+      let conflict = upload.checkConflict(items, dstItems);
 
       let overwrite = false;
       let rename = false;

frontend/src/components/prompts/Delete.vue

@@ -74,8 +74,8 @@ export default {
           return;
         }
 
-        const promises = [];
+        let promises = [];
-        for (const index of this.selected) {
+        for (let index of this.selected) {
           promises.push(api.remove(this.req.items[index].url));
         }
 

frontend/src/components/prompts/DiscardEditorChanges.vue

@@ -43,7 +43,7 @@ export default {
     submit: async function () {
       this.updateRequest(null);
 
-      const uri = url.removeLastDir(this.$route.path) + "/";
+      let uri = url.removeLastDir(this.$route.path) + "/";
       this.$router.push({ path: uri });
     },
   },

frontend/src/components/prompts/FileList.vue

@@ -80,7 +80,7 @@ export default {
 
       // Otherwise we add every directory to the
       // move options.
-      for (const item of req.items) {
+      for (let item of req.items) {
         if (!item.isDir) continue;
 
         this.items.push({
@@ -93,12 +93,12 @@ export default {
       // Retrieves the URL of the directory the user
       // just clicked in and fill the options with its
       // content.
-      const uri = event.currentTarget.dataset.url;
+      let uri = event.currentTarget.dataset.url;
 
       files.fetch(uri).then(this.fillOptions).catch(this.$showError);
     },
     touchstart(event) {
-      const url = event.currentTarget.dataset.url;
+      let url = event.currentTarget.dataset.url;
 
       // In 300 milliseconds, we shall reset the count.
       setTimeout(() => {

frontend/src/components/prompts/Info.vue

@@ -124,7 +124,7 @@ export default {
 
       let sum = 0;
 
-      for (const selected of this.selected) {
+      for (let selected of this.selected) {
         sum += this.req.items[selected].size;
       }
 

frontend/src/components/prompts/Move.vue

@@ -81,9 +81,9 @@ export default {
     ...mapActions(useLayoutStore, ["showHover", "closeHovers"]),
     move: async function (event) {
       event.preventDefault();
-      const items = [];
+      let items = [];
 
-      for (const item of this.selected) {
+      for (let item of this.selected) {
         items.push({
           from: this.req.items[item].url,
           to: this.dest + encodeURIComponent(this.req.items[item].name),
@@ -91,7 +91,7 @@ export default {
         });
       }
 
-      const action = async (overwrite, rename) => {
+      let action = async (overwrite, rename) => {
         buttons.loading("move");
 
         await api
@@ -106,8 +106,8 @@ export default {
           });
       };
 
-      const dstItems = (await api.fetch(this.dest)).items;
+      let dstItems = (await api.fetch(this.dest)).items;
-      const conflict = upload.checkConflict(items, dstItems);
+      let conflict = upload.checkConflict(items, dstItems);
 
       let overwrite = false;
       let rename = false;

frontend/src/components/prompts/Prompts.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { watch } from "vue";
+import { ref, watch } from "vue";
 import { ModalsContainer, useModal } from "vue-final-modal";
 import { storeToRefs } from "pinia";
 import { useLayoutStore } from "@/stores/layout";
@@ -30,6 +30,8 @@ const layoutStore = useLayoutStore();
 
 const { currentPromptName } = storeToRefs(layoutStore);
 
+const closeModal = ref<() => Promise<string>>();
+
 const components = new Map<string, any>([
   ["info", Info],
   ["help", Help],
@@ -50,6 +52,11 @@ const components = new Map<string, any>([
 ]);
 
 watch(currentPromptName, (newValue) => {
+  if (closeModal.value) {
+    closeModal.value();
+    closeModal.value = undefined;
+  }
+
   const modal = components.get(newValue!);
   if (!modal) return;
 
@@ -60,7 +67,7 @@ watch(currentPromptName, (newValue) => {
     },
   });
 
-  layoutStore.setCloseOnPrompt(close, newValue!);
+  closeModal.value = close;
   open();
 });
 

frontend/src/components/prompts/Share.vue

@@ -196,23 +196,13 @@ export default {
   methods: {
     ...mapActions(useLayoutStore, ["closeHovers"]),
     copyToClipboard: function (text) {
-      copy({ text }).then(
+      copy(text).then(
         () => {
           // clipboard successfully set
           this.$showSuccess(this.$t("success.linkCopied"));
         },
         () => {
           // clipboard write failed
-          copy({ text }, { permission: true }).then(
-            () => {
-              // clipboard successfully set
-              this.$showSuccess(this.$t("success.linkCopied"));
-            },
-            (e) => {
-              // clipboard write failed
-              this.$showError(e);
-            }
-          );
         }
       );
     },

frontend/src/components/prompts/Upload.vue

@@ -48,10 +48,12 @@ const layoutStore = useLayoutStore();
 
 // TODO: this is a copy of the same function in FileListing.vue
 const uploadInput = (event: Event) => {
-  const files = (event.currentTarget as HTMLInputElement)?.files;
+  layoutStore.closeHovers();
+
+  let files = (event.currentTarget as HTMLInputElement)?.files;
   if (files === null) return;
 
-  const folder_upload = !!files[0].webkitRelativePath;
+  let folder_upload = !!files[0].webkitRelativePath;
 
   const uploadFiles: UploadList = [];
   for (let i = 0; i < files.length; i++) {
@@ -66,8 +68,8 @@ const uploadInput = (event: Event) => {
     });
   }
 
-  const path = route.path.endsWith("/") ? route.path : route.path + "/";
+  let path = route.path.endsWith("/") ? route.path : route.path + "/";
-  const conflict = upload.checkConflict(uploadFiles, fileStore.req!.items);
+  let conflict = upload.checkConflict(uploadFiles, fileStore.req!.items);
 
   if (conflict) {
     layoutStore.showHover({

frontend/src/components/settings/Languages.vue

@@ -13,7 +13,7 @@ export default {
   name: "languages",
   props: ["locale"],
   data() {
-    const dataObj = {};
+    let dataObj = {};
     const locales = {
       he: "עברית",
       hu: "Magyar",

frontend/src/components/settings/Rules.vue

@@ -39,7 +39,7 @@ export default {
   methods: {
     remove(event, index) {
       event.preventDefault();
-      const rules = [...this.rules];
+      let rules = [...this.rules];
       rules.splice(index, 1);
       this.$emit("update:rules", [...rules]);
     },

frontend/src/components/settings/Themes.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import type { SelectHTMLAttributes } from "vue";
+import { SelectHTMLAttributes } from "vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
@@ -17,6 +17,7 @@ defineProps<{
 }>();
 
 const emit = defineEmits<{
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   (e: "update:theme", val: string | null): void;
 }>();
 

frontend/src/components/settings/UserForm.vue

@@ -116,7 +116,7 @@ watch(createUserDirData, () => {
   if (props.user?.scope) {
     props.user.scope = createUserDirData.value
       ? ""
-      : (originalUserScope.value ?? "");
+      : originalUserScope.value ?? "";
   }
 });
 </script>

frontend/src/css/fonts.css

@@ -63,8 +63,8 @@
     local("Roboto"),
     local("Roboto-Regular"),
     url(../assets/fonts/roboto/normal-latin-ext.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F,
-    U+2C60-2C7F, U+A720-A7FF;
+    U+A720-A7FF;
 }
 
 @font-face {
@@ -142,8 +142,8 @@
     local("Roboto Medium"),
     local("Roboto-Medium"),
     url(../assets/fonts/roboto/medium-latin-ext.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F,
-    U+2C60-2C7F, U+A720-A7FF;
+    U+A720-A7FF;
 }
 
 @font-face {
@@ -221,8 +221,8 @@
     local("Roboto Bold"),
     local("Roboto-Bold"),
     url(../assets/fonts/roboto/bold-latin-ext.woff2) format("woff2");
-  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F,
-    U+2C60-2C7F, U+A720-A7FF;
+    U+A720-A7FF;
 }
 
 @font-face {

frontend/src/css/listing.css

@@ -195,10 +195,6 @@ html[dir="rtl"] #listing {
   align-items: center;
 }
 
-#listing.list .item p.name:not(#listing.list .item.header .name) {
-  margin-right: -3em;
-}
-
 #listing.list .item .name {
   width: 50%;
 }
@@ -231,6 +227,10 @@ html[dir="rtl"] #listing {
   width: 0;
 }
 
+#listing.list .item.header .name {
+  margin-right: 3em;
+}
+
 #listing.list .header a {
   color: inherit;
 }
@@ -246,6 +246,10 @@ html[dir="rtl"] #listing {
   white-space: pre-wrap;
 }
 
+#listing.list .item.header .name {
+  margin-right: 3em;
+}
+
 #listing.list .header span {
   vertical-align: middle;
 }

frontend/src/i18n/de.json

@@ -46,7 +46,7 @@
   },
   "errors": {
     "forbidden": "Sie haben keine Berechtigung dies abzurufen.",
-    "internal": "Etwas ist schiefgelaufen.",
+    "internal": "Etwas ist schief gelaufen.",
     "notFound": "Dieser Ort kann nicht angezeigt werden.",
     "connection": "Der Server ist nicht erreichbar."
   },
@@ -73,7 +73,7 @@
     "ctrl": {
       "click": "Markiere mehrere Dateien oder Ordner",
       "f": "Öffnet eine neue Suche",
-      "s": "Speichert eine Datei oder einen Ordner am aktuellen Ort"
+      "s": "Speichert eine Datei oder einen Ordner am akutellen Ort"
     },
     "del": "Löscht die ausgewählten Elemente",
     "doubleClick": "Öffnet eine Datei oder einen Ordner",
@@ -106,7 +106,7 @@
     "displayName": "Anzeigename:",
     "download": "Lade Dateien",
     "downloadMessage": "Wählen Sie ein Format zum Herunterladen aus.",
-    "error": "Etwas ist schiefgelaufen",
+    "error": "Etwas ist schief gelaufen",
     "fileInfo": "Dateiinformation",
     "filesSelected": "{count} Dateien ausgewählt.",
     "lastModified": "Zuletzt geändert",
@@ -150,13 +150,13 @@
     "allowNew": "Erstellen neuer Dateien und Ordner",
     "allowPublish": "Veröffentlichen von neuen Beiträgen und Seiten",
     "allowSignup": "Erlaube Benutzern sich zu registrieren",
-    "avoidChanges": "(leer lassen, um Änderungen zu vermeiden)",
+    "avoidChanges": "(leer lassen um Änderungen zu vermeiden)",
     "branding": "Design",
     "brandingDirectoryPath": "Designverzeichnispfad",
-    "brandingHelp": "Sie können das Erscheinungsbild Ihres File Browser anpassen, in dem Sie den Namen ändern, das Logo austauschen oder eigene Stile definieren und sogar externe Links zu GitHub deaktivieren.\nUm mehr Informationen zum Anpassen des Designs zu bekommen, gehen Sie bitte zu {0}.",
+    "brandingHelp": "Sie können das Erscheinungsbild Ihres File Browser anpassen, in dem Sie den Namen ändern, das Logo austauchsen oder eigene Stile definieren und sogar externe Links zu GitHub deaktivieren.\nUm mehr Informationen zum Anpassen des Designs zu bekommen, gehen Sie bitte zu {0}.",
     "changePassword": "Passwort ändern",
     "commandRunner": "Befehlseingabe",
-    "commandRunnerHelp": "Hier könne Sie Befehle eintragen, welche bei den benannten Aktionen ausgeführt werden. Sie müssen pro Zeile jeweils einen Befehl eingeben. Die Umgebungsvariable {0} und {1} sind verfügbar, wobei {0} relative zu {1} ist. Für mehr Informationen über diese Funktion und die verfügbaren Umgebungsvariablen lesen Sie bitte die {2}.",
+    "commandRunnerHelp": "Hier könne Sie Befehle eintragen, welche bei den benannten Aktionen ausgeführt werden. Sie müssen pro Zeile jeweils einen Befehl eingeben. Die Umgebungsvariable {0} und {1} sind verfügbar, wobei {0} relative zu {1} ist. Für mehr Informationen über diese Funktion und die verfügbaren Umgebungsvariablen, lesen Sie bitte die {2}.",
     "commandsUpdated": "Befehle aktualisiert!",
     "createUserDir": "Automatisches Erstellen des Home-Verzeichnisses beim Anlegen neuer Benutzer",
     "tusUploads": "Gestückelter Upload",
@@ -170,7 +170,7 @@
     "documentation": "Dokumentation",
     "examples": "Beispiele",
     "executeOnShell": "In Shell ausführen",
-    "executeOnShellDescription": "Es ist voreingestellt, dass der File Brower Befehle ausführt, indem er die Befehlsdateien direkt aufruft. Wenn Sie wollen, dass sie über einer Kommandozeile (wie Bash oder PowerShell) laufen, könne Sie diese hier definieren mit allen benötigten Argumenten und Optionen. Wenn gesetzt, wird das Kommando das ausgeführt werden soll als Parameter angehängt. Das gilt für Benutzerkommandos sowie auch für Ereignisse.",
+    "executeOnShellDescription": "Es ist voreingestellt das der File Brower Befehle ausführt in dem er die Befehlsdateien direkt aufruft. Wenn Sie wollen, dass sie über einer Kommandozeile (wie Bash oder PowerShell) laufen, könne Sie diese hier definieren mit allen bennötigten Argumenten und Optionen. Wenn gesetzt, wird das Kommando das ausgeführt werden soll als Parameter angehängt. Das gilt für Benuzerkommandos sowie auch für Ereignisse.",
     "globalRules": "Das ist ein globales Set von Regeln die erlauben oder nicht erlauben. Die sind für alle Benutzer zutreffend. Es können spezielle Regeln in den Einstellungen der Benutzer definiert werden, die diese überschreiben.",
     "globalSettings": "Globale Einstellungen",
     "hideDotfiles": "Versteckte Dateien ausblenden",
@@ -195,7 +195,7 @@
       "share": "Datei teilen"
     },
     "permissions": "Berechtigungen",
-    "permissionsHelp": "Sie können einem Benutzer Administratorrechte einräumen oder die Berechtigungen individuell festlegen.  Wenn Sie \"Administrator\" auswählen, werden alle anderen Rechte automatisch vergeben. Die Nutzerverwaltung kann nur durch einen Administrator erfolgen.\n",
+    "permissionsHelp": "Sie können einem Benutzer Administratorrechte einräumen oder die Berechtigunen individuell festlegen.  Wenn Sie \"Administrator\" auswählen, werden alle anderen Rechte automatisch vergeben. Die Nutzerverwaltung kann nur durch einen Administrator erfolgen.\n",
     "profileSettings": "Profileinstellungen",
     "ruleExample1": "Verhindert den Zugang zu versteckten Dateien (dot-Files, wie .git, .gitignore) in allen Ordnern\n",
     "ruleExample2": "blockiert den Zugang auf Dateien mit dem Namen Caddyfile in der Wurzel/Basis des Scopes.",

frontend/src/i18n/es.json

@@ -173,7 +173,7 @@
     "executeOnShellDescription": "Por defecto, FileBrowser ejecuta los comandos llamando directamente a sus binarios. Si quieres ejecutarlos en un shell en su lugar (como Bash o PowerShell), puedes definirlo aquí con los argumentos y banderas (flags) necesarios. Si se define, el comando que se ejecuta se añadirá como argumento. Esto se aplica tanto a los comandos de usuario como a los ganchos de eventos.",
     "globalRules": "Se trata de un conjunto global de reglas de permiso y rechazo. Se aplican a todos los usuarios. Puedes definir reglas específicas en la configuración de cada usuario para anular estas.",
     "globalSettings": "Ajustes globales",
-    "hideDotfiles": "Ocultar archivos empezados por punto",
+    "hideDotfiles": "",
     "insertPath": "Introduce la ruta",
     "insertRegex": "Introducir expresión regular",
     "instanceName": "Nombre de la instancia",

frontend/src/i18n/index.ts

@@ -142,7 +142,7 @@ export const i18n = createI18n({
 
 export const isRtl = (locale?: string) => {
   // see below
-  // @ts-expect-error incorrect type when legacy
+  // @ts-ignore
   return rtlLanguages.includes(locale || i18n.global.locale.value);
 };
 
@@ -150,7 +150,7 @@ export function setLocale(locale: string) {
   dayjs.locale(locale);
   // according to doc u only need .value if legacy: false but they lied
   // https://vue-i18n.intlify.dev/guide/essentials/scope.html#local-scope-1
-  // @ts-expect-error incorrect type when legacy
+  //@ts-ignore
   i18n.global.locale.value = locale;
 }
 

frontend/src/i18n/ko.json

@@ -9,7 +9,7 @@
     "create": "생성",
     "delete": "삭제",
     "download": "다운로드",
-    "hideDotfiles": "숨김파일(dotfile)을 표시 안함",
+    "hideDotfiles": "",
     "info": "정보",
     "more": "더보기",
     "move": "이동",
@@ -38,7 +38,7 @@
   "download": {
     "downloadFile": "파일 다운로드",
     "downloadFolder": "폴더 다운로드",
-    "downloadSelected": "선택 항목 다운로드"
+    "downloadSelected": ""
   },
   "errors": {
     "forbidden": "접근 권한이 없습니다.",
@@ -120,8 +120,8 @@
     "scheduleMessage": "이 글을 공개할 시간을 알려주세요.",
     "show": "보기",
     "size": "크기",
-    "upload": "업로드",
+    "upload": "",
-    "uploadMessage": "업로드 옵션을 선택하세요."
+    "uploadMessage": ""
   },
   "search": {
     "images": "이미지",
@@ -160,7 +160,7 @@
     "executeOnShellDescription": "기본적으로 File Browser 는 바이너리를 명령어로 호출하여 실행합니다. 쉘을 통해 실행하기를 원한다면, Bash 또는 PowerShell 에 필요한 인수와 플래그를 설정하세요. 사용자 명령어와 이벤트 훅에 모두 적용됩니다.",
     "globalRules": "규칙에 대한 전역설정으로 모든 사용자에게 적용됩니다. 지정된 규칙은 사용자 설정을 덮어쓰기 합니다.",
     "globalSettings": "전역 설정",
-    "hideDotfiles": "숨김파일(dotfile)을 표시하지 않습니다.",
+    "hideDotfiles": "",
     "insertPath": "경로 입력",
     "insertRegex": "정규식 입력",
     "instanceName": "인스턴스 이름",
@@ -171,7 +171,7 @@
     "newUser": "새로운 사용자",
     "password": "비밀번호",
     "passwordUpdated": "비밀번호 수정 완료!",
-    "path": "경로",
+    "path": "",
     "perm": {
       "create": "파일이나 디렉토리 생성하기",
       "delete": "화일이나 디렉토리 삭제하기",
@@ -190,13 +190,13 @@
     "rulesHelp": "사용자별로 규칙을 허용/방지를 지정할 수 있습니다. 방지된 파일은 보이지 않고 사용자들은 접근할 수 없습니다. 사용자의 접근 허용 범위와 관련해 정규표현식(regex)과 경로를 지원합니다.\n",
     "scope": "범위",
     "settingsUpdated": "설정 수정됨!",
-    "shareDuration": "공유 기간",
+    "shareDuration": "",
-    "shareManagement": "공유 내역 관리",
+    "shareManagement": "",
-    "singleClick": "한번 클릭으로 파일과 폴더를 열도록 합니다.",
+    "singleClick": "",
     "themes": {
-      "dark": "다크테마",
+      "dark": "",
-      "light": "라이트테마",
+      "light": "",
-      "title": "테마"
+      "title": ""
     },
     "user": "사용자",
     "userCommands": "명령어",

frontend/src/main.ts

@@ -4,7 +4,7 @@ import VueNumberInput from "@chenfengyuan/vue-number-input";
 import VueLazyload from "vue-lazyload";
 import { createVfm } from "vue-final-modal";
 import Toast, { POSITION, useToast } from "vue-toastification";
-import type {
+import {
   ToastOptions,
   PluginOptions,
 } from "vue-toastification/dist/types/types";

frontend/src/router/index.ts

@@ -1,5 +1,4 @@
-import type { RouteLocation } from "vue-router";
+import { RouteLocation, createRouter, createWebHistory } from "vue-router";
-import { createRouter, createWebHistory } from "vue-router";
 import Login from "@/views/Login.vue";
 import Layout from "@/views/Layout.vue";
 import Files from "@/views/Files.vue";

frontend/src/stores/index.ts

@@ -1,6 +1,6 @@
 import { createPinia as _createPinia } from "pinia";
 import { markRaw } from "vue";
-import type { Router } from "vue-router";
+import { Router } from "vue-router";
 
 export default function createPinia(router: Router) {
   const pinia = _createPinia();

frontend/src/stores/layout.ts

@@ -29,12 +29,6 @@ export const useLayoutStore = defineStore("layout", {
     toggleShell() {
       this.showShell = !this.showShell;
     },
-    setCloseOnPrompt(closeFunction: () => Promise<string>, onPrompt: string) {
-      const prompt = this.prompts.find((prompt) => prompt.prompt === onPrompt);
-      if (prompt) {
-        prompt.close = closeFunction;
-      }
-    },
     showHover(value: PopupProps | string) {
       if (typeof value !== "object") {
         this.prompts.push({
@@ -42,7 +36,6 @@ export const useLayoutStore = defineStore("layout", {
           confirm: null,
           action: undefined,
           props: null,
-          close: null,
         });
         return;
       }
@@ -52,7 +45,6 @@ export const useLayoutStore = defineStore("layout", {
         confirm: value?.confirm,
         action: value?.action,
         props: value?.props,
-        close: value?.close,
       });
     },
     showError() {
@@ -61,7 +53,6 @@ export const useLayoutStore = defineStore("layout", {
         confirm: null,
         action: undefined,
         props: null,
-        close: null,
       });
     },
     showSuccess() {
@@ -70,11 +61,10 @@ export const useLayoutStore = defineStore("layout", {
         confirm: null,
         action: undefined,
         props: null,
-        close: null,
       });
     },
     closeHovers() {
-      this.prompts.shift()?.close?.();
+      this.prompts.pop();
     },
     // easily reset state using `$reset`
     clearLayout() {

frontend/src/stores/upload.ts

@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { useFileStore } from "./file";
 import { files as api } from "@/api";
-import { throttle } from "lodash-es";
+import throttle from "lodash/throttle";
 import buttons from "@/utils/buttons";
 
 // TODO: make this into a user setting
@@ -170,12 +170,12 @@ export const useUploadStore = defineStore("upload", {
     async processUploads() {
       const uploadsCount = Object.keys(this.uploads).length;
 
-      const isBelowLimit = uploadsCount < UPLOADS_LIMIT;
+      const isBellowLimit = uploadsCount < UPLOADS_LIMIT;
       const isQueueEmpty = this.queue.length == 0;
       const isUploadsEmpty = uploadsCount == 0;
 
       const isFinished = isQueueEmpty && isUploadsEmpty;
-      const canProcess = isBelowLimit && !isQueueEmpty;
+      const canProcess = isBellowLimit && !isQueueEmpty;
 
       if (isFinished) {
         const fileStore = useFileStore();

frontend/src/types/layout.d.ts

@@ -3,7 +3,6 @@ interface PopupProps {
   confirm?: any;
   action?: PopupAction;
   props?: any;
-  close?: (() => Promise<string>) | null;
 }
 
 type PopupAction = (e: Event) => void;

frontend/src/utils/auth.ts

@@ -1,7 +1,6 @@
 import { useAuthStore } from "@/stores/auth";
 import router from "@/router";
-import type { JwtPayload } from "jwt-decode";
+import { JwtPayload, jwtDecode } from "jwt-decode";
-import { jwtDecode } from "jwt-decode";
 import { baseURL, noAuth } from "./constants";
 import { StatusError } from "@/api/utils";
 
@@ -24,7 +23,7 @@ export async function validateLogin() {
       await renew(<string>localStorage.getItem("jwt"));
     }
   } catch (error) {
-    console.warn("Invalid JWT token in storage");
+    console.warn("Invalid JWT token in storage"); // eslint-disable-line
     throw error;
   }
 }

frontend/src/utils/buttons.ts

@@ -4,7 +4,7 @@ function loading(button: string) {
   );
 
   if (el === undefined || el === null) {
-    console.log("Error getting button " + button);
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }
 
@@ -30,7 +30,7 @@ function done(button: string) {
   );
 
   if (el === undefined || el === null) {
-    console.log("Error getting button " + button);
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }
 
@@ -51,7 +51,7 @@ function success(button: string) {
   );
 
   if (el === undefined || el === null) {
-    console.log("Error getting button " + button);
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }
 

frontend/src/utils/clipboard.ts

@@ -1,36 +1,39 @@
 // Based on code by the following links:
 // https://stackoverflow.com/a/74528564
 // https://web.dev/articles/async-clipboard
-
+export function copy(text: string) {
-interface ClipboardArgs {
-  text?: string;
-  data?: ClipboardItems;
-}
-
-interface ClipboardOpts {
-  permission?: boolean;
-}
-
-export function copy(data: ClipboardArgs, opts?: ClipboardOpts) {
   return new Promise<void>((resolve, reject) => {
     if (
       // Clipboard API requires secure context
       window.isSecureContext &&
-      typeof navigator.clipboard !== "undefined"
+      typeof navigator.clipboard !== "undefined" &&
+      // @ts-ignore
+      navigator.permissions !== "undefined"
     ) {
-      if (opts?.permission) {
+      navigator.permissions
-        getPermission("clipboard-write")
+        // @ts-ignore
-          .then(() => writeToClipboard(data).then(resolve).catch(reject))
+        .query({ name: "clipboard-write" })
-          .catch(reject);
+        .then((permission) => {
+          if (permission.state === "granted" || permission.state === "prompt") {
+            // simple writeText should work for all modern browsers
+            navigator.clipboard.writeText(text).then(resolve).catch(reject);
           } else {
-        writeToClipboard(data).then(resolve).catch(reject);
+            reject(new Error("Permission not granted!"));
           }
+        })
+        .catch((e) => {
+          // Firefox doesn't support clipboard-write permission
+          if (navigator.userAgent.indexOf("Firefox") != -1) {
+            navigator.clipboard.writeText(text).then(resolve).catch(reject);
+          } else {
+            reject(e);
+          }
+        });
     } else if (
       document.queryCommandSupported &&
-      document.queryCommandSupported("copy") &&
+      document.queryCommandSupported("copy")
-      data.text // old method only supports text
     ) {
-      const textarea = createTemporaryTextarea(data.text);
+      const textarea = createTemporaryTextarea(text);
       const body = document.activeElement || document.body;
       try {
         body.appendChild(textarea);
@@ -51,35 +54,6 @@ export function copy(data: ClipboardArgs, opts?: ClipboardOpts) {
   });
 }
 
-function getPermission(name: string) {
-  return new Promise<void>((resolve, reject) => {
-    typeof navigator.permissions !== "undefined" &&
-      navigator.permissions
-        // @ts-expect-error chrome specific api
-        .query({ name })
-        .then((permission) => {
-          if (permission.state === "granted" || permission.state === "prompt") {
-            resolve();
-          } else {
-            reject(new Error("Permission denied!"));
-          }
-        });
-  });
-}
-
-function writeToClipboard(data: ClipboardArgs) {
-  if (data.text) {
-    return navigator.clipboard.writeText(data.text);
-  }
-  if (data.data) {
-    return navigator.clipboard.write(data.data);
-  }
-
-  return new Promise<void>((resolve, reject) => {
-    reject(new Error("No data was supplied!"));
-  });
-}
-
 const styles = {
   fontSize: "12pt",
   position: "fixed",
@@ -95,10 +69,10 @@ const styles = {
   background: "transparent",
 };
 
-function createTemporaryTextarea(text: string) {
+const createTemporaryTextarea = (text: string) => {
   const textarea = document.createElement("textarea");
   textarea.value = text;
   textarea.setAttribute("readonly", "");
   Object.assign(textarea.style, styles);
   return textarea;
-}
+};

frontend/src/utils/css.ts

@@ -6,16 +6,13 @@ export default function getRule(rules: string[]) {
   let result = null;
   const find = Array.prototype.find;
 
-  find.call(document.styleSheets, (styleSheet: CSSStyleSheet) => {
+  find.call(document.styleSheets, (styleSheet) => {
-    result = find.call(styleSheet.cssRules, (cssRule: CSSRule) => {
+    result = find.call(styleSheet.cssRules, (cssRule) => {
       let found = false;
 
-      // faster than checking instanceof for every element
+      if (cssRule instanceof window.CSSStyleRule) {
-      if (cssRule.constructor.name === "CSSStyleRule") {
         for (let i = 0; i < rules.length; i++) {
-          if (
+          if (cssRule.selectorText.toLowerCase() === rules[i]) {
-            (cssRule as CSSStyleRule).selectorText.toLowerCase() === rules[i]
-          ) {
             found = true;
           }
         }
@@ -27,5 +24,5 @@ export default function getRule(rules: string[]) {
     return result != null;
   });
 
-  return result as CSSStyleRule | null;
+  return result;
 }

frontend/src/utils/upload.ts

@@ -1,4 +1,3 @@
-import { useLayoutStore } from "@/stores/layout";
 import { useUploadStore } from "@/stores/upload";
 import url from "@/utils/url";
 
@@ -127,9 +126,6 @@ export function handleFiles(
   overwrite = false
 ) {
   const uploadStore = useUploadStore();
-  const layoutStore = useLayoutStore();
-
-  layoutStore.closeHovers();
 
   for (const file of files) {
     const id = uploadStore.id;

frontend/src/views/Share.vue

@@ -325,7 +325,6 @@ const token = ref<string>("");
 const audio = ref<HTMLAudioElement>();
 const tag = ref<boolean>(false);
 
-const $showError = inject<IToastError>("$showError")!;
 const $showSuccess = inject<IToastSuccess>("$showSuccess")!;
 
 const { t } = useI18n({});
@@ -464,9 +463,9 @@ const download = () => {
       if (req.value === null) return false;
       layoutStore.closeHovers();
 
-      const files: string[] = [];
+      let files: string[] = [];
 
-      for (const i of fileStore.selected) {
+      for (let i of fileStore.selected) {
         files.push(req.value.items[i].path);
       }
 
@@ -489,23 +488,13 @@ const linkSelected = () => {
 };
 
 const copyToClipboard = (text: string) => {
-  copy({ text }).then(
+  copy(text).then(
     () => {
       // clipboard successfully set
       $showSuccess(t("success.linkCopied"));
     },
     () => {
       // clipboard write failed
-      copy({ text }, { permission: true }).then(
-        () => {
-          // clipboard successfully set
-          $showSuccess(t("success.linkCopied"));
-        },
-        (e) => {
-          // clipboard write failed
-          $showError(e);
-        }
-      );
     }
   );
 };

frontend/src/views/files/Editor.vue

@@ -108,7 +108,7 @@ onMounted(() => {
     showPrintMargin: false,
     readOnly: fileStore.req?.type === "textImmutable",
     theme: "ace/theme/chrome",
-    mode: modelist.getModeForPath(fileStore.req!.name).mode,
+    mode: modelist.getModeForPath(fileStore.req?.name).mode,
     wrap: true,
     enableBasicAutocompletion: true,
     enableLiveAutocompletion: true,
@@ -173,7 +173,7 @@ const close = () => {
 
   fileStore.updateRequest(null);
 
-  const uri = url.removeLastDir(route.path) + "/";
+  let uri = url.removeLastDir(route.path) + "/";
   router.push({ path: uri });
 };
 

frontend/src/views/files/FileListing.vue

@@ -285,7 +285,7 @@ import { users, files as api } from "@/api";
 import { enableExec } from "@/utils/constants";
 import * as upload from "@/utils/upload";
 import css from "@/utils/css";
-import { throttle } from "lodash-es";
+import throttle from "lodash/throttle";
 import { Base64 } from "js-base64";
 
 import HeaderBar from "@/components/header/HeaderBar.vue";
@@ -523,12 +523,12 @@ const keyEvent = (event: KeyboardEvent) => {
       break;
     case "a":
       event.preventDefault();
-      for (const file of items.value.files) {
+      for (let file of items.value.files) {
         if (fileStore.selected.indexOf(file.index) === -1) {
           fileStore.selected.push(file.index);
         }
       }
-      for (const dir of items.value.dirs) {
+      for (let dir of items.value.dirs) {
         if (fileStore.selected.indexOf(dir.index) === -1) {
           fileStore.selected.push(dir.index);
         }
@@ -551,9 +551,9 @@ const copyCut = (event: Event | KeyboardEvent): void => {
 
   if (fileStore.req === null) return;
 
-  const items = [];
+  let items = [];
 
-  for (const i of fileStore.selected) {
+  for (let i of fileStore.selected) {
     items.push({
       from: fileStore.req.items[i].url,
       name: fileStore.req.items[i].name,
@@ -575,9 +575,9 @@ const paste = (event: Event) => {
   if ((event.target as HTMLElement).tagName?.toLowerCase() === "input") return;
 
   // TODO router location should it be
-  const items: any[] = [];
+  let items: any[] = [];
 
-  for (const item of clipboardStore.items) {
+  for (let item of clipboardStore.items) {
     const from = item.from.endsWith("/") ? item.from.slice(0, -1) : item.from;
     const to = route.path + encodeURIComponent(item.name);
     items.push({ from, to, name: item.name });
@@ -614,7 +614,7 @@ const paste = (event: Event) => {
     return;
   }
 
-  const conflict = upload.checkConflict(items, fileStore.req!.items);
+  let conflict = upload.checkConflict(items, fileStore.req!.items);
 
   let overwrite = false;
   let rename = false;
@@ -640,13 +640,14 @@ const paste = (event: Event) => {
 
 const colunmsResize = () => {
   // Update the columns size based on the window width.
-  const items_ = css(["#listing.mosaic .item", ".mosaic#listing .item"]);
+  let items_ = css(["#listing.mosaic .item", ".mosaic#listing .item"]);
   if (items_ === null) return;
 
   let columns = Math.floor(
     (document.querySelector("main")?.offsetWidth ?? 0) / columnWidth.value
   );
   if (columns === 0) columns = 1;
+  // @ts-ignore never type error
   items_.style.width = `calc(${100 / columns}% - 1em)`;
 };
 
@@ -676,10 +677,11 @@ const dragEnter = () => {
 
   // When the user starts dragging an item, put every
   // file on the listing with 50% opacity.
-  const items = document.getElementsByClassName("item");
+  let items = document.getElementsByClassName("item");
 
-  Array.from(items).forEach((file: Element) => {
+  // @ts-ignore
-    (file as HTMLElement).style.opacity = "0.5";
+  Array.from(items).forEach((file: HTMLElement) => {
+    file.style.opacity = "0.5";
   });
 };
 
@@ -696,7 +698,7 @@ const drop = async (event: DragEvent) => {
   dragCounter.value = 0;
   resetOpacity();
 
-  const dt = event.dataTransfer;
+  let dt = event.dataTransfer;
   let el: HTMLElement | null = event.target as HTMLElement;
 
   if (fileStore.req === null || dt === null || dt.files.length <= 0) return;
@@ -707,7 +709,7 @@ const drop = async (event: DragEvent) => {
     }
   }
 
-  const files: UploadList = (await upload.scanFiles(dt)) as UploadList;
+  let files: UploadList = (await upload.scanFiles(dt)) as UploadList;
   let items = fileStore.req.items;
   let path = route.path.endsWith("/") ? route.path : route.path + "/";
 
@@ -727,7 +729,7 @@ const drop = async (event: DragEvent) => {
     }
   }
 
-  const conflict = upload.checkConflict(files, items);
+  let conflict = upload.checkConflict(files, items);
 
   if (conflict) {
     layoutStore.showHover({
@@ -751,10 +753,12 @@ const drop = async (event: DragEvent) => {
 };
 
 const uploadInput = (event: Event) => {
-  const files = (event.currentTarget as HTMLInputElement)?.files;
+  layoutStore.closeHovers();
+
+  let files = (event.currentTarget as HTMLInputElement)?.files;
   if (files === null) return;
 
-  const folder_upload = !!files[0].webkitRelativePath;
+  let folder_upload = !!files[0].webkitRelativePath;
 
   const uploadFiles: UploadList = [];
   for (let i = 0; i < files.length; i++) {
@@ -769,8 +773,8 @@ const uploadInput = (event: Event) => {
     });
   }
 
-  const path = route.path.endsWith("/") ? route.path : route.path + "/";
+  let path = route.path.endsWith("/") ? route.path : route.path + "/";
-  const conflict = upload.checkConflict(uploadFiles, fileStore.req!.items);
+  let conflict = upload.checkConflict(uploadFiles, fileStore.req!.items);
 
   if (conflict) {
     layoutStore.showHover({
@@ -794,7 +798,7 @@ const uploadInput = (event: Event) => {
 };
 
 const resetOpacity = () => {
-  const items = document.getElementsByClassName("item");
+  let items = document.getElementsByClassName("item");
 
   Array.from(items).forEach((file: Element) => {
     (file as HTMLElement).style.opacity = "1";
@@ -820,6 +824,7 @@ const sort = async (by: string) => {
 
   try {
     if (authStore.user?.id) {
+      // @ts-ignore
       await users.update({ id: authStore.user?.id, sorting: { by, asc } }, [
         "sorting",
       ]);
@@ -870,10 +875,10 @@ const download = () => {
     confirm: (format: any) => {
       layoutStore.closeHovers();
 
-      const files = [];
+      let files = [];
 
       if (fileStore.selectedCount > 0 && fileStore.req !== null) {
-        for (const i of fileStore.selected) {
+        for (let i of fileStore.selected) {
           files.push(fileStore.req.items[i].url);
         }
       } else {
@@ -896,12 +901,13 @@ const switchView = async () => {
 
   const data = {
     id: authStore.user?.id,
-    viewMode: (modes[authStore.user?.viewMode ?? "list"] ||
+    viewMode: modes[authStore.user?.viewMode ?? "list"] || "list",
-      "list") as ViewModeType,
   };
 
+  // @ts-ignore
   users.update(data, ["viewMode"]).catch($showError);
 
+  // @ts-ignore
   authStore.updateUser(data);
 
   setItemWeight();

frontend/src/views/files/Preview.vue

@@ -168,7 +168,7 @@ import { files as api } from "@/api";
 import { createURL } from "@/api/utils";
 import { resizePreview } from "@/utils/constants";
 import url from "@/utils/url";
-import { throttle } from "lodash-es";
+import throttle from "lodash/throttle";
 import HeaderBar from "@/components/header/HeaderBar.vue";
 import Action from "@/components/header/Action.vue";
 import ExtendedImage from "@/components/files/ExtendedImage.vue";
@@ -353,7 +353,7 @@ const updatePreview = async () => {
     autoPlay.value = false;
   }
 
-  const dirs = route.fullPath.split("/");
+  let dirs = route.fullPath.split("/");
   name.value = decodeURIComponent(dirs[dirs.length - 1]);
 
   if (!listing.value) {
@@ -422,7 +422,7 @@ const toggleNavigation = throttle(function () {
 const close = () => {
   fileStore.updateRequest(null);
 
-  const uri = url.removeLastDir(route.path) + "/";
+  let uri = url.removeLastDir(route.path) + "/";
   router.push({ path: uri });
 };
 

frontend/src/views/settings/Global.vue

@@ -282,11 +282,11 @@ const formattedChunkSize = computed({
 // Define funcs
 const capitalize = (name: string, where: string | RegExp = "_") => {
   if (where === "caps") where = /(?=[A-Z])/;
-  const split = name.split(where);
+  let splitted = name.split(where);
   name = "";
 
-  for (let i = 0; i < split.length; i++) {
+  for (let i = 0; i < splitted.length; i++) {
-    name += split[i].charAt(0).toUpperCase() + split[i].slice(1) + " ";
+    name += splitted[i].charAt(0).toUpperCase() + splitted[i].slice(1) + " ";
   }
 
   return name.slice(0, -1);
@@ -294,7 +294,7 @@ const capitalize = (name: string, where: string | RegExp = "_") => {
 
 const save = async () => {
   if (settings.value === null) return false;
-  const newSettings: ISettings = {
+  let newSettings: ISettings = {
     ...settings.value,
     shell:
       settings.value?.shell
@@ -376,7 +376,7 @@ onMounted(async () => {
   try {
     layoutStore.loading = true;
     const original: ISettings = await api.get();
-    const newSettings: ISettings = { ...original, commands: {} };
+    let newSettings: ISettings = { ...original, commands: {} };
 
     const keys = Object.keys(original.commands) as Array<keyof SettingsCommand>;
     for (const key of keys) {

frontend/src/views/settings/Shares.vue

@@ -87,12 +87,12 @@ onMounted(async () => {
   layoutStore.loading = true;
 
   try {
-    const newLinks = await api.list();
+    let newLinks = await api.list();
     if (authStore.user?.perm.admin) {
-      const userMap = new Map<number, string>();
+      let userMap = new Map<number, string>();
-      for (const user of await users.getAll())
+      for (let user of await users.getAll())
         userMap.set(user.id, user.username);
-      for (const link of newLinks) {
+      for (let link of newLinks) {
         if (link.userID && userMap.has(link.userID))
           link.username = userMap.get(link.userID);
       }
@@ -108,23 +108,13 @@ onMounted(async () => {
 });
 
 const copyToClipboard = (text: string) => {
-  copy({ text }).then(
+  copy(text).then(
     () => {
       // clipboard successfully set
       $showSuccess(t("success.linkCopied"));
     },
     () => {
       // clipboard write failed
-      copy({ text }, { permission: true }).then(
-        () => {
-          // clipboard successfully set
-          $showSuccess(t("success.linkCopied"));
-        },
-        (e) => {
-          // clipboard write failed
-          $showError(e);
-        }
-      );
     }
   );
 };

frontend/src/views/settings/User.vue

@@ -90,7 +90,7 @@ const fetchData = async () => {
 
   try {
     if (isNew.value) {
-      const { defaults, createUserDir: _createUserDir } = await settings.get();
+      let { defaults, createUserDir: _createUserDir } = await settings.get();
       createUserDir.value = _createUserDir;
       user.value = {
         ...defaults,

frontend/tsconfig.app.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client", "@intlify/unplugin-vue-i18n/messages"],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}

frontend/tsconfig.json

@@ -1,11 +1,24 @@
 {
-  "files": [],
+  "compilerOptions": {
-  "references": [
+    "baseUrl": ".",
-    {
+    "allowJs": true,
-      "path": "./tsconfig.node.json"
+    "target": "ESNext",
-    },
+    "useDefineForClassFields": true,
-    {
+    "module": "ESNext",
-      "path": "./tsconfig.app.json"
+    "moduleResolution": "Node10",
+    "strict": true,
+    "sourceMap": true,
+    "noImplicitReturns": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "types": ["vite/client", "@intlify/unplugin-vue-i18n/messages"],
+    "paths": {
+      "@/*": ["./src/*"]
     }
-  ]
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue"],
+  "exclude": ["node_modules", "dist"]
 }

frontend/tsconfig.node.json

@@ -1,18 +0,0 @@
-{
-  "extends": "@tsconfig/node22/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*"
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": ["node"]
-  }
-}

frontend/tsconfig.tsc.json

@@ -1,14 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  // vue-tsc wont shut up about error TS9005
-  // in non-TS vue files so exclude them
-  "exclude": [
-    "src/components/Shell.vue",
-    "src/components/prompts/Copy.vue",
-    "src/components/prompts/Delete.vue",
-    "src/components/prompts/FileList.vue",
-    "src/components/prompts/Rename.vue",
-    "src/components/prompts/Share.vue",
-    "src/components/prompts/UploadFiles.vue"
-  ]
-}

go.mod

@@ -8,7 +8,7 @@ require (
 	github.com/disintegration/imaging v1.6.2
 	github.com/dsoprea/go-exif/v3 v3.0.1
 	github.com/flynn/go-shlex v0.0.0-20150515145356-3f9db97f8568
-	github.com/golang-jwt/jwt/v4 v4.5.1
+	github.com/golang-jwt/jwt/v4 v4.5.0
 	github.com/gorilla/mux v1.8.1
 	github.com/gorilla/websocket v1.5.3
 	github.com/maruel/natural v1.1.1
@@ -24,9 +24,9 @@ require (
 	github.com/stretchr/testify v1.9.0
 	github.com/tomasen/realip v0.0.0-20180522021738-f0c99a92ddce
 	go.etcd.io/bbolt v1.3.11
-	golang.org/x/crypto v0.31.0
+	golang.org/x/crypto v0.26.0
 	golang.org/x/image v0.19.0
-	golang.org/x/text v0.21.0
+	golang.org/x/text v0.17.0
 	gopkg.in/natefinch/lumberjack.v2 v2.2.1
 	gopkg.in/yaml.v2 v2.4.0
 )
@@ -64,8 +64,8 @@ require (
 	github.com/yusufpapurcu/wmi v1.2.4 // indirect
 	go.uber.org/multierr v1.11.0 // indirect
 	golang.org/x/exp v0.0.0-20240325151524-a685a6edb6d8 // indirect
-	golang.org/x/net v0.33.0 // indirect
+	golang.org/x/net v0.23.0 // indirect
-	golang.org/x/sys v0.28.0 // indirect
+	golang.org/x/sys v0.23.0 // indirect
 	gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c // indirect
 	gopkg.in/ini.v1 v1.67.0 // indirect
 	gopkg.in/yaml.v3 v3.0.1 // indirect

go.sum

@@ -57,8 +57,8 @@ github.com/go-errors/errors v1.5.1 h1:ZwEMSLRCapFLflTpT7NKaAc7ukJ8ZPEjzlxt8rPN8b
 github.com/go-errors/errors v1.5.1/go.mod h1:sIVyrIiJhuEF+Pj9Ebtd6P/rEYROXFi3BopGUQ5a5Og=
 github.com/go-ole/go-ole v1.2.6 h1:/Fpf6oFPoeFik9ty7siob0G6Ke8QvQEuVcuChpwXzpY=
 github.com/go-ole/go-ole v1.2.6/go.mod h1:pprOEPIfldk/42T2oK7lQ4v4JSDwmV0As9GaiUsvbm0=
-github.com/golang-jwt/jwt/v4 v4.5.1 h1:JdqV9zKUdtaa9gdPlywC3aeoEsR681PlKC+4F5gQgeo=
+github.com/golang-jwt/jwt/v4 v4.5.0 h1:7cYmW1XlMY7h7ii7UhUyChSgS5wUJEnm9uZVTGqOWzg=
-github.com/golang-jwt/jwt/v4 v4.5.1/go.mod h1:m21LjoU+eqJr34lmDMbreY2eSTRJ1cv77w39/MY0Ch0=
+github.com/golang-jwt/jwt/v4 v4.5.0/go.mod h1:m21LjoU+eqJr34lmDMbreY2eSTRJ1cv77w39/MY0Ch0=
 github.com/golang/geo v0.0.0-20190916061304-5b978397cfec/go.mod h1:QZ0nwyI2jOfgRAoBvP+ab5aRr7c9x7lhGEJrKvBwjWI=
 github.com/golang/geo v0.0.0-20200319012246-673a6f80352d/go.mod h1:QZ0nwyI2jOfgRAoBvP+ab5aRr7c9x7lhGEJrKvBwjWI=
 github.com/golang/geo v0.0.0-20210211234256-740aa86cb551/go.mod h1:QZ0nwyI2jOfgRAoBvP+ab5aRr7c9x7lhGEJrKvBwjWI=
@@ -174,8 +174,8 @@ go.uber.org/multierr v1.11.0 h1:blXXJkSxSSfBVBlC76pxqeO+LN3aDfLQo+309xJstO0=
 go.uber.org/multierr v1.11.0/go.mod h1:20+QtiLqy0Nd6FdQB9TLXag12DsQkrbs3htMFfDN80Y=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/crypto v0.0.0-20200622213623-75b288015ac9/go.mod h1:LzIPMQfyMNhhGPhUkYOs5KpL4U8rLKemX1yGLhDgUto=
-golang.org/x/crypto v0.31.0 h1:ihbySMvVjLAeSH1IbfcRTkD/iNscyz8rGzjF/E5hV6U=
+golang.org/x/crypto v0.26.0 h1:RrRspgV4mU+YwB4FYnuBoKsUapNIL5cohGAmSH3azsw=
-golang.org/x/crypto v0.31.0/go.mod h1:kDsLvtWBEx7MV9tJOj9bnXsPbxwJQ6csT/x4KIN4Ssk=
+golang.org/x/crypto v0.26.0/go.mod h1:GY7jblb9wI+FOo5y8/S2oY4zWP07AkOJ4+jxCqdqn54=
 golang.org/x/exp v0.0.0-20240325151524-a685a6edb6d8 h1:aAcj0Da7eBAtrTp03QXWvm88pSyOt+UgdZw2BFZ+lEw=
 golang.org/x/exp v0.0.0-20240325151524-a685a6edb6d8/go.mod h1:CQ1k9gNrJ50XIzaKCRR2hssIjF07kZFEiieALBM/ARQ=
 golang.org/x/image v0.0.0-20191009234506-e7c1f5e7dbb8/go.mod h1:FeLwcggjj3mMvU+oOTbSwawSJRM1uh48EjtB4UJZlP0=
@@ -190,10 +190,10 @@ golang.org/x/net v0.0.0-20200501053045-e0ff5e5a1de5/go.mod h1:qpuaurCH72eLCgpAm/
 golang.org/x/net v0.0.0-20200513185701-a91f0712d120/go.mod h1:qpuaurCH72eLCgpAm/N6yyVIVM9cpaDIP3A8BGJEC5A=
 golang.org/x/net v0.0.0-20200904194848-62affa334b73/go.mod h1:/O7V0waA8r7cgGh81Ro3o1hOxt32SMVPicZroKQ2sZA=
 golang.org/x/net v0.0.0-20221002022538-bcab6841153b/go.mod h1:YDH+HFinaLZZlnHAfSS6ZXJJ9M9t4Dl22yv3iI2vPwk=
-golang.org/x/net v0.33.0 h1:74SYHlV8BIgHIFC/LrYkOGIwL19eTYXQ5wc6TBuO36I=
+golang.org/x/net v0.23.0 h1:7EYJ93RZ9vYSZAIb2x3lnuvqO5zneoD6IvWjuhfxjTs=
-golang.org/x/net v0.33.0/go.mod h1:HXLR5J+9DxmrqMwG9qjGCxZ+zKXxBru04zlTvWlWuN4=
+golang.org/x/net v0.23.0/go.mod h1:JKghWKKOSdJwpW2GEx0Ja7fmaKnMsbu+MWVZTokSYmg=
-golang.org/x/sync v0.10.0 h1:3NQrjDixjgGwUOCaF8w2+VYHv0Ve/vGYSbdkTa98gmQ=
+golang.org/x/sync v0.8.0 h1:3NFvSEYkUoMifnESzZl15y791HH1qU2xm6eCJU5ZPXQ=
-golang.org/x/sync v0.10.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.8.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20190412213103-97732733099d/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20190916202348-b4ddaad3f8a3/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
@@ -204,14 +204,14 @@ golang.org/x/sys v0.0.0-20210320140829-1e4c9ba3b0c4/go.mod h1:h1NjWce9XRLGQEsW7w
 golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.0.0-20220728004956-3c1f35247d10/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.0.0-20220928140112-f11e5e49a4ec/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.28.0 h1:Fksou7UEQUWlKvIdsqzJmUmCX3cZuD2+P3XyyzwMhlA=
+golang.org/x/sys v0.23.0 h1:YfKFowiIMvtgl1UERQoTPPToxltDeZfbj4H7dVUCwmM=
-golang.org/x/sys v0.28.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.23.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=
 golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
-golang.org/x/text v0.21.0 h1:zyQAAkrwaneQ066sspRyJaG9VNi/YJ1NfzcGB3hZ/qo=
+golang.org/x/text v0.17.0 h1:XtiM5bkSOt+ewxlOE/aE/AKEHibwj/6gvWMl9Rsh0Qc=
-golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
+golang.org/x/text v0.17.0/go.mod h1:BuEKDfySbSR4drPmRPG/7iBdf8hvFMuRexcpahXilzY=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 google.golang.org/appengine v1.6.5/go.mod h1:8WjMMxjGQR8xUklV/ARdw2HLXBOI7O7uCIDZVag1xfc=

http/utils.go

@@ -47,7 +47,7 @@ func errToStatus(err error) int {
 	}
 }
 
-// This is an adaptation if http.StripPrefix in which we don't
+// This is an addaptation if http.StripPrefix in which we don't
 // return 404 if the page doesn't have the needed prefix.
 func stripPrefix(prefix string, h http.Handler) http.Handler {
 	if prefix == "" || prefix == "/" {

tools/yarn.lock

@@ -535,9 +535,9 @@ create-require@^1.1.0:
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
 cross-spawn@^7.0.3:
-  version "7.0.6"
+  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
   dependencies:
     path-key "^3.1.0"
     shebang-command "^2.0.0"

version/version.go

@@ -3,6 +3,6 @@ package version
 var (
 	// Version is the current File Browser version.
 	Version = "(untracked)"
-	// CommitSHA is the commit sha.
+	// CommitSHA is the commmit sha.
 	CommitSHA = "(unknown)"
 )