Zoom improvements (#3810)

Task/Issue URL: https://app.asana.com/0/1201048563534612/1208866166089091/f

Author: mallexxx

DuckDuckGo-macOS.xcodeproj/project.pbxproj

@@ -374,6 +374,8 @@ final class AppDelegate: NSObject, NSApplicationDelegate {
 
         // Freemium DBP
         freemiumDBPFeature.subscribeToDependencyUpdates()
+
+        _=NSPopover.swizzleShowRelativeToRectOnce
     }
 
     // swiftlint:disable:next cyclomatic_complexity

DuckDuckGo-macOS.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "Zoom-Page-Increase-16D.svg",
+      "filename" : "Union.pdf",
       "idiom" : "universal"
     }
   ],

DuckDuckGo/Application/AppDelegate.swift

@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "Shape 1.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}

DuckDuckGo/Assets.xcassets/Images/OptionsButtonMenuZoom.imageset/OptionsButtonMenuZoom.pdf

@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "Shape 2.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}

DuckDuckGo/Assets.xcassets/Images/ZoomIncrease.imageset/Contents.json renamed to DuckDuckGo/Assets.xcassets/Images/ZoomChangeDefault.imageset/Contents.json

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "OptionsButtonMenuZoom.pdf",
+      "filename" : "Shape.pdf",
       "idiom" : "universal"
     }
   ],
@@ -10,6 +10,7 @@
     "version" : 1
   },
   "properties" : {
+    "preserves-vector-representation" : true,
     "template-rendering-intent" : "template"
   }
 }

DuckDuckGo/Assets.xcassets/Images/ZoomChangeDefault.imageset/Union.pdf

