updated wokflow

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Graham Steffaniak <graham.steffaniak@autodesk.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.github/workflows/dev.yaml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go test -race -v ./...
   lint-backend:
     runs-on: ubuntu-latest
@@ -20,7 +20,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: go install github.com/golangci/golangci-lint/cmd/golangci-lint@v1.54.2
       - run: cd backend && golangci-lint run
   format-backend:
@@ -29,7 +29,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go fmt ./...
   lint-frontend:
     runs-on: ubuntu-latest
@@ -37,7 +37,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '20'
+          node-version: '21'
       - run: cd frontend && npm i eslint
       - run: cd frontend && npm run lint
   push_dev_to_registry:

.github/workflows/main.yaml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go test -race -v ./...
   lint-backend:
     runs-on: ubuntu-latest
@@ -20,7 +20,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: go install github.com/golangci/golangci-lint/cmd/golangci-lint@v1.54.2
       - run: cd backend && golangci-lint run
   format-backend:
@@ -29,7 +29,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go fmt ./...
   lint-frontend:
     runs-on: ubuntu-latest
@@ -37,7 +37,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '20'
+          node-version: '21'
       - run: cd frontend && npm i eslint
       - run: cd frontend && npm run lint
 

.github/workflows/pr-merge.yaml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go test -race -v ./...
   lint-backend:
     runs-on: ubuntu-latest
@@ -22,7 +22,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: go install github.com/golangci/golangci-lint/cmd/golangci-lint@v1.54.2
       - run: cd backend && golangci-lint run
   format-backend:
@@ -31,7 +31,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go fmt ./...
   lint-frontend:
     runs-on: ubuntu-latest
@@ -39,7 +39,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '20'
+          node-version: '21'
       - run: cd frontend && npm i eslint
       - run: cd frontend && npm run lint
 

.github/workflows/release.yaml

@@ -5,14 +5,40 @@ on:
     branches:
       - 'v[0-9]+.[0-9]+.[0-9]+'
 
+permissions:
+  contents: write
+
 jobs:
+  create_release:
+    name: Create Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Extract branch name
+        shell: bash
+        run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
+        id: extract_branch
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.extract_branch.outputs.branch }}
+          release_name: ${{ steps.extract_branch.outputs.branch }}
+          body: |
+            Please see usage on [readme](https://github.com/gtsteffaniak/filebrowser).
+            Docker repo: https://hub.docker.com/r/gtstef/filebrowser/tags
+          draft: false
+          prerelease: false
   test-backend:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go test -race -v ./...
   lint-backend:
     runs-on: ubuntu-latest
@@ -20,7 +46,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: go install github.com/golangci/golangci-lint/cmd/golangci-lint@v1.54.2
       - run: cd backend && golangci-lint run
   format-backend:
@@ -29,7 +55,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-go@v4
         with:
-          go-version: 1.21.1
+          go-version: 1.22.0
       - run: cd backend && go fmt ./...
   lint-frontend:
     runs-on: ubuntu-latest
@@ -37,7 +63,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '20'
+          node-version: '21'
       - run: cd frontend && npm i eslint
       - run: cd frontend && npm run lint
   push_release_to_registry:

README.md

@@ -6,7 +6,7 @@
 </p>
 <h3 align="center">Filebrowser - A modern file manager for the web</h3>
 <p align="center">
-  <img width="500" src="https://github.com/gtsteffaniak/filebrowser/assets/42989099/b45683b0-bd55-4430-9831-650fe0d21eb8" title="Main Screenshot">
+  <img width="800" src="https://github.com/gtsteffaniak/filebrowser/assets/42989099/899152cf-3e69-4179-aa82-752af2df3fc6" title="Main Screenshot">
 </p>
 
 > [!NOTE]  

configuration.md

@@ -7,8 +7,6 @@ This document covers the available configuration options, their defaults, and ho
 Here is an expanded config file which includes all possible configurations:
 
 ```
-adminUsername: admin
-adminPassword: admin
 server:
   CreateUserDir: false
   UserHomeBasePath: ""
@@ -27,6 +25,8 @@ server:
   database: "/database/database.db"
   root: "/srv"
 auth:
+  adminUsername: admin
+  adminPassword: admin
   recaptcha:
     host: ""
     key: ""
@@ -69,8 +69,6 @@ userDefaults:
 Here are the defaults if nothing is set:
 
 ```
-adminUsername: admin
-adminPassword: admin
 server:
   enableThumbnails: true
   enableExec: false
@@ -82,6 +80,8 @@ server:
   log: stdout
   root: /srv
 auth:
+  adminUsername: admin
+  adminPassword: admin
   method: password
   recaptcha:
     host: ""

frontend/src/views/files/Listing.vue

@@ -217,7 +217,6 @@
 </style>
 
 <script>
-import Vue from "vue";
 import { mapState, mapGetters, mapMutations } from "vuex";
 import { files as api } from "@/api";
 import * as upload from "@/utils/upload";
@@ -236,11 +235,9 @@ export default {
   data: function () {
     return {
       sortField: "name",
-      showLimit: 5000, // new directory limit
       columnWidth: 280,
       dragCounter: 0,
       width: window.innerWidth,
-      itemWeight: 0,
     };
   },
   computed: {
@@ -273,14 +270,10 @@ export default {
       return { dirs, files };
     },
     dirs() {
-      return this.items.dirs.slice(0, this.showLimit);
+      return this.items.dirs;
     },
     files() {
-      let showLimit = this.showLimit - this.items.dirs.length;
-
-      if (showLimit < 0) showLimit = 0;
-
-      return this.items.files.slice(0, showLimit);
+      return this.items.files;
     },
     nameIcon() {
       if (this.nameSorted && !this.ascOrdered) {
@@ -330,29 +323,13 @@ export default {
   },
   watch: {
     req: function () {
-      // Reset the show value
-      this.showLimit = 50;
-
       // Ensures that the listing is displayed
-      Vue.nextTick(() => {
-        // How much every listing item affects the window height
-        this.setItemWeight();
-
-        // Fill and fit the window with listing items
-        this.fillWindow(true);
-      });
     },
   },
   mounted: function () {
     // Check the columns size for the first time.
     this.colunmsResize();
 
-    // How much every listing item affects the window height
-    this.setItemWeight();
-
-    // Fill and fit the window with listing items
-    this.fillWindow(true);
-
     // Add the needed event listeners to the window and document.
     window.addEventListener("keydown", this.keyEvent);
     window.addEventListener("scroll", this.scrollEvent);
@@ -551,25 +528,6 @@ export default {
       if (columns === 0) columns = 1;
       items.style.width = `calc(${100 / columns}% - 1em)`;
     },
-    scrollEvent: throttle(function () {
-      const totalItems = this.req.numDirs + this.req.numFiles;
-
-      // All items are displayed
-      if (this.showLimit >= totalItems) return;
-
-      const currentPos = window.innerHeight + window.scrollY;
-
-      // Trigger at the 75% of the window height
-      const triggerPos = document.body.offsetHeight - window.innerHeight * 0.25;
-
-      if (currentPos > triggerPos) {
-        // Quantity of items needed to fill 2x of the window height
-        const showQuantity = Math.ceil((window.innerHeight * 2) / this.itemWeight);
-
-        // Increase the number of displayed items
-        this.showLimit += showQuantity;
-      }
-    }, 100),
     dragEnter() {
       this.dragCounter++;
 
@@ -708,11 +666,6 @@ export default {
       // Listing element is not displayed
       if (this.$refs.listing == null) return;
 
-      // How much every listing item affects the window height
-      this.setItemWeight();
-
-      // Fill but not fit the window
-      this.fillWindow();
     }, 100),
     download() {
       if (this.selectedCount === 1 && !this.req.items[this.selected[0]].isDir) {
@@ -748,33 +701,6 @@ export default {
         document.getElementById("upload-input").click();
       }
     },
-    setItemWeight() {
-      // Listing element is not displayed
-      if (this.$refs.listing == null) return;
-
-      let itemQuantity = this.req.numDirs + this.req.numFiles;
-      if (itemQuantity > this.showLimit) itemQuantity = this.showLimit;
-
-      // How much every listing item affects the window height
-      this.itemWeight = this.$refs.listing.offsetHeight / itemQuantity;
-    },
-    fillWindow(fit = false) {
-      const totalItems = this.req.numDirs + this.req.numFiles;
-
-      // More items are displayed than the total
-      if (this.showLimit >= totalItems && !fit) return;
-
-      const windowHeight = window.innerHeight;
-
-      // Quantity of items needed to fill 2x of the window height
-      const showQuantity = Math.ceil((windowHeight + windowHeight * 2) / this.itemWeight);
-
-      // Less items to display than current
-      if (this.showLimit > showQuantity && !fit) return;
-
-      // Set the number of displayed items
-      this.showLimit = showQuantity > totalItems ? totalItems : showQuantity;
-    },
   },
 };
 </script>