fix: ctrl+a does not work on Windows in code block (#5692)

app/actions/definitions/navigation.tsx

@@ -14,6 +14,7 @@ import {
   BrowserIcon,
 } from "outline-icons";
 import * as React from "react";
+import { isMac } from "@shared/utils/browser";
 import {
   developersUrl,
   changelogUrl,
@@ -26,7 +27,6 @@ import KeyboardShortcuts from "~/scenes/KeyboardShortcuts";
 import { createAction } from "~/actions";
 import { NavigationSection, RecentSearchesSection } from "~/actions/sections";
 import Desktop from "~/utils/Desktop";
-import { isMac } from "~/utils/browser";
 import history from "~/utils/history";
 import isCloudHosted from "~/utils/isCloudHosted";
 import {

app/components/Header.tsx

@@ -6,6 +6,7 @@ import * as React from "react";
 import styled from "styled-components";
 import breakpoint from "styled-components-breakpoint";
 import { depths, s } from "@shared/styles";
+import { supportsPassiveListener } from "@shared/utils/browser";
 import Button from "~/components/Button";
 import Fade from "~/components/Fade";
 import Flex from "~/components/Flex";
@@ -14,7 +15,6 @@ import useMobile from "~/hooks/useMobile";
 import useStores from "~/hooks/useStores";
 import { draggableOnDesktop, fadeOnDesktopBackgrounded } from "~/styles";
 import Desktop from "~/utils/Desktop";
-import { supportsPassiveListener } from "~/utils/browser";
 
 type Props = {
   left?: React.ReactNode;

app/components/Sidebar/components/HistoryNavigation.tsx

@@ -3,12 +3,12 @@ import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { s } from "@shared/styles";
+import { isMac } from "@shared/utils/browser";
 import Flex from "~/components/Flex";
 import NudeButton from "~/components/NudeButton";
 import Tooltip from "~/components/Tooltip";
 import useKeyDown from "~/hooks/useKeyDown";
 import Desktop from "~/utils/Desktop";
-import { isMac } from "~/utils/browser";
 
 function HistoryNavigation(props: React.ComponentProps<typeof Flex>) {
   const { t } = useTranslation();

app/hooks/useWindowScrollPosition.ts

@@ -2,7 +2,7 @@
 // maintained.
 import throttle from "lodash/throttle";
 import { useState, useEffect } from "react";
-import { supportsPassiveListener } from "~/utils/browser";
+import { supportsPassiveListener } from "@shared/utils/browser";
 
 const getPosition = () => ({
   x: window.pageXOffset,

app/scenes/Document/components/MultiplayerEditor.tsx

@@ -6,6 +6,7 @@ import { useHistory } from "react-router-dom";
 import { IndexeddbPersistence } from "y-indexeddb";
 import * as Y from "yjs";
 import MultiplayerExtension from "@shared/editor/extensions/Multiplayer";
+import { supportsPassiveListener } from "@shared/utils/browser";
 import Editor, { Props as EditorProps } from "~/components/Editor";
 import env from "~/env";
 import useCurrentUser from "~/hooks/useCurrentUser";
@@ -16,7 +17,6 @@ import useStores from "~/hooks/useStores";
 import useToasts from "~/hooks/useToasts";
 import { AwarenessChangeEvent } from "~/types";
 import Logger from "~/utils/Logger";
-import { supportsPassiveListener } from "~/utils/browser";
 import { homePath } from "~/utils/routeHelpers";
 
 type Props = EditorProps & {

app/scenes/KeyboardShortcuts.tsx

@@ -2,10 +2,10 @@ import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { s } from "@shared/styles";
+import { isMac } from "@shared/utils/browser";
 import Flex from "~/components/Flex";
 import InputSearch from "~/components/InputSearch";
 import Key from "~/components/Key";
-import { isMac } from "~/utils/browser";
 import { metaDisplay, altDisplay } from "~/utils/keyboard";
 
 function KeyboardShortcuts() {

app/styles/index.ts

@@ -1,5 +1,5 @@
+import { isTouchDevice } from "@shared/utils/browser";
 import Desktop from "~/utils/Desktop";
-import { isTouchDevice } from "~/utils/browser";
 
 /**
  * Returns "hover" on a non-touch device and "active" on a touch device. To

app/utils/Desktop.ts

@@ -1,4 +1,4 @@
-import { isMac, isWindows } from "./browser";
+import { isMac, isWindows } from "@shared/utils/browser";
 
 export default class Desktop {
   /**

app/utils/browser.ts

@@ -1,44 +0,0 @@
-/**
- * Returns true if the client is a touch device.
- */
-export function isTouchDevice(): boolean {
-  if (typeof window === "undefined") {
-    return false;
-  }
-  return window.matchMedia?.("(hover: none) and (pointer: coarse)")?.matches;
-}
-
-/**
- * Returns true if the client is running on a Mac.
- */
-export function isMac(): boolean {
-  return window.navigator.platform === "MacIntel";
-}
-
-/**
- * Returns true if the client is running on Windows.
- */
-export function isWindows(): boolean {
-  return window.navigator.platform === "Win32";
-}
-
-let supportsPassive = false;
-
-try {
-  const opts = Object.defineProperty({}, "passive", {
-    get() {
-      supportsPassive = true;
-    },
-  });
-  // @ts-expect-error ts-migrate(2769) testPassive is not a real event
-  window.addEventListener("testPassive", null, opts);
-  // @ts-expect-error ts-migrate(2769) testPassive is not a real event
-  window.removeEventListener("testPassive", null, opts);
-} catch (e) {
-  // No-op
-}
-
-/**
- * Returns true if the client supports passive event listeners
- */
-export const supportsPassiveListener = supportsPassive;

app/utils/keyboard.ts

@@ -1,4 +1,4 @@
-import { isMac } from "~/utils/browser";
+import { isMac } from "@shared/utils/browser";
 
 export const altDisplay = isMac() ? "⌥" : "Alt";