feat: toggle prefetching for files and folders

Author: adrianschubek

Dockerfile

@@ -1,6 +1,6 @@
 FROM php:8.4-fpm-alpine AS base
 
-ENV DIRBROWSER_VERSION=3.11.2
+ENV DIRBROWSER_VERSION=3.12.0
 
 RUN apk update && apk upgrade
 
@@ -121,6 +121,10 @@ ENV WORKER_FORCE_RESCAN=
 
 ENV PAGINATION_PER_PAGE=100
 
+ENV PREFETCH_FOLDERS=true
+
+ENV PREFETCH_FILES=false
+
 EXPOSE 8080
 
 CMD ["/init.sh"]

docs/docs/configuration/prefetch.mdx

@@ -0,0 +1,8 @@
+# Prefetching on Hover
+
+By default, hovering over a folder link in the filetree will prefetch the contents of the folder. This can be disabled by setting the `PREFETCH_FOLDERS` environment variable to `false`.
+Prefetching of files is disabled by default because it downloads the file in the background and may increase the counter inadvertently. This can be enabled again by setting the `PREFETCH_FILES` environment variable to `true`.
+
+import EnvConfig from '@site/src/components/EnvConfig';
+
+<EnvConfig name="PREFETCH_FOLDERS|PREFETCH_FILES" init="true|false" values="true,false|true,false" versions="3.12|3.12"/>

src/index.php

@@ -805,7 +805,7 @@ function toggletheme() {
           $fileDate = new DateTime($file->modified_date);
           $diff = $now->diff($fileDate)->days;
         ?>
-        <a data-turbo-action="advance" data-file-selected="0" data-file-isdir="<?= $file->is_dir ? "1" : "0" ?>" data-file-name="<?= $file->name ?>" data-file-dl="$[if `process.env.DOWNLOAD_COUNTER === "true"`]$<?= $file->dl_count ?>$[end]$" data-file-size="<?= $file->size ?>" data-file-mod="<?= $file->modified_date ?>"  href="${{`process.env.BASE_PATH ?? ''`}}$<?= $file->url ?><?= /* extra slash for dirs */ $file->is_dir ? "/" : "" ?>" class="row db-row py-2 db-file">
+        <a data-turbo-prefetch="<?= $file->is_dir ? "${{env:PREFETCH_FOLDERS}}$" : "${{env:PREFETCH_FILES}}$" ?>" data-turbo-action="advance" data-file-selected="0" data-file-isdir="<?= $file->is_dir ? "1" : "0" ?>" data-file-name="<?= $file->name ?>" data-file-dl="$[if `process.env.DOWNLOAD_COUNTER === "true"`]$<?= $file->dl_count ?>$[end]$" data-file-size="<?= $file->size ?>" data-file-mod="<?= $file->modified_date ?>"  href="${{`process.env.BASE_PATH ?? ''`}}$<?= $file->url ?><?= /* extra slash for dirs */ $file->is_dir ? "/" : "" ?>" class="row db-row py-2 db-file">
           <div class="col col-auto multiselect" style="display:none">
             <input class="form-check-input" style="padding:5px;pointer-events:none" type="checkbox" aria-label="..." />
           </div>