@@ -30,7 +30,6 @@ final class BookmarksBarMenuPopover: NSPopover {
     private(set) var rootFolder: BookmarkFolder?
 
     private(set) var preferredEdge: NSRectEdge?
-    private(set) weak var positioningView: NSView?
 
     private var bookmarksMenuPopoverDelegate: BookmarksBarMenuPopoverDelegate? {
         delegate as? BookmarksBarMenuPopoverDelegate
@@ -85,7 +84,6 @@ final class BookmarksBarMenuPopover: NSPopover {
             tableView.addSubview(v)
         }
 
-        self.positioningView = positioningView
         self.preferredEdge = preferredEdge
         viewController.adjustPreferredContentSize(positionedRelativeTo: positioningRect, of: positioningView, at: preferredEdge)
         super.show(relativeTo: positioningRect, of: positioningView, preferredEdge: preferredEdge)

DuckDuckGo/Assets.xcassets/Images/ZoomFullScreen.imageset/Contents.json

@@ -17,6 +17,8 @@
 //
 
 import AppKit
+import Combine
+import os.log
 
 extension NSPopover {
 
@@ -45,6 +47,22 @@ extension NSPopover {
         self.contentViewController?.view.window?.parent ?? Self.mainWindow
     }
 
+    private static let positioningViewKey = UnsafeRawPointer(bitPattern: "positioningViewKey".hashValue)!
+    private final class WeakPositioningViewRef: NSObject {
+        weak var view: NSView?
+        init(_ view: NSView? = nil) {
+            self.view = view
+        }
+    }
+    @nonobjc var positioningView: NSView? {
+        get {
+            (objc_getAssociatedObject(self, Self.positioningViewKey) as? WeakPositioningViewRef)?.view
+        }
+        set {
+            objc_setAssociatedObject(self, Self.positioningViewKey, newValue.map { WeakPositioningViewRef($0) }, .OBJC_ASSOCIATION_RETAIN)
+        }
+    }
+
     /// prefferred bounding box for the popover positioning
     @objc var boundingFrame: NSRect {
         guard let mainWindow else { return .infinite }
@@ -122,4 +140,36 @@ extension NSPopover {
         return nil
     }
 
+    static let swizzleShowRelativeToRectOnce: () = {
+        guard let originalMethod = class_getInstanceMethod(NSPopover.self, #selector(show(relativeTo:of:preferredEdge:))),
+              let swizzledMethod = class_getInstanceMethod(NSPopover.self, #selector(swizzled_show(relativeTo:of:preferredEdge:))) else {
+            assertionFailure("Methods not available")
+            return
+        }
+
+        method_exchangeImplementations(originalMethod, swizzledMethod)
+    }()
+
+    // ignore popovers shown from a view not in view hierarchy
+    // https://app.asana.com/0/1201037661562251/1206407295280737/f
+    @objc(swizzled_showRelativeToRect:ofView:preferredEdge:)
+    private dynamic func swizzled_show(relativeTo positioningRect: NSRect, of positioningView: NSView, preferredEdge: NSRectEdge) {
+        if positioningView.window == nil {
+            var observer: Cancellable?
+            observer = positioningView.observe(\.window) { positioningView, _ in
+                if positioningView.window != nil {
+                    self.swizzled_show(relativeTo: positioningRect, of: positioningView, preferredEdge: preferredEdge)
+                    observer?.cancel()
+                }
+            }
+            positioningView.onDeinit {
+                observer?.cancel()
+            }
+
+            Logger.general.error("trying to present \(self) from \(positioningView) not in view hierarchy")
+            return
+        }
+        self.positioningView = positioningView
+        self.swizzled_show(relativeTo: positioningRect, of: positioningView, preferredEdge: preferredEdge)
+    }
 }

DuckDuckGo/Assets.xcassets/Images/ZoomFullScreen.imageset/Shape 1.pdf

@@ -21,7 +21,6 @@ import Combine
 import Common
 import WebKit
 import UserScript
-import os.log
 
 extension WKWebViewConfiguration {
 
@@ -79,8 +78,6 @@ extension WKWebViewConfiguration {
 
         self.userContentController = userContentController
         self.processPool.geolocationProvider = GeolocationProvider(processPool: self.processPool)
-
-        _=NSPopover.swizzleShowRelativeToRectOnce
     }
 
 }
@@ -111,39 +108,3 @@ extension WKPreferences {
     }
 
 }
-
-extension NSPopover {
-
-    fileprivate static let swizzleShowRelativeToRectOnce: () = {
-        guard let originalMethod = class_getInstanceMethod(NSPopover.self, #selector(show(relativeTo:of:preferredEdge:))),
-              let swizzledMethod = class_getInstanceMethod(NSPopover.self, #selector(swizzled_show(relativeTo:of:preferredEdge:))) else {
-            assertionFailure("Methods not available")
-            return
-        }
-
-        method_exchangeImplementations(originalMethod, swizzledMethod)
-    }()
-
-    // ignore popovers shown from a view not in view hierarchy
-    // https://app.asana.com/0/1201037661562251/1206407295280737/f
-    @objc(swizzled_showRelativeToRect:ofView:preferredEdge:)
-    private dynamic func swizzled_show(relativeTo positioningRect: NSRect, of positioningView: NSView, preferredEdge: NSRectEdge) {
-        if positioningView.window == nil {
-            var observer: Cancellable?
-            observer = positioningView.observe(\.window) { positioningView, _ in
-                if positioningView.window != nil {
-                    self.swizzled_show(relativeTo: positioningRect, of: positioningView, preferredEdge: preferredEdge)
-                    observer?.cancel()
-                }
-            }
-            positioningView.onDeinit {
-                observer?.cancel()
-            }
-
-            Logger.general.error("trying to present \(self) from \(positioningView) not in view hierarchy")
-            return
-        }
-        self.swizzled_show(relativeTo: positioningRect, of: positioningView, preferredEdge: preferredEdge)
-    }
-
-}

DuckDuckGo/Assets.xcassets/Images/ZoomIn.imageset/Contents.json

@@ -53,6 +53,16 @@ internal class MouseOverButton: NSButton, Hoverable {
         }
     }
 
+    @IBInspectable var horizontalPadding: CGFloat = 0
+    @IBInspectable var verticalPadding: CGFloat = 0
+
+    override var intrinsicContentSize: NSSize {
+        var size = super.intrinsicContentSize
+        size.width += self.horizontalPadding
+        size.height += self.verticalPadding
+        return size
+    }
+
     var normalTintColor: NSColor? {
         didSet {
             updateTintColor()

DuckDuckGo/Assets.xcassets/Images/ZoomIn.imageset/Shape 2.pdf

@@ -304,9 +304,9 @@ final class MainMenu: NSMenu {
             toggleFullscreenMenuItem
             NSMenuItem.separator()
 
-            actualSizeMenuItem
             zoomInMenuItem
             zoomOutMenuItem
+            actualSizeMenuItem
             NSMenuItem.separator()
 
             NSMenuItem(title: UserText.mainMenuDeveloper) {

DuckDuckGo/Assets.xcassets/Images/ZoomIncrease.imageset/Zoom-Page-Increase-16D.svg

@@ -465,10 +465,12 @@ extension MainViewController {
 
     @objc func zoomIn(_ sender: Any) {
         getActiveTabAndIndex()?.tab.webView.zoomIn()
+        navigationBarViewController.addressBarViewController?.addressBarButtonsViewController?.openZoomPopover(source: .menu)
     }
 
     @objc func zoomOut(_ sender: Any) {
         getActiveTabAndIndex()?.tab.webView.zoomOut()
+        navigationBarViewController.addressBarViewController?.addressBarButtonsViewController?.openZoomPopover(source: .menu)
     }
 
     @objc func actualSize(_ sender: Any) {