Add truncated only while collapsed

Author: swiftlysingh

CodeEdit/Features/Editor/JumpBar/Views/EditorJumpBarComponent.swift

@@ -26,16 +26,19 @@ struct EditorJumpBarComponent: View {
     @State var selection: CEWorkspaceFile
     @State var isHovering: Bool = false
     @State var button = NSPopUpButton()
+    @Binding var truncatedCrumbWidth: CGFloat?
 
     init(
         fileItem: CEWorkspaceFile,
         tappedOpenFile: @escaping (CEWorkspaceFile) -> Void,
-        isLastItem: Bool
+        isLastItem: Bool,
+        isTruncated: Binding<CGFloat?>
     ) {
         self.fileItem = fileItem
         self._selection = .init(wrappedValue: fileItem)
         self.tappedOpenFile = tappedOpenFile
         self.isLastItem = isLastItem
+        self._truncatedCrumbWidth = isTruncated
     }
 
     var siblings: [CEWorkspaceFile] {
@@ -66,7 +69,7 @@ struct EditorJumpBarComponent: View {
             return button
         }
         .frame(
-            maxWidth: isHovering || isLastItem ? nil : 20,
+            maxWidth: isHovering || isLastItem ? nil : truncatedCrumbWidth,
             alignment: .leading
         )
         .clipped()

CodeEdit/Features/Editor/JumpBar/Views/EditorJumpBarView.swift

@@ -25,6 +25,11 @@ struct EditorJumpBarView: View {
 
     static let height = 28.0
 
+    @State private var textWidth: CGFloat = 0
+    @State private var containerWidth: CGFloat = 0
+    @State private var isTruncated: Bool = false
+    @State private var crumbWidth: CGFloat? = nil
+
     init(
         file: CEWorkspaceFile?,
         shouldShowTabBar: Bool,
@@ -50,24 +55,59 @@ struct EditorJumpBarView: View {
     }
 
     var body: some View {
-        ScrollView(.horizontal, showsIndicators: false) {
-            HStack(spacing: 0) {
-                if file == nil {
-                    Text("No Selection")
-                        .font(.system(size: 11, weight: .regular))
-                        .foregroundColor(
-                            activeState != .inactive
-                            ? isActiveEditor ? .primary : .secondary
-                            : Color(nsColor: .tertiaryLabelColor)
-                        )
-                } else {
-                    ForEach(fileItems, id: \.self) { fileItem in
-                        EditorJumpBarComponent(
-                            fileItem: fileItem,
-                            tappedOpenFile: tappedOpenFile,
-                            isLastItem: fileItems.last == fileItem
-                        )
+        GeometryReader { containerProxy in
+            ScrollView(.horizontal, showsIndicators: false) {
+                HStack(spacing: 0) {
+                    if file == nil {
+                        Text("No Selection")
+                            .font(.system(size: 11, weight: .regular))
+                            .foregroundColor(
+                                activeState != .inactive
+                                ? isActiveEditor ? .primary : .secondary
+                                : Color(nsColor: .tertiaryLabelColor)
+                            )
+                    } else {
+                        ForEach(fileItems, id: \.self) { fileItem in
+                            EditorJumpBarComponent(
+                                fileItem: fileItem,
+                                tappedOpenFile: tappedOpenFile,
+                                isLastItem: fileItems.last == fileItem,
+                                isTruncated: $crumbWidth
+                            )
+                        }
+
+                    }
+                }
+                .background(
+                    GeometryReader { proxy in
+                        Color.clear
+                            .onAppear {
+                                if crumbWidth == nil {
+                                    textWidth = proxy.size.width
+                                }
+                            }
+                            .onChange(of: proxy.size.width) { newValue in
+                                if crumbWidth == nil {
+                                    textWidth = newValue
+                                }
+                            }
                     }
+                )
+            }
+            .onAppear {
+                containerWidth = containerProxy.size.width
+            }
+            .onChange(of: containerProxy.size.width) { newValue in
+                containerWidth = newValue
+            }
+            .onChange(of: textWidth) { _ in
+                withAnimation(.easeInOut(duration: 0.2)) {
+                    resize()
+                }
+            }
+            .onChange(of: containerWidth) { _ in
+                withAnimation(.easeInOut(duration: 0.2)) {
+                    resize()
                 }
             }
         }
@@ -86,4 +126,22 @@ struct EditorJumpBarView: View {
         .opacity(activeState == .inactive ? 0.8 : 1.0)
         .grayscale(isActiveEditor ? 0.0 : 1.0)
     }
+
+    private func resize() {
+        let minWidth: CGFloat = 20
+        let snapThreshold: CGFloat = 30
+        let maxWidth: CGFloat = textWidth / CGFloat(fileItems.count)
+        let exponent: CGFloat = 5.0
+
+        if textWidth >= containerWidth {
+            let scale = max(0, min(1, containerWidth / textWidth))
+            var width = floor((minWidth + (maxWidth - minWidth) * pow(scale, exponent)))
+            if width < snapThreshold {
+                width = minWidth
+            }
+            crumbWidth = width
+        } else {
+            crumbWidth = nil
+        }
+    }
 }