| | |
| | | |
| | | @MainActor |
| | | final class QuickSwitchRootView: NSView { |
| | | private static let appShelfIndexSymbols = Array("1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ").map(String.init) |
| | | private static let appShelfIndexKeyCodes: [String: UInt16] = [ |
| | | "1": 18, "2": 19, "3": 20, "4": 21, "5": 23, |
| | | "6": 22, "7": 26, "8": 28, "9": 25, "0": 29, |
| | | "A": 0, "B": 11, "C": 8, "D": 2, "E": 14, "F": 3, |
| | | "G": 5, "H": 4, "I": 34, "J": 38, "K": 40, "L": 37, |
| | | "M": 46, "N": 45, "O": 31, "P": 35, "Q": 12, "R": 15, |
| | | "S": 1, "T": 17, "U": 32, "V": 9, "W": 13, "X": 7, |
| | | "Y": 16, "Z": 6 |
| | | ] |
| | | |
| | | private let backdropBlurView = NSVisualEffectView() |
| | | private let layerHostView = NSView() |
| | | private let backgroundLayer = CAGradientLayer() |
| | |
| | | private lazy var closeConfirmationLayers = makeCloseConfirmationLayers() |
| | | private let closeFeedbackLayer = CALayer() |
| | | private let closeFeedbackTextLayer = CATextLayer() |
| | | private let viewModeToggleButtonLayer = CALayer() |
| | | private let viewModeToggleIconLayer = CALayer() |
| | | private let appIconProvider: any AppIconProviderProtocol = WorkspaceAppIconProvider() |
| | | private let skeletonThumbnailProvider = NativeSkeletonThumbnailProvider(size: NSSize(width: 160, height: 96)) |
| | | private var screenshotSourcesByWindowID: [UInt32: ScreenshotResolutionSource] = [:] |
| | |
| | | private var closeConfirmationRequired = true |
| | | private var closeFeedback: CloseFeedback? |
| | | private var closeFeedbackHideTask: Task<Void, Never>? |
| | | private var isViewModeToggleButtonHovered = false |
| | | private var suppressViewModeToggleHoverPreview = false |
| | | private var hoverTarget: HoverTarget = .none |
| | | private var hoverTargetSource: HoverTargetSource = .event |
| | | private var hoveredSpaceLaneID: UInt64? |
| | | private var focusedSpaceID: UInt64? |
| | | private var debugHoveredAppGroupIndex: Int? |
| | | private var waterfallColumns: [WaterfallColumnLayers] = [] |
| | | private var waterfallViewMode: QuickSwitchWaterfallViewMode = .verticalColumns |
| | | private var waterfallContentWidth: CGFloat = 0 |
| | | private var waterfallScrollOffset: CGFloat = 0 |
| | | private var waterfallColumnScrollOffsets: [Int: CGFloat] = [:] |
| | | private var horizontalMasonryContentHeight: CGFloat = 0 |
| | | private var horizontalMasonryScrollOffset: CGFloat = 0 |
| | | private var currentSelection: QuickSwitchSelection? |
| | | private var columnSelectionHistory: [Int: Int] = [:] |
| | | private var keyboardFocusedAppGroupIndex: Int? |
| | | private var keyboardFocusedWindowID: UInt32? |
| | | private var keyboardCommandsApplied: [String] = [] |
| | | private var lastKeyboardCommand: String? |
| | | private var lastKeyboardAppIndexCommand: String? |
| | | private var appShelfIndexKeyDownCount = 0 |
| | | private var lastAppShelfIndexKeySymbol: String? |
| | | private var lastBoundaryBounceAxis: String? |
| | | private var lastBoundaryBounceDirection: String? |
| | | private var boundaryBounceCount = 0 |
| | | private var selectionChangedByLastCommand: Bool? |
| | | private var tabIgnoredCount = 0 |
| | | private var lastCommittedSelection: QuickSwitchSelection? |
| | | private var lastCommitSource: QuickSwitchCommitSource? |
| | |
| | | var onCommitSelection: ((QuickSwitchSelection, QuickSwitchCommitSource) -> Void)? |
| | | var onSpaceLaneClick: ((UInt64, Int) -> Void)? |
| | | var onBackgroundClick: (() -> Bool)? |
| | | var onToggleWaterfallViewMode: (() -> Void)? |
| | | var onRequestClose: ((QuickSwitchCloseRequest) -> Void)? |
| | | var onCloseConfirmationDisabled: (() -> Void)? |
| | | |
| | |
| | | private enum HoverTargetSource: String { |
| | | case event |
| | | case debug |
| | | case keyboard |
| | | } |
| | | |
| | | private enum HorizontalKeyboardFocusKind: String { |
| | | case app |
| | | case window |
| | | } |
| | | |
| | | private struct HorizontalKeyboardFocusNode { |
| | | let kind: HorizontalKeyboardFocusKind |
| | | let appGroupIndex: Int |
| | | let windowIndex: Int? |
| | | let windowID: UInt32? |
| | | let spaceID: UInt64? |
| | | let frame: CGRect |
| | | let order: Int |
| | | |
| | | var center: CGPoint { |
| | | CGPoint(x: frame.midX, y: frame.midY) |
| | | } |
| | | |
| | | func matches(_ other: HorizontalKeyboardFocusNode) -> Bool { |
| | | kind == other.kind |
| | | && appGroupIndex == other.appGroupIndex |
| | | && windowIndex == other.windowIndex |
| | | && windowID == other.windowID |
| | | } |
| | | } |
| | | |
| | | private struct SpaceLaneSegmentLayers { |
| | |
| | | let labelLayer: CATextLayer |
| | | let countLayer: CATextLayer |
| | | let appLayer: CATextLayer |
| | | let splitAppLayers: [CATextLayer] |
| | | let windowBlocks: [CALayer] |
| | | let fullscreenMarkerLayer: CALayer? |
| | | } |
| | |
| | | let item: QuickSwitchAppShelfItemViewModel |
| | | let containerLayer: CALayer |
| | | let backgroundLayer: CALayer |
| | | let indexLayer: CATextLayer |
| | | let iconLayer: CALayer |
| | | let labelLayer: CATextLayer |
| | | let badgeLayer: CATextLayer |
| | |
| | | private struct WaterfallColumnLayers { |
| | | let column: QuickSwitchWaterfallColumnViewModel |
| | | let containerLayer: CALayer |
| | | let cardsClipLayer: CALayer |
| | | let headerLayer: CALayer |
| | | let appNameLayer: CATextLayer |
| | | let countLayer: CATextLayer |
| | |
| | | static let normalGap: CGFloat = 16 |
| | | static let minGap: CGFloat = 8 |
| | | static let maxRows = 2 |
| | | static let indexFontSize: CGFloat = 16 |
| | | static let compressedIndexFontSize: CGFloat = 14 |
| | | static let indexWidth: CGFloat = 18 |
| | | static let indexHeight: CGFloat = 24 |
| | | } |
| | | |
| | | private enum RootLayoutMetrics { |
| | |
| | | static let shelfGap: CGFloat = 16 |
| | | static let waterfallTopGap: CGFloat = 14 |
| | | static let bottomMargin: CGFloat = 34 |
| | | } |
| | | |
| | | private enum ViewModeToggleMetrics { |
| | | static let hitSize: CGFloat = 34 |
| | | static let visualSize: CGFloat = 30 |
| | | static let cornerRadius: CGFloat = 9 |
| | | static let iconInset: CGFloat = 7 |
| | | static let glyphLineWidth: CGFloat = 1.65 |
| | | static let glyphCornerRadius: CGFloat = 2.1 |
| | | static let selectedShadowRadius: CGFloat = 10 |
| | | static let idleShadowRadius: CGFloat = 5 |
| | | } |
| | | |
| | | private enum ViewModeToggleVisualState: String { |
| | | case horizontalAvailable = "H1" |
| | | case horizontalSelected = "H2" |
| | | case verticalAvailable = "Z1" |
| | | case verticalSelected = "Z2" |
| | | } |
| | | |
| | | private enum WaterfallMetrics { |
| | |
| | | static let cardGap: CGFloat = 12 |
| | | static let revealPadding: CGFloat = 24 |
| | | static let horizontalRevealPadding: CGFloat = 0 |
| | | static let selectedCardScale: CGFloat = 1.015 |
| | | static let selectedCardScaleOverflow: CGFloat = cardHeight * (selectedCardScale - 1) / 2 |
| | | } |
| | | |
| | | private enum HorizontalMasonryMetrics { |
| | | static let horizontalPadding: CGFloat = 12 |
| | | static let verticalPadding: CGFloat = 0 |
| | | static let horizontalGap: CGFloat = 16 |
| | | static let verticalGap: CGFloat = WaterfallMetrics.cardGap |
| | | static let cardMinWidth: CGFloat = 220 |
| | | static let cardMaxWidth: CGFloat = 320 |
| | | static let cardHeight: CGFloat = WaterfallMetrics.cardHeight |
| | | } |
| | | |
| | | private enum WaterfallHorizontalIntent { |
| | |
| | | case TriggerKeyCode.tab: |
| | | performKeyboardCommand("tab") |
| | | default: |
| | | if handleAppShelfIndexKey(event) { |
| | | return |
| | | } |
| | | super.keyDown(with: event) |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | if shouldScrollWaterfall(for: event) { |
| | | if isHorizontalMasonryMode { |
| | | let currentOffset = horizontalMasonryScrollOffset |
| | | horizontalMasonryScrollOffset = clampedHorizontalMasonryOffset( |
| | | currentOffset - event.scrollingDeltaY |
| | | ) |
| | | needsLayout = true |
| | | return |
| | | } |
| | | |
| | | if abs(event.scrollingDeltaX) >= abs(event.scrollingDeltaY), waterfallAlignmentScrollable { |
| | | waterfallScrollOffset = clampedWaterfallAlignmentOffset(waterfallScrollOffset - event.scrollingDeltaX) |
| | | needsLayout = true |
| | |
| | | override func mouseMoved(with event: NSEvent) { |
| | | guard debugHoveredAppGroupIndex == nil else { return } |
| | | |
| | | let toggleHovered = viewModeToggleButtonContains(windowLocation: event.locationInWindow) |
| | | if !toggleHovered { |
| | | suppressViewModeToggleHoverPreview = false |
| | | } |
| | | let shouldShowToggleHoverPreview = toggleHovered && !suppressViewModeToggleHoverPreview |
| | | if isViewModeToggleButtonHovered != shouldShowToggleHoverPreview { |
| | | isViewModeToggleButtonHovered = shouldShowToggleHoverPreview |
| | | needsLayout = true |
| | | } |
| | | if toggleHovered { |
| | | hoveredCloseTarget = nil |
| | | setHoverTarget(.none) |
| | | return |
| | | } |
| | | |
| | | let closeTarget = closeButtonTarget(at: event.locationInWindow) |
| | | if hoveredCloseTarget != closeTarget { |
| | | hoveredCloseTarget = closeTarget |
| | |
| | | |
| | | override func mouseExited(with event: NSEvent) { |
| | | guard debugHoveredAppGroupIndex == nil else { return } |
| | | isViewModeToggleButtonHovered = false |
| | | suppressViewModeToggleHoverPreview = false |
| | | hoveredCloseTarget = nil |
| | | setHoverTarget(.none) |
| | | } |
| | |
| | | } |
| | | |
| | | if handleCloseConfirmationMouseDown(at: event.locationInWindow) { |
| | | return |
| | | } |
| | | |
| | | if viewModeToggleButtonContains(windowLocation: event.locationInWindow) { |
| | | clickViewModeToggleButton(source: "mouse") |
| | | return |
| | | } |
| | | |
| | |
| | | layoutSubtreeIfNeeded() |
| | | for command in commands { |
| | | let measurementStart = CACurrentMediaTime() |
| | | performKeyboardCommand(command) |
| | | if !performDebugPhysicalIndexKeyCommand(command) { |
| | | performKeyboardCommand(command) |
| | | } |
| | | layoutSubtreeIfNeeded() |
| | | CATransaction.flush() |
| | | keyboardResponseLatencyMilliseconds.append(milliseconds(since: measurementStart)) |
| | | } |
| | | } |
| | | |
| | | private func performDebugPhysicalIndexKeyCommand(_ rawCommand: String) -> Bool { |
| | | let command = rawCommand.trimmingCharacters(in: .whitespacesAndNewlines) |
| | | let uppercased = command.uppercased() |
| | | let prefixes = ["PHYSICAL-INDEX:", "PHYSICAL-INDEX-", "KEYDOWN:", "KEYDOWN-"] |
| | | guard let prefix = prefixes.first(where: { uppercased.hasPrefix($0) }) else { |
| | | return false |
| | | } |
| | | |
| | | let symbolStart = command.index(command.startIndex, offsetBy: prefix.count) |
| | | guard let symbol = appShelfIndexSymbol(fromKeyboardCommand: String(command[symbolStart...])), |
| | | let keyCode = Self.appShelfIndexKeyCodes[symbol], |
| | | let event = NSEvent.keyEvent( |
| | | with: .keyDown, |
| | | location: .zero, |
| | | modifierFlags: [.option], |
| | | timestamp: ProcessInfo.processInfo.systemUptime, |
| | | windowNumber: window?.windowNumber ?? 0, |
| | | context: nil, |
| | | characters: symbol.lowercased(), |
| | | charactersIgnoringModifiers: symbol.lowercased(), |
| | | isARepeat: false, |
| | | keyCode: keyCode |
| | | ) |
| | | else { |
| | | recordKeyboardCommand("invalidPhysicalIndex:\(command)") |
| | | selectionChangedByLastCommand = false |
| | | return true |
| | | } |
| | | |
| | | let previousSuppressEventInput = suppressEventInput |
| | | suppressEventInput = false |
| | | keyDown(with: event) |
| | | suppressEventInput = previousSuppressEventInput |
| | | return true |
| | | } |
| | | |
| | | func performDebugMouseCommands(_ commands: [String]) { |
| | |
| | | needsLayout = true |
| | | } |
| | | |
| | | func setWaterfallViewMode(_ mode: QuickSwitchWaterfallViewMode) { |
| | | guard waterfallViewMode != mode else { return } |
| | | |
| | | waterfallViewMode = mode |
| | | waterfallScrollOffset = 0 |
| | | waterfallColumnScrollOffsets = [:] |
| | | horizontalMasonryScrollOffset = 0 |
| | | horizontalMasonryContentHeight = 0 |
| | | needsLayout = true |
| | | } |
| | | |
| | | func showCloseProgress(for request: QuickSwitchCloseRequest) { |
| | | setCloseFeedback( |
| | | CloseFeedback( |
| | |
| | | if case .realScreenshot = resolution.source { |
| | | let isSelected = card.item.window.id == effectiveSelection?.windowID |
| | | let isHovered = card.item.window.id == hoveredWindowID |
| | | card.shineLayer.opacity = shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) ? 1 : 0 |
| | | let isKeyboardFocused = card.item.window.id == keyboardFocusedWindowID |
| | | card.shineLayer.opacity = (shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) || isKeyboardFocused) ? 1 : 0 |
| | | } |
| | | needsLayout = true |
| | | } |
| | |
| | | apply(viewModel: viewModel, preservingInteractionState: true, animatedProjection: true) |
| | | } |
| | | |
| | | func hoverNextAppGroupIndex(cycleForward: Bool = true) -> Bool { |
| | | guard !appShelfItems.isEmpty else { |
| | | return false |
| | | } |
| | | |
| | | let orderedIndexes = appShelfItems.map(\.item.appGroupIndex) |
| | | let sortedIndexes = orderedIndexes |
| | | |
| | | var currentIndexPosition: Int? |
| | | if let currentHovered = effectiveHoveredAppGroupIndex { |
| | | currentIndexPosition = sortedIndexes.firstIndex(of: currentHovered) |
| | | } |
| | | |
| | | let nextPosition = currentIndexPosition.map { current in |
| | | if cycleForward { |
| | | (current + 1) % sortedIndexes.count |
| | | } else { |
| | | (current - 1 + sortedIndexes.count) % sortedIndexes.count |
| | | } |
| | | } ?? 0 |
| | | |
| | | let nextAppGroupIndex = sortedIndexes[nextPosition] |
| | | hoverAppGroup(nextAppGroupIndex) |
| | | return true |
| | | } |
| | | |
| | | private func apply( |
| | | viewModel: QuickSwitchViewModel?, |
| | | preservingInteractionState: Bool, |
| | | animatedProjection: Bool |
| | | ) { |
| | | let preservedWindowThumbnails = preservingInteractionState ? cachedThumbnailsByWindowID() : [:] |
| | | let transitionSnapshot = animatedProjection ? captureProjectionTransitionSnapshot() : nil |
| | | if !animatedProjection { |
| | | resetProjectionTransitionReport() |
| | |
| | | currentSelection = validSelection(currentSelection, in: viewModel) ?? viewModel?.initialSelection |
| | | columnSelectionHistory = columnSelectionHistory.filter { appGroupIndex, _ in |
| | | viewModel?.waterfallColumns.contains { $0.appGroupIndex == appGroupIndex } == true |
| | | } |
| | | if let keyboardFocusedAppGroupIndex, |
| | | viewModel?.waterfallColumns.contains(where: { $0.appGroupIndex == keyboardFocusedAppGroupIndex }) != true { |
| | | self.keyboardFocusedAppGroupIndex = nil |
| | | } |
| | | if let keyboardFocusedWindowID, |
| | | viewModel?.waterfallColumns.contains(where: { column in |
| | | column.windows.contains { $0.window.id == keyboardFocusedWindowID } |
| | | }) != true { |
| | | self.keyboardFocusedWindowID = nil |
| | | } |
| | | if let currentSelection { |
| | | columnSelectionHistory[currentSelection.appGroupIndex] = currentSelection.windowIndex |
| | |
| | | screenshotSkippedReasonsByWindowID = [:] |
| | | currentSelection = viewModel?.initialSelection |
| | | columnSelectionHistory = [:] |
| | | keyboardFocusedAppGroupIndex = nil |
| | | keyboardFocusedWindowID = nil |
| | | keyboardCommandsApplied = [] |
| | | lastKeyboardCommand = nil |
| | | lastKeyboardAppIndexCommand = nil |
| | | lastBoundaryBounceAxis = nil |
| | | lastBoundaryBounceDirection = nil |
| | | boundaryBounceCount = 0 |
| | | selectionChangedByLastCommand = nil |
| | | tabIgnoredCount = 0 |
| | | lastCommittedSelection = nil |
| | | lastCommitSource = nil |
| | |
| | | lastSpaceFocusedAppGroupIndex = nil |
| | | lastSpaceLaneClickSpaceID = nil |
| | | lastAppShelfScrollSyncedAppGroupIndex = nil |
| | | waterfallScrollOffset = 0 |
| | | waterfallColumnScrollOffsets = [:] |
| | | horizontalMasonryScrollOffset = 0 |
| | | horizontalMasonryContentHeight = 0 |
| | | focusedSpaceID = nil |
| | | hoveredCloseTarget = nil |
| | | pendingCloseTarget = nil |
| | |
| | | rebuildSpaceLaneSegments() |
| | | rebuildAppShelfItems() |
| | | rebuildWaterfallColumns() |
| | | |
| | | if preservingInteractionState { |
| | | restoreThumbnailsFromCache(preservedWindowThumbnails) |
| | | } |
| | | |
| | | needsLayout = true |
| | | ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: false)) |
| | | needsLayout = true |
| | | if animatedProjection, let transitionSnapshot { |
| | | layoutSubtreeIfNeeded() |
| | | applyProjectionTransitionAnimations(from: transitionSnapshot) |
| | | } |
| | | } |
| | | |
| | | private func cachedThumbnailsByWindowID() -> [UInt32: Any] { |
| | | var snapshots: [UInt32: Any] = [:] |
| | | |
| | | for card in waterfallCardsByWindowID().values { |
| | | snapshots[card.item.window.id] = card.thumbnailLayer.contents |
| | | } |
| | | |
| | | return snapshots |
| | | } |
| | | |
| | | private func restoreThumbnailsFromCache(_ cachedThumbnails: [UInt32: Any]) { |
| | | for card in waterfallCardsByWindowID().values { |
| | | if let thumbnail = cachedThumbnails[card.item.window.id] { |
| | | card.thumbnailLayer.contents = thumbnail |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | "activeSpaceFocusID": activeSpaceFocusID ?? NSNull(), |
| | | "spaceFilterLockedSpaceID": currentViewModel?.lockedSpaceID ?? NSNull(), |
| | | "spaceFilterActive": currentViewModel?.lockedSpaceID != nil, |
| | | "viewModeToggleButtonVisible": !viewModeToggleButtonLayer.isHidden, |
| | | "viewModeToggleButtonHovered": isViewModeToggleButtonHovered, |
| | | "viewModeToggleHoverPreviewSuppressed": suppressViewModeToggleHoverPreview, |
| | | "viewModeToggleButtonFrame": dictionary(from: viewModeToggleButtonLayer.frame), |
| | | "viewModeToggleHitSize": Double(ViewModeToggleMetrics.hitSize), |
| | | "viewModeToggleVisualSize": Double(ViewModeToggleMetrics.visualSize), |
| | | "viewModeToggleCurrentMode": waterfallViewMode.rawValue, |
| | | "viewModeToggleTargetMode": nextWaterfallViewMode.rawValue, |
| | | "viewModeToggleIconKind": viewModeToggleIconKind, |
| | | "viewModeToggleVisualState": viewModeToggleVisualState.rawValue, |
| | | "viewModeToggleStandardBlueColor": colorDictionary(from: viewModeToggleBlueColor.cgColor), |
| | | "viewModeToggleGlyphLineWidth": Double(ViewModeToggleMetrics.glyphLineWidth), |
| | | "viewModeToggleAccessibilityLabel": viewModeToggleAccessibilityLabel, |
| | | "settingsButtonVisible": false, |
| | | "spaceFocusAppGroupIndexes": spaceFocusedAppGroupIndexes(), |
| | | "appHoverAssociatedSpaceIDs": appHoverAssociatedSpaceIDs.sorted(), |
| | | "appHoverAssociatedSpaceLabels": appHoverAssociatedSpaceLabels, |
| | |
| | | "appShelfMinIconSize": Double(AppShelfMetrics.minIconSize), |
| | | "appShelfItems": appShelfItemReports(), |
| | | "waterfallFrame": dictionary(from: waterfallLayer.frame), |
| | | "waterfallViewMode": waterfallViewMode.rawValue, |
| | | "waterfallContentWidth": Double(waterfallContentWidth), |
| | | "waterfallVisibleWidth": Double(waterfallLayer.bounds.width), |
| | | "waterfallScrollOffset": Double(waterfallScrollOffset), |
| | | "waterfallMaxScrollOffset": Double(waterfallMaxScrollOffset), |
| | | "horizontalMasonryContentHeight": Double(horizontalMasonryContentHeight), |
| | | "horizontalMasonryScrollOffset": Double(horizontalMasonryScrollOffset), |
| | | "horizontalMasonryMaxScrollOffset": Double(horizontalMasonryMaxScrollOffset), |
| | | "horizontalMasonryScrollable": horizontalMasonryMaxScrollOffset > 0, |
| | | "waterfallAlignmentMinScrollOffset": Double(waterfallAlignmentScrollRange.lowerBound), |
| | | "waterfallAlignmentMaxScrollOffset": Double(waterfallAlignmentScrollRange.upperBound), |
| | | "waterfallScrollable": waterfallMaxScrollOffset > 0, |
| | |
| | | "selectedAppGroupIndex": effectiveSelection?.appGroupIndex ?? NSNull(), |
| | | "selectedWindowIndex": effectiveSelection?.windowIndex ?? NSNull(), |
| | | "selectedWindowID": effectiveSelection?.windowID ?? NSNull(), |
| | | "keyboardFocusedAppGroupIndex": keyboardFocusedAppGroupIndex ?? NSNull(), |
| | | "keyboardFocusedWindowID": keyboardFocusedWindowID ?? NSNull(), |
| | | "horizontalAppDefaultWindowID": horizontalAppDefaultWindowID ?? NSNull(), |
| | | "keyboardCommandsApplied": keyboardCommandsApplied, |
| | | "lastKeyboardCommand": lastKeyboardCommand ?? NSNull(), |
| | | "lastKeyboardAppIndexCommand": lastKeyboardAppIndexCommand ?? NSNull(), |
| | | "appShelfIndexKeyDownCount": appShelfIndexKeyDownCount, |
| | | "lastAppShelfIndexKeySymbol": lastAppShelfIndexKeySymbol ?? NSNull(), |
| | | "lastBoundaryBounceAxis": lastBoundaryBounceAxis ?? NSNull(), |
| | | "lastBoundaryBounceDirection": lastBoundaryBounceDirection ?? NSNull(), |
| | | "boundaryBounceCount": boundaryBounceCount, |
| | | "selectionChangedByLastCommand": selectionChangedByLastCommand ?? NSNull(), |
| | | "tabIgnoredCount": tabIgnoredCount, |
| | | "lastCommittedAppGroupIndex": lastCommittedSelection?.appGroupIndex ?? NSNull(), |
| | | "lastCommittedWindowIndex": lastCommittedSelection?.windowIndex ?? NSNull(), |
| | |
| | | .lowercased() |
| | | guard !command.isEmpty else { return } |
| | | |
| | | if let indexSymbol = appShelfIndexSymbol(fromKeyboardCommand: command) { |
| | | let recordedCommand = "app:\(indexSymbol)" |
| | | recordKeyboardCommand(recordedCommand) |
| | | if !focusAppShelfItemForKeyboard(indexSymbol: indexSymbol, commandLabel: recordedCommand) { |
| | | selectionChangedByLastCommand = false |
| | | } |
| | | return |
| | | } |
| | | |
| | | switch command { |
| | | case "left": |
| | | recordKeyboardCommand("left") |
| | | moveSelection(.left) |
| | | if isHorizontalMasonryMode { |
| | | moveSelection(.left) |
| | | } else if !moveKeyboardAppFocus(cycleForward: false) { |
| | | selectionChangedByLastCommand = false |
| | | } |
| | | case "right": |
| | | recordKeyboardCommand("right") |
| | | moveSelection(.right) |
| | | if isHorizontalMasonryMode { |
| | | moveSelection(.right) |
| | | } else if !moveKeyboardAppFocus(cycleForward: true) { |
| | | selectionChangedByLastCommand = false |
| | | } |
| | | case "up": |
| | | recordKeyboardCommand("up") |
| | | moveSelection(.up) |
| | | if isHorizontalMasonryMode { |
| | | moveSelection(.up) |
| | | } else { |
| | | moveVerticalSelectionWithinFocusedColumn(.up) |
| | | } |
| | | case "down": |
| | | recordKeyboardCommand("down") |
| | | moveSelection(.down) |
| | | if isHorizontalMasonryMode { |
| | | moveSelection(.down) |
| | | } else { |
| | | moveVerticalSelectionWithinFocusedColumn(.down) |
| | | } |
| | | case "enter", "return", "commit": |
| | | recordKeyboardCommand("enter") |
| | | selectionChangedByLastCommand = false |
| | | commitCurrentSelection() |
| | | case "tab": |
| | | tabIgnoredCount += 1 |
| | | recordKeyboardCommand("tabIgnored") |
| | | if isHorizontalMasonryMode { |
| | | recordKeyboardCommand("tab") |
| | | moveHorizontalMasonryTabSelection() |
| | | } else { |
| | | tabIgnoredCount += 1 |
| | | recordKeyboardCommand("tabIgnored") |
| | | selectionChangedByLastCommand = false |
| | | } |
| | | default: |
| | | recordKeyboardCommand("unknown:\(command)") |
| | | selectionChangedByLastCommand = false |
| | | } |
| | | } |
| | | |
| | | private func recordKeyboardCommand(_ command: String) { |
| | | lastKeyboardCommand = command |
| | | keyboardCommandsApplied.append(command) |
| | | } |
| | | |
| | | private func handleAppShelfIndexKey(_ event: NSEvent) -> Bool { |
| | | let flags = event.modifierFlags.intersection(.deviceIndependentFlagsMask) |
| | | guard flags.isDisjoint(with: [.command, .control]) else { return false } |
| | | guard let characters = event.charactersIgnoringModifiers, |
| | | let symbol = appShelfIndexSymbol(fromKeyboardCommand: characters) |
| | | else { |
| | | return false |
| | | } |
| | | |
| | | appShelfIndexKeyDownCount += 1 |
| | | lastAppShelfIndexKeySymbol = symbol |
| | | performKeyboardCommand(symbol) |
| | | return true |
| | | } |
| | | |
| | | private func appShelfIndexSymbol(fromKeyboardCommand command: String) -> String? { |
| | | var candidate = command.trimmingCharacters(in: .whitespacesAndNewlines).uppercased() |
| | | for prefix in ["APP:", "APP-", "INDEX:", "INDEX-"] where candidate.hasPrefix(prefix) { |
| | | candidate.removeFirst(prefix.count) |
| | | break |
| | | } |
| | | guard candidate.count == 1, |
| | | Self.appShelfIndexSymbols.contains(candidate) |
| | | else { |
| | | return nil |
| | | } |
| | | return candidate |
| | | } |
| | | |
| | | private func focusAppShelfItemForKeyboard(indexSymbol: String, commandLabel: String) -> Bool { |
| | | guard let ordinal = Self.appShelfIndexSymbols.firstIndex(of: indexSymbol), |
| | | ordinal < appShelfItems.count |
| | | else { |
| | | return false |
| | | } |
| | | |
| | | return focusAppShelfItemForKeyboard( |
| | | appGroupIndex: appShelfItems[ordinal].item.appGroupIndex, |
| | | appIndexCommand: commandLabel |
| | | ) |
| | | } |
| | | |
| | | @discardableResult |
| | | private func focusAppShelfItemForKeyboard( |
| | | appGroupIndex: Int, |
| | | appIndexCommand: String? = nil |
| | | ) -> Bool { |
| | | guard appShelfItems.contains(where: { $0.item.appGroupIndex == appGroupIndex }), |
| | | waterfallColumns.contains(where: { $0.column.appGroupIndex == appGroupIndex }) |
| | | else { |
| | | return false |
| | | } |
| | | |
| | | keyboardFocusedAppGroupIndex = appGroupIndex |
| | | keyboardFocusedWindowID = nil |
| | | lastKeyboardAppIndexCommand = appIndexCommand |
| | | selectionChangedByLastCommand = false |
| | | clearKeyboardBoundaryFeedback() |
| | | ensureAppShelfItemVisible(appGroupIndex) |
| | | layoutSubtreeIfNeeded() |
| | | if isHorizontalMasonryMode { |
| | | _ = selectHorizontalMasonryDefaultWindowForApp(appGroupIndex) |
| | | } |
| | | hoverAppGroup(appGroupIndex, source: .keyboard) |
| | | needsLayout = true |
| | | return true |
| | | } |
| | | |
| | | @discardableResult |
| | | private func moveKeyboardAppFocus(cycleForward: Bool) -> Bool { |
| | | let orderedAppGroupIndexes = appShelfItems.map(\.item.appGroupIndex) |
| | | guard !orderedAppGroupIndexes.isEmpty else { return false } |
| | | |
| | | let currentAppGroupIndex = keyboardFocusedAppGroupIndex |
| | | ?? appHoverTargetAppGroupIndex |
| | | ?? effectiveSelection?.appGroupIndex |
| | | let currentPosition = currentAppGroupIndex.flatMap { orderedAppGroupIndexes.firstIndex(of: $0) } |
| | | let nextPosition = currentPosition.map { current in |
| | | if cycleForward { |
| | | return (current + 1) % orderedAppGroupIndexes.count |
| | | } |
| | | return (current - 1 + orderedAppGroupIndexes.count) % orderedAppGroupIndexes.count |
| | | } ?? (cycleForward ? 0 : orderedAppGroupIndexes.count - 1) |
| | | |
| | | return focusAppShelfItemForKeyboard(appGroupIndex: orderedAppGroupIndexes[nextPosition]) |
| | | } |
| | | |
| | | private var appHoverTargetAppGroupIndex: Int? { |
| | | guard case .app(let appGroupIndex) = hoverTarget else { return nil } |
| | | return appGroupIndex |
| | | } |
| | | |
| | | private var horizontalAppDefaultWindowID: UInt32? { |
| | | guard isHorizontalMasonryMode, |
| | | case .app(let appGroupIndex) = hoverTarget |
| | | else { |
| | | return nil |
| | | } |
| | | return firstHorizontalMasonryCard(for: appGroupIndex)?.item.window.id |
| | | } |
| | | |
| | | private func firstHorizontalMasonryCard(for appGroupIndex: Int) -> WaterfallCardLayers? { |
| | | waterfallColumns |
| | | .first { $0.column.appGroupIndex == appGroupIndex }? |
| | | .cards |
| | | .sorted { $0.item.windowIndex < $1.item.windowIndex } |
| | | .first |
| | | } |
| | | |
| | | private func isHorizontalAppDefaultCard(_ card: WaterfallCardLayers) -> Bool { |
| | | guard isHorizontalMasonryMode, |
| | | card.item.window.id == horizontalAppDefaultWindowID |
| | | else { |
| | | return false |
| | | } |
| | | return true |
| | | } |
| | | |
| | | @discardableResult |
| | | private func selectHorizontalMasonryDefaultWindowForApp( |
| | | _ appGroupIndex: Int, |
| | | recordsSelectionChange: Bool = false |
| | | ) -> QuickSwitchSelection? { |
| | | guard isHorizontalMasonryMode, |
| | | let card = firstHorizontalMasonryCard(for: appGroupIndex) |
| | | else { |
| | | return nil |
| | | } |
| | | |
| | | let previousSelection = effectiveSelection |
| | | let selection = selectionForCard(card) |
| | | currentSelection = selection |
| | | columnSelectionHistory[selection.appGroupIndex] = selection.windowIndex |
| | | if recordsSelectionChange { |
| | | selectionChangedByLastCommand = previousSelection != selection |
| | | } |
| | | return selection |
| | | } |
| | | |
| | | private func moveVerticalSelectionWithinFocusedColumn(_ direction: QuickSwitchKeyboardDirection) { |
| | | guard direction == .up || direction == .down, |
| | | let targetAppGroupIndex = verticalKeyboardNavigationAppGroupIndex(), |
| | | let column = waterfallColumns.first(where: { $0.column.appGroupIndex == targetAppGroupIndex }) |
| | | else { |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection.blocked", [ |
| | | "direction": keyboardDirectionName(direction), |
| | | "hasFocusedApp": keyboardFocusedAppGroupIndex != nil, |
| | | "hasSelection": effectiveSelection != nil |
| | | ]) |
| | | selectionChangedByLastCommand = false |
| | | return |
| | | } |
| | | |
| | | let cards = column.cards.sorted { $0.item.windowIndex < $1.item.windowIndex } |
| | | guard !cards.isEmpty else { |
| | | selectionChangedByLastCommand = false |
| | | return |
| | | } |
| | | |
| | | let previousSelection = effectiveSelection |
| | | let nextSelection: QuickSwitchSelection |
| | | if let current = previousSelection, |
| | | current.appGroupIndex == targetAppGroupIndex, |
| | | let currentPosition = cards.firstIndex(where: { $0.item.window.id == current.windowID }) { |
| | | let nextPosition = currentPosition + (direction == .down ? 1 : -1) |
| | | guard cards.indices.contains(nextPosition) else { |
| | | keyboardFocusedAppGroupIndex = targetAppGroupIndex |
| | | hoverAppGroup(targetAppGroupIndex, source: .keyboard) |
| | | triggerKeyboardBoundaryFeedback(appGroupIndex: targetAppGroupIndex, direction: direction) |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection.boundary", [ |
| | | "direction": keyboardDirectionName(direction), |
| | | "appGroupIndex": targetAppGroupIndex, |
| | | "windowIndex": current.windowIndex |
| | | ]) |
| | | needsLayout = true |
| | | return |
| | | } |
| | | nextSelection = selectionForCard(cards[nextPosition]) |
| | | } else { |
| | | let rememberedWindowIndex = columnSelectionHistory[targetAppGroupIndex] |
| | | let rememberedCard = rememberedWindowIndex.flatMap { windowIndex in |
| | | cards.first { $0.item.windowIndex == windowIndex } |
| | | } |
| | | nextSelection = selectionForCard(rememberedCard ?? cards[0]) |
| | | } |
| | | |
| | | keyboardFocusedAppGroupIndex = targetAppGroupIndex |
| | | currentSelection = nextSelection |
| | | keyboardFocusedWindowID = nextSelection.windowID |
| | | columnSelectionHistory[nextSelection.appGroupIndex] = nextSelection.windowIndex |
| | | selectionChangedByLastCommand = previousSelection != nextSelection |
| | | clearKeyboardBoundaryFeedback() |
| | | hoverAppGroup(targetAppGroupIndex, source: .keyboard) |
| | | ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true)) |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection", [ |
| | | "direction": keyboardDirectionName(direction), |
| | | "appGroupIndex": nextSelection.appGroupIndex, |
| | | "windowIndex": nextSelection.windowIndex, |
| | | "windowID": nextSelection.windowID |
| | | ]) |
| | | needsLayout = true |
| | | } |
| | | |
| | | private func verticalKeyboardNavigationAppGroupIndex() -> Int? { |
| | | if let keyboardFocusedAppGroupIndex, |
| | | waterfallColumns.contains(where: { $0.column.appGroupIndex == keyboardFocusedAppGroupIndex }) { |
| | | return keyboardFocusedAppGroupIndex |
| | | } |
| | | if let appHoverTargetAppGroupIndex, |
| | | waterfallColumns.contains(where: { $0.column.appGroupIndex == appHoverTargetAppGroupIndex }) { |
| | | return appHoverTargetAppGroupIndex |
| | | } |
| | | if let appGroupIndex = effectiveSelection?.appGroupIndex, |
| | | waterfallColumns.contains(where: { $0.column.appGroupIndex == appGroupIndex }) { |
| | | return appGroupIndex |
| | | } |
| | | return waterfallColumns.first?.column.appGroupIndex |
| | | } |
| | | |
| | | private func clearKeyboardBoundaryFeedback() { |
| | | lastBoundaryBounceAxis = nil |
| | | lastBoundaryBounceDirection = nil |
| | | } |
| | | |
| | | private func triggerKeyboardBoundaryFeedback( |
| | | appGroupIndex: Int, |
| | | direction: QuickSwitchKeyboardDirection |
| | | ) { |
| | | selectionChangedByLastCommand = false |
| | | lastBoundaryBounceAxis = "vertical" |
| | | lastBoundaryBounceDirection = keyboardDirectionName(direction) |
| | | boundaryBounceCount += 1 |
| | | |
| | | layoutSubtreeIfNeeded() |
| | | guard let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) else { return } |
| | | |
| | | let animationKey = "keyboardBoundaryBounce" |
| | | column.containerLayer.removeAnimation(forKey: animationKey) |
| | | if NSWorkspace.shared.accessibilityDisplayShouldReduceMotion { |
| | | let pulse = CABasicAnimation(keyPath: "opacity") |
| | | pulse.fromValue = 1 |
| | | pulse.toValue = 0.9 |
| | | pulse.duration = 0.12 |
| | | pulse.autoreverses = true |
| | | pulse.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut) |
| | | column.containerLayer.add(pulse, forKey: animationKey) |
| | | return |
| | | } |
| | | |
| | | let currentY = column.containerLayer.presentation()?.position.y |
| | | ?? column.containerLayer.position.y |
| | | let delta: CGFloat = direction == .up ? 5 : -5 |
| | | let bounce = CAKeyframeAnimation(keyPath: "position.y") |
| | | bounce.values = [currentY, currentY + delta, currentY] |
| | | bounce.keyTimes = [0, 0.38, 1] |
| | | bounce.timingFunctions = [ |
| | | CAMediaTimingFunction(name: .easeOut), |
| | | CAMediaTimingFunction(name: .easeInEaseOut) |
| | | ] |
| | | bounce.duration = 0.23 |
| | | bounce.isRemovedOnCompletion = true |
| | | column.containerLayer.add(bounce, forKey: animationKey) |
| | | } |
| | | |
| | | private func keyboardDirectionName(_ direction: QuickSwitchKeyboardDirection) -> String { |
| | | switch direction { |
| | | case .left: |
| | | return "left" |
| | | case .right: |
| | | return "right" |
| | | case .up: |
| | | return "up" |
| | | case .down: |
| | | return "down" |
| | | } |
| | | } |
| | | |
| | | private func performMouseCommand(_ rawCommand: String) { |
| | |
| | | case "click-background": |
| | | recordMouseCommand("click-background") |
| | | _ = onBackgroundClick?() |
| | | case "hover-view-toggle": |
| | | recordMouseCommand("hover-view-toggle") |
| | | suppressViewModeToggleHoverPreview = false |
| | | isViewModeToggleButtonHovered = true |
| | | hoveredCloseTarget = nil |
| | | setHoverTarget(.none, source: .debug) |
| | | case "click-view-toggle", "click-settings": |
| | | recordMouseCommand("click-view-toggle") |
| | | clickViewModeToggleButton(source: "debug") |
| | | case "hover-card" where parts.count == 3: |
| | | guard let appGroupIndex = Int(parts[1]), let windowIndex = Int(parts[2]) else { |
| | | recordMouseCommand("invalid:\(command)") |
| | |
| | | } |
| | | recordMouseCommand("click-card:\(appGroupIndex):\(windowIndex)") |
| | | if let card = waterfallCard(appGroupIndex: appGroupIndex, windowIndex: windowIndex) { |
| | | clickWindowCard(card) |
| | | } |
| | | case "click-card-id" where parts.count == 2: |
| | | guard let windowID = UInt32(parts[1]) else { |
| | | recordMouseCommand("invalid:\(command)") |
| | | return |
| | | } |
| | | recordMouseCommand("click-card-id:\(windowID)") |
| | | if let card = waterfallCard(windowID: windowID) { |
| | | clickWindowCard(card) |
| | | } |
| | | case "hover-card-close" where parts.count == 3: |
| | |
| | | return command.hasPrefix("hover-") |
| | | } |
| | | |
| | | private func hoverAppGroup(_ appGroupIndex: Int) { |
| | | private func hoverAppGroup(_ appGroupIndex: Int, source: HoverTargetSource = .debug) { |
| | | updateHoverState( |
| | | appGroupIndex: appGroupIndex, |
| | | windowID: nil, |
| | | spaceID: nil, |
| | | alignsWaterfallWithAppShelf: true, |
| | | source: .debug |
| | | source: source |
| | | ) |
| | | } |
| | | |
| | |
| | | hoveredSpaceID = target.spaceID |
| | | hoveredSpaceLaneID = target.spaceLaneID |
| | | |
| | | if case .app(let appGroupIndex) = target, isHorizontalMasonryMode { |
| | | keyboardFocusedWindowID = nil |
| | | _ = selectHorizontalMasonryDefaultWindowForApp(appGroupIndex) |
| | | } |
| | | |
| | | if alignsWaterfallWithAppShelf, let appGroupIndex = target.appGroupIndex { |
| | | alignWaterfallColumnWithAppShelfIcon(appGroupIndex: appGroupIndex, animated: true) |
| | | } |
| | |
| | | } |
| | | |
| | | private func moveSelection(_ direction: QuickSwitchKeyboardDirection) { |
| | | if isHorizontalMasonryMode { |
| | | moveHorizontalMasonrySelection(direction) |
| | | return |
| | | } |
| | | |
| | | guard let currentViewModel, |
| | | let snapshot = snapshotForFocus(from: currentViewModel), |
| | | let current = currentSelection ?? currentViewModel.initialSelection, |
| | |
| | | } |
| | | |
| | | columnSelectionHistory[current.appGroupIndex] = current.windowIndex |
| | | let previousSelection = effectiveSelection |
| | | currentSelection = next |
| | | columnSelectionHistory[next.appGroupIndex] = next.windowIndex |
| | | selectionChangedByLastCommand = previousSelection != next |
| | | clearKeyboardBoundaryFeedback() |
| | | ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true)) |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveSelection", [ |
| | | "direction": String(describing: direction), |
| | |
| | | "windowID": next.windowID |
| | | ]) |
| | | needsLayout = true |
| | | } |
| | | |
| | | private func moveHorizontalMasonrySelection(_ direction: QuickSwitchKeyboardDirection) { |
| | | layoutSubtreeIfNeeded() |
| | | |
| | | let nodes = horizontalKeyboardFocusNodes() |
| | | guard !nodes.isEmpty, |
| | | let current = currentHorizontalKeyboardFocusNode(in: nodes), |
| | | let next = nextHorizontalKeyboardFocusNode(from: current, direction: direction, in: nodes) |
| | | else { |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveHorizontalMasonrySelection.blocked", [ |
| | | "direction": String(describing: direction), |
| | | "hasNodes": !nodes.isEmpty, |
| | | "hasSelection": (currentSelection ?? currentViewModel?.initialSelection) != nil |
| | | ]) |
| | | selectionChangedByLastCommand = false |
| | | return |
| | | } |
| | | |
| | | focusHorizontalKeyboardNode(next, direction: direction) |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveHorizontalMasonrySelection", [ |
| | | "direction": String(describing: direction), |
| | | "kind": next.kind.rawValue, |
| | | "appGroupIndex": next.appGroupIndex, |
| | | "windowIndex": next.windowIndex ?? -1, |
| | | "windowID": next.windowID ?? 0 |
| | | ]) |
| | | } |
| | | |
| | | private func moveHorizontalMasonryTabSelection() { |
| | | guard let current = currentSelection ?? currentViewModel?.initialSelection, |
| | | let next = nextHorizontalMasonrySelection(from: current, direction: .right) |
| | | else { |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveHorizontalMasonryTabSelection.blocked", [ |
| | | "hasSelection": (currentSelection ?? currentViewModel?.initialSelection) != nil |
| | | ]) |
| | | selectionChangedByLastCommand = false |
| | | return |
| | | } |
| | | |
| | | columnSelectionHistory[current.appGroupIndex] = current.windowIndex |
| | | let previousSelection = effectiveSelection |
| | | currentSelection = next |
| | | keyboardFocusedAppGroupIndex = next.appGroupIndex |
| | | keyboardFocusedWindowID = next.windowID |
| | | columnSelectionHistory[next.appGroupIndex] = next.windowIndex |
| | | selectionChangedByLastCommand = previousSelection != next |
| | | clearKeyboardBoundaryFeedback() |
| | | setHoverTarget( |
| | | .window(appGroupIndex: next.appGroupIndex, windowID: next.windowID, spaceID: nil), |
| | | source: .keyboard |
| | | ) |
| | | ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true)) |
| | | DevelopmentDiagnostics.log("quickSwitch.view.moveHorizontalMasonryTabSelection", [ |
| | | "appGroupIndex": next.appGroupIndex, |
| | | "windowIndex": next.windowIndex, |
| | | "windowID": next.windowID |
| | | ]) |
| | | needsLayout = true |
| | | } |
| | | |
| | | private func horizontalKeyboardFocusNodes() -> [HorizontalKeyboardFocusNode] { |
| | | var nodes: [HorizontalKeyboardFocusNode] = [] |
| | | nodes.reserveCapacity(appShelfItems.count + waterfallColumns.reduce(0) { $0 + $1.cards.count }) |
| | | |
| | | for (index, item) in appShelfItems.enumerated() { |
| | | let frame = item.iconLayer.frame.offsetBy( |
| | | dx: shelfLayer.frame.minX |
| | | + appShelfContentLayer.frame.minX |
| | | + item.containerLayer.frame.minX, |
| | | dy: shelfLayer.frame.minY |
| | | + appShelfContentLayer.frame.minY |
| | | + item.containerLayer.frame.minY |
| | | ) |
| | | nodes.append(HorizontalKeyboardFocusNode( |
| | | kind: .app, |
| | | appGroupIndex: item.item.appGroupIndex, |
| | | windowIndex: nil, |
| | | windowID: nil, |
| | | spaceID: nil, |
| | | frame: frame, |
| | | order: index |
| | | )) |
| | | } |
| | | |
| | | var order = appShelfItems.count |
| | | for column in waterfallColumns.sorted(by: { $0.column.appGroupIndex < $1.column.appGroupIndex }) { |
| | | for card in column.cards.sorted(by: { $0.item.windowIndex < $1.item.windowIndex }) { |
| | | let frame = card.containerLayer.frame.offsetBy( |
| | | dx: waterfallLayer.frame.minX |
| | | + waterfallContentLayer.frame.minX |
| | | + column.containerLayer.frame.minX |
| | | + column.cardsClipLayer.frame.minX, |
| | | dy: waterfallLayer.frame.minY |
| | | + waterfallContentLayer.frame.minY |
| | | + column.containerLayer.frame.minY |
| | | + column.cardsClipLayer.frame.minY |
| | | ) |
| | | nodes.append(HorizontalKeyboardFocusNode( |
| | | kind: .window, |
| | | appGroupIndex: card.item.appGroupIndex, |
| | | windowIndex: card.item.windowIndex, |
| | | windowID: card.item.window.id, |
| | | spaceID: card.item.primarySpaceID, |
| | | frame: frame, |
| | | order: order |
| | | )) |
| | | order += 1 |
| | | } |
| | | } |
| | | |
| | | return nodes |
| | | } |
| | | |
| | | private func currentHorizontalKeyboardFocusNode( |
| | | in nodes: [HorizontalKeyboardFocusNode] |
| | | ) -> HorizontalKeyboardFocusNode? { |
| | | if case .app(let appGroupIndex) = hoverTarget, |
| | | let node = nodes.first(where: { $0.kind == .app && $0.appGroupIndex == appGroupIndex }) { |
| | | return node |
| | | } |
| | | |
| | | if let keyboardFocusedWindowID, |
| | | let node = nodes.first(where: { $0.kind == .window && $0.windowID == keyboardFocusedWindowID }) { |
| | | return node |
| | | } |
| | | |
| | | if case .window(_, let windowID, _) = hoverTarget, |
| | | let node = nodes.first(where: { $0.kind == .window && $0.windowID == windowID }) { |
| | | return node |
| | | } |
| | | |
| | | if let selection = effectiveSelection, |
| | | let node = nodes.first(where: { $0.kind == .window && $0.windowID == selection.windowID }) { |
| | | return node |
| | | } |
| | | |
| | | return nodes.min { $0.order < $1.order } |
| | | } |
| | | |
| | | private func nextHorizontalKeyboardFocusNode( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | direction: QuickSwitchKeyboardDirection, |
| | | in nodes: [HorizontalKeyboardFocusNode] |
| | | ) -> HorizontalKeyboardFocusNode? { |
| | | let candidates = nodes.filter { !$0.matches(current) } |
| | | guard !candidates.isEmpty else { return current } |
| | | |
| | | if current.kind == .app, |
| | | direction == .down, |
| | | let firstWindow = firstHorizontalWindowNode(for: current.appGroupIndex, in: nodes) { |
| | | return firstWindow |
| | | } |
| | | |
| | | if current.kind == .window, |
| | | direction == .up, |
| | | current.windowID == firstHorizontalMasonryCard(for: current.appGroupIndex)?.item.window.id, |
| | | let appNode = nodes.first(where: { $0.kind == .app && $0.appGroupIndex == current.appGroupIndex }) { |
| | | return appNode |
| | | } |
| | | |
| | | switch direction { |
| | | case .left, .right: |
| | | let sameKindCandidates = candidates.filter { $0.kind == current.kind } |
| | | return nextHorizontalFocusByX( |
| | | from: current, |
| | | direction: direction, |
| | | candidates: sameKindCandidates.isEmpty ? candidates : sameKindCandidates |
| | | ) |
| | | case .up, .down: |
| | | return nextHorizontalFocusByY(from: current, direction: direction, candidates: candidates) |
| | | } |
| | | } |
| | | |
| | | private func firstHorizontalWindowNode( |
| | | for appGroupIndex: Int, |
| | | in nodes: [HorizontalKeyboardFocusNode] |
| | | ) -> HorizontalKeyboardFocusNode? { |
| | | nodes |
| | | .filter { $0.kind == .window && $0.appGroupIndex == appGroupIndex } |
| | | .min { lhs, rhs in |
| | | (lhs.windowIndex ?? .max, lhs.order) < (rhs.windowIndex ?? .max, rhs.order) |
| | | } |
| | | } |
| | | |
| | | private func nextHorizontalFocusByX( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | direction: QuickSwitchKeyboardDirection, |
| | | candidates: [HorizontalKeyboardFocusNode] |
| | | ) -> HorizontalKeyboardFocusNode? { |
| | | let epsilon: CGFloat = 0.5 |
| | | let forward = direction == .right |
| | | let directional = candidates.filter { node in |
| | | forward |
| | | ? node.center.x > current.center.x + epsilon |
| | | : node.center.x < current.center.x - epsilon |
| | | } |
| | | let sameBand = directional.filter { isHorizontalFocusSameBand($0, current) } |
| | | let pool = sameBand.isEmpty ? directional : sameBand |
| | | if let next = pool.sorted(by: horizontalFocusXSort(from: current, forward: forward)).first { |
| | | return next |
| | | } |
| | | |
| | | let wrapSameBand = candidates.filter { isHorizontalFocusSameBand($0, current) } |
| | | let wrapPool = wrapSameBand.isEmpty ? candidates : wrapSameBand |
| | | return wrapPool.sorted(by: horizontalFocusXWrapSort(from: current, forward: forward)).first |
| | | } |
| | | |
| | | private func nextHorizontalFocusByY( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | direction: QuickSwitchKeyboardDirection, |
| | | candidates: [HorizontalKeyboardFocusNode] |
| | | ) -> HorizontalKeyboardFocusNode? { |
| | | let epsilon: CGFloat = 0.5 |
| | | let upward = direction == .up |
| | | let directional = candidates.filter { node in |
| | | upward |
| | | ? node.center.y > current.center.y + epsilon |
| | | : node.center.y < current.center.y - epsilon |
| | | } |
| | | if let next = directional.sorted(by: horizontalFocusYSort(from: current, upward: upward)).first { |
| | | return next |
| | | } |
| | | return candidates.sorted(by: horizontalFocusYWrapSort(from: current, upward: upward)).first |
| | | } |
| | | |
| | | private func isHorizontalFocusSameBand( |
| | | _ lhs: HorizontalKeyboardFocusNode, |
| | | _ rhs: HorizontalKeyboardFocusNode |
| | | ) -> Bool { |
| | | let tolerance = max(lhs.frame.height, rhs.frame.height) * 0.75 |
| | | return abs(lhs.center.y - rhs.center.y) <= tolerance |
| | | } |
| | | |
| | | private func horizontalFocusXSort( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | forward: Bool |
| | | ) -> (HorizontalKeyboardFocusNode, HorizontalKeyboardFocusNode) -> Bool { |
| | | { lhs, rhs in |
| | | let lhsPrimary = abs(lhs.center.x - current.center.x) |
| | | let rhsPrimary = abs(rhs.center.x - current.center.x) |
| | | if abs(lhsPrimary - rhsPrimary) > 0.5 { |
| | | return lhsPrimary < rhsPrimary |
| | | } |
| | | |
| | | let lhsSecondary = abs(lhs.center.y - current.center.y) |
| | | let rhsSecondary = abs(rhs.center.y - current.center.y) |
| | | if abs(lhsSecondary - rhsSecondary) > 0.5 { |
| | | return lhsSecondary < rhsSecondary |
| | | } |
| | | |
| | | return forward ? lhs.order < rhs.order : lhs.order > rhs.order |
| | | } |
| | | } |
| | | |
| | | private func horizontalFocusXWrapSort( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | forward: Bool |
| | | ) -> (HorizontalKeyboardFocusNode, HorizontalKeyboardFocusNode) -> Bool { |
| | | { lhs, rhs in |
| | | if abs(lhs.center.x - rhs.center.x) > 0.5 { |
| | | return forward ? lhs.center.x < rhs.center.x : lhs.center.x > rhs.center.x |
| | | } |
| | | |
| | | let lhsSecondary = abs(lhs.center.y - current.center.y) |
| | | let rhsSecondary = abs(rhs.center.y - current.center.y) |
| | | if abs(lhsSecondary - rhsSecondary) > 0.5 { |
| | | return lhsSecondary < rhsSecondary |
| | | } |
| | | |
| | | return forward ? lhs.order < rhs.order : lhs.order > rhs.order |
| | | } |
| | | } |
| | | |
| | | private func horizontalFocusYSort( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | upward: Bool |
| | | ) -> (HorizontalKeyboardFocusNode, HorizontalKeyboardFocusNode) -> Bool { |
| | | { lhs, rhs in |
| | | let lhsPrimary = abs(lhs.center.y - current.center.y) |
| | | let rhsPrimary = abs(rhs.center.y - current.center.y) |
| | | if abs(lhsPrimary - rhsPrimary) > 0.5 { |
| | | return lhsPrimary < rhsPrimary |
| | | } |
| | | |
| | | let lhsSecondary = abs(lhs.center.x - current.center.x) |
| | | let rhsSecondary = abs(rhs.center.x - current.center.x) |
| | | if abs(lhsSecondary - rhsSecondary) > 0.5 { |
| | | return lhsSecondary < rhsSecondary |
| | | } |
| | | |
| | | return upward ? lhs.order < rhs.order : lhs.order > rhs.order |
| | | } |
| | | } |
| | | |
| | | private func horizontalFocusYWrapSort( |
| | | from current: HorizontalKeyboardFocusNode, |
| | | upward: Bool |
| | | ) -> (HorizontalKeyboardFocusNode, HorizontalKeyboardFocusNode) -> Bool { |
| | | { lhs, rhs in |
| | | if abs(lhs.center.y - rhs.center.y) > 0.5 { |
| | | return upward ? lhs.center.y < rhs.center.y : lhs.center.y > rhs.center.y |
| | | } |
| | | |
| | | let lhsSecondary = abs(lhs.center.x - current.center.x) |
| | | let rhsSecondary = abs(rhs.center.x - current.center.x) |
| | | if abs(lhsSecondary - rhsSecondary) > 0.5 { |
| | | return lhsSecondary < rhsSecondary |
| | | } |
| | | |
| | | return upward ? lhs.order < rhs.order : lhs.order > rhs.order |
| | | } |
| | | } |
| | | |
| | | private func focusHorizontalKeyboardNode( |
| | | _ node: HorizontalKeyboardFocusNode, |
| | | direction _: QuickSwitchKeyboardDirection |
| | | ) { |
| | | switch node.kind { |
| | | case .app: |
| | | keyboardFocusedAppGroupIndex = node.appGroupIndex |
| | | keyboardFocusedWindowID = nil |
| | | clearKeyboardBoundaryFeedback() |
| | | ensureAppShelfItemVisible(node.appGroupIndex) |
| | | _ = selectHorizontalMasonryDefaultWindowForApp( |
| | | node.appGroupIndex, |
| | | recordsSelectionChange: true |
| | | ) |
| | | hoverAppGroup(node.appGroupIndex, source: .keyboard) |
| | | case .window: |
| | | guard let windowIndex = node.windowIndex, |
| | | let windowID = node.windowID |
| | | else { |
| | | selectionChangedByLastCommand = false |
| | | return |
| | | } |
| | | |
| | | let previousSelection = effectiveSelection |
| | | let next = QuickSwitchSelection( |
| | | appGroupIndex: node.appGroupIndex, |
| | | windowIndex: windowIndex, |
| | | windowID: windowID |
| | | ) |
| | | keyboardFocusedAppGroupIndex = node.appGroupIndex |
| | | keyboardFocusedWindowID = windowID |
| | | currentSelection = next |
| | | columnSelectionHistory[next.appGroupIndex] = next.windowIndex |
| | | selectionChangedByLastCommand = previousSelection != next |
| | | clearKeyboardBoundaryFeedback() |
| | | ensureAppShelfItemVisible(node.appGroupIndex) |
| | | setHoverTarget( |
| | | .window(appGroupIndex: node.appGroupIndex, windowID: windowID, spaceID: node.spaceID), |
| | | source: .keyboard |
| | | ) |
| | | ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true)) |
| | | } |
| | | |
| | | needsLayout = true |
| | | } |
| | | |
| | | private func nextHorizontalMasonrySelection( |
| | | from current: QuickSwitchSelection, |
| | | direction: QuickSwitchKeyboardDirection |
| | | ) -> QuickSwitchSelection? { |
| | | layoutSubtreeIfNeeded() |
| | | |
| | | let cards = horizontalMasonryCardsInPlacementOrder() |
| | | guard let currentIndex = cards.firstIndex(where: { $0.item.window.id == current.windowID }) else { |
| | | return cards.first.map(selectionForCard) |
| | | } |
| | | |
| | | switch direction { |
| | | case .right: |
| | | return selectionForCard(cards[(currentIndex + 1) % cards.count]) |
| | | case .left: |
| | | return selectionForCard(cards[(currentIndex - 1 + cards.count) % cards.count]) |
| | | case .up: |
| | | return nearestHorizontalMasonrySelection(from: cards[currentIndex], direction: .up) |
| | | ?? selectionForCard(cards.first ?? cards[currentIndex]) |
| | | case .down: |
| | | return nearestHorizontalMasonrySelection(from: cards[currentIndex], direction: .down) |
| | | ?? selectionForCard(cards.last ?? cards[currentIndex]) |
| | | } |
| | | } |
| | | |
| | | private func nearestHorizontalMasonrySelection( |
| | | from currentCard: WaterfallCardLayers, |
| | | direction: QuickSwitchKeyboardDirection |
| | | ) -> QuickSwitchSelection? { |
| | | let currentFrame = currentCard.containerLayer.frame |
| | | let candidates = horizontalMasonryCardsInPlacementOrder().filter { card in |
| | | guard card.item.window.id != currentCard.item.window.id else { return false } |
| | | switch direction { |
| | | case .up: |
| | | return card.containerLayer.frame.minY >= currentFrame.maxY - 0.5 |
| | | case .down: |
| | | return card.containerLayer.frame.maxY <= currentFrame.minY + 0.5 |
| | | case .left, .right: |
| | | return false |
| | | } |
| | | } |
| | | |
| | | let best = candidates.min { lhs, rhs in |
| | | let lhsFrame = lhs.containerLayer.frame |
| | | let rhsFrame = rhs.containerLayer.frame |
| | | let lhsPrimaryDistance = direction == .up |
| | | ? lhsFrame.minY - currentFrame.maxY |
| | | : currentFrame.minY - lhsFrame.maxY |
| | | let rhsPrimaryDistance = direction == .up |
| | | ? rhsFrame.minY - currentFrame.maxY |
| | | : currentFrame.minY - rhsFrame.maxY |
| | | if abs(lhsPrimaryDistance - rhsPrimaryDistance) > 0.5 { |
| | | return lhsPrimaryDistance < rhsPrimaryDistance |
| | | } |
| | | |
| | | let lhsHorizontalDistance = abs(lhsFrame.midX - currentFrame.midX) |
| | | let rhsHorizontalDistance = abs(rhsFrame.midX - currentFrame.midX) |
| | | if abs(lhsHorizontalDistance - rhsHorizontalDistance) > 0.5 { |
| | | return lhsHorizontalDistance < rhsHorizontalDistance |
| | | } |
| | | |
| | | return lhs.item.globalIndex < rhs.item.globalIndex |
| | | } |
| | | |
| | | return best.map(selectionForCard) |
| | | } |
| | | |
| | | private func horizontalMasonryCardsInPlacementOrder() -> [WaterfallCardLayers] { |
| | | waterfallColumns |
| | | .sorted { $0.column.appGroupIndex < $1.column.appGroupIndex } |
| | | .flatMap { column in |
| | | column.cards.sorted { $0.item.windowIndex < $1.item.windowIndex } |
| | | } |
| | | } |
| | | |
| | | private func selectionForCard(_ card: WaterfallCardLayers) -> QuickSwitchSelection { |
| | | QuickSwitchSelection( |
| | | appGroupIndex: card.item.appGroupIndex, |
| | | windowIndex: card.item.windowIndex, |
| | | windowID: card.item.window.id |
| | | ) |
| | | } |
| | | |
| | | private func commitCurrentSelection() { |
| | |
| | | _ selection: QuickSwitchSelection, |
| | | horizontalIntent: WaterfallHorizontalIntent = .reveal |
| | | ) { |
| | | if isHorizontalMasonryMode { |
| | | switch horizontalIntent { |
| | | case .reveal: |
| | | ensureHorizontalMasonrySelectionVisible(selection, animated: false) |
| | | case .alignWithAppShelf(let animated): |
| | | ensureHorizontalMasonrySelectionVisible(selection, animated: animated) |
| | | } |
| | | return |
| | | } |
| | | |
| | | guard |
| | | let column = waterfallColumns.first(where: { $0.column.appGroupIndex == selection.appGroupIndex }) |
| | | else { |
| | | return |
| | | } |
| | | |
| | | if waterfallShouldKeepFilteredColumnsCentered { |
| | | ensureWaterfallCardVisibleVertically(selection) |
| | | return |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | private func ensureWaterfallCardVisibleVertically(_ selection: QuickSwitchSelection) { |
| | | guard !isHorizontalMasonryMode else { |
| | | ensureHorizontalMasonrySelectionVisible(selection, animated: false) |
| | | return |
| | | } |
| | | |
| | | let visibleHeight = max( |
| | | 1, |
| | | waterfallLayer.bounds.height |
| | |
| | | } |
| | | |
| | | private func alignWaterfallColumnWithAppShelfIcon(appGroupIndex: Int, animated: Bool) { |
| | | if isHorizontalMasonryMode { |
| | | ensureHorizontalMasonryAppVisible(appGroupIndex, animated: animated) |
| | | return |
| | | } |
| | | |
| | | guard |
| | | let item = appShelfItems.first(where: { $0.item.appGroupIndex == appGroupIndex }), |
| | | let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) |
| | |
| | | } |
| | | |
| | | private func ensureWaterfallColumnVisible(_ appGroupIndex: Int) { |
| | | if isHorizontalMasonryMode { |
| | | ensureHorizontalMasonryAppVisible(appGroupIndex, animated: false) |
| | | return |
| | | } |
| | | |
| | | guard let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) else { |
| | | return |
| | | } |
| | |
| | | } |
| | | |
| | | private func ensureWaterfallColumnVisible(_ column: WaterfallColumnLayers) { |
| | | if isHorizontalMasonryMode { |
| | | ensureHorizontalMasonryAppVisible(column.column.appGroupIndex, animated: false) |
| | | return |
| | | } |
| | | |
| | | waterfallScrollOffset = clampedWaterfallOffset( |
| | | scrollOffset( |
| | | makingVisible: column.containerLayer.frame, |
| | |
| | | } |
| | | |
| | | private var waterfallAlignmentScrollRange: ClosedRange<CGFloat> { |
| | | if isHorizontalMasonryMode { |
| | | return 0...0 |
| | | } |
| | | |
| | | if waterfallShouldKeepFilteredColumnsCentered { |
| | | return 0...0 |
| | | } |
| | | |
| | | var minimumOffset: CGFloat = 0 |
| | | var maximumOffset = waterfallMaxScrollOffset |
| | | |
| | |
| | | private func clampedWaterfallAlignmentOffset(_ offset: CGFloat) -> CGFloat { |
| | | let range = waterfallAlignmentScrollRange |
| | | return min(max(range.lowerBound, offset), range.upperBound) |
| | | } |
| | | |
| | | private var waterfallShouldKeepFilteredColumnsCentered: Bool { |
| | | currentViewModel?.lockedSpaceID != nil && waterfallMaxScrollOffset <= 0.5 |
| | | } |
| | | |
| | | private func setWaterfallScrollOffset(_ offset: CGFloat, animated: Bool) { |
| | |
| | | animation.timingFunction = CAMediaTimingFunction(name: WaterfallAlignmentMetrics.animationTimingName) |
| | | animation.isRemovedOnCompletion = true |
| | | waterfallContentLayer.add(animation, forKey: "waterfallColumnAlignment") |
| | | } |
| | | |
| | | private func ensureHorizontalMasonrySelectionVisible( |
| | | _ selection: QuickSwitchSelection, |
| | | animated: Bool |
| | | ) { |
| | | guard let card = waterfallCard( |
| | | appGroupIndex: selection.appGroupIndex, |
| | | windowIndex: selection.windowIndex |
| | | ) else { |
| | | return |
| | | } |
| | | |
| | | let visibleFrame = card.containerLayer.frame.offsetBy( |
| | | dx: 0, |
| | | dy: waterfallContentLayer.frame.minY |
| | | ) |
| | | let visibleHeight = waterfallLayer.bounds.height |
| | | let padding = WaterfallMetrics.revealPadding |
| | | var nextOffset = horizontalMasonryScrollOffset |
| | | |
| | | if visibleFrame.maxY > visibleHeight - padding { |
| | | nextOffset -= visibleFrame.maxY - (visibleHeight - padding) |
| | | } else if visibleFrame.minY < padding { |
| | | nextOffset += padding - visibleFrame.minY |
| | | } |
| | | |
| | | setHorizontalMasonryScrollOffset(nextOffset, animated: animated) |
| | | } |
| | | |
| | | private func ensureHorizontalMasonryAppVisible(_ appGroupIndex: Int, animated: Bool) { |
| | | guard let firstCard = waterfallColumns |
| | | .first(where: { $0.column.appGroupIndex == appGroupIndex })? |
| | | .cards |
| | | .sorted(by: { $0.item.windowIndex < $1.item.windowIndex }) |
| | | .first |
| | | else { |
| | | return |
| | | } |
| | | |
| | | let cardTopDistance = horizontalMasonryContentHeight - firstCard.containerLayer.frame.maxY |
| | | setHorizontalMasonryScrollOffset( |
| | | cardTopDistance - WaterfallMetrics.revealPadding, |
| | | animated: animated |
| | | ) |
| | | } |
| | | |
| | | private func setHorizontalMasonryScrollOffset(_ offset: CGFloat, animated: Bool) { |
| | | let nextOffset = clampedHorizontalMasonryOffset(offset) |
| | | let previousPositionY = waterfallContentLayer.presentation()?.position.y |
| | | ?? waterfallContentLayer.position.y |
| | | |
| | | horizontalMasonryScrollOffset = nextOffset |
| | | CATransaction.begin() |
| | | CATransaction.setDisableActions(true) |
| | | waterfallContentLayer.frame = horizontalMasonryContentFrame() |
| | | CATransaction.commit() |
| | | |
| | | let nextPositionY = waterfallContentLayer.position.y |
| | | guard animated, |
| | | !NSWorkspace.shared.accessibilityDisplayShouldReduceMotion, |
| | | abs(previousPositionY - nextPositionY) > 0.5 |
| | | else { |
| | | waterfallContentLayer.removeAnimation(forKey: "horizontalMasonryAlignment") |
| | | return |
| | | } |
| | | |
| | | let animation = CABasicAnimation(keyPath: "position.y") |
| | | animation.fromValue = previousPositionY |
| | | animation.toValue = nextPositionY |
| | | animation.duration = WaterfallAlignmentMetrics.animationDuration |
| | | animation.timingFunction = CAMediaTimingFunction(name: WaterfallAlignmentMetrics.animationTimingName) |
| | | animation.isRemovedOnCompletion = true |
| | | waterfallContentLayer.add(animation, forKey: "horizontalMasonryAlignment") |
| | | } |
| | | |
| | | private func scrollOffset( |
| | |
| | | closeFeedbackTextLayer.truncationMode = .end |
| | | closeFeedbackLayer.addSublayer(closeFeedbackTextLayer) |
| | | glassLayer.addSublayer(closeFeedbackLayer) |
| | | |
| | | viewModeToggleButtonLayer.cornerRadius = 10 |
| | | viewModeToggleButtonLayer.masksToBounds = false |
| | | viewModeToggleButtonLayer.borderWidth = 1 |
| | | viewModeToggleButtonLayer.shadowColor = NSColor.black.cgColor |
| | | viewModeToggleButtonLayer.shadowOffset = CGSize(width: 0, height: -2) |
| | | viewModeToggleButtonLayer.zPosition = 170 |
| | | viewModeToggleIconLayer.contentsScale = backingScaleFactor |
| | | viewModeToggleButtonLayer.addSublayer(viewModeToggleIconLayer) |
| | | glassLayer.addSublayer(viewModeToggleButtonLayer) |
| | | } |
| | | |
| | | private func rebuildAppShelfItems() { |
| | |
| | | item.containerLayer.removeFromSuperlayer() |
| | | } |
| | | |
| | | appShelfItems = (currentViewModel?.appShelf ?? []).map { item in |
| | | appShelfItems = (currentViewModel?.appShelf ?? []).enumerated().map { ordinal, item in |
| | | let container = CALayer() |
| | | container.name = item.app.name |
| | | |
| | |
| | | icon.contents = appIconProvider.icon(for: item.app) |
| | | icon.cornerRadius = 12 |
| | | icon.masksToBounds = false |
| | | |
| | | let indexLabel = makeTextLayer( |
| | | string: appShelfIndexText(forOrdinal: ordinal), |
| | | fontSize: AppShelfMetrics.indexFontSize, |
| | | weight: .regular, |
| | | color: appShelfIndexColor, |
| | | alignment: .center |
| | | ) |
| | | indexLabel.font = appShelfIndexFont(size: AppShelfMetrics.indexFontSize) |
| | | indexLabel.fontSize = AppShelfMetrics.indexFontSize |
| | | indexLabel.truncationMode = .end |
| | | indexLabel.zPosition = 14 |
| | | |
| | | let label = makeTextLayer( |
| | | string: item.app.name, |
| | |
| | | let closeButton = makeCloseButtonLayers() |
| | | |
| | | container.addSublayer(background) |
| | | container.addSublayer(indexLabel) |
| | | container.addSublayer(icon) |
| | | container.addSublayer(label) |
| | | container.addSublayer(badge) |
| | |
| | | item: item, |
| | | containerLayer: container, |
| | | backgroundLayer: background, |
| | | indexLayer: indexLabel, |
| | | iconLayer: icon, |
| | | labelLayer: label, |
| | | badgeLayer: badge, |
| | |
| | | container.borderColor = NSColor.separatorColor.withAlphaComponent(0.34).cgColor |
| | | container.borderWidth = 1 |
| | | |
| | | let cardsClip = CALayer() |
| | | cardsClip.masksToBounds = true |
| | | cardsClip.backgroundColor = NSColor.clear.cgColor |
| | | |
| | | let header = CALayer() |
| | | header.backgroundColor = NSColor.controlBackgroundColor.withAlphaComponent(0.68).cgColor |
| | | header.zPosition = 40 |
| | | |
| | | let appName = makeTextLayer( |
| | | string: column.app.name, |
| | |
| | | alignment: .right |
| | | ) |
| | | |
| | | appName.zPosition = 42 |
| | | count.zPosition = 42 |
| | | |
| | | container.addSublayer(cardsClip) |
| | | container.addSublayer(header) |
| | | container.addSublayer(appName) |
| | | container.addSublayer(count) |
| | |
| | | card.addSublayer(state) |
| | | card.addSublayer(shine) |
| | | card.addSublayer(closeButton.containerLayer) |
| | | container.addSublayer(card) |
| | | cardsClip.addSublayer(card) |
| | | |
| | | return WaterfallCardLayers( |
| | | item: window, |
| | |
| | | return WaterfallColumnLayers( |
| | | column: column, |
| | | containerLayer: container, |
| | | cardsClipLayer: cardsClip, |
| | | headerLayer: header, |
| | | appNameLayer: appName, |
| | | countLayer: count, |
| | |
| | | color: space.type == .fullscreen ? .labelColor : .secondaryLabelColor, |
| | | alignment: space.type == .fullscreen ? .center : .left |
| | | ) |
| | | let splitAppLayers = splitViewAppNames(for: space).map { name in |
| | | makeTextLayer( |
| | | string: name, |
| | | fontSize: 12, |
| | | weight: .medium, |
| | | color: .labelColor, |
| | | alignment: .center |
| | | ) |
| | | } |
| | | let windowBlocks = space.type == .fullscreen |
| | | ? [] |
| | | : makeWindowBlocks(count: min(space.windowCount, 5), space: space) |
| | |
| | | container.addSublayer(appLayer) |
| | | if let fullscreenMarkerLayer { |
| | | container.addSublayer(fullscreenMarkerLayer) |
| | | } |
| | | for splitAppLayer in splitAppLayers { |
| | | container.addSublayer(splitAppLayer) |
| | | } |
| | | for block in windowBlocks { |
| | | container.addSublayer(block) |
| | |
| | | labelLayer: labelLayer, |
| | | countLayer: countLayer, |
| | | appLayer: appLayer, |
| | | splitAppLayers: splitAppLayers, |
| | | windowBlocks: windowBlocks, |
| | | fullscreenMarkerLayer: fullscreenMarkerLayer |
| | | ) |
| | |
| | | layoutWaterfallColumns() |
| | | layoutCloseConfirmation() |
| | | layoutCloseFeedback() |
| | | layoutViewModeToggleButton() |
| | | |
| | | CATransaction.commit() |
| | | } |
| | | |
| | | private func layoutViewModeToggleButton() { |
| | | let size = ViewModeToggleMetrics.visualSize |
| | | let topMargin = topSafeAreaInset + RootLayoutMetrics.topContentMargin |
| | | let x = max( |
| | | RootLayoutMetrics.horizontalMargin, |
| | | glassLayer.bounds.width - RootLayoutMetrics.horizontalMargin - size |
| | | ) |
| | | let y = max( |
| | | RootLayoutMetrics.bottomMargin, |
| | | glassLayer.bounds.height - topMargin - size |
| | | ) |
| | | viewModeToggleButtonLayer.frame = CGRect(x: x, y: y, width: size, height: size) |
| | | viewModeToggleButtonLayer.cornerRadius = ViewModeToggleMetrics.cornerRadius |
| | | let visualState = viewModeToggleVisualState |
| | | let isSelectedState = viewModeToggleVisualStateIsSelected(visualState) |
| | | viewModeToggleButtonLayer.backgroundColor = (isSelectedState |
| | | ? viewModeToggleBlueColor |
| | | : NSColor.windowBackgroundColor.withAlphaComponent(isViewModeToggleButtonHovered ? 0.76 : 0.58) |
| | | ).cgColor |
| | | viewModeToggleButtonLayer.borderColor = (isSelectedState |
| | | ? viewModeToggleBlueColor.withAlphaComponent(0.96) |
| | | : viewModeToggleBlueColor.withAlphaComponent(isViewModeToggleButtonHovered ? 0.72 : 0.34) |
| | | ).cgColor |
| | | viewModeToggleButtonLayer.shadowOpacity = isSelectedState ? 0.16 : (isViewModeToggleButtonHovered ? 0.11 : 0.06) |
| | | viewModeToggleButtonLayer.shadowRadius = isSelectedState |
| | | ? ViewModeToggleMetrics.selectedShadowRadius |
| | | : ViewModeToggleMetrics.idleShadowRadius |
| | | viewModeToggleIconLayer.contentsScale = backingScaleFactor |
| | | let iconInset = ViewModeToggleMetrics.iconInset |
| | | viewModeToggleIconLayer.frame = viewModeToggleButtonLayer.bounds.insetBy(dx: iconInset, dy: iconInset) |
| | | layoutViewModeToggleIcon() |
| | | } |
| | | |
| | | private func layoutViewModeToggleIcon() { |
| | | CATransaction.begin() |
| | | CATransaction.setDisableActions(true) |
| | | viewModeToggleIconLayer.sublayers?.forEach { $0.removeFromSuperlayer() } |
| | | |
| | | let bounds = viewModeToggleIconLayer.bounds |
| | | guard bounds.width > 0, bounds.height > 0 else { |
| | | CATransaction.commit() |
| | | return |
| | | } |
| | | |
| | | let visualState = viewModeToggleVisualState |
| | | let isSelectedState = viewModeToggleVisualStateIsSelected(visualState) |
| | | let strokeColor = isSelectedState |
| | | ? NSColor.white.withAlphaComponent(0.98) |
| | | : viewModeToggleBlueColor.withAlphaComponent(0.96) |
| | | let fillColor = isSelectedState |
| | | ? NSColor.white.withAlphaComponent(0.22) |
| | | : viewModeToggleBlueColor.withAlphaComponent(0.06) |
| | | let glyphRect = centeredSquare(in: bounds) |
| | | |
| | | switch visualState { |
| | | case .verticalAvailable, .verticalSelected: |
| | | addVerticalColumnsToggleGlyph( |
| | | in: glyphRect, |
| | | strokeColor: strokeColor, |
| | | fillColor: fillColor |
| | | ) |
| | | case .horizontalAvailable, .horizontalSelected: |
| | | addHorizontalMasonryToggleGlyph( |
| | | in: glyphRect, |
| | | strokeColor: strokeColor, |
| | | fillColor: fillColor |
| | | ) |
| | | } |
| | | |
| | | CATransaction.commit() |
| | | } |
| | | |
| | | private func addVerticalColumnsToggleGlyph( |
| | | in rect: CGRect, |
| | | strokeColor: NSColor, |
| | | fillColor: NSColor |
| | | ) { |
| | | let columnWidth = rect.width * 0.22 |
| | | let gap = (rect.width - columnWidth * 3) / 2 |
| | | for index in 0..<3 { |
| | | let x = rect.minX + CGFloat(index) * (columnWidth + gap) |
| | | let columnRect = CGRect(x: x, y: rect.minY, width: columnWidth, height: rect.height) |
| | | addViewModeToggleRoundedRect( |
| | | columnRect, |
| | | cornerRadius: ViewModeToggleMetrics.glyphCornerRadius, |
| | | strokeColor: strokeColor, |
| | | fillColor: fillColor, |
| | | lineWidth: ViewModeToggleMetrics.glyphLineWidth |
| | | ) |
| | | } |
| | | } |
| | | |
| | | private func addHorizontalMasonryToggleGlyph( |
| | | in rect: CGRect, |
| | | strokeColor: NSColor, |
| | | fillColor: NSColor |
| | | ) { |
| | | let cellSize = rect.width * 0.38 |
| | | let gap = rect.width - cellSize * 2 |
| | | for row in 0..<2 { |
| | | for column in 0..<2 { |
| | | let cellRect = CGRect( |
| | | x: rect.minX + CGFloat(column) * (cellSize + gap), |
| | | y: rect.minY + CGFloat(row) * (cellSize + gap), |
| | | width: cellSize, |
| | | height: cellSize |
| | | ) |
| | | addViewModeToggleRoundedRect( |
| | | cellRect, |
| | | cornerRadius: ViewModeToggleMetrics.glyphCornerRadius, |
| | | strokeColor: strokeColor, |
| | | fillColor: fillColor, |
| | | lineWidth: ViewModeToggleMetrics.glyphLineWidth |
| | | ) |
| | | } |
| | | } |
| | | } |
| | | |
| | | private func addViewModeToggleRoundedRect( |
| | | _ rect: CGRect, |
| | | cornerRadius: CGFloat, |
| | | strokeColor: NSColor, |
| | | fillColor: NSColor, |
| | | lineWidth: CGFloat |
| | | ) { |
| | | let layer = CAShapeLayer() |
| | | layer.contentsScale = backingScaleFactor |
| | | layer.frame = viewModeToggleIconLayer.bounds |
| | | layer.path = CGPath( |
| | | roundedRect: rect, |
| | | cornerWidth: cornerRadius, |
| | | cornerHeight: cornerRadius, |
| | | transform: nil |
| | | ) |
| | | layer.fillColor = fillColor.cgColor |
| | | layer.strokeColor = strokeColor.cgColor |
| | | layer.lineWidth = lineWidth |
| | | layer.lineJoin = .round |
| | | viewModeToggleIconLayer.addSublayer(layer) |
| | | } |
| | | |
| | | private func centeredSquare(in rect: CGRect) -> CGRect { |
| | | let side = min(rect.width, rect.height) |
| | | return CGRect( |
| | | x: rect.midX - side / 2, |
| | | y: rect.midY - side / 2, |
| | | width: side, |
| | | height: side |
| | | ) |
| | | } |
| | | |
| | | private var topSafeAreaInset: CGFloat { |
| | |
| | | let isActive = isHovered || isFocused || isLocked |
| | | let isAssociated = (isAppAssociated || isWindowAssociated) && !isActive |
| | | |
| | | segment.containerLayer.borderWidth = isLocked |
| | | ? 2.75 |
| | | : (hasWindows || isCurrent || isActive || isAssociated) ? 1.5 : 1 |
| | | segment.containerLayer.borderColor = (isActive |
| | | segment.containerLayer.borderWidth = (hasWindows || isCurrent || isActive || isAssociated) ? 1.5 : 1 |
| | | segment.containerLayer.borderColor = (isLocked |
| | | ? NSColor.white.withAlphaComponent(0.86) |
| | | : isActive |
| | | ? spaceLaneOccupiedColor.withAlphaComponent(isLocked ? 0.92 : 0.62) |
| | | : isAssociated |
| | | ? spaceLaneOccupiedColor.withAlphaComponent(0.50) |
| | |
| | | ? NSColor.labelColor.withAlphaComponent(0.34) |
| | | : NSColor.separatorColor.withAlphaComponent(0.34) |
| | | ).cgColor |
| | | if !hasWindows { |
| | | if isLocked { |
| | | applySpaceLaneSolidFill( |
| | | to: segment.containerLayer, |
| | | color: spaceLaneLockedFillColor |
| | | ) |
| | | } else if !hasWindows { |
| | | applySpaceLaneSolidFill(to: segment.containerLayer, color: .clear) |
| | | } else if isActive { |
| | | applySpaceLaneSolidFill( |
| | |
| | | segment.containerLayer.transform = (isActive || isAssociated) |
| | | ? CATransform3DMakeScale(isActive ? 1.03 : 1.015, isActive ? 1.03 : 1.015, 1) |
| | | : CATransform3DIdentity |
| | | segment.containerLayer.shadowPath = hasWindows |
| | | segment.containerLayer.shadowPath = (hasWindows || isLocked) |
| | | ? CGPath( |
| | | roundedRect: segment.containerLayer.bounds, |
| | | cornerWidth: segment.containerLayer.cornerRadius, |
| | |
| | | transform: nil |
| | | ) |
| | | : nil |
| | | |
| | | applySpaceLaneContentVisualState(segment, isLocked: isLocked) |
| | | } |
| | | |
| | | private func applySpaceLaneContentVisualState(_ segment: SpaceLaneSegmentLayers, isLocked: Bool) { |
| | | let primaryTextColor: NSColor = isLocked ? .white : .labelColor |
| | | let secondaryTextColor: NSColor = isLocked |
| | | ? .white |
| | | : .secondaryLabelColor |
| | | |
| | | segment.labelLayer.foregroundColor = primaryTextColor.cgColor |
| | | segment.countLayer.foregroundColor = (isLocked ? NSColor.white : .secondaryLabelColor).cgColor |
| | | segment.appLayer.foregroundColor = (segment.space.type == .fullscreen |
| | | ? primaryTextColor |
| | | : secondaryTextColor |
| | | ).cgColor |
| | | for splitAppLayer in segment.splitAppLayers { |
| | | splitAppLayer.foregroundColor = primaryTextColor.cgColor |
| | | } |
| | | |
| | | for block in segment.windowBlocks { |
| | | block.backgroundColor = (isLocked |
| | | ? NSColor.white |
| | | : spaceLaneOccupiedColor.withAlphaComponent(segment.space.isCurrent ? 0.72 : 0.58) |
| | | ).cgColor |
| | | } |
| | | |
| | | (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor = (isLocked |
| | | ? NSColor.white |
| | | : NSColor.secondaryLabelColor.withAlphaComponent(segment.space.isCurrent ? 0.42 : 0.28) |
| | | ).cgColor |
| | | } |
| | | |
| | | private func shouldScrollSpaceLane(for event: NSEvent) -> Bool { |
| | |
| | | spaceLaneSegments.first { $0.space.id == spaceID } |
| | | } |
| | | |
| | | private func viewModeToggleButtonContains(windowLocation: CGPoint) -> Bool { |
| | | let locationInView = convert(windowLocation, from: nil) |
| | | let locationInGlass = CGPoint( |
| | | x: locationInView.x - glassLayer.frame.minX, |
| | | y: locationInView.y - glassLayer.frame.minY |
| | | ) |
| | | let hitOutset = (ViewModeToggleMetrics.hitSize - ViewModeToggleMetrics.visualSize) / 2 |
| | | return viewModeToggleButtonLayer.frame |
| | | .insetBy(dx: -hitOutset, dy: -hitOutset) |
| | | .contains(locationInGlass) |
| | | } |
| | | |
| | | private func clickViewModeToggleButton(source: String) { |
| | | DevelopmentDiagnostics.log("quickSwitch.view.clickWaterfallViewModeToggle", [ |
| | | "source": source, |
| | | "currentMode": waterfallViewMode.rawValue, |
| | | "targetMode": nextWaterfallViewMode.rawValue |
| | | ]) |
| | | lastMouseCommand = "click-view-toggle" |
| | | if !mouseCommandsApplied.contains("click-view-toggle") { |
| | | mouseCommandsApplied.append("click-view-toggle") |
| | | } |
| | | isViewModeToggleButtonHovered = false |
| | | suppressViewModeToggleHoverPreview = true |
| | | onToggleWaterfallViewMode?() |
| | | } |
| | | |
| | | private func appShelfItem(at windowLocation: CGPoint) -> AppShelfItemLayers? { |
| | | let locationInView = convert(windowLocation, from: nil) |
| | | let locationInShelfContent = CGPoint( |
| | |
| | | x: locationInWaterfallContent.x - column.containerLayer.frame.minX, |
| | | y: locationInWaterfallContent.y - column.containerLayer.frame.minY |
| | | ) |
| | | if let card = column.cards.first(where: { $0.containerLayer.frame.contains(locationInColumn) }) { |
| | | guard column.cardsClipLayer.frame.contains(locationInColumn) else { |
| | | continue |
| | | } |
| | | let locationInCardsClip = CGPoint( |
| | | x: locationInColumn.x - column.cardsClipLayer.frame.minX, |
| | | y: locationInColumn.y - column.cardsClipLayer.frame.minY |
| | | ) |
| | | if let card = column.cards.first(where: { $0.containerLayer.frame.contains(locationInCardsClip) }) { |
| | | return card |
| | | } |
| | | } |
| | |
| | | .first(where: { $0.item.windowIndex == windowIndex }) |
| | | } |
| | | |
| | | private func waterfallCard(windowID: UInt32) -> WaterfallCardLayers? { |
| | | waterfallColumns |
| | | .lazy |
| | | .flatMap(\.cards) |
| | | .first(where: { $0.item.window.id == windowID }) |
| | | } |
| | | |
| | | private func layoutSpaceLaneSegmentContents(_ segment: SpaceLaneSegmentLayers) { |
| | | let bounds = segment.containerLayer.bounds |
| | | let splitAppNames = splitViewAppNames(for: segment.space) |
| | | let isSplitView = splitAppNames.count >= 2 |
| | | segment.labelLayer.frame = CGRect(x: 10, y: bounds.height - 29, width: max(1, bounds.width - 48), height: 20) |
| | | segment.countLayer.frame = CGRect(x: bounds.width - 34, y: bounds.height - 29, width: 24, height: 20) |
| | | segment.countLayer.string = isSplitView ? "" : "\(segment.space.windowCount)" |
| | | segment.countLayer.isHidden = isSplitView |
| | | if segment.space.type == .fullscreen { |
| | | let markerFrame = fullscreenMarkerFrame(in: bounds) |
| | | segment.appLayer.frame = CGRect( |
| | | x: 8, |
| | | y: markerFrame.midY - 8.5, |
| | | width: max(1, bounds.width - 16), |
| | | height: 17 |
| | | ) |
| | | segment.appLayer.isHidden = isSplitView |
| | | if isSplitView { |
| | | let labelY = markerFrame.midY - 8.5 |
| | | let halfWidth = markerFrame.width / 2 |
| | | for (index, splitAppLayer) in segment.splitAppLayers.enumerated() { |
| | | let x = markerFrame.minX + CGFloat(index) * halfWidth |
| | | splitAppLayer.isHidden = false |
| | | splitAppLayer.frame = CGRect( |
| | | x: x + 4, |
| | | y: labelY, |
| | | width: max(1, halfWidth - 8), |
| | | height: 17 |
| | | ) |
| | | } |
| | | } else { |
| | | segment.appLayer.frame = CGRect( |
| | | x: 8, |
| | | y: markerFrame.midY - 8.5, |
| | | width: max(1, bounds.width - 16), |
| | | height: 17 |
| | | ) |
| | | for splitAppLayer in segment.splitAppLayers { |
| | | splitAppLayer.isHidden = true |
| | | } |
| | | } |
| | | } else { |
| | | segment.appLayer.isHidden = false |
| | | segment.appLayer.frame = CGRect(x: 10, y: 9, width: max(1, bounds.width - 20), height: 17) |
| | | for splitAppLayer in segment.splitAppLayers { |
| | | splitAppLayer.isHidden = true |
| | | } |
| | | } |
| | | if let fullscreenMarkerLayer = segment.fullscreenMarkerLayer { |
| | | layoutFullscreenMarkerLayer(fullscreenMarkerLayer, in: bounds) |
| | | layoutFullscreenMarkerLayer( |
| | | fullscreenMarkerLayer, |
| | | in: bounds, |
| | | isSplitView: isSplitView |
| | | ) |
| | | } |
| | | |
| | | let blockGap: CGFloat = 5 |
| | |
| | | ) |
| | | : nil |
| | | item.iconLayer.frame = CGRect(x: iconX, y: iconY, width: visualIconSize, height: visualIconSize) |
| | | layoutAppShelfIndexLayer( |
| | | item.indexLayer, |
| | | iconFrame: item.iconLayer.frame, |
| | | iconSize: visualIconSize, |
| | | itemBounds: bounds, |
| | | highlighted: showsSelectedVisual || isHovered |
| | | ) |
| | | item.labelLayer.contentsScale = backingScaleFactor |
| | | item.labelLayer.frame = CGRect(x: 0, y: 0, width: bounds.width, height: 14) |
| | | item.badgeLayer.string = badgeText |
| | |
| | | ) |
| | | item.selectedIndicatorLayer.frame = .zero |
| | | item.selectedIndicatorLayer.backgroundColor = NSColor.clear.cgColor |
| | | } |
| | | |
| | | private var appShelfIndexColor: NSColor { |
| | | NSColor.labelColor.withAlphaComponent(0.48) |
| | | } |
| | | |
| | | private var appShelfIndexHighlightedColor: NSColor { |
| | | NSColor.labelColor.withAlphaComponent(0.58) |
| | | } |
| | | |
| | | private func appShelfIndexFont(size: CGFloat) -> NSFont { |
| | | for fontName in ["Bradley Hand ITC", "Noteworthy-Light", "Marker Felt", "Snell Roundhand"] { |
| | | if let font = NSFont(name: fontName, size: size) { |
| | | return font |
| | | } |
| | | } |
| | | |
| | | return NSFont.monospacedSystemFont(ofSize: size, weight: .regular) |
| | | } |
| | | |
| | | private func appShelfIndexText(forOrdinal ordinal: Int) -> String { |
| | | guard ordinal >= 0 else { return "" } |
| | | if ordinal < Self.appShelfIndexSymbols.count { |
| | | return Self.appShelfIndexSymbols[ordinal] |
| | | } |
| | | |
| | | let overflowIndex = ordinal - Self.appShelfIndexSymbols.count |
| | | let prefix = Self.appShelfIndexSymbols[10 + (overflowIndex / 26) % 26] |
| | | let suffix = Self.appShelfIndexSymbols[10 + overflowIndex % 26] |
| | | return "\(prefix)\(suffix)" |
| | | } |
| | | |
| | | private func layoutAppShelfIndexLayer( |
| | | _ layer: CATextLayer, |
| | | iconFrame: CGRect, |
| | | iconSize: CGFloat, |
| | | itemBounds: CGRect, |
| | | highlighted: Bool |
| | | ) { |
| | | let fontSize = iconSize <= AppShelfMetrics.minIconSize + 1 |
| | | ? AppShelfMetrics.compressedIndexFontSize |
| | | : AppShelfMetrics.indexFontSize |
| | | layer.contentsScale = backingScaleFactor |
| | | layer.font = appShelfIndexFont(size: fontSize) |
| | | layer.fontSize = fontSize |
| | | layer.foregroundColor = (highlighted ? appShelfIndexHighlightedColor : appShelfIndexColor).cgColor |
| | | layer.opacity = 1 |
| | | |
| | | let indexWidth = AppShelfMetrics.indexWidth |
| | | let indexHeight = AppShelfMetrics.indexHeight |
| | | let preferredX = iconFrame.minX - indexWidth - 2 |
| | | let clampedX = max(-7, min(itemBounds.width - indexWidth, preferredX)) |
| | | let preferredY = iconFrame.maxY - indexHeight + 6 |
| | | let clampedY = max(0, min(itemBounds.height - indexHeight, preferredY)) |
| | | layer.frame = CGRect( |
| | | x: clampedX, |
| | | y: clampedY, |
| | | width: indexWidth, |
| | | height: indexHeight |
| | | ) |
| | | } |
| | | |
| | | private func appShelfRows() -> [[AppShelfItemLayers]] { |
| | |
| | | .cards |
| | | .compactMap(\.item.primarySpaceID) ?? [] |
| | | ) |
| | | } |
| | | |
| | | private var appIconHoverLinkedAppGroupIndex: Int? { |
| | | if let debugHoveredAppGroupIndex { |
| | | return debugHoveredAppGroupIndex |
| | | } |
| | | guard case .app(let appGroupIndex) = hoverTarget else { return nil } |
| | | return appGroupIndex |
| | | } |
| | | |
| | | private var appHoverAssociatedSpaceLabels: [String] { |
| | |
| | | let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) |
| | | else { |
| | | return "none" |
| | | } |
| | | |
| | | guard !isHorizontalMasonryMode else { |
| | | return "visible" |
| | | } |
| | | |
| | | let visibleMinX = waterfallScrollOffset |
| | |
| | | return item.item.windowCount > 1 ? "\(item.item.windowCount)" : "" |
| | | } |
| | | |
| | | private var waterfallAppHoverHeaderFillColor: NSColor { |
| | | NSColor.systemGray.withAlphaComponent(0.22) |
| | | } |
| | | |
| | | private var appShelfMaxScrollOffset: CGFloat { |
| | | max(0, appShelfContentWidth - shelfLayer.bounds.width) |
| | | } |
| | |
| | | } |
| | | |
| | | private func layoutWaterfallColumns() { |
| | | if isHorizontalMasonryMode { |
| | | layoutHorizontalMasonryWaterfall() |
| | | return |
| | | } |
| | | |
| | | guard !waterfallColumns.isEmpty else { |
| | | waterfallContentWidth = waterfallLayer.bounds.width |
| | | waterfallScrollOffset = 0 |
| | | horizontalMasonryContentHeight = waterfallLayer.bounds.height |
| | | horizontalMasonryScrollOffset = 0 |
| | | waterfallContentLayer.frame = waterfallLayer.bounds |
| | | return |
| | | } |
| | | |
| | | let columnWidth = waterfallColumnWidth() |
| | | let totalWidth = WaterfallMetrics.contentHorizontalPadding * 2 |
| | | + CGFloat(waterfallColumns.count) * columnWidth |
| | | let columnsWidth = CGFloat(waterfallColumns.count) * columnWidth |
| | | + CGFloat(max(0, waterfallColumns.count - 1)) * WaterfallMetrics.gap |
| | | let totalWidth = WaterfallMetrics.contentHorizontalPadding * 2 + columnsWidth |
| | | waterfallContentWidth = max(waterfallLayer.bounds.width, totalWidth) |
| | | waterfallScrollOffset = clampedWaterfallAlignmentOffset(waterfallScrollOffset) |
| | | waterfallContentLayer.frame = CGRect( |
| | |
| | | height: waterfallLayer.bounds.height |
| | | ) |
| | | |
| | | var x = WaterfallMetrics.contentHorizontalPadding |
| | | var x = waterfallColumnStartX(columnsWidth: columnsWidth) |
| | | for column in waterfallColumns { |
| | | column.containerLayer.frame = CGRect( |
| | | x: x, |
| | |
| | | } |
| | | } |
| | | |
| | | private func layoutHorizontalMasonryWaterfall() { |
| | | guard !waterfallColumns.isEmpty else { |
| | | waterfallContentWidth = waterfallLayer.bounds.width |
| | | waterfallScrollOffset = 0 |
| | | horizontalMasonryContentHeight = waterfallLayer.bounds.height |
| | | horizontalMasonryScrollOffset = 0 |
| | | waterfallContentLayer.frame = waterfallLayer.bounds |
| | | return |
| | | } |
| | | |
| | | let layout = horizontalMasonryLayout() |
| | | waterfallContentWidth = waterfallLayer.bounds.width |
| | | waterfallScrollOffset = 0 |
| | | horizontalMasonryContentHeight = layout.contentHeight |
| | | horizontalMasonryScrollOffset = clampedHorizontalMasonryOffset(horizontalMasonryScrollOffset) |
| | | waterfallContentLayer.frame = horizontalMasonryContentFrame() |
| | | |
| | | for column in waterfallColumns { |
| | | column.containerLayer.frame = CGRect( |
| | | x: 0, |
| | | y: 0, |
| | | width: waterfallContentWidth, |
| | | height: horizontalMasonryContentHeight |
| | | ) |
| | | column.containerLayer.masksToBounds = false |
| | | column.containerLayer.backgroundColor = NSColor.clear.cgColor |
| | | column.containerLayer.borderColor = NSColor.clear.cgColor |
| | | column.containerLayer.borderWidth = 0 |
| | | column.containerLayer.shadowOpacity = 0 |
| | | column.containerLayer.shadowRadius = 0 |
| | | column.containerLayer.shadowOffset = .zero |
| | | column.cardsClipLayer.frame = column.containerLayer.bounds |
| | | column.cardsClipLayer.masksToBounds = false |
| | | column.headerLayer.isHidden = true |
| | | column.appNameLayer.isHidden = true |
| | | column.countLayer.isHidden = true |
| | | |
| | | for card in column.cards { |
| | | card.containerLayer.transform = CATransform3DIdentity |
| | | if let frame = layout.cardFramesByWindowID[card.item.window.id] { |
| | | card.containerLayer.frame = frame |
| | | } else { |
| | | card.containerLayer.frame = .zero |
| | | } |
| | | layoutWaterfallCard(card) |
| | | } |
| | | } |
| | | } |
| | | |
| | | private struct HorizontalMasonryLayout { |
| | | let contentHeight: CGFloat |
| | | let cardFramesByWindowID: [UInt32: CGRect] |
| | | } |
| | | |
| | | private func horizontalMasonryLayout() -> HorizontalMasonryLayout { |
| | | let cards = horizontalMasonryCardsInPlacementOrder() |
| | | guard !cards.isEmpty else { |
| | | return HorizontalMasonryLayout( |
| | | contentHeight: waterfallLayer.bounds.height, |
| | | cardFramesByWindowID: [:] |
| | | ) |
| | | } |
| | | |
| | | let viewportWidth = max(1, waterfallLayer.bounds.width) |
| | | let availableWidth = max( |
| | | HorizontalMasonryMetrics.cardMinWidth, |
| | | viewportWidth - HorizontalMasonryMetrics.horizontalPadding * 2 |
| | | ) |
| | | let maximumLaneCount = max( |
| | | 1, |
| | | Int( |
| | | floor( |
| | | (availableWidth + HorizontalMasonryMetrics.horizontalGap) |
| | | / (HorizontalMasonryMetrics.cardMinWidth + HorizontalMasonryMetrics.horizontalGap) |
| | | ) |
| | | ) |
| | | ) |
| | | let laneCount = min(maximumLaneCount, max(1, cards.count)) |
| | | let fittingWidth = ( |
| | | availableWidth - CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.horizontalGap |
| | | ) / CGFloat(laneCount) |
| | | let cardWidth = floor( |
| | | min( |
| | | HorizontalMasonryMetrics.cardMaxWidth, |
| | | max(HorizontalMasonryMetrics.cardMinWidth, fittingWidth) |
| | | ) |
| | | ) |
| | | let usedWidth = CGFloat(laneCount) * cardWidth |
| | | + CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.horizontalGap |
| | | let startX = max( |
| | | HorizontalMasonryMetrics.horizontalPadding, |
| | | (viewportWidth - usedWidth) / 2 |
| | | ) |
| | | |
| | | var laneHeights = Array(repeating: CGFloat(0), count: laneCount) |
| | | var plannedFrames: [(windowID: UInt32, x: CGFloat, top: CGFloat, width: CGFloat, height: CGFloat)] = [] |
| | | |
| | | for card in cards { |
| | | let laneIndex = laneHeights.enumerated().min { lhs, rhs in |
| | | if abs(lhs.element - rhs.element) > 0.5 { |
| | | return lhs.element < rhs.element |
| | | } |
| | | return lhs.offset < rhs.offset |
| | | }?.offset ?? 0 |
| | | let cardHeight = HorizontalMasonryMetrics.cardHeight |
| | | let x = startX + CGFloat(laneIndex) * (cardWidth + HorizontalMasonryMetrics.horizontalGap) |
| | | let top = HorizontalMasonryMetrics.verticalPadding + laneHeights[laneIndex] |
| | | plannedFrames.append(( |
| | | windowID: card.item.window.id, |
| | | x: x, |
| | | top: top, |
| | | width: cardWidth, |
| | | height: cardHeight |
| | | )) |
| | | laneHeights[laneIndex] += cardHeight + HorizontalMasonryMetrics.verticalGap |
| | | } |
| | | |
| | | let tallestLane = laneHeights.max().map { |
| | | max(0, $0 - HorizontalMasonryMetrics.verticalGap) |
| | | } ?? 0 |
| | | let contentHeight = max( |
| | | waterfallLayer.bounds.height, |
| | | HorizontalMasonryMetrics.verticalPadding * 2 + tallestLane |
| | | ) |
| | | let frames = Dictionary( |
| | | uniqueKeysWithValues: plannedFrames.map { planned in |
| | | ( |
| | | planned.windowID, |
| | | CGRect( |
| | | x: planned.x, |
| | | y: contentHeight - planned.top - planned.height, |
| | | width: planned.width, |
| | | height: planned.height |
| | | ) |
| | | ) |
| | | } |
| | | ) |
| | | |
| | | return HorizontalMasonryLayout(contentHeight: contentHeight, cardFramesByWindowID: frames) |
| | | } |
| | | |
| | | private func horizontalMasonryContentFrame() -> CGRect { |
| | | let contentHeight = max(waterfallLayer.bounds.height, horizontalMasonryContentHeight) |
| | | return CGRect( |
| | | x: 0, |
| | | y: waterfallLayer.bounds.height - contentHeight + horizontalMasonryScrollOffset, |
| | | width: waterfallLayer.bounds.width, |
| | | height: contentHeight |
| | | ) |
| | | } |
| | | |
| | | private func waterfallColumnStartX(columnsWidth: CGFloat) -> CGFloat { |
| | | guard currentViewModel?.lockedSpaceID != nil else { |
| | | return WaterfallMetrics.contentHorizontalPadding |
| | | } |
| | | |
| | | let centeredStart = (waterfallContentWidth - columnsWidth) / 2 |
| | | return max(WaterfallMetrics.contentHorizontalPadding, centeredStart) |
| | | } |
| | | |
| | | private func layoutWaterfallColumn(_ column: WaterfallColumnLayers) { |
| | | column.containerLayer.cornerRadius = 14 |
| | | column.containerLayer.masksToBounds = true |
| | | column.containerLayer.backgroundColor = NSColor.controlBackgroundColor.withAlphaComponent(0.56).cgColor |
| | | column.containerLayer.shadowOpacity = 0 |
| | | column.containerLayer.shadowRadius = 0 |
| | | column.containerLayer.shadowOffset = .zero |
| | | column.headerLayer.isHidden = false |
| | | column.appNameLayer.isHidden = false |
| | | column.countLayer.isHidden = false |
| | | |
| | | let bounds = column.containerLayer.bounds |
| | | let cardsClipFrame = CGRect( |
| | | x: 0, |
| | | y: 0, |
| | | width: bounds.width, |
| | | height: max(1, bounds.height - WaterfallMetrics.headerHeight) |
| | | ) |
| | | column.cardsClipLayer.frame = cardsClipFrame |
| | | column.cardsClipLayer.masksToBounds = true |
| | | let isSpaceFocused = spaceFocusWindowCount(for: column.column.appGroupIndex) > 0 |
| | | let isHovered = column.column.appGroupIndex == effectiveHoveredAppGroupIndex |
| | | column.containerLayer.borderColor = (isSpaceFocused |
| | |
| | | width: bounds.width, |
| | | height: WaterfallMetrics.headerHeight |
| | | ) |
| | | column.headerLayer.backgroundColor = (isSpaceFocused |
| | | ? NSColor.systemFill.withAlphaComponent(0.10) |
| | | : NSColor.controlBackgroundColor.withAlphaComponent(0.52) |
| | | column.headerLayer.backgroundColor = (isHovered |
| | | ? waterfallAppHoverHeaderFillColor |
| | | : (isSpaceFocused |
| | | ? NSColor.systemFill.withAlphaComponent(0.10) |
| | | : NSColor.controlBackgroundColor.withAlphaComponent(0.52)) |
| | | ).cgColor |
| | | column.appNameLayer.frame = CGRect( |
| | | x: WaterfallMetrics.columnHeaderTextInset, |
| | |
| | | width: max(1, bounds.width - WaterfallMetrics.columnHeaderTextInset * 2), |
| | | height: 16 |
| | | ) |
| | | column.appNameLayer.foregroundColor = (isHovered |
| | | ? spaceLaneOccupiedColor |
| | | : NSColor.labelColor |
| | | ).cgColor |
| | | column.appNameLayer.foregroundColor = NSColor.labelColor.cgColor |
| | | column.countLayer.frame = CGRect( |
| | | x: bounds.width - 48, |
| | | y: bounds.height - 24, |
| | | width: 36, |
| | | height: 16 |
| | | ) |
| | | column.countLayer.foregroundColor = NSColor.secondaryLabelColor.cgColor |
| | | |
| | | let appGroupIndex = column.column.appGroupIndex |
| | | let verticalOffset = clampedWaterfallColumnOffset( |
| | |
| | | waterfallColumnScrollOffsets[appGroupIndex] = verticalOffset |
| | | |
| | | let cardWidth = max(1, bounds.width - WaterfallMetrics.columnHorizontalPadding * 2) |
| | | let firstCardTop = bounds.height |
| | | - WaterfallMetrics.headerHeight |
| | | let firstCardTop = cardsClipFrame.height |
| | | - WaterfallMetrics.selectedCardScaleOverflow |
| | | - WaterfallMetrics.columnVerticalPadding |
| | | + verticalOffset |
| | | |
| | |
| | | let y = firstCardTop |
| | | - WaterfallMetrics.cardHeight |
| | | - CGFloat(cardIndex) * (WaterfallMetrics.cardHeight + WaterfallMetrics.cardGap) |
| | | card.containerLayer.transform = CATransform3DIdentity |
| | | card.containerLayer.frame = CGRect( |
| | | x: WaterfallMetrics.columnHorizontalPadding, |
| | | y: y, |
| | |
| | | let bounds = card.containerLayer.bounds |
| | | let isSelected = card.item.window.id == effectiveSelection?.windowID |
| | | let isHovered = card.item.window.id == hoveredWindowID |
| | | let isKeyboardFocused = card.item.window.id == keyboardFocusedWindowID |
| | | let isHorizontalAppDefaultFocused = isHorizontalAppDefaultCard(card) |
| | | let isAppLinked = isWaterfallCardAppLinked(card) |
| | | applyWaterfallCardVisualState( |
| | | card, |
| | | selected: shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered), |
| | | hovered: isHovered |
| | | selected: shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) |
| | | || isKeyboardFocused |
| | | || isHorizontalAppDefaultFocused, |
| | | hovered: isHovered, |
| | | appLinked: isAppLinked |
| | | ) |
| | | |
| | | let outerInset: CGFloat = 0 |
| | |
| | | ) |
| | | } |
| | | |
| | | private func applyWaterfallCardVisualState(_ card: WaterfallCardLayers, selected: Bool, hovered: Bool) { |
| | | private func applyWaterfallCardVisualState( |
| | | _ card: WaterfallCardLayers, |
| | | selected: Bool, |
| | | hovered: Bool, |
| | | appLinked: Bool |
| | | ) { |
| | | let isSpaceFocused = isWaterfallCardSpaceFocused(card) |
| | | card.containerLayer.backgroundColor = (selected |
| | | ? NSColor.windowBackgroundColor.withAlphaComponent(0.94) |
| | | : hovered |
| | | ? accentTintedWindowBackground(fraction: 0.09, alpha: 0.95) |
| | | : appLinked |
| | | ? accentTintedWindowBackground(fraction: 0.08, alpha: 0.93) |
| | | : isSpaceFocused |
| | | ? accentTintedWindowBackground(fraction: 0.10, alpha: 0.94) |
| | | : NSColor.windowBackgroundColor.withAlphaComponent(0.82) |
| | |
| | | ? NSColor.controlAccentColor.withAlphaComponent(0.52) |
| | | : hovered |
| | | ? NSColor.controlAccentColor.withAlphaComponent(0.44) |
| | | : appLinked |
| | | ? NSColor.controlAccentColor.withAlphaComponent(0.38) |
| | | : isSpaceFocused |
| | | ? NSColor.controlAccentColor.withAlphaComponent(0.42) |
| | | : NSColor.separatorColor.withAlphaComponent(0.28) |
| | | ).cgColor |
| | | card.containerLayer.borderWidth = (selected || hovered || isSpaceFocused) ? 1.5 : 1 |
| | | card.containerLayer.borderWidth = (selected || hovered || appLinked || isSpaceFocused) ? 1.5 : 1 |
| | | card.containerLayer.shadowColor = NSColor.black.cgColor |
| | | card.containerLayer.shadowOpacity = selected ? 0.24 : hovered ? 0.14 : isSpaceFocused ? 0.20 : 0 |
| | | card.containerLayer.shadowRadius = selected ? 22 : hovered ? 17 : isSpaceFocused ? 24 : 0 |
| | | card.containerLayer.shadowOpacity = selected ? 0.24 : hovered ? 0.14 : appLinked ? 0.16 : isSpaceFocused ? 0.20 : 0 |
| | | card.containerLayer.shadowRadius = selected ? 22 : hovered ? 17 : appLinked ? 18 : isSpaceFocused ? 24 : 0 |
| | | card.containerLayer.shadowOffset = selected |
| | | ? CGSize(width: 0, height: -6) |
| | | : hovered |
| | | ? CGSize(width: 0, height: -2.5) |
| | | : appLinked |
| | | ? CGSize(width: 0, height: -3) |
| | | : isSpaceFocused |
| | | ? CGSize(width: 0, height: -5) |
| | | : .zero |
| | | card.containerLayer.zPosition = selected ? 20 : hovered ? 10 : isSpaceFocused ? 8 : 0 |
| | | let focusedScale: CGFloat = selected ? 1.015 : isSpaceFocused ? 1.012 : 1.008 |
| | | card.containerLayer.zPosition = selected ? 20 : hovered ? 12 : appLinked ? 10 : isSpaceFocused ? 8 : 0 |
| | | let focusedScale: CGFloat = selected ? WaterfallMetrics.selectedCardScale : isSpaceFocused ? 1.012 : 1.008 |
| | | card.containerLayer.transform = (selected || hovered || isSpaceFocused) |
| | | ? CATransform3DMakeScale(focusedScale, focusedScale, 1) |
| | | : CATransform3DIdentity |
| | | card.containerLayer.shadowPath = (selected || hovered || isSpaceFocused) |
| | | card.containerLayer.shadowPath = (selected || hovered || appLinked || isSpaceFocused) |
| | | ? CGPath( |
| | | roundedRect: card.containerLayer.bounds, |
| | | cornerWidth: card.containerLayer.cornerRadius, |
| | |
| | | transform: nil |
| | | ) |
| | | : nil |
| | | card.titleBarLayer.backgroundColor = NSColor.clear.cgColor |
| | | card.titleBarLayer.backgroundColor = (selected |
| | | ? spaceLaneOccupiedColor.withAlphaComponent(0.22) |
| | | : appLinked |
| | | ? spaceLaneOccupiedColor.withAlphaComponent(0.18) |
| | | : NSColor.clear |
| | | ).cgColor |
| | | card.titleBarLayer.borderColor = NSColor.clear.cgColor |
| | | card.titleBarLayer.borderWidth = 0 |
| | | card.shineLayer.opacity = selected ? 1 : 0 |
| | |
| | | x: locationInWaterfallContent.x - column.containerLayer.frame.minX, |
| | | y: locationInWaterfallContent.y - column.containerLayer.frame.minY |
| | | ) |
| | | for card in column.cards where card.containerLayer.frame.contains(locationInColumn) { |
| | | guard column.cardsClipLayer.frame.contains(locationInColumn) else { |
| | | continue |
| | | } |
| | | let locationInCardsClip = CGPoint( |
| | | x: locationInColumn.x - column.cardsClipLayer.frame.minX, |
| | | y: locationInColumn.y - column.cardsClipLayer.frame.minY |
| | | ) |
| | | for card in column.cards where card.containerLayer.frame.contains(locationInCardsClip) { |
| | | guard card.closeButton.containerLayer.opacity > 0 else { continue } |
| | | let locationInCard = CGPoint( |
| | | x: locationInColumn.x - card.containerLayer.frame.minX, |
| | | y: locationInColumn.y - card.containerLayer.frame.minY |
| | | x: locationInCardsClip.x - card.containerLayer.frame.minX, |
| | | y: locationInCardsClip.y - card.containerLayer.frame.minY |
| | | ) |
| | | if card.closeButton.containerLayer.frame.insetBy(dx: -8, dy: -8).contains(locationInCard) { |
| | | return .window( |
| | |
| | | x: waterfallLayer.frame.minX |
| | | + waterfallContentLayer.frame.minX |
| | | + column.containerLayer.frame.minX |
| | | + column.cardsClipLayer.frame.minX |
| | | + card.containerLayer.frame.minX |
| | | + card.closeButton.containerLayer.frame.midX, |
| | | y: waterfallLayer.frame.minY |
| | | + waterfallContentLayer.frame.minY |
| | | + column.containerLayer.frame.minY |
| | | + column.cardsClipLayer.frame.minY |
| | | + card.containerLayer.frame.minY |
| | | + card.closeButton.containerLayer.frame.midY |
| | | ) |
| | |
| | | return card.item.primarySpaceID == activeSpaceFocusID |
| | | } |
| | | |
| | | private func isWaterfallCardAppLinked(_ card: WaterfallCardLayers) -> Bool { |
| | | guard card.item.appGroupIndex == appIconHoverLinkedAppGroupIndex else { return false } |
| | | |
| | | if isHorizontalMasonryMode { |
| | | return true |
| | | } |
| | | |
| | | if keyboardFocusedWindowID != nil { |
| | | return false |
| | | } |
| | | |
| | | return waterfallColumns |
| | | .first(where: { $0.column.appGroupIndex == card.item.appGroupIndex })? |
| | | .cards |
| | | .sorted { lhs, rhs in |
| | | if lhs.item.windowIndex != rhs.item.windowIndex { |
| | | return lhs.item.windowIndex < rhs.item.windowIndex |
| | | } |
| | | return lhs.item.window.id < rhs.item.window.id |
| | | } |
| | | .first? |
| | | .item.window.id == card.item.window.id |
| | | } |
| | | |
| | | private func waterfallColumnWidth() -> CGFloat { |
| | | guard waterfallColumns.count > 0 else { return WaterfallMetrics.columnWidth } |
| | | |
| | |
| | | ) |
| | | } |
| | | |
| | | private var isHorizontalMasonryMode: Bool { |
| | | waterfallViewMode == .horizontalMasonry |
| | | } |
| | | |
| | | private var nextWaterfallViewMode: QuickSwitchWaterfallViewMode { |
| | | isHorizontalMasonryMode ? .verticalColumns : .horizontalMasonry |
| | | } |
| | | |
| | | private var viewModeToggleBlueColor: NSColor { |
| | | NSColor(deviceRed: 135.0 / 255.0, green: 200.0 / 255.0, blue: 1, alpha: 1) |
| | | } |
| | | |
| | | private var viewModeToggleVisualState: ViewModeToggleVisualState { |
| | | if isHorizontalMasonryMode { |
| | | return isViewModeToggleButtonHovered ? .verticalAvailable : .horizontalSelected |
| | | } |
| | | return isViewModeToggleButtonHovered ? .horizontalAvailable : .verticalSelected |
| | | } |
| | | |
| | | private func viewModeToggleVisualStateIsSelected(_ state: ViewModeToggleVisualState) -> Bool { |
| | | switch state { |
| | | case .horizontalSelected, .verticalSelected: |
| | | return true |
| | | case .horizontalAvailable, .verticalAvailable: |
| | | return false |
| | | } |
| | | } |
| | | |
| | | private var viewModeToggleIconKind: String { |
| | | viewModeToggleVisualState.rawValue |
| | | } |
| | | |
| | | private var viewModeToggleAccessibilityLabel: String { |
| | | switch nextWaterfallViewMode { |
| | | case .verticalColumns: |
| | | return "切换到纵栏瀑布" |
| | | case .horizontalMasonry: |
| | | return "切换到横栏瀑布" |
| | | } |
| | | } |
| | | |
| | | private var waterfallMaxScrollOffset: CGFloat { |
| | | max(0, waterfallContentWidth - waterfallLayer.bounds.width) |
| | | guard !isHorizontalMasonryMode else { return 0 } |
| | | return max(0, waterfallContentWidth - waterfallLayer.bounds.width) |
| | | } |
| | | |
| | | private func clampedWaterfallOffset(_ offset: CGFloat) -> CGFloat { |
| | | min(max(0, offset), waterfallMaxScrollOffset) |
| | | } |
| | | |
| | | private var horizontalMasonryMaxScrollOffset: CGFloat { |
| | | max(0, horizontalMasonryContentHeight - waterfallLayer.bounds.height) |
| | | } |
| | | |
| | | private func clampedHorizontalMasonryOffset(_ offset: CGFloat) -> CGFloat { |
| | | min(max(0, offset), horizontalMasonryMaxScrollOffset) |
| | | } |
| | | |
| | | private func waterfallMaxVerticalScrollOffset(for appGroupIndex: Int) -> CGFloat { |
| | | guard !isHorizontalMasonryMode else { return 0 } |
| | | |
| | | guard |
| | | let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) |
| | | else { |
| | |
| | | ) |
| | | let contentHeight = CGFloat(column.cards.count) * WaterfallMetrics.cardHeight |
| | | + CGFloat(max(0, column.cards.count - 1)) * WaterfallMetrics.cardGap |
| | | return max(0, contentHeight - visibleHeight) |
| | | return max(0, contentHeight - visibleHeight + WaterfallMetrics.selectedCardScaleOverflow * 2) |
| | | } |
| | | |
| | | private func clampedWaterfallColumnOffset(_ offset: CGFloat, appGroupIndex: Int) -> CGFloat { |
| | |
| | | } |
| | | |
| | | return NSColor(calibratedRed: 0, green: 122 / 255, blue: 1, alpha: 1) |
| | | } |
| | | |
| | | private var spaceLaneLockedFillColor: NSColor { |
| | | if effectiveAppearance.bestMatch(from: [.darkAqua, .aqua]) == .darkAqua { |
| | | return NSColor(calibratedRed: 58 / 255, green: 148 / 255, blue: 1, alpha: 0.86) |
| | | } |
| | | |
| | | return NSColor(calibratedRed: 90 / 255, green: 171 / 255, blue: 1, alpha: 0.82) |
| | | } |
| | | |
| | | private func spaceLaneIdleOccupiedGradientColors() -> [NSColor] { |
| | |
| | | return identifiers.joined(separator: " ") |
| | | } |
| | | |
| | | private func layoutFullscreenMarkerLayer(_ layer: CALayer, in segmentBounds: CGRect) { |
| | | private func splitViewAppNames(for space: QuickSwitchSpaceViewModel) -> [String] { |
| | | guard space.type == .fullscreen else { return [] } |
| | | |
| | | let names = space.splitViewAppNames |
| | | .prefix(2) |
| | | .map { $0.trimmingCharacters(in: .whitespacesAndNewlines) } |
| | | .filter { !$0.isEmpty } |
| | | |
| | | guard names.count >= 2 else { return [] } |
| | | return names |
| | | } |
| | | |
| | | private func layoutFullscreenMarkerLayer( |
| | | _ layer: CALayer, |
| | | in segmentBounds: CGRect, |
| | | isSplitView: Bool = false |
| | | ) { |
| | | let markerFrame = fullscreenMarkerFrame(in: segmentBounds) |
| | | layer.frame = markerFrame |
| | | |
| | | guard let shapeLayer = layer as? CAShapeLayer else { return } |
| | | |
| | | let bounds = shapeLayer.bounds |
| | | if isSplitView { |
| | | let path = CGMutablePath() |
| | | path.move(to: CGPoint(x: bounds.midX, y: bounds.minY)) |
| | | path.addLine(to: CGPoint(x: bounds.midX, y: bounds.maxY)) |
| | | shapeLayer.path = path |
| | | shapeLayer.lineCap = .butt |
| | | return |
| | | } |
| | | |
| | | let cornerLength = min(12, max(7, min(bounds.width, bounds.height) * 0.28)) |
| | | let path = CGMutablePath() |
| | | |
| | |
| | | path.addLine(to: CGPoint(x: 0, y: bounds.maxY - cornerLength)) |
| | | |
| | | shapeLayer.path = path |
| | | shapeLayer.lineCap = .round |
| | | } |
| | | |
| | | private func fullscreenMarkerFrame(in segmentBounds: CGRect) -> CGRect { |
| | |
| | | "frame": dictionary(from: item.containerLayer.frame), |
| | | "visibleFrame": dictionary(from: visibleFrame), |
| | | "iconFrame": dictionary(from: item.iconLayer.frame), |
| | | "indexText": item.indexLayer.string ?? "", |
| | | "indexFrame": dictionary(from: item.indexLayer.frame), |
| | | "indexVisible": !item.indexLayer.isHidden && item.indexLayer.opacity > 0, |
| | | "indexFontSize": Double(item.indexLayer.fontSize), |
| | | "indexOpacity": Double(item.indexLayer.opacity), |
| | | "indexColor": colorDictionary(from: item.indexLayer.foregroundColor), |
| | | "labelFrame": dictionary(from: item.labelLayer.frame), |
| | | "labelTruncationMode": "middle", |
| | | "badgeVisible": !item.badgeLayer.isHidden, |
| | |
| | | let appGroupIndex = column.column.appGroupIndex |
| | | let isHovered = appGroupIndex == effectiveHoveredAppGroupIndex |
| | | let firstCardFrame = column.cards.first?.containerLayer.frame |
| | | let headerToFirstCardGap = firstCardFrame.map { |
| | | let visibleFirstCardFrame = firstCardFrame.map { |
| | | $0.offsetBy(dx: column.cardsClipLayer.frame.minX, dy: column.cardsClipLayer.frame.minY) |
| | | } |
| | | let headerToFirstCardGap = visibleFirstCardFrame.map { |
| | | column.headerLayer.frame.minY - $0.maxY |
| | | } |
| | | let topToFirstCardGap = firstCardFrame.map { |
| | | let topToFirstCardGap = visibleFirstCardFrame.map { |
| | | column.containerLayer.bounds.height - $0.maxY |
| | | } |
| | | |
| | |
| | | "frame": dictionary(from: column.containerLayer.frame), |
| | | "visibleFrame": dictionary(from: visibleFrame), |
| | | "headerFrame": dictionary(from: column.headerLayer.frame), |
| | | "headerBackgroundColor": colorDictionary(from: column.headerLayer.backgroundColor), |
| | | "cardsClipFrame": dictionary(from: column.cardsClipLayer.frame), |
| | | "cardsClipMasksToBounds": column.cardsClipLayer.masksToBounds, |
| | | "headerToFirstCardGap": headerToFirstCardGap.map(Double.init) ?? NSNull(), |
| | | "topToFirstCardGap": topToFirstCardGap.map(Double.init) ?? NSNull(), |
| | | "appNameFrame": dictionary(from: column.appNameLayer.frame), |
| | | "appNameAlignment": column.appNameLayer.alignmentMode.rawValue, |
| | | "appNameColor": colorDictionary(from: column.appNameLayer.foregroundColor), |
| | | "countFrame": dictionary(from: column.countLayer.frame), |
| | | "countColor": colorDictionary(from: column.countLayer.foregroundColor), |
| | | "verticalScrollOffset": Double(waterfallColumnScrollOffsets[appGroupIndex] ?? 0), |
| | | "maxVerticalScrollOffset": Double(waterfallMaxVerticalScrollOffset(for: appGroupIndex)), |
| | | "cards": waterfallCardReports(for: column) |
| | |
| | | private func waterfallCardReports(for column: WaterfallColumnLayers) -> [[String: Any]] { |
| | | column.cards.map { card in |
| | | let visibleFrame = card.containerLayer.frame.offsetBy( |
| | | dx: column.containerLayer.frame.minX + waterfallContentLayer.frame.minX, |
| | | dy: column.containerLayer.frame.minY |
| | | dx: column.containerLayer.frame.minX + column.cardsClipLayer.frame.minX + waterfallContentLayer.frame.minX, |
| | | dy: column.containerLayer.frame.minY + column.cardsClipLayer.frame.minY |
| | | ) |
| | | let screenshotSource = screenshotSourcesByWindowID[card.item.window.id] |
| | | |
| | |
| | | "isFullscreen": card.item.window.isFullscreen, |
| | | "identifierSource": "\(card.item.window.identifierSource)", |
| | | "isSelected": card.item.window.id == effectiveSelection?.windowID, |
| | | "isKeyboardFocused": card.item.window.id == keyboardFocusedWindowID, |
| | | "isHorizontalAppDefault": isHorizontalAppDefaultCard(card), |
| | | "visualStates": waterfallCardVisualStates(for: card), |
| | | "thumbnailStrategy": thumbnailStrategyString(for: card.item.window), |
| | | "screenshotSource": screenshotSourceString(screenshotSource, for: card.item.window), |
| | |
| | | "shadowRadius": Double(card.containerLayer.shadowRadius), |
| | | "thumbnailFrame": dictionary(from: card.thumbnailLayer.frame), |
| | | "titleBarFrame": dictionary(from: card.titleBarLayer.frame), |
| | | "titleBarBackgroundColor": colorDictionary(from: card.titleBarLayer.backgroundColor), |
| | | "titleBarBorderWidth": Double(card.titleBarLayer.borderWidth), |
| | | "titleFrame": dictionary(from: card.titleLayer.frame), |
| | | "metaFrame": dictionary(from: card.metaLayer.frame), |
| | |
| | | "closeButtonGlyphLineWidth": Double(card.closeButton.glyphLayer.lineWidth), |
| | | "shineVisible": card.shineLayer.opacity > 0, |
| | | "zPosition": Double(card.containerLayer.zPosition), |
| | | "bounds": dictionary(from: card.containerLayer.bounds), |
| | | "frame": dictionary(from: card.containerLayer.frame), |
| | | "visibleFrame": dictionary(from: visibleFrame), |
| | | "titleTruncationMode": "middle" |
| | |
| | | var states: [String] = [] |
| | | let isSelected = card.item.window.id == effectiveSelection?.windowID |
| | | let isHovered = card.item.window.id == hoveredWindowID |
| | | if shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) { |
| | | let isKeyboardFocused = card.item.window.id == keyboardFocusedWindowID |
| | | let isHorizontalAppDefaultFocused = isHorizontalAppDefaultCard(card) |
| | | let isAppLinked = isWaterfallCardAppLinked(card) |
| | | if shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) |
| | | || isKeyboardFocused |
| | | || isHorizontalAppDefaultFocused { |
| | | states.append("selected") |
| | | } else if isSelected { |
| | | states.append("selectedVisualSuppressed") |
| | | } |
| | | if isKeyboardFocused { |
| | | states.append("keyboardFocused") |
| | | } |
| | | if isHorizontalAppDefaultFocused { |
| | | states.append("appDefault") |
| | | } |
| | | if isHovered { |
| | | states.append("hover") |
| | | } |
| | | if isAppLinked { |
| | | states.append("appLinked") |
| | | } |
| | | if isWaterfallCardSpaceFocused(card) { |
| | | states.append("spaceFocused") |
| | |
| | | let fullscreenMarkerCenterRatio = fullscreenMarkerFrame.map { |
| | | Double($0.midY / max(1, segment.containerLayer.bounds.height)) |
| | | } |
| | | let splitAppNames = splitViewAppNames(for: space) |
| | | let splitAppLabelFrames = segment.splitAppLayers.map { dictionary(from: $0.frame) } |
| | | return [ |
| | | "displayUUID": display.displayUUID, |
| | | "displayLabel": display.displayLabel, |
| | |
| | | "type": spaceTypeName(space.type), |
| | | "visualStates": visualStates(for: space), |
| | | "fullscreenMarkerVisible": segment.fullscreenMarkerLayer != nil, |
| | | "fullscreenMarkerKind": segment.fullscreenMarkerLayer == nil ? "none" : "cornerBracket", |
| | | "fullscreenMarkerKind": fullscreenMarkerKind( |
| | | markerLayer: segment.fullscreenMarkerLayer, |
| | | splitAppNames: splitAppNames |
| | | ), |
| | | "fullscreenMarkerPathStyle": fullscreenMarkerPathStyle( |
| | | markerLayer: segment.fullscreenMarkerLayer, |
| | | splitAppNames: splitAppNames |
| | | ), |
| | | "fullscreenMarkerFrame": fullscreenMarkerFrame.map { dictionary(from: $0) } ?? NSNull(), |
| | | "fullscreenMarkerCenterRatio": fullscreenMarkerCenterRatio ?? NSNull(), |
| | | "splitViewAppNames": splitAppNames, |
| | | "splitViewLabelFrames": splitAppLabelFrames, |
| | | "splitViewLabelColors": segment.splitAppLayers.map { |
| | | colorDictionary(from: $0.foregroundColor) |
| | | }, |
| | | "windowBlockCount": segment.windowBlocks.count, |
| | | "windowBlockColors": segment.windowBlocks.map { colorDictionary(from: $0.backgroundColor) }, |
| | | "windowBlockFrames": segment.windowBlocks.map { dictionary(from: $0.frame) }, |
| | | "labelColor": colorDictionary(from: segment.labelLayer.foregroundColor), |
| | | "countText": string(from: segment.countLayer.string), |
| | | "countVisible": !segment.countLayer.isHidden && segment.countLayer.opacity > 0, |
| | | "countColor": colorDictionary(from: segment.countLayer.foregroundColor), |
| | | "appColor": colorDictionary(from: segment.appLayer.foregroundColor), |
| | | "fullscreenMarkerStrokeColor": colorDictionary( |
| | | from: (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor |
| | | ), |
| | | "backgroundKind": spaceLaneFillKind(for: segment.containerLayer), |
| | | "backgroundColor": colorDictionary(from: segment.containerLayer.backgroundColor), |
| | | "gradientColors": gradientColorDictionaries(from: segment.containerLayer), |
| | |
| | | } |
| | | } |
| | | |
| | | private func fullscreenMarkerKind(markerLayer: CALayer?, splitAppNames: [String]) -> String { |
| | | guard markerLayer != nil else { return "none" } |
| | | return splitAppNames.count >= 2 ? "splitViewPair" : "cornerBracket" |
| | | } |
| | | |
| | | private func fullscreenMarkerPathStyle(markerLayer: CALayer?, splitAppNames: [String]) -> String { |
| | | guard markerLayer != nil else { return "none" } |
| | | return splitAppNames.count >= 2 ? "centerDividerOnly" : "cornerBracket" |
| | | } |
| | | |
| | | private func visualStates(for space: QuickSwitchSpaceViewModel) -> [String] { |
| | | var states: [String] = [] |
| | | if space.isCurrent { |
| | |
| | | } |
| | | if space.type == .fullscreen { |
| | | states.append("fullscreen") |
| | | } |
| | | if splitViewAppNames(for: space).count >= 2 { |
| | | states.append("splitView") |
| | | } |
| | | return states |
| | | } |
| | |
| | | ] |
| | | } |
| | | |
| | | private func string(from textLayerValue: Any?) -> String { |
| | | if let string = textLayerValue as? String { |
| | | return string |
| | | } |
| | | if let attributedString = textLayerValue as? NSAttributedString { |
| | | return attributedString.string |
| | | } |
| | | return "" |
| | | } |
| | | |
| | | private func colorDictionary(from color: CGColor?) -> [String: Double] { |
| | | guard let color, |
| | | let nsColor = NSColor(cgColor: color)?.usingColorSpace(.deviceRGB) |