fix: vips stacktrase printing and navigation path items truncating

e2e/dir.fixture

@@ -24,7 +24,7 @@
 
                         <li class="breadcrumb-item"><a href="/">Home</a></li>
 
-                            <li class="breadcrumb-item active" aria-current="page">video</li> 
+                            <li class="breadcrumb-item active" aria-current="page"><span>video</span></li> 
 
                     </ol>
                 </li>

e2e/search.fixture

@@ -24,7 +24,7 @@
 
                         <li class="breadcrumb-item"><a href="/">Home</a></li>
 
-                            <li class="breadcrumb-item active" aria-current="page">Search</li> 
+                            <li class="breadcrumb-item active" aria-current="page"><span>Search</span></li> 
 
                     </ol>
                 </li>

internal/crawler_os_test.go

@@ -12,5 +12,5 @@ func TestCrawlerOS(t *testing.T) {
 
 	files, err := NewCrawlerOS("../test").Scan("../test/index.tinytune")
 	require.NoError(err)
-	require.Len(files, 17)
+	require.Len(files, 20)
 }

pkg/preview/image.go

@@ -5,6 +5,7 @@ import (
 	"fmt"
 	"log/slog"
 	"runtime"
+	"strings"
 
 	"github.com/davidbyttow/govips/v2/vips"
 )
@@ -76,6 +77,13 @@ func downScale(image *vips.ImageRef, imageType int) ([]byte, error) {
 
 	bytes, _, err := image.ExportWebp(ep)
 	if err != nil {
+		// vips return stack traces for some corrupted files, so let's just hide stack trace
+		if strings.Contains(err.Error(), "Stack") {
+			errorMsg := strings.Split(err.Error(), "\n")
+			//nolint:err113
+			return nil, fmt.Errorf("%w: %w", ErrImageExport, errors.New(errorMsg[0]))
+		}
+
 		return nil, fmt.Errorf("%w: %w", ErrImageExport, err)
 	}
 

web/scss/_navbar.scss

@@ -18,10 +18,59 @@
     margin-bottom: 2px;
 }
 
+#navbarSupportedContent{
+    min-width: 0;
+
+    > :first-child{
+        min-width: inherit;
+
+        > :first-child{
+            min-width: inherit;
+        }
+    }
+
+}
+
+.breadcrumb{
+    padding-right: 1rem;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    flex-shrink: 0;
+
+    > :first-child {
+        flex-shrink: 1;
+    }
+    > :not(:first-child){
+        flex-shrink: 2;
+
+        > a,
+        > span {
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow:hidden;
+        }
+    }
+}
+
+
+.breadcrumb-item{
+    display: contents;
+    flex-basis: auto;
+    width: auto;
+}
+
 @include media-breakpoint-down(lg) {
     .breadcrumb{
         margin: 1rem 0;
+        flex-direction: column;
+
+        > .breadcrumb-item{
+            display: flex;
+            -webkit-box-orient: horizontal;
+            padding-left: 0;
+        }
     }
+
     .additional-actions{
         margin: 1rem auto;
         margin-top: 1.5rem;

web/templates/navbar.html

@@ -11,7 +11,7 @@
                         {{ $length := len .Path }}{{ if eq $length 0 }}<li class="breadcrumb-item active" aria-current="page">Home</li>{{ else }}
                         <li class="breadcrumb-item"><a href="/">Home</a></li>{{ end }}
                         {{ range $i, $e := .Path }}
-                            {{if eqMinusOne $i $length}}<li class="breadcrumb-item active" aria-current="page">{{ $e.Name }}</li> {{ else }}<li class="breadcrumb-item"><a href="/d/{{ $e.ID }}">{{ $e.Name }}</a></li> {{ end }}
+                            {{if eqMinusOne $i $length}}<li class="breadcrumb-item active" aria-current="page"><span>{{ $e.Name }}</span></li> {{ else }}<li class="breadcrumb-item"><a href="/d/{{ $e.ID }}">{{ $e.Name }}</a></li> {{ end }}
                         {{ end }}
                     </ol>
                 </li>