From 723777f0b89a17853a2c87627f80013e4ac8014e Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 11:48:12 +0200
Subject: [PATCH 1/8] Fix crash if filesize is too big

---
 _internal/DeerLister.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_internal/DeerLister.php b/_internal/DeerLister.php
index f28e7ce..c9117f2 100644
--- a/_internal/DeerLister.php
+++ b/_internal/DeerLister.php
@@ -35,7 +35,7 @@ function __construct()
         // Convert a size in byte to something more diggest
         $this->twig->addFilter(new TwigFilter("humanFileSize", function($size) {
             $units = ["B", "KB", "MB", "GB"];
-            for ($i = 0; $size > 1024; $i++) $size /= 1024;
+            for ($i = 0; $size > 1024 && $i < count($units); $i++) $size /= 1024;
 
             return round($size, 2) . $units[$i];
         }));

From 58e0fe6320f11dc8594ff825416b2ee663c3114c Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 12:19:07 +0200
Subject: [PATCH 2/8] Fix broken preview

---
 _internal/js/script.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/_internal/js/script.js b/_internal/js/script.js
index ae92e6e..6d71c15 100644
--- a/_internal/js/script.js
+++ b/_internal/js/script.js
@@ -51,6 +51,7 @@ function showFileModal(target, filename, content) {
     clone.querySelector("a").href = target.href
     
     // add into modal and show it
-    document.querySelector(".modal-body").innerHTML = clone
+    document.querySelector(".modal-body").innerHTML = ""
+    document.querySelector(".modal-body").appendChild(clone)
     document.getElementById("modal").style.display = "block"
 }

From e447eb8d26fbb2497d89e0ed7d87857721bd41bf Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 12:24:21 +0200
Subject: [PATCH 3/8] Add basic share button

---
 _internal/css/index.css             |  5 +++++
 _internal/js/script.js              | 11 +++++++++++
 _internal/templates/index.html.twig |  2 +-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/_internal/css/index.css b/_internal/css/index.css
index 1ab2202..6612fda 100644
--- a/_internal/css/index.css
+++ b/_internal/css/index.css
@@ -141,6 +141,11 @@ body {
     text-decoration: none;
 }
 
+.button:hover {
+    box-shadow: .15em .15em lightgrey;
+    cursor: pointer;
+}
+
 .codeblock {
     padding: 1em;
     border-radius: 5px;
diff --git a/_internal/js/script.js b/_internal/js/script.js
index 6d71c15..4bd5226 100644
--- a/_internal/js/script.js
+++ b/_internal/js/script.js
@@ -54,4 +54,15 @@ function showFileModal(target, filename, content) {
     document.querySelector(".modal-body").innerHTML = ""
     document.querySelector(".modal-body").appendChild(clone)
     document.getElementById("modal").style.display = "block"
+
+    document.getElementById("share").addEventListener("click", _ => {
+        if (navigator.share)
+        {
+            navigator.share({url: target.href});
+        }
+        else
+        {
+            window.prompt("Copy to share", target.href)
+        }
+    })
 }
diff --git a/_internal/templates/index.html.twig b/_internal/templates/index.html.twig
index 27472d6..86d60de 100644
--- a/_internal/templates/index.html.twig
+++ b/_internal/templates/index.html.twig
@@ -27,7 +27,7 @@
     </div>
 
     <template id="filepreview">
-        <h2 class="preview-title"></h2> <a class="button" download>Download</a>
+        <h2 class="preview-title"></h2> <a class="button" download>Download</a> <a class="button" id="share">Share</a>
 
         <div class="preview-content">
 

From 615f8630e2e4a01cb31478145e48e2f3f7001c5a Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 12:53:43 +0200
Subject: [PATCH 4/8] Implement share button

---
 _internal/DeerLister.php                      |  7 ++-
 _internal/js/script.js                        | 55 ++++++++++++-------
 _internal/templates/displays/normal.html.twig |  2 +-
 index.php                                     |  2 +-
 4 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/_internal/DeerLister.php b/_internal/DeerLister.php
index c9117f2..f092d47 100644
--- a/_internal/DeerLister.php
+++ b/_internal/DeerLister.php
@@ -153,6 +153,7 @@ private function readDirectory(string $directory, mixed $config): array|false
             array_push($files,
                 [
                     "name" => $name,
+                    "share" => urlencode($name),
                     "isFolder" => $isFolder,
                     "icon" => $isFolder ? Icons::getFolderIcon() : Icons::getIcon($ext),
                     "lastModified" => $modified,
@@ -288,7 +289,7 @@ public function registerFileDisplay(string $name, string $display)
         $this->fileDisplays[$name] = $instance;
     }
 
-    public function render(string $directory): string
+    public function render(string $directory, string $preview): string
     {
         // read the directory
         if (($files = $this->readDirectory($directory, $this->config)) === false)
@@ -333,6 +334,10 @@ public function render(string $directory): string
                 }
             }
 
+            if (urlencode($f["name"]) === $preview) {
+                $f["preview"] = true;
+            }
+
             if (!$displayBack && $f["name"] === "..")
             { }
             else if (!$displayOthers && isset($displayMode) && !$this->fileDisplays[$displayMode]->doesHandle($f["extension"]))
diff --git a/_internal/js/script.js b/_internal/js/script.js
index 4bd5226..97caecf 100644
--- a/_internal/js/script.js
+++ b/_internal/js/script.js
@@ -12,35 +12,46 @@ document.querySelector(".modal").addEventListener("click", function(event) {
     event.currentTarget.style.display = "none"
 })
 
+const prev = document.getElementById("selected-preview")
+if (prev != undefined) {
+    showFile(prev.href, prev.dataset.preview, prev.dataset.filename, prev.dataset.share)
+}
+
 function fileClicked(event) {
     const target = event.currentTarget
 
     const file = target.dataset.preview
     const filename = target.dataset.filename
+    const share = target.dataset.share
 
     // check if file is previewable
     if (file) {
-        event.preventDefault()
+        event.preventDefault
 
-        // fetch file preview
-        fetch("/?preview=" + encodeURIComponent(file))
-            .then(response => {
-                if (!response.ok) {
-                    throw "Failed to preview file: " + response.statusText
-                }
-
-                return response.text()
-            })
-            .then(content => {
-                showFileModal(target, filename, content);
-                document.querySelectorAll('pre code').forEach((el) => {
-                    hljs.highlightElement(el);
-                });
-            })
+        showFile(target.href, file, filename, share)
     }
 }
 
-function showFileModal(target, filename, content) {
+function showFile(href, file, filename, shareName) {
+
+    // fetch file preview
+    fetch("/?preview=" + encodeURIComponent(file))
+        .then(response => {
+            if (!response.ok) {
+                throw "Failed to preview file: " + response.statusText
+            }
+
+            return response.text()
+        })
+        .then(content => {
+            showFileModal(href, filename, content, shareName);
+            document.querySelectorAll('pre code').forEach((el) => {
+                hljs.highlightElement(el);
+            });
+        })
+}
+
+function showFileModal(href, filename, content, shareName) {
     // clone template
     const clone = template.content.cloneNode(true)
 
@@ -48,7 +59,7 @@ function showFileModal(target, filename, content) {
     clone.querySelector("h2").innerText = filename
     clone.querySelector("div").innerHTML = content
     
-    clone.querySelector("a").href = target.href
+    clone.querySelector("a").href = href
     
     // add into modal and show it
     document.querySelector(".modal-body").innerHTML = ""
@@ -56,13 +67,17 @@ function showFileModal(target, filename, content) {
     document.getElementById("modal").style.display = "block"
 
     document.getElementById("share").addEventListener("click", _ => {
+        const nodes = document.querySelectorAll(".path > a")
+        const dir = nodes[nodes.length - 1]
+        console.log(dir)
+        const url = `${window.location.origin}${window.location.pathname}${dir.href}&share=${shareName}`
         if (navigator.share)
         {
-            navigator.share({url: target.href});
+            navigator.share({url: url});
         }
         else
         {
-            window.prompt("Copy to share", target.href)
+            window.prompt("Copy to share", url)
         }
     })
 }
diff --git a/_internal/templates/displays/normal.html.twig b/_internal/templates/displays/normal.html.twig
index 1289f54..ccf425e 100644
--- a/_internal/templates/displays/normal.html.twig
+++ b/_internal/templates/displays/normal.html.twig
@@ -6,7 +6,7 @@
         <div class="last-modified">Last Modified</div>
     </div>
     {% for file in files %}
-        <a href="{{ file | getFilePath(path.full) }}" data-filename="{{ file.name }}" {%if file.filePreview %} data-preview="{{ file.filePreview }}" {% endif %}>
+        <a href="{{ file | getFilePath(path.full) }}" data-filename="{{ file.name }}" {%if file.filePreview %} data-preview="{{ file.filePreview }}" data-share="{{ file.share }}" {% endif %} {% if file.preview %} id="selected-preview" {% endif %}>
             <div class="file-info">
                 <div class="icon"><i class="{{ file.icon }}"></i></div>
                 <div class="name">{{ file.name }}</div>
diff --git a/index.php b/index.php
index 91a3f5b..6d255e4 100644
--- a/index.php
+++ b/index.php
@@ -36,4 +36,4 @@
     exit;
 }
 
-echo $lister->render($_GET["dir"] ?? "");
+echo $lister->render($_GET["dir"] ?? "", $_GET["share"] ?? "");

From 0aed6b548bcea691e62acac23c628d64f815bbad Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 12:57:01 +0200
Subject: [PATCH 5/8] Fix invalid share path

---
 _internal/js/script.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_internal/js/script.js b/_internal/js/script.js
index 97caecf..52ec241 100644
--- a/_internal/js/script.js
+++ b/_internal/js/script.js
@@ -26,7 +26,7 @@ function fileClicked(event) {
 
     // check if file is previewable
     if (file) {
-        event.preventDefault
+        event.preventDefault()
 
         showFile(target.href, file, filename, share)
     }
@@ -70,7 +70,7 @@ function showFileModal(href, filename, content, shareName) {
         const nodes = document.querySelectorAll(".path > a")
         const dir = nodes[nodes.length - 1]
         console.log(dir)
-        const url = `${window.location.origin}${window.location.pathname}${dir.href}&share=${shareName}`
+        const url = `${window.location.origin}${window.location.pathname}?dir=${dir.innerHTML}&share=${shareName}`
         if (navigator.share)
         {
             navigator.share({url: url});

From cbd2d79c60bc4e1cd9d30a8ff923d5fba0a7b967 Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 13:00:22 +0200
Subject: [PATCH 6/8] Remove debug

---
 _internal/js/script.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/_internal/js/script.js b/_internal/js/script.js
index 52ec241..14ebc72 100644
--- a/_internal/js/script.js
+++ b/_internal/js/script.js
@@ -69,7 +69,6 @@ function showFileModal(href, filename, content, shareName) {
     document.getElementById("share").addEventListener("click", _ => {
         const nodes = document.querySelectorAll(".path > a")
         const dir = nodes[nodes.length - 1]
-        console.log(dir)
         const url = `${window.location.origin}${window.location.pathname}?dir=${dir.innerHTML}&share=${shareName}`
         if (navigator.share)
         {

From 7bc358a5daccd5b63600e15470879b77e7f7439c Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 13:03:30 +0200
Subject: [PATCH 7/8] Add share for image and audio mode

---
 _internal/templates/displays/audio.html.twig | 8 ++++++--
 _internal/templates/displays/image.html.twig | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/_internal/templates/displays/audio.html.twig b/_internal/templates/displays/audio.html.twig
index c62f014..42f7ba5 100644
--- a/_internal/templates/displays/audio.html.twig
+++ b/_internal/templates/displays/audio.html.twig
@@ -7,10 +7,14 @@
     </div>
     {% for file in files %}
         <a href="{{ file | getFilePath(path.full) }}" data-filename="{{ file.name }}"
-            {%if file.extension | canBeDisplayed(displayName) %}
+            {% if file.extension | canBeDisplayed(displayName) %}
             class="audio-preview"
-            {%elseif file.filePreview %}
+            {% elseif file.filePreview %}
             data-preview="{{ file.filePreview }}"
+            data-share="{{ file.share }}"
+            {% endif %}
+            {% if file.preview %}
+            id="selected-preview"
             {% endif %}
         >
             <div class="file-info">
diff --git a/_internal/templates/displays/image.html.twig b/_internal/templates/displays/image.html.twig
index 0364bc0..110edad 100644
--- a/_internal/templates/displays/image.html.twig
+++ b/_internal/templates/displays/image.html.twig
@@ -1,6 +1,6 @@
 <div class="display-image-flex-container">
     {% for file in files %}
-        <a href="{{ file | getFilePath(path.full) }}" data-filename="{{ file.name }}" {%if file.filePreview %} data-preview="{{ file.filePreview }}" {% endif %}>
+        <a href="{{ file | getFilePath(path.full) }}" data-filename="{{ file.name }}" {%if file.filePreview %} data-preview="{{ file.filePreview }}" data-share="{{ file.share }}" {% endif %} {% if file.preview %} id="selected-preview" {% endif %}>
             <div class="display-image">
                 {%if file.name == ".." %}
                     <i class="fa-solid fa-arrow-left"></i>

From da5d3c3087aea061130c927356064a4d3b64415f Mon Sep 17 00:00:00 2001
From: Xwilarg <xwilarg@protonmail.com>
Date: Wed, 11 Sep 2024 13:06:29 +0200
Subject: [PATCH 8/8] Update CI

---
 .github/workflows/ci.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 4f97acd..ef83d92 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -15,14 +15,14 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
 
     - name: Validate composer.json and composer.lock
       run: composer validate --strict
 
     - name: Cache Composer packages
       id: composer-cache
-      uses: actions/cache@v3
+      uses: actions/cache@v4
       with:
         path: vendor
         key: ${{ runner.os }}-php-${{ hashFiles('**/composer.lock') }}
@@ -36,7 +36,7 @@ jobs:
       run: ./publish.sh
       
     - name: Upload release
-      uses: actions/upload-artifact@v2
+      uses: actions/upload-artifact@v4
       with:
         name: Release
         path: ./publish