From 6f436586b2936b54deba1dc1b4da976d10a8fc6f Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 18 Nov 2021 21:23:51 +0100
Subject: [PATCH 01/19] Remove unnecessary stopPropagation of mathjax-overlay
 events

---
 ts/editor/mathjax-overlay/Editor.svelte | 21 ++-------------------
 1 file changed, 2 insertions(+), 19 deletions(-)

diff --git a/ts/editor/mathjax-overlay/Editor.svelte b/ts/editor/mathjax-overlay/Editor.svelte
index e3a462a48e8..cff7939e78f 100644
--- a/ts/editor/mathjax-overlay/Editor.svelte
+++ b/ts/editor/mathjax-overlay/Editor.svelte
@@ -4,7 +4,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
     import { onMount, createEventDispatcher } from "svelte";
-    import { ChangeTimer } from "../change-timer";
     import { CodeMirror, latex, baseOptions } from "../code-mirror";
 
     export let initialValue: string;
@@ -15,20 +14,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     };
 
     let codeMirror: CodeMirror.EditorFromTextArea;
-    const changeTimer = new ChangeTimer();
     const dispatch = createEventDispatcher();
 
     function onInput() {
         dispatch("update", { mathjax: codeMirror.getValue() });
-
-        /* changeTimer.schedule( */
-        /*     () => dispatch("update", { mathjax: codeMirror.getValue() }), */
-        /*     400 */
-        /* ); */
     }
 
     function onBlur() {
-        changeTimer.fireImmediately();
         dispatch("codemirrorblur");
     }
 
@@ -49,16 +41,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     });
 </script>
 
-<div
-    on:click|stopPropagation
-    on:focus|stopPropagation
-    on:focusin|stopPropagation
-    on:keydown|stopPropagation
-    on:keyup|stopPropagation
-    on:mousedown|preventDefault|stopPropagation
-    on:mouseup|stopPropagation
-    on:paste|stopPropagation
->
+<div class="mathjax-editor-container">
     <!-- TODO no focusin for now, as EditingArea will defer to Editable/Codable -->
     <textarea
         bind:this={textarea}
@@ -69,7 +52,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </div>
 
 <style lang="scss">
-    div :global(.mathjax-editor) {
+    .mathjax-editor-container :global(.mathjax-editor) {
         border-radius: 0;
         border-width: 0 1px;
         border-color: var(--medium-border);

From 4266d3694866d6313be56d67d075bbec6349b938 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 18 Nov 2021 22:57:02 +0100
Subject: [PATCH 02/19] Use CodeMirror component for MathjaxHandle

---
 ts/editor/CodeMirror.svelte                   | 12 ++-
 ts/editor/PlainTextInput.svelte               |  1 -
 ts/editor/mathjax-overlay/Editor.svelte       | 64 ----------------
 .../mathjax-overlay/MathjaxHandle.svelte      | 75 +++++++++----------
 4 files changed, 46 insertions(+), 106 deletions(-)
 delete mode 100644 ts/editor/mathjax-overlay/Editor.svelte

diff --git a/ts/editor/CodeMirror.svelte b/ts/editor/CodeMirror.svelte
index 7303ad4bc02..15acb1cbb2c 100644
--- a/ts/editor/CodeMirror.svelte
+++ b/ts/editor/CodeMirror.svelte
@@ -11,13 +11,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <script lang="ts">
-    import { createEventDispatcher, getContext } from "svelte";
+    import { createEventDispatcher, getContext, onMount } from "svelte";
     import type { Writable } from "svelte/store";
     import storeSubscribe from "../sveltelib/store-subscribe";
     import { directionKey } from "../lib/context-keys";
 
     export let configuration: CodeMirror.EditorConfiguration;
     export let code: Writable<string>;
+    export let autofocus = false;
 
     const direction = getContext<Writable<"ltr" | "rtl">>(directionKey);
     const defaultConfiguration = {
@@ -55,10 +56,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 codeMirror.setSelections(ranges);
             }
             unsubscribe();
+            dispatch("focus");
         });
         codeMirror.on("blur", () => {
             ranges = codeMirror.listSelections();
             subscribe();
+            dispatch("blur");
         });
 
         subscribe();
@@ -70,6 +73,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             editor: { get: () => codeMirror },
         },
     ) as CodeMirrorAPI;
+
+    onMount(() => {
+        if (autofocus) {
+            codeMirror.focus();
+            codeMirror.setCursor(codeMirror.lineCount(), 0);
+        }
+    });
 </script>
 
 <div class="code-mirror">
diff --git a/ts/editor/PlainTextInput.svelte b/ts/editor/PlainTextInput.svelte
index 58ace8a64da..f79eb918080 100644
--- a/ts/editor/PlainTextInput.svelte
+++ b/ts/editor/PlainTextInput.svelte
@@ -16,7 +16,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import CodeMirror from "./CodeMirror.svelte";
     import type { CodeMirrorAPI } from "./CodeMirror.svelte";
-
     import { tick, onMount } from "svelte";
     import { writable } from "svelte/store";
     import { getDecoratedElements } from "./DecoratedElements.svelte";
diff --git a/ts/editor/mathjax-overlay/Editor.svelte b/ts/editor/mathjax-overlay/Editor.svelte
deleted file mode 100644
index cff7939e78f..00000000000
--- a/ts/editor/mathjax-overlay/Editor.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--
-Copyright: Ankitects Pty Ltd and contributors
-License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--->
-<script lang="ts">
-    import { onMount, createEventDispatcher } from "svelte";
-    import { CodeMirror, latex, baseOptions } from "../code-mirror";
-
-    export let initialValue: string;
-
-    const codeMirrorOptions = {
-        mode: latex,
-        ...baseOptions,
-    };
-
-    let codeMirror: CodeMirror.EditorFromTextArea;
-    const dispatch = createEventDispatcher();
-
-    function onInput() {
-        dispatch("update", { mathjax: codeMirror.getValue() });
-    }
-
-    function onBlur() {
-        dispatch("codemirrorblur");
-    }
-
-    function openCodemirror(textarea: HTMLTextAreaElement): void {
-        codeMirror = CodeMirror.fromTextArea(textarea, codeMirrorOptions);
-        codeMirror.on("change", onInput);
-        codeMirror.on("blur", onBlur);
-    }
-
-    let textarea: HTMLTextAreaElement;
-
-    onMount(() => {
-        codeMirror.focus();
-        codeMirror.setCursor(codeMirror.lineCount(), 0);
-
-        const codeMirrorElement = textarea.nextElementSibling!;
-        codeMirrorElement.classList.add("mathjax-editor");
-    });
-</script>
-
-<div class="mathjax-editor-container">
-    <!-- TODO no focusin for now, as EditingArea will defer to Editable/Codable -->
-    <textarea
-        bind:this={textarea}
-        value={initialValue}
-        on:input={onInput}
-        use:openCodemirror
-    />
-</div>
-
-<style lang="scss">
-    .mathjax-editor-container :global(.mathjax-editor) {
-        border-radius: 0;
-        border-width: 0 1px;
-        border-color: var(--medium-border);
-
-        height: auto;
-        border-radius: 0 0 5px 5px;
-        padding: 6px 0;
-    }
-</style>
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index 4570b2006da..fdfea819073 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -13,20 +13,37 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import HandleControl from "../HandleControl.svelte";
 
     import InlineBlock from "./InlineBlock.svelte";
-    import Editor from "./Editor.svelte";
+    import CodeMirror from "../CodeMirror.svelte";
 
     import { onMount, tick } from "svelte";
+    import { writable } from "svelte/store";
     import { getRichTextInput } from "../RichTextInput.svelte";
+    import { baseOptions, latex } from "../code-mirror";
     import { noop } from "../../lib/functional";
+    import { on } from "../../lib/events";
 
     const { container, api } = getRichTextInput();
 
+    const configuration = {
+        ...baseOptions,
+        mode: latex,
+    };
+
     let activeImage: HTMLImageElement | null = null;
     let allow: () => void;
 
+    const code = writable("");
+    let unsubscribe: () => void;
+
     function showHandle(image: HTMLImageElement): void {
         allow = api.preventResubscription();
         activeImage = image;
+
+        const ankiMathjax: HTMLElement = activeImage.closest("anki-mathjax")!;
+        code.set(ankiMathjax.dataset.mathjax ?? "");
+        unsubscribe = code.subscribe(
+            (value: string) => (ankiMathjax.dataset.mathjax = value),
+        );
     }
 
     async function maybeShowHandle(event: Event): Promise<void> {
@@ -49,21 +66,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         if (activeImage) {
             allow();
             activeImage = null;
+            unsubscribe();
             await tick();
         }
     }
 
     onMount(() => {
-        container.addEventListener("click", maybeShowHandle);
-        container.addEventListener("focusmathjax" as any, showAutofocusHandle);
-        container.addEventListener("key", resetHandle);
-        container.addEventListener("paste", resetHandle);
+        const removeClick = on(container, "click", maybeShowHandle);
+        const removeFocus = on(container, "focusmathjax" as any, showAutofocusHandle);
 
         return () => {
-            container.removeEventListener("click", maybeShowHandle);
-            container.removeEventListener("focusmathjax" as any, showAutofocusHandle);
-            container.removeEventListener("key", resetHandle);
-            container.removeEventListener("paste", resetHandle);
+            removeClick();
+            removeFocus();
         };
     });
 
@@ -79,10 +93,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let clearResize = noop;
     function handleImageResizing(activeImage: HTMLImageElement | null) {
         if (activeImage) {
-            activeImage.addEventListener("resize", onImageResize);
-
-            const lastImage = activeImage;
-            clearResize = () => lastImage.removeEventListener("resize", onImageResize);
+            clearResize = on(activeImage, "resize", onImageResize);
         } else {
             clearResize();
         }
@@ -101,15 +112,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     let updateSelection: () => Promise<void>;
     let errorMessage: string;
-
-    function getComponent(image: HTMLImageElement): HTMLElement {
-        return image.closest("anki-mathjax")! as HTMLElement;
-    }
-
-    function onEditorUpdate(event: CustomEvent): void {
-        /* this updates the image in Mathjax.svelte */
-        getComponent(activeImage!).dataset.mathjax = event.detail.mathjax;
-    }
 </script>
 
 <WithDropdown
@@ -127,29 +129,22 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             on:mount={(event) => (dropdownApi = createDropdown(event.detail.selection))}
         >
             <HandleBackground tooltip={errorMessage} />
-
             <HandleControl offsetX={1} offsetY={1} />
         </HandleSelection>
 
         <DropdownMenu>
-            <Editor
-                initialValue={getComponent(activeImage).dataset.mathjax ?? ""}
-                on:update={onEditorUpdate}
-                on:codemirrorblur={resetHandle}
+            <CodeMirror
+                {code}
+                {configuration}
+                on:change={({ detail }) => code.set(detail)}
+                on:blur={resetHandle}
+                autofocus
             />
-            <div class="margin-x">
-                <ButtonToolbar>
-                    <Item>
-                        <InlineBlock {activeImage} on:click={updateSelection} />
-                    </Item>
-                </ButtonToolbar>
-            </div>
+            <ButtonToolbar>
+                <Item>
+                    <InlineBlock {activeImage} on:click={updateSelection} />
+                </Item>
+            </ButtonToolbar>
         </DropdownMenu>
     {/if}
 </WithDropdown>
-
-<style lang="scss">
-    .margin-x {
-        margin: 0 0.125rem;
-    }
-</style>

From 1bcf03fe08b29508cb8d7fae22a2b87b5ed16e57 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 18 Nov 2021 23:14:33 +0100
Subject: [PATCH 03/19] Refactor ResizeObserver code in MathjaxHandle

---
 .../mathjax-overlay/MathjaxHandle.svelte      | 47 +++++++++----------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index fdfea819073..e1e909cb4c4 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -4,6 +4,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
     import WithDropdown from "../../components/WithDropdown.svelte";
+    import Container from "../../components/Container.svelte";
     import ButtonToolbar from "../../components/ButtonToolbar.svelte";
     import DropdownMenu from "../../components/DropdownMenu.svelte";
     import Item from "../../components/Item.svelte";
@@ -15,7 +16,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import InlineBlock from "./InlineBlock.svelte";
     import CodeMirror from "../CodeMirror.svelte";
 
-    import { onMount, tick } from "svelte";
+    import { onMount, onDestroy, tick } from "svelte";
     import { writable } from "svelte/store";
     import { getRichTextInput } from "../RichTextInput.svelte";
     import { baseOptions, latex } from "../code-mirror";
@@ -46,10 +47,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         );
     }
 
-    async function maybeShowHandle(event: Event): Promise<void> {
+    async function maybeShowHandle({ target }: Event): Promise<void> {
         await resetHandle();
-        const target = event.target;
-
         if (target instanceof HTMLImageElement && target.dataset.anki === "mathjax") {
             showHandle(target);
         }
@@ -81,37 +80,35 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         };
     });
 
+    let updateSelection: () => Promise<void>;
+    let errorMessage: string;
     let dropdownApi: any;
+
     async function onImageResize(): Promise<void> {
-        if (activeImage) {
-            errorMessage = activeImage.title;
-            await updateSelection();
-            dropdownApi.update();
-        }
+        errorMessage = activeImage!.title;
+        await updateSelection();
+        dropdownApi.update();
     }
 
+    const resizeObserver = new ResizeObserver(onImageResize);
+
     let clearResize = noop;
     function handleImageResizing(activeImage: HTMLImageElement | null) {
         if (activeImage) {
+            resizeObserver.observe(container);
             clearResize = on(activeImage, "resize", onImageResize);
         } else {
+            resizeObserver.unobserve(container);
             clearResize();
         }
     }
 
     $: handleImageResizing(activeImage);
 
-    const resizeObserver = new ResizeObserver(async () => {
-        if (activeImage) {
-            await updateSelection();
-            dropdownApi.update();
-        }
+    onDestroy(() => {
+        resizeObserver.disconnect();
+        clearResize();
     });
-
-    resizeObserver.observe(container);
-
-    let updateSelection: () => Promise<void>;
-    let errorMessage: string;
 </script>
 
 <WithDropdown
@@ -140,11 +137,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 on:blur={resetHandle}
                 autofocus
             />
-            <ButtonToolbar>
-                <Item>
-                    <InlineBlock {activeImage} on:click={updateSelection} />
-                </Item>
-            </ButtonToolbar>
+            <Container --gutter-block="2px">
+                <ButtonToolbar>
+                    <Item>
+                        <InlineBlock {activeImage} on:click={updateSelection} />
+                    </Item>
+                </ButtonToolbar>
+            </Container>
         </DropdownMenu>
     {/if}
 </WithDropdown>

From ad1ca5e8ad61ec46c51b88d31b96b614e009c651 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 19 Nov 2021 00:51:34 +0100
Subject: [PATCH 04/19] Wrap setRange in CodeMirror in try/catch

---
 ts/editor/CodeMirror.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ts/editor/CodeMirror.svelte b/ts/editor/CodeMirror.svelte
index 15acb1cbb2c..690584d2342 100644
--- a/ts/editor/CodeMirror.svelte
+++ b/ts/editor/CodeMirror.svelte
@@ -53,7 +53,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         });
         codeMirror.on("focus", () => {
             if (ranges) {
-                codeMirror.setSelections(ranges);
+                try {
+                    codeMirror.setSelections(ranges);
+                } catch {
+                    ranges = null;
+                }
             }
             unsubscribe();
             dispatch("focus");

From 6f96ffc43b977a85dd501963744839dad93e1405 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 19 Nov 2021 01:12:59 +0100
Subject: [PATCH 05/19] Add Mathjax Editor bottom margin

---
 ts/editor/CodeMirror.svelte                   |  1 -
 ts/editor/PlainTextInput.svelte               |  6 +++-
 .../mathjax-overlay/MathjaxHandle.svelte      | 34 +++++++++++--------
 3 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/ts/editor/CodeMirror.svelte b/ts/editor/CodeMirror.svelte
index 690584d2342..5f91ced1ac7 100644
--- a/ts/editor/CodeMirror.svelte
+++ b/ts/editor/CodeMirror.svelte
@@ -93,7 +93,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <style lang="scss">
     .code-mirror :global(.CodeMirror) {
         height: auto;
-        border-radius: 0 0 5px 5px;
         padding: 6px 0;
     }
 </style>
diff --git a/ts/editor/PlainTextInput.svelte b/ts/editor/PlainTextInput.svelte
index f79eb918080..6615305bfd3 100644
--- a/ts/editor/PlainTextInput.svelte
+++ b/ts/editor/PlainTextInput.svelte
@@ -142,7 +142,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     });
 </script>
 
-<div class:hidden on:focusin on:focusout>
+<div class="plain-text-input" class:hidden on:focusin on:focusout>
     <CodeMirror
         {configuration}
         {code}
@@ -152,6 +152,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </div>
 
 <style lang="scss">
+    .plain-text-input :global(.CodeMirror) {
+        border-radius: 0 0 5px 5px;
+    }
+
     .hidden {
         display: none;
     }
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index e1e909cb4c4..c8ecdb3547f 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -130,20 +130,26 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         </HandleSelection>
 
         <DropdownMenu>
-            <CodeMirror
-                {code}
-                {configuration}
-                on:change={({ detail }) => code.set(detail)}
-                on:blur={resetHandle}
-                autofocus
-            />
-            <Container --gutter-block="2px">
-                <ButtonToolbar>
-                    <Item>
-                        <InlineBlock {activeImage} on:click={updateSelection} />
-                    </Item>
-                </ButtonToolbar>
-            </Container>
+            <div class="mathjax-editor">
+                <CodeMirror
+                    {code}
+                    {configuration}
+                    on:change={({ detail }) => code.set(detail)}
+                    on:blur={resetHandle}
+                    autofocus
+                />
+            </div>
+            <ButtonToolbar>
+                <Item>
+                    <InlineBlock {activeImage} on:click={updateSelection} />
+                </Item>
+            </ButtonToolbar>
         </DropdownMenu>
     {/if}
 </WithDropdown>
+
+<style lang="scss">
+    .mathjax-editor :global(.CodeMirror) {
+        margin-bottom: 0.25rem;
+    }
+</style>

From aacf6803eb4caa43de7aac5ea3696157c1b51271 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 19 Nov 2021 04:05:41 +0100
Subject: [PATCH 06/19] Add custom Enter and Shift+Enter shortcuts for the
 MathjaxHandle

---
 ftl/core/editing.ftl                          |  1 +
 ts/editor/code-mirror.ts                      |  5 +-
 .../mathjax-overlay/MathjaxHandle.svelte      | 54 ++++++++++++++++---
 3 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/ftl/core/editing.ftl b/ftl/core/editing.ftl
index e6fcc47cc1c..864305b5bc5 100644
--- a/ftl/core/editing.ftl
+++ b/ftl/core/editing.ftl
@@ -30,6 +30,7 @@ editing-latex-math-env = LaTeX math env.
 editing-mathjax-block = MathJax block
 editing-mathjax-chemistry = MathJax chemistry
 editing-mathjax-inline = MathJax inline
+editing-mathjax-placeholder = Press { $accept } to accept, { $newline } for newline.
 editing-media = Media
 editing-ordered-list = Ordered list
 editing-outdent = Decrease indent
diff --git a/ts/editor/code-mirror.ts b/ts/editor/code-mirror.ts
index c07dfd43203..b952c83e817 100644
--- a/ts/editor/code-mirror.ts
+++ b/ts/editor/code-mirror.ts
@@ -11,8 +11,9 @@ import "codemirror/mode/stex/stex";
 import "codemirror/addon/fold/foldcode";
 import "codemirror/addon/fold/foldgutter";
 import "codemirror/addon/fold/xml-fold";
-import "codemirror/addon/edit/matchtags.js";
-import "codemirror/addon/edit/closetag.js";
+import "codemirror/addon/edit/matchtags";
+import "codemirror/addon/edit/closetag";
+import "codemirror/addon/display/placeholder";
 
 export { CodeMirror };
 
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index c8ecdb3547f..67d235fb12a 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -4,15 +4,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
     import WithDropdown from "../../components/WithDropdown.svelte";
-    import Container from "../../components/Container.svelte";
     import ButtonToolbar from "../../components/ButtonToolbar.svelte";
     import DropdownMenu from "../../components/DropdownMenu.svelte";
     import Item from "../../components/Item.svelte";
-
+    import Shortcut from "../../components/Shortcut.svelte";
     import HandleSelection from "../HandleSelection.svelte";
     import HandleBackground from "../HandleBackground.svelte";
     import HandleControl from "../HandleControl.svelte";
-
     import InlineBlock from "./InlineBlock.svelte";
     import CodeMirror from "../CodeMirror.svelte";
 
@@ -21,12 +19,31 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { getRichTextInput } from "../RichTextInput.svelte";
     import { baseOptions, latex } from "../code-mirror";
     import { noop } from "../../lib/functional";
+    import { getPlatformString } from "../../lib/shortcuts";
     import { on } from "../../lib/events";
+    import * as tr from "../../lib/ftl";
 
     const { container, api } = getRichTextInput();
 
+    const acceptShortcut = "Enter";
+    const newlineShortcut = "Shift+Enter";
+
     const configuration = {
-        ...baseOptions,
+        ...Object.assign(
+            {},
+            baseOptions,
+            {
+                extraKeys: {
+                    ...baseOptions.extraKeys as CodeMirror.KeyMap,
+                        [acceptShortcut]: noop,
+                        [newlineShortcut]: noop,
+                },
+            },
+        ),
+        placeholder: tr.editingMathjaxPlaceholder({
+            accept: getPlatformString(acceptShortcut),
+            newline: getPlatformString(newlineShortcut),
+        }),
         mode: latex,
     };
 
@@ -34,6 +51,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let allow: () => void;
 
     const code = writable("");
+
+    function appendNewline(): void {
+       code.update((value) => `${value}foo\n`)
+   }
+
     let unsubscribe: () => void;
 
     function showHandle(image: HTMLImageElement): void {
@@ -129,6 +151,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             <HandleControl offsetX={1} offsetY={1} />
         </HandleSelection>
 
+        <Shortcut
+            keyCombination={acceptShortcut}
+            on:action={resetHandle}
+        />
+
+        <Shortcut
+            keyCombination={newlineShortcut}
+            on:action={appendNewline}
+        />
+
         <DropdownMenu>
             <div class="mathjax-editor">
                 <CodeMirror
@@ -149,7 +181,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </WithDropdown>
 
 <style lang="scss">
-    .mathjax-editor :global(.CodeMirror) {
-        margin-bottom: 0.25rem;
+    .mathjax-editor {
+        :global(.CodeMirror) {
+            max-width: 28rem;
+            margin-bottom: 0.25rem;
+        }
+
+        :global(.CodeMirror-placeholder) {
+            font-family: sans-serif;
+            font-size: 55%;
+            text-align: center;
+            color: var(--slightly-grey-text);
+        }
     }
 </style>

From fc607b879041a35224f27d5ca229b75f47fd9e77 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 19 Nov 2021 04:28:06 +0100
Subject: [PATCH 07/19] Format

---
 .prettierrc                                   |  2 +-
 sass/breakpoints.scss                         | 21 +++++--------
 .../mathjax-overlay/MathjaxHandle.svelte      | 30 +++++++------------
 3 files changed, 18 insertions(+), 35 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index b6bc56abe2a..4f93aaee50c 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -2,5 +2,5 @@
     "trailingComma": "all",
     "printWidth": 88,
     "tabWidth": 4,
-    "semi": true,
+    "semi": true
 }
diff --git a/sass/breakpoints.scss b/sass/breakpoints.scss
index 3993ba26434..3eba9a0af7b 100644
--- a/sass/breakpoints.scss
+++ b/sass/breakpoints.scss
@@ -3,14 +3,7 @@
 @use "sass:list";
 @use "sass:map";
 
-$bps: (
-    "xs",
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "xxl",
-);
+$bps: ("xs", "sm", "md", "lg", "xl", "xxl");
 
 $breakpoints: (
     list.nth($bps, 2): 576px,
@@ -28,10 +21,10 @@ $breakpoints: (
     } @else {
         @content;
     }
-};
+}
 
 @mixin with-breakpoints($prefix, $dict) {
-    @each $property, $values in $dict  {
+    @each $property, $values in $dict {
         @each $bp, $value in $values {
             @if map.get($breakpoints, $bp) {
                 @media (min-width: map.get($breakpoints, $bp)) {
@@ -46,7 +39,7 @@ $breakpoints: (
             }
         }
     }
-};
+}
 
 @function breakpoints-upto($upto) {
     $result: ();
@@ -66,14 +59,14 @@ $breakpoints: (
     $result: ();
 
     @each $bp in breakpoints-upto($upto) {
-        $result: list.append($result, ".#{$prefix}-#{$bp}", $separator: comma)
+        $result: list.append($result, ".#{$prefix}-#{$bp}", $separator: comma);
     }
 
     @return $result;
 }
 
 @mixin with-breakpoints-upto($prefix, $dict) {
-    @each $property, $values in $dict  {
+    @each $property, $values in $dict {
         @each $bp, $value in $values {
             $selector: breakpoint-selector-upto($prefix, $bp);
 
@@ -90,4 +83,4 @@ $breakpoints: (
             }
         }
     }
-};
+} ;
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index 67d235fb12a..e1d1d1ffd78 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -29,17 +29,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     const newlineShortcut = "Shift+Enter";
 
     const configuration = {
-        ...Object.assign(
-            {},
-            baseOptions,
-            {
-                extraKeys: {
-                    ...baseOptions.extraKeys as CodeMirror.KeyMap,
-                        [acceptShortcut]: noop,
-                        [newlineShortcut]: noop,
-                },
+        ...Object.assign({}, baseOptions, {
+            extraKeys: {
+                ...(baseOptions.extraKeys as CodeMirror.KeyMap),
+                [acceptShortcut]: noop,
+                [newlineShortcut]: noop,
             },
-        ),
+        }),
         placeholder: tr.editingMathjaxPlaceholder({
             accept: getPlatformString(acceptShortcut),
             newline: getPlatformString(newlineShortcut),
@@ -53,8 +49,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     const code = writable("");
 
     function appendNewline(): void {
-       code.update((value) => `${value}foo\n`)
-   }
+        code.update((value) => `${value}foo\n`);
+    }
 
     let unsubscribe: () => void;
 
@@ -151,15 +147,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             <HandleControl offsetX={1} offsetY={1} />
         </HandleSelection>
 
-        <Shortcut
-            keyCombination={acceptShortcut}
-            on:action={resetHandle}
-        />
+        <Shortcut keyCombination={acceptShortcut} on:action={resetHandle} />
 
-        <Shortcut
-            keyCombination={newlineShortcut}
-            on:action={appendNewline}
-        />
+        <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
 
         <DropdownMenu>
             <div class="mathjax-editor">

From 7973880bc9b6fa3ac478a91988f976609260530b Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 04:13:25 +0100
Subject: [PATCH 08/19] Move placeCaretAfter to domlib

---
 ts/domlib/place-caret.ts       | 14 ++++++++++++++
 ts/editable/mathjax-element.ts | 11 +----------
 2 files changed, 15 insertions(+), 10 deletions(-)
 create mode 100644 ts/domlib/place-caret.ts

diff --git a/ts/domlib/place-caret.ts b/ts/domlib/place-caret.ts
new file mode 100644
index 00000000000..a5698c4b82f
--- /dev/null
+++ b/ts/domlib/place-caret.ts
@@ -0,0 +1,14 @@
+// Copyright: Ankitects Pty Ltd and contributors
+// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+
+import { getSelection } from "../lib/cross-browser";
+
+export function placeCaretAfter(node: Node): void {
+    const range = new Range();
+    range.setStartAfter(node);
+    range.collapse(false);
+
+    const selection = getSelection(node)!;
+    selection.removeAllRanges();
+    selection.addRange(range);
+}
diff --git a/ts/editable/mathjax-element.ts b/ts/editable/mathjax-element.ts
index 22dbf769807..7265140bea6 100644
--- a/ts/editable/mathjax-element.ts
+++ b/ts/editable/mathjax-element.ts
@@ -9,6 +9,7 @@ import "mathjax/es5/tex-svg-full";
 
 import type { DecoratedElement, DecoratedElementConstructor } from "./decorated";
 import { nodeIsElement } from "../lib/dom";
+import { placeCaretAfter } from "../domlib/place-caret";
 import { nightModeKey } from "../components/context-keys";
 
 import Mathjax_svelte from "./Mathjax.svelte";
@@ -35,16 +36,6 @@ function moveNodeOutOfElement(
     return referenceNode;
 }
 
-function placeCaretAfter(node: Node): void {
-    const range = new Range();
-    range.setStartAfter(node);
-    range.collapse(false);
-
-    const selection = document.getSelection()!;
-    selection.removeAllRanges();
-    selection.addRange(range);
-}
-
 function moveNodesInsertedOutside(element: Element, allowedChild: Node): () => void {
     const observer = new MutationObserver(() => {
         if (element.childNodes.length === 1) {

From 9943b7495a7b95c3f028bb7e3ad7f447afd4766f Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 05:00:52 +0100
Subject: [PATCH 09/19] Move focus back to field after editing Mathjax

---
 ts/editable/ContentEditable.svelte            | 54 ++++++++++---------
 ts/editable/mathjax-element.ts                |  5 +-
 ts/editor/RichTextInput.svelte                | 13 ++---
 .../mathjax-overlay/MathjaxHandle.svelte      | 35 ++++++++----
 ts/lib/events.ts                              |  4 ++
 5 files changed, 67 insertions(+), 44 deletions(-)

diff --git a/ts/editable/ContentEditable.svelte b/ts/editable/ContentEditable.svelte
index 625f3f1c2f0..f37831bb27e 100644
--- a/ts/editable/ContentEditable.svelte
+++ b/ts/editable/ContentEditable.svelte
@@ -6,7 +6,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import type { Writable } from "svelte/store";
     import { updateAllState } from "../components/WithState.svelte";
     import { saveSelection, restoreSelection } from "../domlib/location";
-    import { on } from "../lib/events";
+    import { on, preventDefault } from "../lib/events";
     import { registerShortcut } from "../lib/shortcuts";
 
     export let nodes: Writable<DocumentFragment>;
@@ -18,29 +18,31 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     export let inputManager: (editable: HTMLElement) => void;
 
-    /* must execute before DOMMirror */
-    function saveLocation(editable: HTMLElement) {
-        let removeOnFocus: () => void;
-        let removeOnPointerdown: () => void;
+    let removeOnFocus: () => void;
+    let removeOnPointerdown: () => void;
 
-        const removeOnBlur = on(editable, "blur", () => {
-            const location = saveSelection(editable);
+    function onBlur(): void {
+        const location = saveSelection(editable);
 
-            removeOnFocus = on(
-                editable,
-                "focus",
-                () => {
-                    if (location) {
-                        restoreSelection(editable, location);
-                    }
-                },
-                { once: true },
-            );
+        removeOnFocus = on(
+            editable,
+            "focus",
+            () => {
+                if (location) {
+                    restoreSelection(editable, location);
+                }
+            },
+            { once: true },
+        );
 
-            removeOnPointerdown = on(editable, "pointerdown", () => removeOnFocus?.(), {
-                once: true,
-            });
+        removeOnPointerdown = on(editable, "pointerdown", () => removeOnFocus?.(), {
+            once: true,
         });
+    }
+
+    /* must execute before DOMMirror */
+    function saveLocation(editable: HTMLElement) {
+        const removeOnBlur = on(editable, "blur", onBlur);
 
         return {
             destroy() {
@@ -54,10 +56,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let editable: HTMLElement;
 
     $: if (editable) {
-        registerShortcut((event) => event.preventDefault(), "Control+B", editable);
-        registerShortcut((event) => event.preventDefault(), "Control+U", editable);
-        registerShortcut((event) => event.preventDefault(), "Control+I", editable);
-        registerShortcut((event) => event.preventDefault(), "Control+R", editable);
+        for (const keyCombination of [
+            "Control+B",
+            "Control+U",
+            "Control+I",
+            "Control+R",
+        ]) {
+            registerShortcut(preventDefault, keyCombination, editable);
+        }
     }
 </script>
 
diff --git a/ts/editable/mathjax-element.ts b/ts/editable/mathjax-element.ts
index 7265140bea6..df7cc146dfe 100644
--- a/ts/editable/mathjax-element.ts
+++ b/ts/editable/mathjax-element.ts
@@ -9,6 +9,7 @@ import "mathjax/es5/tex-svg-full";
 
 import type { DecoratedElement, DecoratedElementConstructor } from "./decorated";
 import { nodeIsElement } from "../lib/dom";
+import { noop } from "../lib/functional";
 import { placeCaretAfter } from "../domlib/place-caret";
 import { nightModeKey } from "../components/context-keys";
 
@@ -114,9 +115,7 @@ export const Mathjax: DecoratedElementConstructor = class Mathjax
     }
 
     block = false;
-    disconnect: () => void = () => {
-        /* noop */
-    };
+    disconnect = noop;
     component?: Mathjax_svelte;
 
     static get observedAttributes(): string[] {
diff --git a/ts/editor/RichTextInput.svelte b/ts/editor/RichTextInput.svelte
index 201e2cf4c9a..1336ffca689 100644
--- a/ts/editor/RichTextInput.svelte
+++ b/ts/editor/RichTextInput.svelte
@@ -50,6 +50,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { promiseWithResolver } from "../lib/promise";
     import { bridgeCommand } from "../lib/bridgecommand";
     import { wrapInternal } from "../lib/wrap";
+    import { on } from "../lib/events";
     import { nodeStore } from "../sveltelib/node-store";
     import type { DecoratedElement } from "../editable/decorated";
     import { nightModeKey } from "../components/context-keys";
@@ -142,16 +143,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             bridgeCommand("cutOrCopy");
         }
 
-        richTextInput.addEventListener("paste", onPaste);
-        richTextInput.addEventListener("copy", onCutOrCopy);
-        richTextInput.addEventListener("cut", onCutOrCopy);
+        const removePaste = on(richTextInput, "paste", onPaste);
+        const removeCopy = on(richTextInput, "copy", onCutOrCopy);
+        const removeCut = on(richTextInput, "cut", onCutOrCopy);
         richTextResolve(richTextInput);
 
         return {
             destroy() {
-                richTextInput.removeEventListener("paste", onPaste);
-                richTextInput.removeEventListener("copy", onCutOrCopy);
-                richTextInput.removeEventListener("cut", onCutOrCopy);
+                removePaste();
+                removeCopy();
+                removeCut();
             },
         };
     }
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index e1d1d1ffd78..d32152217e2 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -18,8 +18,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { writable } from "svelte/store";
     import { getRichTextInput } from "../RichTextInput.svelte";
     import { baseOptions, latex } from "../code-mirror";
-    import { noop } from "../../lib/functional";
     import { getPlatformString } from "../../lib/shortcuts";
+    import { placeCaretAfter } from "../../domlib/place-caret";
+    import { noop } from "../../lib/functional";
     import { on } from "../../lib/events";
     import * as tr from "../../lib/ftl";
 
@@ -44,7 +45,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     };
 
     let activeImage: HTMLImageElement | null = null;
-    let allow: () => void;
+    let allow = noop;
 
     const code = writable("");
 
@@ -52,17 +53,20 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         code.update((value) => `${value}foo\n`);
     }
 
-    let unsubscribe: () => void;
+    let unsubscribe = noop;
+    let ankiMathjax: HTMLElement | null = null;
 
     function showHandle(image: HTMLImageElement): void {
         allow = api.preventResubscription();
+
         activeImage = image;
+        image.setAttribute("caretafter", "true");
+        ankiMathjax = activeImage.closest("anki-mathjax")!;
 
-        const ankiMathjax: HTMLElement = activeImage.closest("anki-mathjax")!;
         code.set(ankiMathjax.dataset.mathjax ?? "");
-        unsubscribe = code.subscribe(
-            (value: string) => (ankiMathjax.dataset.mathjax = value),
-        );
+        unsubscribe = code.subscribe((value: string) => {
+            ankiMathjax!.dataset.mathjax = value;
+        });
     }
 
     async function maybeShowHandle({ target }: Event): Promise<void> {
@@ -80,12 +84,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     async function resetHandle(): Promise<void> {
-        if (activeImage) {
-            allow();
-            activeImage = null;
+        if (activeImage && ankiMathjax) {
             unsubscribe();
-            await tick();
+            activeImage = null;
         }
+
+        await tick();
+        const image = container.querySelector("[caretafter]");
+
+        if (image) {
+            placeCaretAfter(image);
+            image.removeAttribute("caretafter");
+        }
+
+        allow();
+        allow = noop;
     }
 
     onMount(() => {
diff --git a/ts/lib/events.ts b/ts/lib/events.ts
index 37cbbd751c3..0215a4ab5e7 100644
--- a/ts/lib/events.ts
+++ b/ts/lib/events.ts
@@ -31,3 +31,7 @@ export function on<T extends EventTarget, K extends keyof EventTargetToMap<T>>(
     return () =>
         target.removeEventListener(eventType, handler as EventListener, options);
 }
+
+export function preventDefault(event: Event): void {
+    event.preventDefault();
+}

From dfc00bb2a68674d89403762ef42447da027e3e7a Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 05:38:16 +0100
Subject: [PATCH 10/19] Put Cursor after Mathjax after accepting

---
 ts/editable/Mathjax.svelte                     |  2 +-
 ts/editor/mathjax-overlay/MathjaxHandle.svelte | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/ts/editable/Mathjax.svelte b/ts/editable/Mathjax.svelte
index f66171bef90..57603ed4069 100644
--- a/ts/editable/Mathjax.svelte
+++ b/ts/editable/Mathjax.svelte
@@ -76,7 +76,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     .block {
         display: block;
-        margin: auto;
+        margin: 1rem auto;
     }
 
     .empty {
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index d32152217e2..ebe9f837d4e 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -44,17 +44,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         mode: latex,
     };
 
-    let activeImage: HTMLImageElement | null = null;
-    let allow = noop;
-
     const code = writable("");
 
     function appendNewline(): void {
-        code.update((value) => `${value}foo\n`);
+        code.update((value) => `${value}\n`);
     }
 
-    let unsubscribe = noop;
+    let activeImage: HTMLImageElement | null = null;
     let ankiMathjax: HTMLElement | null = null;
+    let allow = noop;
+    let unsubscribe = noop;
 
     function showHandle(image: HTMLImageElement): void {
         allow = api.preventResubscription();
@@ -90,15 +89,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
 
         await tick();
-        const image = container.querySelector("[caretafter]");
+        container.focus();
 
+        const image = container.querySelector("[caretafter]");
         if (image) {
             placeCaretAfter(image);
             image.removeAttribute("caretafter");
         }
 
         allow();
-        allow = noop;
     }
 
     onMount(() => {

From a543a8f70a2d7b9ff559f0b7575802be5696aa40 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 07:13:12 +0100
Subject: [PATCH 11/19] Add delete button for Mathjax

---
 ts/editor/mathjax-overlay/InlineBlock.svelte  |  36 -----
 .../mathjax-overlay/MathjaxButtons.svelte     |  54 ++++++++
 .../mathjax-overlay/MathjaxEditor.svelte      |  58 +++++++++
 .../mathjax-overlay/MathjaxHandle.svelte      | 123 +++++++-----------
 ts/editor/mathjax-overlay/icons.ts            |   1 +
 5 files changed, 161 insertions(+), 111 deletions(-)
 delete mode 100644 ts/editor/mathjax-overlay/InlineBlock.svelte
 create mode 100644 ts/editor/mathjax-overlay/MathjaxButtons.svelte
 create mode 100644 ts/editor/mathjax-overlay/MathjaxEditor.svelte

diff --git a/ts/editor/mathjax-overlay/InlineBlock.svelte b/ts/editor/mathjax-overlay/InlineBlock.svelte
deleted file mode 100644
index 8fe7565b45f..00000000000
--- a/ts/editor/mathjax-overlay/InlineBlock.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-Copyright: Ankitects Pty Ltd and contributors
-License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--->
-<script lang="ts">
-    import ButtonGroup from "../../components/ButtonGroup.svelte";
-    import ButtonGroupItem from "../../components/ButtonGroupItem.svelte";
-    import IconButton from "../../components/IconButton.svelte";
-
-    import * as tr from "../../lib/ftl";
-    import { inlineIcon, blockIcon } from "./icons";
-
-    export let activeImage: HTMLImageElement;
-
-    $: mathjaxElement = activeImage.parentElement!;
-</script>
-
-<ButtonGroup size={1.6} wrap={false}>
-    <ButtonGroupItem>
-        <IconButton
-            tooltip={tr.editingMathjaxInline()}
-            active={activeImage.getAttribute("block") === "true"}
-            on:click={() => mathjaxElement.setAttribute("block", "false")}
-            on:click>{@html inlineIcon}</IconButton
-        >
-    </ButtonGroupItem>
-
-    <ButtonGroupItem>
-        <IconButton
-            tooltip={tr.editingMathjaxBlock()}
-            active={activeImage.getAttribute("block") === "false"}
-            on:click={() => mathjaxElement.setAttribute("block", "true")}
-            on:click>{@html blockIcon}</IconButton
-        >
-    </ButtonGroupItem>
-</ButtonGroup>
diff --git a/ts/editor/mathjax-overlay/MathjaxButtons.svelte b/ts/editor/mathjax-overlay/MathjaxButtons.svelte
new file mode 100644
index 00000000000..b3c08ef3823
--- /dev/null
+++ b/ts/editor/mathjax-overlay/MathjaxButtons.svelte
@@ -0,0 +1,54 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<script lang="ts">
+    import ButtonToolbar from "../../components/ButtonToolbar.svelte";
+    import Item from "../../components/Item.svelte";
+    import ButtonGroup from "../../components/ButtonGroup.svelte";
+    import ButtonGroupItem from "../../components/ButtonGroupItem.svelte";
+    import IconButton from "../../components/IconButton.svelte";
+    import * as tr from "../../lib/ftl";
+    import { inlineIcon, blockIcon, deleteIcon } from "./icons";
+    import { createEventDispatcher } from "svelte";
+
+    export let activeImage: HTMLImageElement;
+    export let ankiMathjax: HTMLElement;
+
+    const dispatch = createEventDispatcher();
+</script>
+
+<ButtonToolbar size={1.6} wrap={false}>
+    <Item>
+        <ButtonGroup>
+            <ButtonGroupItem>
+                <IconButton
+                    tooltip={tr.editingMathjaxInline()}
+                    active={activeImage.getAttribute("block") === "true"}
+                    on:click={() => ankiMathjax.setAttribute("block", "false")}
+                    on:click>{@html inlineIcon}</IconButton
+                >
+            </ButtonGroupItem>
+
+            <ButtonGroupItem>
+                <IconButton
+                    tooltip={tr.editingMathjaxBlock()}
+                    active={activeImage.getAttribute("block") === "false"}
+                    on:click={() => ankiMathjax.setAttribute("block", "true")}
+                    on:click>{@html blockIcon}</IconButton
+                >
+            </ButtonGroupItem>
+        </ButtonGroup>
+    </Item>
+
+    <Item>
+        <ButtonGroup>
+            <ButtonGroupItem>
+                <IconButton
+                    tooltip={tr.actionsDelete()}
+                    on:click={() => dispatch("delete")}>{@html deleteIcon}</IconButton
+                >
+            </ButtonGroupItem>
+        </ButtonGroup>
+    </Item>
+</ButtonToolbar>
diff --git a/ts/editor/mathjax-overlay/MathjaxEditor.svelte b/ts/editor/mathjax-overlay/MathjaxEditor.svelte
new file mode 100644
index 00000000000..0e239937e67
--- /dev/null
+++ b/ts/editor/mathjax-overlay/MathjaxEditor.svelte
@@ -0,0 +1,58 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<script lang="ts">
+    import CodeMirror from "../CodeMirror.svelte";
+    import type { Writable } from "svelte/store";
+    import { baseOptions, latex } from "../code-mirror";
+    import { getPlatformString } from "../../lib/shortcuts";
+    import { noop } from "../../lib/functional";
+    import * as tr from "../../lib/ftl";
+
+    export let acceptShortcut: string;
+    export let newlineShortcut: string;
+
+    export let code: Writable<string>;
+
+    const configuration = {
+        ...Object.assign({}, baseOptions, {
+            extraKeys: {
+                ...(baseOptions.extraKeys as CodeMirror.KeyMap),
+                [acceptShortcut]: noop,
+                [newlineShortcut]: noop,
+            },
+        }),
+        placeholder: tr.editingMathjaxPlaceholder({
+            accept: getPlatformString(acceptShortcut),
+            newline: getPlatformString(newlineShortcut),
+        }),
+        mode: latex,
+    };
+</script>
+
+<div class="mathjax-editor">
+    <CodeMirror
+        {code}
+        {configuration}
+        on:change={({ detail }) => code.set(detail)}
+        on:blur
+        autofocus
+    />
+</div>
+
+<style lang="scss">
+    .mathjax-editor {
+        :global(.CodeMirror) {
+            max-width: 28rem;
+            margin-bottom: 0.25rem;
+        }
+
+        :global(.CodeMirror-placeholder) {
+            font-family: sans-serif;
+            font-size: 55%;
+            text-align: center;
+            color: var(--slightly-grey-text);
+        }
+    }
+</style>
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index ebe9f837d4e..a274f5a8904 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -3,47 +3,27 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
-    import WithDropdown from "../../components/WithDropdown.svelte";
-    import ButtonToolbar from "../../components/ButtonToolbar.svelte";
-    import DropdownMenu from "../../components/DropdownMenu.svelte";
-    import Item from "../../components/Item.svelte";
-    import Shortcut from "../../components/Shortcut.svelte";
     import HandleSelection from "../HandleSelection.svelte";
     import HandleBackground from "../HandleBackground.svelte";
     import HandleControl from "../HandleControl.svelte";
-    import InlineBlock from "./InlineBlock.svelte";
-    import CodeMirror from "../CodeMirror.svelte";
+    import Shortcut from "../../components/Shortcut.svelte";
+    import WithDropdown from "../../components/WithDropdown.svelte";
+    import DropdownMenu from "../../components/DropdownMenu.svelte";
+    import MathjaxButtons from "./MathjaxButtons.svelte";
+    import MathjaxEditor from "./MathjaxEditor.svelte";
 
     import { onMount, onDestroy, tick } from "svelte";
     import { writable } from "svelte/store";
     import { getRichTextInput } from "../RichTextInput.svelte";
-    import { baseOptions, latex } from "../code-mirror";
-    import { getPlatformString } from "../../lib/shortcuts";
     import { placeCaretAfter } from "../../domlib/place-caret";
     import { noop } from "../../lib/functional";
     import { on } from "../../lib/events";
-    import * as tr from "../../lib/ftl";
 
     const { container, api } = getRichTextInput();
 
     const acceptShortcut = "Enter";
     const newlineShortcut = "Shift+Enter";
 
-    const configuration = {
-        ...Object.assign({}, baseOptions, {
-            extraKeys: {
-                ...(baseOptions.extraKeys as CodeMirror.KeyMap),
-                [acceptShortcut]: noop,
-                [newlineShortcut]: noop,
-            },
-        }),
-        placeholder: tr.editingMathjaxPlaceholder({
-            accept: getPlatformString(acceptShortcut),
-            newline: getPlatformString(newlineShortcut),
-        }),
-        mode: latex,
-    };
-
     const code = writable("");
 
     function appendNewline(): void {
@@ -68,38 +48,51 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         });
     }
 
-    async function maybeShowHandle({ target }: Event): Promise<void> {
-        await resetHandle();
-        if (target instanceof HTMLImageElement && target.dataset.anki === "mathjax") {
-            showHandle(target);
-        }
-    }
-
-    async function showAutofocusHandle({
-        detail,
-    }: CustomEvent<HTMLImageElement>): Promise<void> {
-        await resetHandle();
-        showHandle(detail);
-    }
-
-    async function resetHandle(): Promise<void> {
+    async function clearImage(): Promise<void> {
         if (activeImage && ankiMathjax) {
             unsubscribe();
             activeImage = null;
+            ankiMathjax = null;
         }
 
         await tick();
         container.focus();
+    }
+
+    function placeCaret(image: HTMLImageElement): void {
+        placeCaretAfter(image);
+        image.removeAttribute("caretafter");
+    }
+
+    async function resetHandle(deletes: boolean = false): Promise<void> {
+        await clearImage();
 
         const image = container.querySelector("[caretafter]");
         if (image) {
-            placeCaretAfter(image);
-            image.removeAttribute("caretafter");
+            placeCaret(image as HTMLImageElement);
+
+            if (deletes) {
+                image.remove();
+            }
         }
 
         allow();
     }
 
+    async function maybeShowHandle({ target }: Event): Promise<void> {
+        await resetHandle();
+        if (target instanceof HTMLImageElement && target.dataset.anki === "mathjax") {
+            showHandle(target);
+        }
+    }
+
+    async function showAutofocusHandle({
+        detail,
+    }: CustomEvent<HTMLImageElement>): Promise<void> {
+        await resetHandle();
+        showHandle(detail);
+    }
+
     onMount(() => {
         const removeClick = on(container, "click", maybeShowHandle);
         const removeFocus = on(container, "focusmathjax" as any, showAutofocusHandle);
@@ -148,7 +141,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     distance={4}
     let:createDropdown
 >
-    {#if activeImage}
+    {#if activeImage && ankiMathjax}
         <HandleSelection
             image={activeImage}
             {container}
@@ -159,41 +152,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             <HandleControl offsetX={1} offsetY={1} />
         </HandleSelection>
 
-        <Shortcut keyCombination={acceptShortcut} on:action={resetHandle} />
-
+        <Shortcut keyCombination={acceptShortcut} on:action={() => resetHandle()} />
         <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
 
         <DropdownMenu>
-            <div class="mathjax-editor">
-                <CodeMirror
-                    {code}
-                    {configuration}
-                    on:change={({ detail }) => code.set(detail)}
-                    on:blur={resetHandle}
-                    autofocus
-                />
-            </div>
-            <ButtonToolbar>
-                <Item>
-                    <InlineBlock {activeImage} on:click={updateSelection} />
-                </Item>
-            </ButtonToolbar>
+            <MathjaxEditor
+                {acceptShortcut}
+                {newlineShortcut}
+                {code}
+                on:blur={() => resetHandle()}
+            />
+            <MathjaxButtons
+                {activeImage}
+                {ankiMathjax}
+                on:delete={() => resetHandle(true)}
+            />
         </DropdownMenu>
     {/if}
 </WithDropdown>
-
-<style lang="scss">
-    .mathjax-editor {
-        :global(.CodeMirror) {
-            max-width: 28rem;
-            margin-bottom: 0.25rem;
-        }
-
-        :global(.CodeMirror-placeholder) {
-            font-family: sans-serif;
-            font-size: 55%;
-            text-align: center;
-            color: var(--slightly-grey-text);
-        }
-    }
-</style>
diff --git a/ts/editor/mathjax-overlay/icons.ts b/ts/editor/mathjax-overlay/icons.ts
index 99534e872eb..176911b691f 100644
--- a/ts/editor/mathjax-overlay/icons.ts
+++ b/ts/editor/mathjax-overlay/icons.ts
@@ -3,3 +3,4 @@
 
 export { default as inlineIcon } from "@mdi/svg/svg/format-wrap-square.svg";
 export { default as blockIcon } from "@mdi/svg/svg/format-wrap-top-bottom.svg";
+export { default as deleteIcon } from "@mdi/svg/svg/delete.svg";

From 72c12729903883d2f5d14ab578f2a1bb2100b49d Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 07:30:41 +0100
Subject: [PATCH 12/19] Change border color of mathjax menu

---
 .../mathjax-overlay/MathjaxButtons.svelte     |  6 +-
 .../mathjax-overlay/MathjaxHandle.svelte      | 79 +++++++++++--------
 2 files changed, 49 insertions(+), 36 deletions(-)

diff --git a/ts/editor/mathjax-overlay/MathjaxButtons.svelte b/ts/editor/mathjax-overlay/MathjaxButtons.svelte
index b3c08ef3823..d6309692f6b 100644
--- a/ts/editor/mathjax-overlay/MathjaxButtons.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxButtons.svelte
@@ -13,7 +13,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { createEventDispatcher } from "svelte";
 
     export let activeImage: HTMLImageElement;
-    export let ankiMathjax: HTMLElement;
+    export let mathjaxElement: HTMLElement;
 
     const dispatch = createEventDispatcher();
 </script>
@@ -25,7 +25,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 <IconButton
                     tooltip={tr.editingMathjaxInline()}
                     active={activeImage.getAttribute("block") === "true"}
-                    on:click={() => ankiMathjax.setAttribute("block", "false")}
+                    on:click={() => mathjaxElement.setAttribute("block", "false")}
                     on:click>{@html inlineIcon}</IconButton
                 >
             </ButtonGroupItem>
@@ -34,7 +34,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 <IconButton
                     tooltip={tr.editingMathjaxBlock()}
                     active={activeImage.getAttribute("block") === "false"}
-                    on:click={() => ankiMathjax.setAttribute("block", "true")}
+                    on:click={() => mathjaxElement.setAttribute("block", "true")}
                     on:click>{@html blockIcon}</IconButton
                 >
             </ButtonGroupItem>
diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index a274f5a8904..f330421730e 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -31,7 +31,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     let activeImage: HTMLImageElement | null = null;
-    let ankiMathjax: HTMLElement | null = null;
+    let mathjaxElement: HTMLElement | null = null;
     let allow = noop;
     let unsubscribe = noop;
 
@@ -40,19 +40,19 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
         activeImage = image;
         image.setAttribute("caretafter", "true");
-        ankiMathjax = activeImage.closest("anki-mathjax")!;
+        mathjaxElement = activeImage.closest("anki-mathjax")!;
 
-        code.set(ankiMathjax.dataset.mathjax ?? "");
+        code.set(mathjaxElement.dataset.mathjax ?? "");
         unsubscribe = code.subscribe((value: string) => {
-            ankiMathjax!.dataset.mathjax = value;
+            mathjaxElement!.dataset.mathjax = value;
         });
     }
 
     async function clearImage(): Promise<void> {
-        if (activeImage && ankiMathjax) {
+        if (activeImage && mathjaxElement) {
             unsubscribe();
             activeImage = null;
-            ankiMathjax = null;
+            mathjaxElement = null;
         }
 
         await tick();
@@ -141,32 +141,45 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     distance={4}
     let:createDropdown
 >
-    {#if activeImage && ankiMathjax}
-        <HandleSelection
-            image={activeImage}
-            {container}
-            bind:updateSelection
-            on:mount={(event) => (dropdownApi = createDropdown(event.detail.selection))}
-        >
-            <HandleBackground tooltip={errorMessage} />
-            <HandleControl offsetX={1} offsetY={1} />
-        </HandleSelection>
-
-        <Shortcut keyCombination={acceptShortcut} on:action={() => resetHandle()} />
-        <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
-
-        <DropdownMenu>
-            <MathjaxEditor
-                {acceptShortcut}
-                {newlineShortcut}
-                {code}
-                on:blur={() => resetHandle()}
-            />
-            <MathjaxButtons
-                {activeImage}
-                {ankiMathjax}
-                on:delete={() => resetHandle(true)}
-            />
-        </DropdownMenu>
+    {#if activeImage && mathjaxElement}
+        <div class="mathjax-menu">
+            <HandleSelection
+                image={activeImage}
+                {container}
+                bind:updateSelection
+                on:mount={(event) =>
+                    (dropdownApi = createDropdown(event.detail.selection))}
+            >
+                <HandleBackground tooltip={errorMessage} />
+                <HandleControl offsetX={1} offsetY={1} />
+            </HandleSelection>
+
+            <DropdownMenu>
+                <MathjaxEditor
+                    {acceptShortcut}
+                    {newlineShortcut}
+                    {code}
+                    on:blur={() => resetHandle()}
+                />
+
+                <Shortcut
+                    keyCombination={acceptShortcut}
+                    on:action={() => resetHandle()}
+                />
+                <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
+
+                <MathjaxButtons
+                    {activeImage}
+                    {mathjaxElement}
+                    on:delete={() => resetHandle(true)}
+                />
+            </DropdownMenu>
+        </div>
     {/if}
 </WithDropdown>
+
+<style lang="scss">
+    .mathjax-menu :global(.dropdown-menu) {
+        border-color: var(--border);
+    }
+</style>

From 7222a6172cae553b0869ec6423a952fee4277992 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 07:50:08 +0100
Subject: [PATCH 13/19] Refactor into MathjaxMenu

---
 .../mathjax-overlay/MathjaxHandle.svelte      | 65 ++++-------------
 ts/editor/mathjax-overlay/MathjaxMenu.svelte  | 69 +++++++++++++++++++
 2 files changed, 81 insertions(+), 53 deletions(-)
 create mode 100644 ts/editor/mathjax-overlay/MathjaxMenu.svelte

diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index f330421730e..71283a898dd 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -3,14 +3,8 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
-    import HandleSelection from "../HandleSelection.svelte";
-    import HandleBackground from "../HandleBackground.svelte";
-    import HandleControl from "../HandleControl.svelte";
-    import Shortcut from "../../components/Shortcut.svelte";
     import WithDropdown from "../../components/WithDropdown.svelte";
-    import DropdownMenu from "../../components/DropdownMenu.svelte";
-    import MathjaxButtons from "./MathjaxButtons.svelte";
-    import MathjaxEditor from "./MathjaxEditor.svelte";
+    import MathjaxMenu from "./MathjaxMenu.svelte";
 
     import { onMount, onDestroy, tick } from "svelte";
     import { writable } from "svelte/store";
@@ -21,15 +15,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     const { container, api } = getRichTextInput();
 
-    const acceptShortcut = "Enter";
-    const newlineShortcut = "Shift+Enter";
-
     const code = writable("");
 
-    function appendNewline(): void {
-        code.update((value) => `${value}\n`);
-    }
-
     let activeImage: HTMLImageElement | null = null;
     let mathjaxElement: HTMLElement | null = null;
     let allow = noop;
@@ -142,44 +129,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let:createDropdown
 >
     {#if activeImage && mathjaxElement}
-        <div class="mathjax-menu">
-            <HandleSelection
-                image={activeImage}
-                {container}
-                bind:updateSelection
-                on:mount={(event) =>
-                    (dropdownApi = createDropdown(event.detail.selection))}
-            >
-                <HandleBackground tooltip={errorMessage} />
-                <HandleControl offsetX={1} offsetY={1} />
-            </HandleSelection>
-
-            <DropdownMenu>
-                <MathjaxEditor
-                    {acceptShortcut}
-                    {newlineShortcut}
-                    {code}
-                    on:blur={() => resetHandle()}
-                />
-
-                <Shortcut
-                    keyCombination={acceptShortcut}
-                    on:action={() => resetHandle()}
-                />
-                <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
-
-                <MathjaxButtons
-                    {activeImage}
-                    {mathjaxElement}
-                    on:delete={() => resetHandle(true)}
-                />
-            </DropdownMenu>
-        </div>
+        <MathjaxMenu
+            {activeImage}
+            {mathjaxElement}
+            {container}
+            {errorMessage}
+            {code}
+            bind:updateSelection
+            on:mount={(event) => (dropdownApi = createDropdown(event.detail.selection))}
+            on:reset={() => resetHandle(false)}
+            on:delete={() => resetHandle(true)}
+        />
     {/if}
 </WithDropdown>
-
-<style lang="scss">
-    .mathjax-menu :global(.dropdown-menu) {
-        border-color: var(--border);
-    }
-</style>
diff --git a/ts/editor/mathjax-overlay/MathjaxMenu.svelte b/ts/editor/mathjax-overlay/MathjaxMenu.svelte
new file mode 100644
index 00000000000..a1606b9bf51
--- /dev/null
+++ b/ts/editor/mathjax-overlay/MathjaxMenu.svelte
@@ -0,0 +1,69 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<script lang="ts">
+    import Shortcut from "../../components/Shortcut.svelte";
+    import DropdownMenu from "../../components/DropdownMenu.svelte";
+    import HandleSelection from "../HandleSelection.svelte";
+    import HandleBackground from "../HandleBackground.svelte";
+    import HandleControl from "../HandleControl.svelte";
+    import MathjaxEditor from "./MathjaxEditor.svelte";
+    import MathjaxButtons from "./MathjaxButtons.svelte";
+    import type { Writable } from "svelte/store";
+    import { createEventDispatcher } from "svelte";
+
+    export let activeImage: HTMLImageElement;
+    export let mathjaxElement: HTMLElement;
+    export let container: HTMLElement;
+    export let errorMessage: string;
+    export let code: Writable<string>;
+
+    const acceptShortcut = "Enter";
+    const newlineShortcut = "Shift+Enter";
+
+    function appendNewline(): void {
+        code.update((value) => `${value}\n`);
+    }
+
+    export let updateSelection: () => Promise<void>;
+    let dropdownApi: any;
+
+    export async function update() {
+        await updateSelection?.();
+        dropdownApi.update();
+    }
+
+    const dispatch = createEventDispatcher();
+</script>
+
+<div class="mathjax-menu">
+    <HandleSelection image={activeImage} {container} bind:updateSelection on:mount>
+        <HandleBackground tooltip={errorMessage} />
+        <HandleControl offsetX={1} offsetY={1} />
+    </HandleSelection>
+
+    <DropdownMenu>
+        <MathjaxEditor
+            {acceptShortcut}
+            {newlineShortcut}
+            {code}
+            on:blur={() => dispatch("reset")}
+        />
+
+        <Shortcut keyCombination={acceptShortcut} on:action={() => dispatch("reset")} />
+        <Shortcut keyCombination={newlineShortcut} on:action={appendNewline} />
+
+        <MathjaxButtons
+            {activeImage}
+            {mathjaxElement}
+            on:delete={() => dispatch("delete")}
+        />
+    </DropdownMenu>
+</div>
+
+<style lang="scss">
+    .mathjax-menu :global(.dropdown-menu) {
+        border-color: var(--border);
+    }
+</style>

From 43ca7928de2d97698d0c43c499f64207562a400e Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 19:04:36 +0100
Subject: [PATCH 14/19] Put caretKeyword in variable

---
 ts/editor/mathjax-overlay/MathjaxHandle.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ts/editor/mathjax-overlay/MathjaxHandle.svelte b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
index 71283a898dd..6c812cf41dd 100644
--- a/ts/editor/mathjax-overlay/MathjaxHandle.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxHandle.svelte
@@ -5,7 +5,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import WithDropdown from "../../components/WithDropdown.svelte";
     import MathjaxMenu from "./MathjaxMenu.svelte";
-
     import { onMount, onDestroy, tick } from "svelte";
     import { writable } from "svelte/store";
     import { getRichTextInput } from "../RichTextInput.svelte";
@@ -22,11 +21,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let allow = noop;
     let unsubscribe = noop;
 
+    const caretKeyword = "caretAfter";
+
     function showHandle(image: HTMLImageElement): void {
         allow = api.preventResubscription();
 
         activeImage = image;
-        image.setAttribute("caretafter", "true");
+        image.setAttribute(caretKeyword, "true");
         mathjaxElement = activeImage.closest("anki-mathjax")!;
 
         code.set(mathjaxElement.dataset.mathjax ?? "");
@@ -48,13 +49,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     function placeCaret(image: HTMLImageElement): void {
         placeCaretAfter(image);
-        image.removeAttribute("caretafter");
+        image.removeAttribute(caretKeyword);
     }
 
     async function resetHandle(deletes: boolean = false): Promise<void> {
         await clearImage();
 
-        const image = container.querySelector("[caretafter]");
+        const image = container.querySelector(`[${caretKeyword}]`);
         if (image) {
             placeCaret(image as HTMLImageElement);
 

From 87986447f3361235348c3b38d5fb11d8c1ee795e Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 21:24:49 +0100
Subject: [PATCH 15/19] Use one ResizeObserver for all Mathjax images

---
 ts/editable/Mathjax.svelte | 82 +++++++++++++++++++++++---------------
 ts/lib/uuid.ts             | 17 ++++++++
 2 files changed, 67 insertions(+), 32 deletions(-)
 create mode 100644 ts/lib/uuid.ts

diff --git a/ts/editable/Mathjax.svelte b/ts/editable/Mathjax.svelte
index 57603ed4069..16a72f90fb8 100644
--- a/ts/editable/Mathjax.svelte
+++ b/ts/editable/Mathjax.svelte
@@ -2,67 +2,85 @@
 Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
+<script context="module" lang="ts">
+    import type { Writable } from "svelte/store";
+
+    const imageToHeightMap = new Map<string, Writable<number>>();
+    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
+        for (const entry of entries) {
+            const image = entry.target as HTMLImageElement;
+            const store = imageToHeightMap.get(image.dataset.uuid!)!;
+            store.set(entry.contentRect.height);
+
+            setTimeout(() => entry.target.dispatchEvent(new Event("resize")));
+        }
+    });
+</script>
+
 <script lang="ts">
-    import { onMount, onDestroy, getContext, tick } from "svelte";
+    import { onDestroy, getContext } from "svelte";
     import { nightModeKey } from "../components/context-keys";
     import { convertMathjax } from "./mathjax";
+    import { randomUUID } from "../lib/uuid";
+    import { writable } from "svelte/store";
 
     export let mathjax: string;
     export let block: boolean;
-    export let autofocus = false;
 
-    /* have fixed fontSize for normal */
-    export const fontSize: number = 20;
+    export let autofocus = false;
+    export let fontSize = 20;
 
     const nightMode = getContext<boolean>(nightModeKey);
-
     $: [converted, title] = convertMathjax(mathjax, nightMode, fontSize);
     $: empty = title === "MathJax";
+    $: encoded = encodeURIComponent(converted);
 
-    let encoded: string;
-    let imageHeight: number;
+    const uuid = randomUUID();
+    const imageHeight = writable(0);
+    imageToHeightMap.set(uuid, imageHeight);
 
-    $: encoded = encodeURIComponent(converted);
+    $: verticalCenter = -$imageHeight / 2 + fontSize / 4;
 
-    let image: HTMLImageElement;
+    function maybeAutofocus(image: Element): void {
+        if (!autofocus) {
+            return;
+        }
 
-    const observer = new ResizeObserver(async () => {
-        imageHeight = image.getBoundingClientRect().height;
-        await tick();
-        setTimeout(() => image.dispatchEvent(new Event("resize")));
-    });
+        // This should trigger a focusing of the Mathjax Handle
+        const focusEvent = new CustomEvent("focusmathjax", {
+            detail: image,
+            bubbles: true,
+            composed: true,
+        });
 
-    onMount(() => {
-        observer.observe(image);
+        image.dispatchEvent(focusEvent);
+    }
 
-        if (autofocus) {
-            // This should trigger a focusing of the Mathjax Handle
-            const focusEvent = new CustomEvent("focusmathjax", {
-                detail: image,
-                bubbles: true,
-                composed: true,
-            });
+    function observe(image: Element) {
+        observer.observe(image);
 
-            image.dispatchEvent(focusEvent);
-        }
-    });
+        return {
+            destroy() {
+                observer.unobserve(image);
+            },
+        };
+    }
 
-    onDestroy(() => {
-        observer.unobserve(image);
-        observer.disconnect();
-    });
+    onDestroy(() => imageToHeightMap.delete(uuid));
 </script>
 
 <img
-    bind:this={image}
     src="data:image/svg+xml,{encoded}"
     class:block
     class:empty
-    style="--vertical-center: {-imageHeight / 2 + fontSize / 4}px;"
+    style="--vertical-center: {verticalCenter}px;"
     alt="Mathjax"
     {title}
     data-anki="mathjax"
+    data-uuid={uuid}
     on:dragstart|preventDefault
+    use:maybeAutofocus
+    use:observe
 />
 
 <style lang="scss">
diff --git a/ts/lib/uuid.ts b/ts/lib/uuid.ts
new file mode 100644
index 00000000000..fc405275883
--- /dev/null
+++ b/ts/lib/uuid.ts
@@ -0,0 +1,17 @@
+// Copyright: Ankitects Pty Ltd and contributors
+// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+
+/**
+ * TODO replace with crypto.randomUUID
+ */
+export function randomUUID(): string {
+    const value = `${1e7}-${1e3}-${4e3}-${8e3}-${1e11}`;
+
+    return value.replace(/[018]/g, (character: string): string =>
+        (
+            Number(character) ^
+            (crypto.getRandomValues(new Uint8Array(1))[0] &
+                (15 >> (Number(character) / 4)))
+        ).toString(16),
+    );
+}

From 1e06a0de61dc304a73c0f353148922e28c590240 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 21:51:37 +0100
Subject: [PATCH 16/19] Add minmimum width for Mathjax editor

* is still smaller than minimal window width
---
 ts/editor/mathjax-overlay/MathjaxEditor.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ts/editor/mathjax-overlay/MathjaxEditor.svelte b/ts/editor/mathjax-overlay/MathjaxEditor.svelte
index 0e239937e67..d95b52030d7 100644
--- a/ts/editor/mathjax-overlay/MathjaxEditor.svelte
+++ b/ts/editor/mathjax-overlay/MathjaxEditor.svelte
@@ -45,6 +45,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     .mathjax-editor {
         :global(.CodeMirror) {
             max-width: 28rem;
+            min-width: 14rem;
             margin-bottom: 0.25rem;
         }
 

From d60f45ca067f23a6096325195293f60c2799b6e8 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 22 Nov 2021 22:07:14 +0100
Subject: [PATCH 17/19] Add bazel directories to .prettierignore and format
 from root

---
 .prettierignore                |    2 +
 ftl/usage/ankimobile.json      | 1146 ++++++++++++++++----------------
 rslib/src/notetype/styling.css |   10 +-
 3 files changed, 580 insertions(+), 578 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 3fd69af9675..84bd44c4e71 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,2 +1,4 @@
 licenses.json
 vendor
+node_modules
+bazel-*
diff --git a/ftl/usage/ankimobile.json b/ftl/usage/ankimobile.json
index fb4963acb5f..fef7f884d59 100644
--- a/ftl/usage/ankimobile.json
+++ b/ftl/usage/ankimobile.json
@@ -1,574 +1,574 @@
 [
-  "about-anki-written-by",
-  "about-license-text",
-  "about-please-see",
-  "about-some-thirdparty-libraries",
-  "about-thanks-contributors",
-  "about-thanks-for-support",
-  "about-the-anki-homepage",
-  "actions-actions",
-  "actions-add",
-  "actions-add-new",
-  "actions-add-short",
-  "actions-added-to-frequent-actions",
-  "actions-all-actions",
-  "actions-already-in-frequent-actions",
-  "actions-an-error-occurred",
-  "actions-answer-again",
-  "actions-answer-again-short",
-  "actions-answer-easy",
-  "actions-answer-easy-short",
-  "actions-answer-good",
-  "actions-answer-good-short",
-  "actions-answer-hard",
-  "actions-answer-hard-short",
-  "actions-are-you-sure",
-  "actions-auto-advance",
-  "actions-auto-advance-short",
-  "actions-bottom-bar",
-  "actions-bottom-bar-short",
-  "actions-browse",
-  "actions-browse-short",
-  "actions-bury-card-short",
-  "actions-bury-note-short",
-  "actions-cancel",
-  "actions-card-info",
-  "actions-card-info-short",
-  "actions-card-template",
-  "actions-card-template-short",
-  "actions-close",
-  "actions-confirm-delete",
-  "actions-current-audio-minus5s",
-  "actions-current-audio-minus5s-short",
-  "actions-current-audio-plus5s",
-  "actions-current-audio-plus5s-short",
-  "actions-custom-study",
-  "actions-custom-study-cant-be-used-on",
-  "actions-custom-study-short",
-  "actions-deck-statistics",
-  "actions-deck-statistics-short",
-  "actions-decks",
-  "actions-decks-short",
-  "actions-delete",
-  "actions-delete-note-short",
-  "actions-discard-changes",
-  "actions-done",
-  "actions-downloading",
-  "actions-drag-here-to-remove",
-  "actions-draw",
-  "actions-edit-short",
-  "actions-empty-short",
-  "actions-export",
-  "actions-file-invalid-or-corrupt",
-  "actions-filter",
-  "actions-filter-short",
-  "actions-filtercram",
-  "actions-flag-blue",
-  "actions-flag-green",
-  "actions-flag-number",
-  "actions-flag-orange",
-  "actions-flag-pink",
-  "actions-flag-purple",
-  "actions-flag-red",
-  "actions-flag-turquoise",
-  "actions-frequent-actions",
-  "actions-import",
-  "actions-leave-without-saving",
-  "actions-long-press-on-an-item-to",
-  "actions-mark",
-  "actions-mark-and-bury",
-  "actions-mark-and-bury-short",
-  "actions-mark-and-suspend",
-  "actions-mark-and-suspend-short",
-  "actions-mark-short",
-  "actions-new-name",
-  "actions-night-mode-short",
-  "actions-no-current-card",
-  "actions-no-load-restore-backup",
-  "actions-not-valid-link",
-  "actions-nothing-to-redo",
-  "actions-nothing-to-undo",
-  "actions-off",
-  "actions-off-short",
-  "actions-options",
-  "actions-options-for",
-  "actions-pause-audio-short",
-  "actions-please-tap-the-in-the",
-  "actions-preview",
-  "actions-processing",
-  "actions-rebuild",
-  "actions-rebuild-short",
-  "actions-record-voice",
-  "actions-record-voice-menu",
-  "actions-record-voice-short",
-  "actions-redo-short",
-  "actions-rename",
-  "actions-rename-deck",
-  "actions-replay-audio",
-  "actions-replay-audio-short",
-  "actions-replay-voice-short",
-  "actions-reset-card",
-  "actions-reset-card-short",
-  "actions-revert",
-  "actions-review-undone",
-  "actions-save",
-  "actions-scratchpad",
-  "actions-scratchpad-short",
-  "actions-scratchpad-size",
-  "actions-scratchpad-size-short",
-  "actions-search",
-  "actions-select-deck",
-  "actions-select-note-type",
-  "actions-set-due-date",
-  "actions-set-due-date-short",
-  "actions-show-answer-short",
-  "actions-show-answeranswer-good",
-  "actions-show-answeranswer-good-short",
-  "actions-study-options",
-  "actions-study-options-short",
-  "actions-suspend-card",
-  "actions-suspend-card-short",
-  "actions-suspend-note-short",
-  "actions-tools",
-  "actions-tools-overlay",
-  "actions-tools-short",
-  "actions-top-bar",
-  "actions-top-bar-short",
-  "actions-unbury-deck",
-  "actions-unbury-deck-short",
-  "actions-undo",
-  "actions-undo-short",
-  "adding-added",
-  "adding-cloze-outside-cloze-field",
-  "adding-cloze-outside-cloze-notetype",
-  "adding-the-first-field-is-empty",
-  "adding-you-have-a-cloze-deletion-note",
-  "browsing-added-today",
-  "browsing-again-today",
-  "browsing-any-flag",
-  "browsing-append",
-  "browsing-append-negated",
-  "browsing-card-updated",
-  "browsing-cards-deleted",
-  "browsing-cards-updated",
-  "browsing-change-deck",
-  "browsing-change-flag",
-  "browsing-change-note-type",
-  "browsing-change-notetype",
-  "browsing-clear-flag",
-  "browsing-clear-unused-tags",
-  "browsing-column1",
-  "browsing-column2",
-  "browsing-confirm-reset",
-  "browsing-current-deck",
-  "browsing-dd-selected",
-  "browsing-delete-notes",
-  "browsing-due-dateorder",
-  "browsing-due-reviews",
-  "browsing-ease",
-  "browsing-filtered",
-  "browsing-find",
-  "browsing-find-and-replace",
-  "browsing-interval",
-  "browsing-learning-cards",
-  "browsing-no-cards-are-selected",
-  "browsing-no-flag",
-  "browsing-note-created",
-  "browsing-note-updated",
-  "browsing-note2",
-  "browsing-notes-updated",
-  "browsing-question",
-  "browsing-questionandanswer",
-  "browsing-removed-unused-tags-count",
-  "browsing-repetitions",
-  "browsing-replace-with",
-  "browsing-reschedule",
-  "browsing-reset-cards",
-  "browsing-row-deleted",
-  "browsing-searching",
-  "browsing-second-column19",
-  "browsing-second-column91",
-  "browsing-select-all",
-  "browsing-sort",
-  "browsing-sort-field",
-  "browsing-sort-order",
-  "browsing-studied-today",
-  "browsing-suspended",
-  "browsing-tag",
-  "browsing-toggle-suspend",
-  "browsing-whole-collection",
-  "card-stats-note-type",
-  "card-templates-flip",
-  "card-templates-night-mode",
-  "card-templates-template-styling",
-  "custom-study-any-tag",
-  "custom-study-available",
-  "custom-study-cant-extend-limits-no-extra",
-  "custom-study-cram-seen-cards-with-certain-tags",
-  "custom-study-custom-study-session",
-  "custom-study-days-to-look-ahead",
-  "custom-study-days-to-look-back",
-  "custom-study-exclude-cards-with-tag",
-  "custom-study-extra-new-cards",
-  "custom-study-extra-review-cards",
-  "custom-study-include-cards-with-tag",
-  "custom-study-increase-todays-new-card-limit",
-  "custom-study-increase-todays-review-card-limit",
-  "custom-study-learn-new-cards-with-certain-tags",
-  "custom-study-loading",
-  "custom-study-max-cards-to-gather",
-  "custom-study-no-tags",
-  "custom-study-no-tags-available",
-  "custom-study-ok",
-  "custom-study-preview-all-cards-with-certain-tags",
-  "custom-study-preview-new-cards",
-  "custom-study-review-ahead",
-  "custom-study-review-due-cards-with-certain-tags",
-  "custom-study-review-forgotten-cards",
-  "custom-study-search-matches",
-  "custom-study-select",
-  "custom-study-study-type",
-  "custom-study-the-selected-options-did-not-match",
-  "database-check-rebuilt",
-  "database-check-title",
-  "deck-config-title",
-  "deck-config-used-by-decks",
-  "deck-options-add-options-group",
-  "deck-options-answer-time-cap",
-  "deck-options-bury-related-new-cards",
-  "deck-options-bury-related-reviews",
-  "deck-options-defaults",
-  "deck-options-delete-options-full-sync",
-  "deck-options-display-in-order-added",
-  "deck-options-display-in-random-order",
-  "deck-options-full-sync-required",
-  "deck-options-group-name",
-  "deck-options-max-new-per-day",
-  "deck-options-max-reviews-per-day",
-  "deck-options-new-cards",
-  "deck-options-options-group",
-  "deck-options-replay-q-audio-in-answer",
-  "deck-options-reset-all-settings-to-defaults",
-  "deck-options-restore-defaults",
-  "deck-options-steps",
-  "decks-a-deck-must-be-provided",
-  "decks-a-deck-named-already-exists",
-  "decks-add-empty-deck",
-  "decks-addexport",
-  "decks-build",
-  "decks-card-limit",
-  "decks-custom-steps",
-  "decks-deck",
-  "decks-deck-label",
-  "decks-deck-name",
-  "decks-deck-options",
-  "decks-download-link",
-  "decks-enable-second-filter",
-  "decks-export-collection",
-  "decks-filter2",
-  "decks-import-from-itunes",
-  "decks-link-to-apkg-file-to-import",
-  "decks-return-by-delete",
-  "decks-shared-deck-list",
-  "decks-study",
-  "decks-sync",
-  "decks-synchronize",
-  "decks-the-provided-deck-does-not-exist",
-  "decks-will-be-returned",
-  "editing-add-media",
-  "editing-bold",
-  "editing-cant-edit-original-image-data",
-  "editing-card-unsuspended",
-  "editing-discard",
-  "editing-discard-changes-question",
-  "editing-fields",
-  "editing-from-camera",
-  "editing-from-file",
-  "editing-from-photos",
-  "editing-italic",
-  "editing-keep-editing",
-  "editing-next-cloze",
-  "editing-next-field",
-  "editing-note-type-prompt",
-  "editing-note-unsuspended",
-  "editing-same-cloze",
-  "editing-tags",
-  "editing-unable-to-obtain-image",
-  "editing-unable-to-read-file",
-  "editing-underline",
-  "editing-unexpected-file-extension",
-  "editing-unexpected-rich-text-format-please",
-  "editing-unexpected-status-code",
-  "editing-unsuspend-card",
-  "editing-unsuspend-note",
-  "empty-cards-delete-button",
-  "empty-cards-delete-empty-cards",
-  "empty-cards-delete-empty-notes",
-  "empty-cards-deleted-count",
-  "empty-cards-deleting",
-  "empty-cards-not-found",
-  "empty-cards-window-title",
-  "errors100-tags-max",
-  "exporting-collection-saved-to-itunes",
-  "exporting-export-to-itunes",
-  "exporting-export-to-share-sheet",
-  "exporting-exporting",
-  "exporting-include-media2",
-  "exporting-media-files-exported-d",
-  "findreplace-notes-updated",
-  "importing-delete-imported-file",
-  "importing-import-complete",
-  "importing-importing",
-  "importing-no-apkg-or-colpkg-files-were",
-  "importing-overwrite-via-import",
-  "importing-please-choose-a-file",
-  "importing-processed-media-files-d",
-  "importing-replace-collection",
-  "media-check-check-media-action",
-  "media-check-delete-unused",
-  "media-check-delete-unused-complete",
-  "media-check-empty-trash",
-  "media-check-files-remaining",
-  "media-check-restore-trash",
-  "media-check-trash-emptied",
-  "media-check-trash-restored",
-  "media-check-window-title",
-  "media-error-initializing-recorder",
-  "media-error-playing-audio-full",
-  "media-privacy-microphone",
-  "media-recording",
-  "notetypes-back-field",
-  "notetypes-cloze-name",
-  "notetypes-front-field",
-  "preferences-about",
-  "preferences-always-duck-and-ignore-mute",
-  "preferences-answer-keeps-zoom",
-  "preferences-answer-side",
-  "preferences-audio-buttons",
-  "preferences-auto-advance-answer-action",
-  "preferences-auto-advance-answer-seconds",
-  "preferences-auto-advance-auto-advance-to-start",
-  "preferences-auto-advance-do-nothing",
-  "preferences-auto-advance-question-seconds",
-  "preferences-auto-advance-show-reminder",
-  "preferences-auto-advance-wait-for-audio",
-  "preferences-backup-available-backups",
-  "preferences-backup-create-now",
-  "preferences-backup-maximum-backups",
-  "preferences-backup-minutes-between-backups",
-  "preferences-backup-revert-to-backup",
-  "preferences-backup-revert-to-backup-confirm",
-  "preferences-backup-reverted-to-backup",
-  "preferences-backups",
-  "preferences-bottom-bar-size",
-  "preferences-bottom-center",
-  "preferences-bottom-left",
-  "preferences-bottom-right",
-  "preferences-button-d",
-  "preferences-collection-day-starts",
-  "preferences-collection-learn-ahead-minutes",
-  "preferences-collection-mix",
-  "preferences-collection-new-first",
-  "preferences-collection-newreview-order",
-  "preferences-collection-reviews-first",
-  "preferences-double-tap-prevention",
-  "preferences-drawing-screen-ignores-fingers",
-  "preferences-editing",
-  "preferences-editing-convert-smart-quotes",
-  "preferences-editing-crop-camera-photos",
-  "preferences-editing-max-image-size",
-  "preferences-editing-resize-on-paste",
-  "preferences-feedback-ticks",
-  "preferences-fine",
-  "preferences-force-sync-confirm",
-  "preferences-full-sync",
-  "preferences-gamepad-button-mapping",
-  "preferences-gamepad-menu-button",
-  "preferences-gamepads",
-  "preferences-height",
-  "preferences-huge",
-  "preferences-ignore-fingers",
-  "preferences-interrupt-current-audio",
-  "preferences-large",
-  "preferences-left",
-  "preferences-left-shoulder",
-  "preferences-left-thumbstick-button",
-  "preferences-left-trigger",
-  "preferences-logged-in-as",
-  "preferences-long",
-  "preferences-mid-center",
-  "preferences-mid-left",
-  "preferences-mid-right",
-  "preferences-never-show-scratchpad",
-  "preferences-never-show-scratchpad-enabled",
-  "preferences-never-type-answer",
-  "preferences-next-times",
-  "preferences-normal",
-  "preferences-notifications",
-  "preferences-notifications-alert-time",
-  "preferences-notifications-alert-when-due",
-  "preferences-notifications-app-icon-shows-due-count",
-  "preferences-notifications-settings-app-enable-notifications",
-  "preferences-paste-clipboard-images-as-png",
-  "preferences-pen-size",
-  "preferences-preferences",
-  "preferences-question-side",
-  "preferences-remaining-count",
-  "preferences-right",
-  "preferences-right-shoulder",
-  "preferences-right-thumbstick-button",
-  "preferences-right-trigger",
-  "preferences-scheduling",
-  "preferences-scratchpad-below-buttons",
-  "preferences-scratchpad-transparency",
-  "preferences-scratchpad-transparency-full",
-  "preferences-scratchpad-transparency-medium",
-  "preferences-scratchpad-transparency-none",
-  "preferences-scratchpad-transparency-slight",
-  "preferences-shake-action",
-  "preferences-short",
-  "preferences-show-bottom-bar",
-  "preferences-show-grid",
-  "preferences-show-top-bar",
-  "preferences-small",
-  "preferences-swipe-down",
-  "preferences-swipe-left",
-  "preferences-swipe-right",
-  "preferences-swipe-up",
-  "preferences-swipes",
-  "preferences-swipes-must-begin-from-the-far",
-  "preferences-sync-sounds-images",
-  "preferences-syncing",
-  "preferences-tap-to-sync",
-  "preferences-taps",
-  "preferences-theme",
-  "preferences-theme-bar-style",
-  "preferences-theme-black",
-  "preferences-theme-dark",
-  "preferences-theme-dark-translucent",
-  "preferences-theme-force-off",
-  "preferences-theme-force-on",
-  "preferences-theme-light-translucent",
-  "preferences-theme-night-mode-desc",
-  "preferences-theme-night-mode-same-as-system",
-  "preferences-theme-slate",
-  "preferences-thick",
-  "preferences-tools-overlay-button",
-  "preferences-tools-overlay-position",
-  "preferences-top-center",
-  "preferences-top-left",
-  "preferences-top-right",
-  "preferences-undo-clears-all",
-  "preferences-when-answer-shown",
-  "preferences-when-question-shown",
-  "preferences-you-have-been-logged-out",
-  "profiles-a-profile-with-that-name-already",
-  "profiles-add-profile",
-  "profiles-creating-backup",
-  "profiles-finishing-backup",
-  "profiles-please-provide-some-text-avoiding-symbols",
-  "profiles-please-select-another-profile-first",
-  "profiles-profile-name",
-  "profiles-profiles",
-  "profiles-rename-profile",
-  "profiles-unable-to-open-safari-please",
-  "profiles-user1",
-  "profiles-welcome",
-  "scheduling-automatically-play-audio",
-  "scheduling-easy-bonus",
-  "scheduling-easy-interval",
-  "scheduling-end",
-  "scheduling-forgot-cards",
-  "scheduling-general",
-  "scheduling-graduating-interval",
-  "scheduling-interval-modifier",
-  "scheduling-lapses",
-  "scheduling-leech-action",
-  "scheduling-leech-threshold",
-  "scheduling-maximum-interval",
-  "scheduling-minimum-interval",
-  "scheduling-new-cards",
-  "scheduling-new-interval",
-  "scheduling-order",
-  "scheduling-review",
-  "scheduling-reviews",
-  "scheduling-set-due-date-done",
-  "scheduling-set-due-date-prompt",
-  "scheduling-set-due-date-prompt-hint",
-  "scheduling-starting-ease",
-  "scheduling-steps-in-minutes",
-  "scheduling-tag-only",
-  "scheduling-update-button",
-  "scheduling-update-done",
-  "scheduling-update-later-button",
-  "scheduling-update-more-info-button",
-  "scheduling-update-soon",
-  "statistics-answer-buttons-title",
-  "statistics-reviews",
-  "studying-again",
-  "studying-answer-time-elapsed",
-  "studying-auto-advance-starting",
-  "studying-auto-advance-stopped",
-  "studying-bury-card",
-  "studying-bury-note",
-  "studying-card-suspended",
-  "studying-card-was-a-leech",
-  "studying-cards-buried",
-  "studying-delete-note",
-  "studying-easy",
-  "studying-edit",
-  "studying-empty",
-  "studying-finish",
-  "studying-good",
-  "studying-hard",
-  "studying-have-ready-to-study",
-  "studying-note-suspended",
-  "studying-pause-audio",
-  "studying-please-run-empty-cards-on-the",
-  "studying-please-use-record-voice-first",
-  "studying-replay-card",
-  "studying-replay-voice",
-  "studying-show-answer",
-  "studying-suspend-note",
-  "studying-type-in-the-answer",
-  "sync-abort-button",
-  "sync-cancel-button",
-  "sync-checking",
-  "sync-confirm-empty-download",
-  "sync-conflict-explanation",
-  "sync-connecting",
-  "sync-download-from-ankiweb",
-  "sync-downloading-from-ankiweb",
-  "sync-email-address",
-  "sync-log-out-button",
-  "sync-login",
-  "sync-media-aborted",
-  "sync-media-complete",
-  "sync-media-disabled",
-  "sync-media-failed",
-  "sync-media-is-syncing",
-  "sync-media-log-button",
-  "sync-media-log-title",
-  "sync-media-missing-file",
-  "sync-media-show-progress",
-  "sync-media-starting",
-  "sync-must-wait-for-end",
-  "sync-password",
-  "sync-please-enter-your-ankiweb-details",
-  "sync-upload-to-ankiweb",
-  "sync-uploading-to-ankiweb",
-  "sync-wrong-pass",
-  "undo-action-redone",
-  "undo-action-undone",
-  "undo-redo",
-  "undo-redo-action",
-  "undo-undo",
-  "undo-undo-action",
-  "urlscheme-a-note-type-must-be-provided",
-  "urlscheme-a-note-with-the-same-first",
-  "urlscheme-a-profile-must-be-provided",
-  "urlscheme-added-note",
-  "urlscheme-invalid-profile-name",
-  "urlscheme-the-provided-note-type-does-not",
-  "urlscheme-unable-to-open-profile"
-]
\ No newline at end of file
+    "about-anki-written-by",
+    "about-license-text",
+    "about-please-see",
+    "about-some-thirdparty-libraries",
+    "about-thanks-contributors",
+    "about-thanks-for-support",
+    "about-the-anki-homepage",
+    "actions-actions",
+    "actions-add",
+    "actions-add-new",
+    "actions-add-short",
+    "actions-added-to-frequent-actions",
+    "actions-all-actions",
+    "actions-already-in-frequent-actions",
+    "actions-an-error-occurred",
+    "actions-answer-again",
+    "actions-answer-again-short",
+    "actions-answer-easy",
+    "actions-answer-easy-short",
+    "actions-answer-good",
+    "actions-answer-good-short",
+    "actions-answer-hard",
+    "actions-answer-hard-short",
+    "actions-are-you-sure",
+    "actions-auto-advance",
+    "actions-auto-advance-short",
+    "actions-bottom-bar",
+    "actions-bottom-bar-short",
+    "actions-browse",
+    "actions-browse-short",
+    "actions-bury-card-short",
+    "actions-bury-note-short",
+    "actions-cancel",
+    "actions-card-info",
+    "actions-card-info-short",
+    "actions-card-template",
+    "actions-card-template-short",
+    "actions-close",
+    "actions-confirm-delete",
+    "actions-current-audio-minus5s",
+    "actions-current-audio-minus5s-short",
+    "actions-current-audio-plus5s",
+    "actions-current-audio-plus5s-short",
+    "actions-custom-study",
+    "actions-custom-study-cant-be-used-on",
+    "actions-custom-study-short",
+    "actions-deck-statistics",
+    "actions-deck-statistics-short",
+    "actions-decks",
+    "actions-decks-short",
+    "actions-delete",
+    "actions-delete-note-short",
+    "actions-discard-changes",
+    "actions-done",
+    "actions-downloading",
+    "actions-drag-here-to-remove",
+    "actions-draw",
+    "actions-edit-short",
+    "actions-empty-short",
+    "actions-export",
+    "actions-file-invalid-or-corrupt",
+    "actions-filter",
+    "actions-filter-short",
+    "actions-filtercram",
+    "actions-flag-blue",
+    "actions-flag-green",
+    "actions-flag-number",
+    "actions-flag-orange",
+    "actions-flag-pink",
+    "actions-flag-purple",
+    "actions-flag-red",
+    "actions-flag-turquoise",
+    "actions-frequent-actions",
+    "actions-import",
+    "actions-leave-without-saving",
+    "actions-long-press-on-an-item-to",
+    "actions-mark",
+    "actions-mark-and-bury",
+    "actions-mark-and-bury-short",
+    "actions-mark-and-suspend",
+    "actions-mark-and-suspend-short",
+    "actions-mark-short",
+    "actions-new-name",
+    "actions-night-mode-short",
+    "actions-no-current-card",
+    "actions-no-load-restore-backup",
+    "actions-not-valid-link",
+    "actions-nothing-to-redo",
+    "actions-nothing-to-undo",
+    "actions-off",
+    "actions-off-short",
+    "actions-options",
+    "actions-options-for",
+    "actions-pause-audio-short",
+    "actions-please-tap-the-in-the",
+    "actions-preview",
+    "actions-processing",
+    "actions-rebuild",
+    "actions-rebuild-short",
+    "actions-record-voice",
+    "actions-record-voice-menu",
+    "actions-record-voice-short",
+    "actions-redo-short",
+    "actions-rename",
+    "actions-rename-deck",
+    "actions-replay-audio",
+    "actions-replay-audio-short",
+    "actions-replay-voice-short",
+    "actions-reset-card",
+    "actions-reset-card-short",
+    "actions-revert",
+    "actions-review-undone",
+    "actions-save",
+    "actions-scratchpad",
+    "actions-scratchpad-short",
+    "actions-scratchpad-size",
+    "actions-scratchpad-size-short",
+    "actions-search",
+    "actions-select-deck",
+    "actions-select-note-type",
+    "actions-set-due-date",
+    "actions-set-due-date-short",
+    "actions-show-answer-short",
+    "actions-show-answeranswer-good",
+    "actions-show-answeranswer-good-short",
+    "actions-study-options",
+    "actions-study-options-short",
+    "actions-suspend-card",
+    "actions-suspend-card-short",
+    "actions-suspend-note-short",
+    "actions-tools",
+    "actions-tools-overlay",
+    "actions-tools-short",
+    "actions-top-bar",
+    "actions-top-bar-short",
+    "actions-unbury-deck",
+    "actions-unbury-deck-short",
+    "actions-undo",
+    "actions-undo-short",
+    "adding-added",
+    "adding-cloze-outside-cloze-field",
+    "adding-cloze-outside-cloze-notetype",
+    "adding-the-first-field-is-empty",
+    "adding-you-have-a-cloze-deletion-note",
+    "browsing-added-today",
+    "browsing-again-today",
+    "browsing-any-flag",
+    "browsing-append",
+    "browsing-append-negated",
+    "browsing-card-updated",
+    "browsing-cards-deleted",
+    "browsing-cards-updated",
+    "browsing-change-deck",
+    "browsing-change-flag",
+    "browsing-change-note-type",
+    "browsing-change-notetype",
+    "browsing-clear-flag",
+    "browsing-clear-unused-tags",
+    "browsing-column1",
+    "browsing-column2",
+    "browsing-confirm-reset",
+    "browsing-current-deck",
+    "browsing-dd-selected",
+    "browsing-delete-notes",
+    "browsing-due-dateorder",
+    "browsing-due-reviews",
+    "browsing-ease",
+    "browsing-filtered",
+    "browsing-find",
+    "browsing-find-and-replace",
+    "browsing-interval",
+    "browsing-learning-cards",
+    "browsing-no-cards-are-selected",
+    "browsing-no-flag",
+    "browsing-note-created",
+    "browsing-note-updated",
+    "browsing-note2",
+    "browsing-notes-updated",
+    "browsing-question",
+    "browsing-questionandanswer",
+    "browsing-removed-unused-tags-count",
+    "browsing-repetitions",
+    "browsing-replace-with",
+    "browsing-reschedule",
+    "browsing-reset-cards",
+    "browsing-row-deleted",
+    "browsing-searching",
+    "browsing-second-column19",
+    "browsing-second-column91",
+    "browsing-select-all",
+    "browsing-sort",
+    "browsing-sort-field",
+    "browsing-sort-order",
+    "browsing-studied-today",
+    "browsing-suspended",
+    "browsing-tag",
+    "browsing-toggle-suspend",
+    "browsing-whole-collection",
+    "card-stats-note-type",
+    "card-templates-flip",
+    "card-templates-night-mode",
+    "card-templates-template-styling",
+    "custom-study-any-tag",
+    "custom-study-available",
+    "custom-study-cant-extend-limits-no-extra",
+    "custom-study-cram-seen-cards-with-certain-tags",
+    "custom-study-custom-study-session",
+    "custom-study-days-to-look-ahead",
+    "custom-study-days-to-look-back",
+    "custom-study-exclude-cards-with-tag",
+    "custom-study-extra-new-cards",
+    "custom-study-extra-review-cards",
+    "custom-study-include-cards-with-tag",
+    "custom-study-increase-todays-new-card-limit",
+    "custom-study-increase-todays-review-card-limit",
+    "custom-study-learn-new-cards-with-certain-tags",
+    "custom-study-loading",
+    "custom-study-max-cards-to-gather",
+    "custom-study-no-tags",
+    "custom-study-no-tags-available",
+    "custom-study-ok",
+    "custom-study-preview-all-cards-with-certain-tags",
+    "custom-study-preview-new-cards",
+    "custom-study-review-ahead",
+    "custom-study-review-due-cards-with-certain-tags",
+    "custom-study-review-forgotten-cards",
+    "custom-study-search-matches",
+    "custom-study-select",
+    "custom-study-study-type",
+    "custom-study-the-selected-options-did-not-match",
+    "database-check-rebuilt",
+    "database-check-title",
+    "deck-config-title",
+    "deck-config-used-by-decks",
+    "deck-options-add-options-group",
+    "deck-options-answer-time-cap",
+    "deck-options-bury-related-new-cards",
+    "deck-options-bury-related-reviews",
+    "deck-options-defaults",
+    "deck-options-delete-options-full-sync",
+    "deck-options-display-in-order-added",
+    "deck-options-display-in-random-order",
+    "deck-options-full-sync-required",
+    "deck-options-group-name",
+    "deck-options-max-new-per-day",
+    "deck-options-max-reviews-per-day",
+    "deck-options-new-cards",
+    "deck-options-options-group",
+    "deck-options-replay-q-audio-in-answer",
+    "deck-options-reset-all-settings-to-defaults",
+    "deck-options-restore-defaults",
+    "deck-options-steps",
+    "decks-a-deck-must-be-provided",
+    "decks-a-deck-named-already-exists",
+    "decks-add-empty-deck",
+    "decks-addexport",
+    "decks-build",
+    "decks-card-limit",
+    "decks-custom-steps",
+    "decks-deck",
+    "decks-deck-label",
+    "decks-deck-name",
+    "decks-deck-options",
+    "decks-download-link",
+    "decks-enable-second-filter",
+    "decks-export-collection",
+    "decks-filter2",
+    "decks-import-from-itunes",
+    "decks-link-to-apkg-file-to-import",
+    "decks-return-by-delete",
+    "decks-shared-deck-list",
+    "decks-study",
+    "decks-sync",
+    "decks-synchronize",
+    "decks-the-provided-deck-does-not-exist",
+    "decks-will-be-returned",
+    "editing-add-media",
+    "editing-bold",
+    "editing-cant-edit-original-image-data",
+    "editing-card-unsuspended",
+    "editing-discard",
+    "editing-discard-changes-question",
+    "editing-fields",
+    "editing-from-camera",
+    "editing-from-file",
+    "editing-from-photos",
+    "editing-italic",
+    "editing-keep-editing",
+    "editing-next-cloze",
+    "editing-next-field",
+    "editing-note-type-prompt",
+    "editing-note-unsuspended",
+    "editing-same-cloze",
+    "editing-tags",
+    "editing-unable-to-obtain-image",
+    "editing-unable-to-read-file",
+    "editing-underline",
+    "editing-unexpected-file-extension",
+    "editing-unexpected-rich-text-format-please",
+    "editing-unexpected-status-code",
+    "editing-unsuspend-card",
+    "editing-unsuspend-note",
+    "empty-cards-delete-button",
+    "empty-cards-delete-empty-cards",
+    "empty-cards-delete-empty-notes",
+    "empty-cards-deleted-count",
+    "empty-cards-deleting",
+    "empty-cards-not-found",
+    "empty-cards-window-title",
+    "errors100-tags-max",
+    "exporting-collection-saved-to-itunes",
+    "exporting-export-to-itunes",
+    "exporting-export-to-share-sheet",
+    "exporting-exporting",
+    "exporting-include-media2",
+    "exporting-media-files-exported-d",
+    "findreplace-notes-updated",
+    "importing-delete-imported-file",
+    "importing-import-complete",
+    "importing-importing",
+    "importing-no-apkg-or-colpkg-files-were",
+    "importing-overwrite-via-import",
+    "importing-please-choose-a-file",
+    "importing-processed-media-files-d",
+    "importing-replace-collection",
+    "media-check-check-media-action",
+    "media-check-delete-unused",
+    "media-check-delete-unused-complete",
+    "media-check-empty-trash",
+    "media-check-files-remaining",
+    "media-check-restore-trash",
+    "media-check-trash-emptied",
+    "media-check-trash-restored",
+    "media-check-window-title",
+    "media-error-initializing-recorder",
+    "media-error-playing-audio-full",
+    "media-privacy-microphone",
+    "media-recording",
+    "notetypes-back-field",
+    "notetypes-cloze-name",
+    "notetypes-front-field",
+    "preferences-about",
+    "preferences-always-duck-and-ignore-mute",
+    "preferences-answer-keeps-zoom",
+    "preferences-answer-side",
+    "preferences-audio-buttons",
+    "preferences-auto-advance-answer-action",
+    "preferences-auto-advance-answer-seconds",
+    "preferences-auto-advance-auto-advance-to-start",
+    "preferences-auto-advance-do-nothing",
+    "preferences-auto-advance-question-seconds",
+    "preferences-auto-advance-show-reminder",
+    "preferences-auto-advance-wait-for-audio",
+    "preferences-backup-available-backups",
+    "preferences-backup-create-now",
+    "preferences-backup-maximum-backups",
+    "preferences-backup-minutes-between-backups",
+    "preferences-backup-revert-to-backup",
+    "preferences-backup-revert-to-backup-confirm",
+    "preferences-backup-reverted-to-backup",
+    "preferences-backups",
+    "preferences-bottom-bar-size",
+    "preferences-bottom-center",
+    "preferences-bottom-left",
+    "preferences-bottom-right",
+    "preferences-button-d",
+    "preferences-collection-day-starts",
+    "preferences-collection-learn-ahead-minutes",
+    "preferences-collection-mix",
+    "preferences-collection-new-first",
+    "preferences-collection-newreview-order",
+    "preferences-collection-reviews-first",
+    "preferences-double-tap-prevention",
+    "preferences-drawing-screen-ignores-fingers",
+    "preferences-editing",
+    "preferences-editing-convert-smart-quotes",
+    "preferences-editing-crop-camera-photos",
+    "preferences-editing-max-image-size",
+    "preferences-editing-resize-on-paste",
+    "preferences-feedback-ticks",
+    "preferences-fine",
+    "preferences-force-sync-confirm",
+    "preferences-full-sync",
+    "preferences-gamepad-button-mapping",
+    "preferences-gamepad-menu-button",
+    "preferences-gamepads",
+    "preferences-height",
+    "preferences-huge",
+    "preferences-ignore-fingers",
+    "preferences-interrupt-current-audio",
+    "preferences-large",
+    "preferences-left",
+    "preferences-left-shoulder",
+    "preferences-left-thumbstick-button",
+    "preferences-left-trigger",
+    "preferences-logged-in-as",
+    "preferences-long",
+    "preferences-mid-center",
+    "preferences-mid-left",
+    "preferences-mid-right",
+    "preferences-never-show-scratchpad",
+    "preferences-never-show-scratchpad-enabled",
+    "preferences-never-type-answer",
+    "preferences-next-times",
+    "preferences-normal",
+    "preferences-notifications",
+    "preferences-notifications-alert-time",
+    "preferences-notifications-alert-when-due",
+    "preferences-notifications-app-icon-shows-due-count",
+    "preferences-notifications-settings-app-enable-notifications",
+    "preferences-paste-clipboard-images-as-png",
+    "preferences-pen-size",
+    "preferences-preferences",
+    "preferences-question-side",
+    "preferences-remaining-count",
+    "preferences-right",
+    "preferences-right-shoulder",
+    "preferences-right-thumbstick-button",
+    "preferences-right-trigger",
+    "preferences-scheduling",
+    "preferences-scratchpad-below-buttons",
+    "preferences-scratchpad-transparency",
+    "preferences-scratchpad-transparency-full",
+    "preferences-scratchpad-transparency-medium",
+    "preferences-scratchpad-transparency-none",
+    "preferences-scratchpad-transparency-slight",
+    "preferences-shake-action",
+    "preferences-short",
+    "preferences-show-bottom-bar",
+    "preferences-show-grid",
+    "preferences-show-top-bar",
+    "preferences-small",
+    "preferences-swipe-down",
+    "preferences-swipe-left",
+    "preferences-swipe-right",
+    "preferences-swipe-up",
+    "preferences-swipes",
+    "preferences-swipes-must-begin-from-the-far",
+    "preferences-sync-sounds-images",
+    "preferences-syncing",
+    "preferences-tap-to-sync",
+    "preferences-taps",
+    "preferences-theme",
+    "preferences-theme-bar-style",
+    "preferences-theme-black",
+    "preferences-theme-dark",
+    "preferences-theme-dark-translucent",
+    "preferences-theme-force-off",
+    "preferences-theme-force-on",
+    "preferences-theme-light-translucent",
+    "preferences-theme-night-mode-desc",
+    "preferences-theme-night-mode-same-as-system",
+    "preferences-theme-slate",
+    "preferences-thick",
+    "preferences-tools-overlay-button",
+    "preferences-tools-overlay-position",
+    "preferences-top-center",
+    "preferences-top-left",
+    "preferences-top-right",
+    "preferences-undo-clears-all",
+    "preferences-when-answer-shown",
+    "preferences-when-question-shown",
+    "preferences-you-have-been-logged-out",
+    "profiles-a-profile-with-that-name-already",
+    "profiles-add-profile",
+    "profiles-creating-backup",
+    "profiles-finishing-backup",
+    "profiles-please-provide-some-text-avoiding-symbols",
+    "profiles-please-select-another-profile-first",
+    "profiles-profile-name",
+    "profiles-profiles",
+    "profiles-rename-profile",
+    "profiles-unable-to-open-safari-please",
+    "profiles-user1",
+    "profiles-welcome",
+    "scheduling-automatically-play-audio",
+    "scheduling-easy-bonus",
+    "scheduling-easy-interval",
+    "scheduling-end",
+    "scheduling-forgot-cards",
+    "scheduling-general",
+    "scheduling-graduating-interval",
+    "scheduling-interval-modifier",
+    "scheduling-lapses",
+    "scheduling-leech-action",
+    "scheduling-leech-threshold",
+    "scheduling-maximum-interval",
+    "scheduling-minimum-interval",
+    "scheduling-new-cards",
+    "scheduling-new-interval",
+    "scheduling-order",
+    "scheduling-review",
+    "scheduling-reviews",
+    "scheduling-set-due-date-done",
+    "scheduling-set-due-date-prompt",
+    "scheduling-set-due-date-prompt-hint",
+    "scheduling-starting-ease",
+    "scheduling-steps-in-minutes",
+    "scheduling-tag-only",
+    "scheduling-update-button",
+    "scheduling-update-done",
+    "scheduling-update-later-button",
+    "scheduling-update-more-info-button",
+    "scheduling-update-soon",
+    "statistics-answer-buttons-title",
+    "statistics-reviews",
+    "studying-again",
+    "studying-answer-time-elapsed",
+    "studying-auto-advance-starting",
+    "studying-auto-advance-stopped",
+    "studying-bury-card",
+    "studying-bury-note",
+    "studying-card-suspended",
+    "studying-card-was-a-leech",
+    "studying-cards-buried",
+    "studying-delete-note",
+    "studying-easy",
+    "studying-edit",
+    "studying-empty",
+    "studying-finish",
+    "studying-good",
+    "studying-hard",
+    "studying-have-ready-to-study",
+    "studying-note-suspended",
+    "studying-pause-audio",
+    "studying-please-run-empty-cards-on-the",
+    "studying-please-use-record-voice-first",
+    "studying-replay-card",
+    "studying-replay-voice",
+    "studying-show-answer",
+    "studying-suspend-note",
+    "studying-type-in-the-answer",
+    "sync-abort-button",
+    "sync-cancel-button",
+    "sync-checking",
+    "sync-confirm-empty-download",
+    "sync-conflict-explanation",
+    "sync-connecting",
+    "sync-download-from-ankiweb",
+    "sync-downloading-from-ankiweb",
+    "sync-email-address",
+    "sync-log-out-button",
+    "sync-login",
+    "sync-media-aborted",
+    "sync-media-complete",
+    "sync-media-disabled",
+    "sync-media-failed",
+    "sync-media-is-syncing",
+    "sync-media-log-button",
+    "sync-media-log-title",
+    "sync-media-missing-file",
+    "sync-media-show-progress",
+    "sync-media-starting",
+    "sync-must-wait-for-end",
+    "sync-password",
+    "sync-please-enter-your-ankiweb-details",
+    "sync-upload-to-ankiweb",
+    "sync-uploading-to-ankiweb",
+    "sync-wrong-pass",
+    "undo-action-redone",
+    "undo-action-undone",
+    "undo-redo",
+    "undo-redo-action",
+    "undo-undo",
+    "undo-undo-action",
+    "urlscheme-a-note-type-must-be-provided",
+    "urlscheme-a-note-with-the-same-first",
+    "urlscheme-a-profile-must-be-provided",
+    "urlscheme-added-note",
+    "urlscheme-invalid-profile-name",
+    "urlscheme-the-provided-note-type-does-not",
+    "urlscheme-unable-to-open-profile"
+]
diff --git a/rslib/src/notetype/styling.css b/rslib/src/notetype/styling.css
index c5a11b359bb..3872575fba2 100644
--- a/rslib/src/notetype/styling.css
+++ b/rslib/src/notetype/styling.css
@@ -1,7 +1,7 @@
 .card {
-  font-family: arial;
-  font-size: 20px;
-  text-align: center;
-  color: black;
-  background-color: white;
+    font-family: arial;
+    font-size: 20px;
+    text-align: center;
+    color: black;
+    background-color: white;
 }

From a2d4e4d12b39851ba8c7f8435cb0792bb3def217 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Tue, 23 Nov 2021 10:18:24 +1000
Subject: [PATCH 18/19] exclude ftl/usage

the json files that live there are output from our tooling, and
formatting them means an extra step each time we want to update them

also exclude .mypy_cache, which is output by scripts/mypy*
---
 .prettierignore           |    2 +
 ftl/usage/ankimobile.json | 1146 ++++++++++++++++++-------------------
 2 files changed, 575 insertions(+), 573 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 84bd44c4e71..efcaaca1336 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,3 +2,5 @@ licenses.json
 vendor
 node_modules
 bazel-*
+ftl/usage
+.mypy_cache
\ No newline at end of file
diff --git a/ftl/usage/ankimobile.json b/ftl/usage/ankimobile.json
index fef7f884d59..fb4963acb5f 100644
--- a/ftl/usage/ankimobile.json
+++ b/ftl/usage/ankimobile.json
@@ -1,574 +1,574 @@
 [
-    "about-anki-written-by",
-    "about-license-text",
-    "about-please-see",
-    "about-some-thirdparty-libraries",
-    "about-thanks-contributors",
-    "about-thanks-for-support",
-    "about-the-anki-homepage",
-    "actions-actions",
-    "actions-add",
-    "actions-add-new",
-    "actions-add-short",
-    "actions-added-to-frequent-actions",
-    "actions-all-actions",
-    "actions-already-in-frequent-actions",
-    "actions-an-error-occurred",
-    "actions-answer-again",
-    "actions-answer-again-short",
-    "actions-answer-easy",
-    "actions-answer-easy-short",
-    "actions-answer-good",
-    "actions-answer-good-short",
-    "actions-answer-hard",
-    "actions-answer-hard-short",
-    "actions-are-you-sure",
-    "actions-auto-advance",
-    "actions-auto-advance-short",
-    "actions-bottom-bar",
-    "actions-bottom-bar-short",
-    "actions-browse",
-    "actions-browse-short",
-    "actions-bury-card-short",
-    "actions-bury-note-short",
-    "actions-cancel",
-    "actions-card-info",
-    "actions-card-info-short",
-    "actions-card-template",
-    "actions-card-template-short",
-    "actions-close",
-    "actions-confirm-delete",
-    "actions-current-audio-minus5s",
-    "actions-current-audio-minus5s-short",
-    "actions-current-audio-plus5s",
-    "actions-current-audio-plus5s-short",
-    "actions-custom-study",
-    "actions-custom-study-cant-be-used-on",
-    "actions-custom-study-short",
-    "actions-deck-statistics",
-    "actions-deck-statistics-short",
-    "actions-decks",
-    "actions-decks-short",
-    "actions-delete",
-    "actions-delete-note-short",
-    "actions-discard-changes",
-    "actions-done",
-    "actions-downloading",
-    "actions-drag-here-to-remove",
-    "actions-draw",
-    "actions-edit-short",
-    "actions-empty-short",
-    "actions-export",
-    "actions-file-invalid-or-corrupt",
-    "actions-filter",
-    "actions-filter-short",
-    "actions-filtercram",
-    "actions-flag-blue",
-    "actions-flag-green",
-    "actions-flag-number",
-    "actions-flag-orange",
-    "actions-flag-pink",
-    "actions-flag-purple",
-    "actions-flag-red",
-    "actions-flag-turquoise",
-    "actions-frequent-actions",
-    "actions-import",
-    "actions-leave-without-saving",
-    "actions-long-press-on-an-item-to",
-    "actions-mark",
-    "actions-mark-and-bury",
-    "actions-mark-and-bury-short",
-    "actions-mark-and-suspend",
-    "actions-mark-and-suspend-short",
-    "actions-mark-short",
-    "actions-new-name",
-    "actions-night-mode-short",
-    "actions-no-current-card",
-    "actions-no-load-restore-backup",
-    "actions-not-valid-link",
-    "actions-nothing-to-redo",
-    "actions-nothing-to-undo",
-    "actions-off",
-    "actions-off-short",
-    "actions-options",
-    "actions-options-for",
-    "actions-pause-audio-short",
-    "actions-please-tap-the-in-the",
-    "actions-preview",
-    "actions-processing",
-    "actions-rebuild",
-    "actions-rebuild-short",
-    "actions-record-voice",
-    "actions-record-voice-menu",
-    "actions-record-voice-short",
-    "actions-redo-short",
-    "actions-rename",
-    "actions-rename-deck",
-    "actions-replay-audio",
-    "actions-replay-audio-short",
-    "actions-replay-voice-short",
-    "actions-reset-card",
-    "actions-reset-card-short",
-    "actions-revert",
-    "actions-review-undone",
-    "actions-save",
-    "actions-scratchpad",
-    "actions-scratchpad-short",
-    "actions-scratchpad-size",
-    "actions-scratchpad-size-short",
-    "actions-search",
-    "actions-select-deck",
-    "actions-select-note-type",
-    "actions-set-due-date",
-    "actions-set-due-date-short",
-    "actions-show-answer-short",
-    "actions-show-answeranswer-good",
-    "actions-show-answeranswer-good-short",
-    "actions-study-options",
-    "actions-study-options-short",
-    "actions-suspend-card",
-    "actions-suspend-card-short",
-    "actions-suspend-note-short",
-    "actions-tools",
-    "actions-tools-overlay",
-    "actions-tools-short",
-    "actions-top-bar",
-    "actions-top-bar-short",
-    "actions-unbury-deck",
-    "actions-unbury-deck-short",
-    "actions-undo",
-    "actions-undo-short",
-    "adding-added",
-    "adding-cloze-outside-cloze-field",
-    "adding-cloze-outside-cloze-notetype",
-    "adding-the-first-field-is-empty",
-    "adding-you-have-a-cloze-deletion-note",
-    "browsing-added-today",
-    "browsing-again-today",
-    "browsing-any-flag",
-    "browsing-append",
-    "browsing-append-negated",
-    "browsing-card-updated",
-    "browsing-cards-deleted",
-    "browsing-cards-updated",
-    "browsing-change-deck",
-    "browsing-change-flag",
-    "browsing-change-note-type",
-    "browsing-change-notetype",
-    "browsing-clear-flag",
-    "browsing-clear-unused-tags",
-    "browsing-column1",
-    "browsing-column2",
-    "browsing-confirm-reset",
-    "browsing-current-deck",
-    "browsing-dd-selected",
-    "browsing-delete-notes",
-    "browsing-due-dateorder",
-    "browsing-due-reviews",
-    "browsing-ease",
-    "browsing-filtered",
-    "browsing-find",
-    "browsing-find-and-replace",
-    "browsing-interval",
-    "browsing-learning-cards",
-    "browsing-no-cards-are-selected",
-    "browsing-no-flag",
-    "browsing-note-created",
-    "browsing-note-updated",
-    "browsing-note2",
-    "browsing-notes-updated",
-    "browsing-question",
-    "browsing-questionandanswer",
-    "browsing-removed-unused-tags-count",
-    "browsing-repetitions",
-    "browsing-replace-with",
-    "browsing-reschedule",
-    "browsing-reset-cards",
-    "browsing-row-deleted",
-    "browsing-searching",
-    "browsing-second-column19",
-    "browsing-second-column91",
-    "browsing-select-all",
-    "browsing-sort",
-    "browsing-sort-field",
-    "browsing-sort-order",
-    "browsing-studied-today",
-    "browsing-suspended",
-    "browsing-tag",
-    "browsing-toggle-suspend",
-    "browsing-whole-collection",
-    "card-stats-note-type",
-    "card-templates-flip",
-    "card-templates-night-mode",
-    "card-templates-template-styling",
-    "custom-study-any-tag",
-    "custom-study-available",
-    "custom-study-cant-extend-limits-no-extra",
-    "custom-study-cram-seen-cards-with-certain-tags",
-    "custom-study-custom-study-session",
-    "custom-study-days-to-look-ahead",
-    "custom-study-days-to-look-back",
-    "custom-study-exclude-cards-with-tag",
-    "custom-study-extra-new-cards",
-    "custom-study-extra-review-cards",
-    "custom-study-include-cards-with-tag",
-    "custom-study-increase-todays-new-card-limit",
-    "custom-study-increase-todays-review-card-limit",
-    "custom-study-learn-new-cards-with-certain-tags",
-    "custom-study-loading",
-    "custom-study-max-cards-to-gather",
-    "custom-study-no-tags",
-    "custom-study-no-tags-available",
-    "custom-study-ok",
-    "custom-study-preview-all-cards-with-certain-tags",
-    "custom-study-preview-new-cards",
-    "custom-study-review-ahead",
-    "custom-study-review-due-cards-with-certain-tags",
-    "custom-study-review-forgotten-cards",
-    "custom-study-search-matches",
-    "custom-study-select",
-    "custom-study-study-type",
-    "custom-study-the-selected-options-did-not-match",
-    "database-check-rebuilt",
-    "database-check-title",
-    "deck-config-title",
-    "deck-config-used-by-decks",
-    "deck-options-add-options-group",
-    "deck-options-answer-time-cap",
-    "deck-options-bury-related-new-cards",
-    "deck-options-bury-related-reviews",
-    "deck-options-defaults",
-    "deck-options-delete-options-full-sync",
-    "deck-options-display-in-order-added",
-    "deck-options-display-in-random-order",
-    "deck-options-full-sync-required",
-    "deck-options-group-name",
-    "deck-options-max-new-per-day",
-    "deck-options-max-reviews-per-day",
-    "deck-options-new-cards",
-    "deck-options-options-group",
-    "deck-options-replay-q-audio-in-answer",
-    "deck-options-reset-all-settings-to-defaults",
-    "deck-options-restore-defaults",
-    "deck-options-steps",
-    "decks-a-deck-must-be-provided",
-    "decks-a-deck-named-already-exists",
-    "decks-add-empty-deck",
-    "decks-addexport",
-    "decks-build",
-    "decks-card-limit",
-    "decks-custom-steps",
-    "decks-deck",
-    "decks-deck-label",
-    "decks-deck-name",
-    "decks-deck-options",
-    "decks-download-link",
-    "decks-enable-second-filter",
-    "decks-export-collection",
-    "decks-filter2",
-    "decks-import-from-itunes",
-    "decks-link-to-apkg-file-to-import",
-    "decks-return-by-delete",
-    "decks-shared-deck-list",
-    "decks-study",
-    "decks-sync",
-    "decks-synchronize",
-    "decks-the-provided-deck-does-not-exist",
-    "decks-will-be-returned",
-    "editing-add-media",
-    "editing-bold",
-    "editing-cant-edit-original-image-data",
-    "editing-card-unsuspended",
-    "editing-discard",
-    "editing-discard-changes-question",
-    "editing-fields",
-    "editing-from-camera",
-    "editing-from-file",
-    "editing-from-photos",
-    "editing-italic",
-    "editing-keep-editing",
-    "editing-next-cloze",
-    "editing-next-field",
-    "editing-note-type-prompt",
-    "editing-note-unsuspended",
-    "editing-same-cloze",
-    "editing-tags",
-    "editing-unable-to-obtain-image",
-    "editing-unable-to-read-file",
-    "editing-underline",
-    "editing-unexpected-file-extension",
-    "editing-unexpected-rich-text-format-please",
-    "editing-unexpected-status-code",
-    "editing-unsuspend-card",
-    "editing-unsuspend-note",
-    "empty-cards-delete-button",
-    "empty-cards-delete-empty-cards",
-    "empty-cards-delete-empty-notes",
-    "empty-cards-deleted-count",
-    "empty-cards-deleting",
-    "empty-cards-not-found",
-    "empty-cards-window-title",
-    "errors100-tags-max",
-    "exporting-collection-saved-to-itunes",
-    "exporting-export-to-itunes",
-    "exporting-export-to-share-sheet",
-    "exporting-exporting",
-    "exporting-include-media2",
-    "exporting-media-files-exported-d",
-    "findreplace-notes-updated",
-    "importing-delete-imported-file",
-    "importing-import-complete",
-    "importing-importing",
-    "importing-no-apkg-or-colpkg-files-were",
-    "importing-overwrite-via-import",
-    "importing-please-choose-a-file",
-    "importing-processed-media-files-d",
-    "importing-replace-collection",
-    "media-check-check-media-action",
-    "media-check-delete-unused",
-    "media-check-delete-unused-complete",
-    "media-check-empty-trash",
-    "media-check-files-remaining",
-    "media-check-restore-trash",
-    "media-check-trash-emptied",
-    "media-check-trash-restored",
-    "media-check-window-title",
-    "media-error-initializing-recorder",
-    "media-error-playing-audio-full",
-    "media-privacy-microphone",
-    "media-recording",
-    "notetypes-back-field",
-    "notetypes-cloze-name",
-    "notetypes-front-field",
-    "preferences-about",
-    "preferences-always-duck-and-ignore-mute",
-    "preferences-answer-keeps-zoom",
-    "preferences-answer-side",
-    "preferences-audio-buttons",
-    "preferences-auto-advance-answer-action",
-    "preferences-auto-advance-answer-seconds",
-    "preferences-auto-advance-auto-advance-to-start",
-    "preferences-auto-advance-do-nothing",
-    "preferences-auto-advance-question-seconds",
-    "preferences-auto-advance-show-reminder",
-    "preferences-auto-advance-wait-for-audio",
-    "preferences-backup-available-backups",
-    "preferences-backup-create-now",
-    "preferences-backup-maximum-backups",
-    "preferences-backup-minutes-between-backups",
-    "preferences-backup-revert-to-backup",
-    "preferences-backup-revert-to-backup-confirm",
-    "preferences-backup-reverted-to-backup",
-    "preferences-backups",
-    "preferences-bottom-bar-size",
-    "preferences-bottom-center",
-    "preferences-bottom-left",
-    "preferences-bottom-right",
-    "preferences-button-d",
-    "preferences-collection-day-starts",
-    "preferences-collection-learn-ahead-minutes",
-    "preferences-collection-mix",
-    "preferences-collection-new-first",
-    "preferences-collection-newreview-order",
-    "preferences-collection-reviews-first",
-    "preferences-double-tap-prevention",
-    "preferences-drawing-screen-ignores-fingers",
-    "preferences-editing",
-    "preferences-editing-convert-smart-quotes",
-    "preferences-editing-crop-camera-photos",
-    "preferences-editing-max-image-size",
-    "preferences-editing-resize-on-paste",
-    "preferences-feedback-ticks",
-    "preferences-fine",
-    "preferences-force-sync-confirm",
-    "preferences-full-sync",
-    "preferences-gamepad-button-mapping",
-    "preferences-gamepad-menu-button",
-    "preferences-gamepads",
-    "preferences-height",
-    "preferences-huge",
-    "preferences-ignore-fingers",
-    "preferences-interrupt-current-audio",
-    "preferences-large",
-    "preferences-left",
-    "preferences-left-shoulder",
-    "preferences-left-thumbstick-button",
-    "preferences-left-trigger",
-    "preferences-logged-in-as",
-    "preferences-long",
-    "preferences-mid-center",
-    "preferences-mid-left",
-    "preferences-mid-right",
-    "preferences-never-show-scratchpad",
-    "preferences-never-show-scratchpad-enabled",
-    "preferences-never-type-answer",
-    "preferences-next-times",
-    "preferences-normal",
-    "preferences-notifications",
-    "preferences-notifications-alert-time",
-    "preferences-notifications-alert-when-due",
-    "preferences-notifications-app-icon-shows-due-count",
-    "preferences-notifications-settings-app-enable-notifications",
-    "preferences-paste-clipboard-images-as-png",
-    "preferences-pen-size",
-    "preferences-preferences",
-    "preferences-question-side",
-    "preferences-remaining-count",
-    "preferences-right",
-    "preferences-right-shoulder",
-    "preferences-right-thumbstick-button",
-    "preferences-right-trigger",
-    "preferences-scheduling",
-    "preferences-scratchpad-below-buttons",
-    "preferences-scratchpad-transparency",
-    "preferences-scratchpad-transparency-full",
-    "preferences-scratchpad-transparency-medium",
-    "preferences-scratchpad-transparency-none",
-    "preferences-scratchpad-transparency-slight",
-    "preferences-shake-action",
-    "preferences-short",
-    "preferences-show-bottom-bar",
-    "preferences-show-grid",
-    "preferences-show-top-bar",
-    "preferences-small",
-    "preferences-swipe-down",
-    "preferences-swipe-left",
-    "preferences-swipe-right",
-    "preferences-swipe-up",
-    "preferences-swipes",
-    "preferences-swipes-must-begin-from-the-far",
-    "preferences-sync-sounds-images",
-    "preferences-syncing",
-    "preferences-tap-to-sync",
-    "preferences-taps",
-    "preferences-theme",
-    "preferences-theme-bar-style",
-    "preferences-theme-black",
-    "preferences-theme-dark",
-    "preferences-theme-dark-translucent",
-    "preferences-theme-force-off",
-    "preferences-theme-force-on",
-    "preferences-theme-light-translucent",
-    "preferences-theme-night-mode-desc",
-    "preferences-theme-night-mode-same-as-system",
-    "preferences-theme-slate",
-    "preferences-thick",
-    "preferences-tools-overlay-button",
-    "preferences-tools-overlay-position",
-    "preferences-top-center",
-    "preferences-top-left",
-    "preferences-top-right",
-    "preferences-undo-clears-all",
-    "preferences-when-answer-shown",
-    "preferences-when-question-shown",
-    "preferences-you-have-been-logged-out",
-    "profiles-a-profile-with-that-name-already",
-    "profiles-add-profile",
-    "profiles-creating-backup",
-    "profiles-finishing-backup",
-    "profiles-please-provide-some-text-avoiding-symbols",
-    "profiles-please-select-another-profile-first",
-    "profiles-profile-name",
-    "profiles-profiles",
-    "profiles-rename-profile",
-    "profiles-unable-to-open-safari-please",
-    "profiles-user1",
-    "profiles-welcome",
-    "scheduling-automatically-play-audio",
-    "scheduling-easy-bonus",
-    "scheduling-easy-interval",
-    "scheduling-end",
-    "scheduling-forgot-cards",
-    "scheduling-general",
-    "scheduling-graduating-interval",
-    "scheduling-interval-modifier",
-    "scheduling-lapses",
-    "scheduling-leech-action",
-    "scheduling-leech-threshold",
-    "scheduling-maximum-interval",
-    "scheduling-minimum-interval",
-    "scheduling-new-cards",
-    "scheduling-new-interval",
-    "scheduling-order",
-    "scheduling-review",
-    "scheduling-reviews",
-    "scheduling-set-due-date-done",
-    "scheduling-set-due-date-prompt",
-    "scheduling-set-due-date-prompt-hint",
-    "scheduling-starting-ease",
-    "scheduling-steps-in-minutes",
-    "scheduling-tag-only",
-    "scheduling-update-button",
-    "scheduling-update-done",
-    "scheduling-update-later-button",
-    "scheduling-update-more-info-button",
-    "scheduling-update-soon",
-    "statistics-answer-buttons-title",
-    "statistics-reviews",
-    "studying-again",
-    "studying-answer-time-elapsed",
-    "studying-auto-advance-starting",
-    "studying-auto-advance-stopped",
-    "studying-bury-card",
-    "studying-bury-note",
-    "studying-card-suspended",
-    "studying-card-was-a-leech",
-    "studying-cards-buried",
-    "studying-delete-note",
-    "studying-easy",
-    "studying-edit",
-    "studying-empty",
-    "studying-finish",
-    "studying-good",
-    "studying-hard",
-    "studying-have-ready-to-study",
-    "studying-note-suspended",
-    "studying-pause-audio",
-    "studying-please-run-empty-cards-on-the",
-    "studying-please-use-record-voice-first",
-    "studying-replay-card",
-    "studying-replay-voice",
-    "studying-show-answer",
-    "studying-suspend-note",
-    "studying-type-in-the-answer",
-    "sync-abort-button",
-    "sync-cancel-button",
-    "sync-checking",
-    "sync-confirm-empty-download",
-    "sync-conflict-explanation",
-    "sync-connecting",
-    "sync-download-from-ankiweb",
-    "sync-downloading-from-ankiweb",
-    "sync-email-address",
-    "sync-log-out-button",
-    "sync-login",
-    "sync-media-aborted",
-    "sync-media-complete",
-    "sync-media-disabled",
-    "sync-media-failed",
-    "sync-media-is-syncing",
-    "sync-media-log-button",
-    "sync-media-log-title",
-    "sync-media-missing-file",
-    "sync-media-show-progress",
-    "sync-media-starting",
-    "sync-must-wait-for-end",
-    "sync-password",
-    "sync-please-enter-your-ankiweb-details",
-    "sync-upload-to-ankiweb",
-    "sync-uploading-to-ankiweb",
-    "sync-wrong-pass",
-    "undo-action-redone",
-    "undo-action-undone",
-    "undo-redo",
-    "undo-redo-action",
-    "undo-undo",
-    "undo-undo-action",
-    "urlscheme-a-note-type-must-be-provided",
-    "urlscheme-a-note-with-the-same-first",
-    "urlscheme-a-profile-must-be-provided",
-    "urlscheme-added-note",
-    "urlscheme-invalid-profile-name",
-    "urlscheme-the-provided-note-type-does-not",
-    "urlscheme-unable-to-open-profile"
-]
+  "about-anki-written-by",
+  "about-license-text",
+  "about-please-see",
+  "about-some-thirdparty-libraries",
+  "about-thanks-contributors",
+  "about-thanks-for-support",
+  "about-the-anki-homepage",
+  "actions-actions",
+  "actions-add",
+  "actions-add-new",
+  "actions-add-short",
+  "actions-added-to-frequent-actions",
+  "actions-all-actions",
+  "actions-already-in-frequent-actions",
+  "actions-an-error-occurred",
+  "actions-answer-again",
+  "actions-answer-again-short",
+  "actions-answer-easy",
+  "actions-answer-easy-short",
+  "actions-answer-good",
+  "actions-answer-good-short",
+  "actions-answer-hard",
+  "actions-answer-hard-short",
+  "actions-are-you-sure",
+  "actions-auto-advance",
+  "actions-auto-advance-short",
+  "actions-bottom-bar",
+  "actions-bottom-bar-short",
+  "actions-browse",
+  "actions-browse-short",
+  "actions-bury-card-short",
+  "actions-bury-note-short",
+  "actions-cancel",
+  "actions-card-info",
+  "actions-card-info-short",
+  "actions-card-template",
+  "actions-card-template-short",
+  "actions-close",
+  "actions-confirm-delete",
+  "actions-current-audio-minus5s",
+  "actions-current-audio-minus5s-short",
+  "actions-current-audio-plus5s",
+  "actions-current-audio-plus5s-short",
+  "actions-custom-study",
+  "actions-custom-study-cant-be-used-on",
+  "actions-custom-study-short",
+  "actions-deck-statistics",
+  "actions-deck-statistics-short",
+  "actions-decks",
+  "actions-decks-short",
+  "actions-delete",
+  "actions-delete-note-short",
+  "actions-discard-changes",
+  "actions-done",
+  "actions-downloading",
+  "actions-drag-here-to-remove",
+  "actions-draw",
+  "actions-edit-short",
+  "actions-empty-short",
+  "actions-export",
+  "actions-file-invalid-or-corrupt",
+  "actions-filter",
+  "actions-filter-short",
+  "actions-filtercram",
+  "actions-flag-blue",
+  "actions-flag-green",
+  "actions-flag-number",
+  "actions-flag-orange",
+  "actions-flag-pink",
+  "actions-flag-purple",
+  "actions-flag-red",
+  "actions-flag-turquoise",
+  "actions-frequent-actions",
+  "actions-import",
+  "actions-leave-without-saving",
+  "actions-long-press-on-an-item-to",
+  "actions-mark",
+  "actions-mark-and-bury",
+  "actions-mark-and-bury-short",
+  "actions-mark-and-suspend",
+  "actions-mark-and-suspend-short",
+  "actions-mark-short",
+  "actions-new-name",
+  "actions-night-mode-short",
+  "actions-no-current-card",
+  "actions-no-load-restore-backup",
+  "actions-not-valid-link",
+  "actions-nothing-to-redo",
+  "actions-nothing-to-undo",
+  "actions-off",
+  "actions-off-short",
+  "actions-options",
+  "actions-options-for",
+  "actions-pause-audio-short",
+  "actions-please-tap-the-in-the",
+  "actions-preview",
+  "actions-processing",
+  "actions-rebuild",
+  "actions-rebuild-short",
+  "actions-record-voice",
+  "actions-record-voice-menu",
+  "actions-record-voice-short",
+  "actions-redo-short",
+  "actions-rename",
+  "actions-rename-deck",
+  "actions-replay-audio",
+  "actions-replay-audio-short",
+  "actions-replay-voice-short",
+  "actions-reset-card",
+  "actions-reset-card-short",
+  "actions-revert",
+  "actions-review-undone",
+  "actions-save",
+  "actions-scratchpad",
+  "actions-scratchpad-short",
+  "actions-scratchpad-size",
+  "actions-scratchpad-size-short",
+  "actions-search",
+  "actions-select-deck",
+  "actions-select-note-type",
+  "actions-set-due-date",
+  "actions-set-due-date-short",
+  "actions-show-answer-short",
+  "actions-show-answeranswer-good",
+  "actions-show-answeranswer-good-short",
+  "actions-study-options",
+  "actions-study-options-short",
+  "actions-suspend-card",
+  "actions-suspend-card-short",
+  "actions-suspend-note-short",
+  "actions-tools",
+  "actions-tools-overlay",
+  "actions-tools-short",
+  "actions-top-bar",
+  "actions-top-bar-short",
+  "actions-unbury-deck",
+  "actions-unbury-deck-short",
+  "actions-undo",
+  "actions-undo-short",
+  "adding-added",
+  "adding-cloze-outside-cloze-field",
+  "adding-cloze-outside-cloze-notetype",
+  "adding-the-first-field-is-empty",
+  "adding-you-have-a-cloze-deletion-note",
+  "browsing-added-today",
+  "browsing-again-today",
+  "browsing-any-flag",
+  "browsing-append",
+  "browsing-append-negated",
+  "browsing-card-updated",
+  "browsing-cards-deleted",
+  "browsing-cards-updated",
+  "browsing-change-deck",
+  "browsing-change-flag",
+  "browsing-change-note-type",
+  "browsing-change-notetype",
+  "browsing-clear-flag",
+  "browsing-clear-unused-tags",
+  "browsing-column1",
+  "browsing-column2",
+  "browsing-confirm-reset",
+  "browsing-current-deck",
+  "browsing-dd-selected",
+  "browsing-delete-notes",
+  "browsing-due-dateorder",
+  "browsing-due-reviews",
+  "browsing-ease",
+  "browsing-filtered",
+  "browsing-find",
+  "browsing-find-and-replace",
+  "browsing-interval",
+  "browsing-learning-cards",
+  "browsing-no-cards-are-selected",
+  "browsing-no-flag",
+  "browsing-note-created",
+  "browsing-note-updated",
+  "browsing-note2",
+  "browsing-notes-updated",
+  "browsing-question",
+  "browsing-questionandanswer",
+  "browsing-removed-unused-tags-count",
+  "browsing-repetitions",
+  "browsing-replace-with",
+  "browsing-reschedule",
+  "browsing-reset-cards",
+  "browsing-row-deleted",
+  "browsing-searching",
+  "browsing-second-column19",
+  "browsing-second-column91",
+  "browsing-select-all",
+  "browsing-sort",
+  "browsing-sort-field",
+  "browsing-sort-order",
+  "browsing-studied-today",
+  "browsing-suspended",
+  "browsing-tag",
+  "browsing-toggle-suspend",
+  "browsing-whole-collection",
+  "card-stats-note-type",
+  "card-templates-flip",
+  "card-templates-night-mode",
+  "card-templates-template-styling",
+  "custom-study-any-tag",
+  "custom-study-available",
+  "custom-study-cant-extend-limits-no-extra",
+  "custom-study-cram-seen-cards-with-certain-tags",
+  "custom-study-custom-study-session",
+  "custom-study-days-to-look-ahead",
+  "custom-study-days-to-look-back",
+  "custom-study-exclude-cards-with-tag",
+  "custom-study-extra-new-cards",
+  "custom-study-extra-review-cards",
+  "custom-study-include-cards-with-tag",
+  "custom-study-increase-todays-new-card-limit",
+  "custom-study-increase-todays-review-card-limit",
+  "custom-study-learn-new-cards-with-certain-tags",
+  "custom-study-loading",
+  "custom-study-max-cards-to-gather",
+  "custom-study-no-tags",
+  "custom-study-no-tags-available",
+  "custom-study-ok",
+  "custom-study-preview-all-cards-with-certain-tags",
+  "custom-study-preview-new-cards",
+  "custom-study-review-ahead",
+  "custom-study-review-due-cards-with-certain-tags",
+  "custom-study-review-forgotten-cards",
+  "custom-study-search-matches",
+  "custom-study-select",
+  "custom-study-study-type",
+  "custom-study-the-selected-options-did-not-match",
+  "database-check-rebuilt",
+  "database-check-title",
+  "deck-config-title",
+  "deck-config-used-by-decks",
+  "deck-options-add-options-group",
+  "deck-options-answer-time-cap",
+  "deck-options-bury-related-new-cards",
+  "deck-options-bury-related-reviews",
+  "deck-options-defaults",
+  "deck-options-delete-options-full-sync",
+  "deck-options-display-in-order-added",
+  "deck-options-display-in-random-order",
+  "deck-options-full-sync-required",
+  "deck-options-group-name",
+  "deck-options-max-new-per-day",
+  "deck-options-max-reviews-per-day",
+  "deck-options-new-cards",
+  "deck-options-options-group",
+  "deck-options-replay-q-audio-in-answer",
+  "deck-options-reset-all-settings-to-defaults",
+  "deck-options-restore-defaults",
+  "deck-options-steps",
+  "decks-a-deck-must-be-provided",
+  "decks-a-deck-named-already-exists",
+  "decks-add-empty-deck",
+  "decks-addexport",
+  "decks-build",
+  "decks-card-limit",
+  "decks-custom-steps",
+  "decks-deck",
+  "decks-deck-label",
+  "decks-deck-name",
+  "decks-deck-options",
+  "decks-download-link",
+  "decks-enable-second-filter",
+  "decks-export-collection",
+  "decks-filter2",
+  "decks-import-from-itunes",
+  "decks-link-to-apkg-file-to-import",
+  "decks-return-by-delete",
+  "decks-shared-deck-list",
+  "decks-study",
+  "decks-sync",
+  "decks-synchronize",
+  "decks-the-provided-deck-does-not-exist",
+  "decks-will-be-returned",
+  "editing-add-media",
+  "editing-bold",
+  "editing-cant-edit-original-image-data",
+  "editing-card-unsuspended",
+  "editing-discard",
+  "editing-discard-changes-question",
+  "editing-fields",
+  "editing-from-camera",
+  "editing-from-file",
+  "editing-from-photos",
+  "editing-italic",
+  "editing-keep-editing",
+  "editing-next-cloze",
+  "editing-next-field",
+  "editing-note-type-prompt",
+  "editing-note-unsuspended",
+  "editing-same-cloze",
+  "editing-tags",
+  "editing-unable-to-obtain-image",
+  "editing-unable-to-read-file",
+  "editing-underline",
+  "editing-unexpected-file-extension",
+  "editing-unexpected-rich-text-format-please",
+  "editing-unexpected-status-code",
+  "editing-unsuspend-card",
+  "editing-unsuspend-note",
+  "empty-cards-delete-button",
+  "empty-cards-delete-empty-cards",
+  "empty-cards-delete-empty-notes",
+  "empty-cards-deleted-count",
+  "empty-cards-deleting",
+  "empty-cards-not-found",
+  "empty-cards-window-title",
+  "errors100-tags-max",
+  "exporting-collection-saved-to-itunes",
+  "exporting-export-to-itunes",
+  "exporting-export-to-share-sheet",
+  "exporting-exporting",
+  "exporting-include-media2",
+  "exporting-media-files-exported-d",
+  "findreplace-notes-updated",
+  "importing-delete-imported-file",
+  "importing-import-complete",
+  "importing-importing",
+  "importing-no-apkg-or-colpkg-files-were",
+  "importing-overwrite-via-import",
+  "importing-please-choose-a-file",
+  "importing-processed-media-files-d",
+  "importing-replace-collection",
+  "media-check-check-media-action",
+  "media-check-delete-unused",
+  "media-check-delete-unused-complete",
+  "media-check-empty-trash",
+  "media-check-files-remaining",
+  "media-check-restore-trash",
+  "media-check-trash-emptied",
+  "media-check-trash-restored",
+  "media-check-window-title",
+  "media-error-initializing-recorder",
+  "media-error-playing-audio-full",
+  "media-privacy-microphone",
+  "media-recording",
+  "notetypes-back-field",
+  "notetypes-cloze-name",
+  "notetypes-front-field",
+  "preferences-about",
+  "preferences-always-duck-and-ignore-mute",
+  "preferences-answer-keeps-zoom",
+  "preferences-answer-side",
+  "preferences-audio-buttons",
+  "preferences-auto-advance-answer-action",
+  "preferences-auto-advance-answer-seconds",
+  "preferences-auto-advance-auto-advance-to-start",
+  "preferences-auto-advance-do-nothing",
+  "preferences-auto-advance-question-seconds",
+  "preferences-auto-advance-show-reminder",
+  "preferences-auto-advance-wait-for-audio",
+  "preferences-backup-available-backups",
+  "preferences-backup-create-now",
+  "preferences-backup-maximum-backups",
+  "preferences-backup-minutes-between-backups",
+  "preferences-backup-revert-to-backup",
+  "preferences-backup-revert-to-backup-confirm",
+  "preferences-backup-reverted-to-backup",
+  "preferences-backups",
+  "preferences-bottom-bar-size",
+  "preferences-bottom-center",
+  "preferences-bottom-left",
+  "preferences-bottom-right",
+  "preferences-button-d",
+  "preferences-collection-day-starts",
+  "preferences-collection-learn-ahead-minutes",
+  "preferences-collection-mix",
+  "preferences-collection-new-first",
+  "preferences-collection-newreview-order",
+  "preferences-collection-reviews-first",
+  "preferences-double-tap-prevention",
+  "preferences-drawing-screen-ignores-fingers",
+  "preferences-editing",
+  "preferences-editing-convert-smart-quotes",
+  "preferences-editing-crop-camera-photos",
+  "preferences-editing-max-image-size",
+  "preferences-editing-resize-on-paste",
+  "preferences-feedback-ticks",
+  "preferences-fine",
+  "preferences-force-sync-confirm",
+  "preferences-full-sync",
+  "preferences-gamepad-button-mapping",
+  "preferences-gamepad-menu-button",
+  "preferences-gamepads",
+  "preferences-height",
+  "preferences-huge",
+  "preferences-ignore-fingers",
+  "preferences-interrupt-current-audio",
+  "preferences-large",
+  "preferences-left",
+  "preferences-left-shoulder",
+  "preferences-left-thumbstick-button",
+  "preferences-left-trigger",
+  "preferences-logged-in-as",
+  "preferences-long",
+  "preferences-mid-center",
+  "preferences-mid-left",
+  "preferences-mid-right",
+  "preferences-never-show-scratchpad",
+  "preferences-never-show-scratchpad-enabled",
+  "preferences-never-type-answer",
+  "preferences-next-times",
+  "preferences-normal",
+  "preferences-notifications",
+  "preferences-notifications-alert-time",
+  "preferences-notifications-alert-when-due",
+  "preferences-notifications-app-icon-shows-due-count",
+  "preferences-notifications-settings-app-enable-notifications",
+  "preferences-paste-clipboard-images-as-png",
+  "preferences-pen-size",
+  "preferences-preferences",
+  "preferences-question-side",
+  "preferences-remaining-count",
+  "preferences-right",
+  "preferences-right-shoulder",
+  "preferences-right-thumbstick-button",
+  "preferences-right-trigger",
+  "preferences-scheduling",
+  "preferences-scratchpad-below-buttons",
+  "preferences-scratchpad-transparency",
+  "preferences-scratchpad-transparency-full",
+  "preferences-scratchpad-transparency-medium",
+  "preferences-scratchpad-transparency-none",
+  "preferences-scratchpad-transparency-slight",
+  "preferences-shake-action",
+  "preferences-short",
+  "preferences-show-bottom-bar",
+  "preferences-show-grid",
+  "preferences-show-top-bar",
+  "preferences-small",
+  "preferences-swipe-down",
+  "preferences-swipe-left",
+  "preferences-swipe-right",
+  "preferences-swipe-up",
+  "preferences-swipes",
+  "preferences-swipes-must-begin-from-the-far",
+  "preferences-sync-sounds-images",
+  "preferences-syncing",
+  "preferences-tap-to-sync",
+  "preferences-taps",
+  "preferences-theme",
+  "preferences-theme-bar-style",
+  "preferences-theme-black",
+  "preferences-theme-dark",
+  "preferences-theme-dark-translucent",
+  "preferences-theme-force-off",
+  "preferences-theme-force-on",
+  "preferences-theme-light-translucent",
+  "preferences-theme-night-mode-desc",
+  "preferences-theme-night-mode-same-as-system",
+  "preferences-theme-slate",
+  "preferences-thick",
+  "preferences-tools-overlay-button",
+  "preferences-tools-overlay-position",
+  "preferences-top-center",
+  "preferences-top-left",
+  "preferences-top-right",
+  "preferences-undo-clears-all",
+  "preferences-when-answer-shown",
+  "preferences-when-question-shown",
+  "preferences-you-have-been-logged-out",
+  "profiles-a-profile-with-that-name-already",
+  "profiles-add-profile",
+  "profiles-creating-backup",
+  "profiles-finishing-backup",
+  "profiles-please-provide-some-text-avoiding-symbols",
+  "profiles-please-select-another-profile-first",
+  "profiles-profile-name",
+  "profiles-profiles",
+  "profiles-rename-profile",
+  "profiles-unable-to-open-safari-please",
+  "profiles-user1",
+  "profiles-welcome",
+  "scheduling-automatically-play-audio",
+  "scheduling-easy-bonus",
+  "scheduling-easy-interval",
+  "scheduling-end",
+  "scheduling-forgot-cards",
+  "scheduling-general",
+  "scheduling-graduating-interval",
+  "scheduling-interval-modifier",
+  "scheduling-lapses",
+  "scheduling-leech-action",
+  "scheduling-leech-threshold",
+  "scheduling-maximum-interval",
+  "scheduling-minimum-interval",
+  "scheduling-new-cards",
+  "scheduling-new-interval",
+  "scheduling-order",
+  "scheduling-review",
+  "scheduling-reviews",
+  "scheduling-set-due-date-done",
+  "scheduling-set-due-date-prompt",
+  "scheduling-set-due-date-prompt-hint",
+  "scheduling-starting-ease",
+  "scheduling-steps-in-minutes",
+  "scheduling-tag-only",
+  "scheduling-update-button",
+  "scheduling-update-done",
+  "scheduling-update-later-button",
+  "scheduling-update-more-info-button",
+  "scheduling-update-soon",
+  "statistics-answer-buttons-title",
+  "statistics-reviews",
+  "studying-again",
+  "studying-answer-time-elapsed",
+  "studying-auto-advance-starting",
+  "studying-auto-advance-stopped",
+  "studying-bury-card",
+  "studying-bury-note",
+  "studying-card-suspended",
+  "studying-card-was-a-leech",
+  "studying-cards-buried",
+  "studying-delete-note",
+  "studying-easy",
+  "studying-edit",
+  "studying-empty",
+  "studying-finish",
+  "studying-good",
+  "studying-hard",
+  "studying-have-ready-to-study",
+  "studying-note-suspended",
+  "studying-pause-audio",
+  "studying-please-run-empty-cards-on-the",
+  "studying-please-use-record-voice-first",
+  "studying-replay-card",
+  "studying-replay-voice",
+  "studying-show-answer",
+  "studying-suspend-note",
+  "studying-type-in-the-answer",
+  "sync-abort-button",
+  "sync-cancel-button",
+  "sync-checking",
+  "sync-confirm-empty-download",
+  "sync-conflict-explanation",
+  "sync-connecting",
+  "sync-download-from-ankiweb",
+  "sync-downloading-from-ankiweb",
+  "sync-email-address",
+  "sync-log-out-button",
+  "sync-login",
+  "sync-media-aborted",
+  "sync-media-complete",
+  "sync-media-disabled",
+  "sync-media-failed",
+  "sync-media-is-syncing",
+  "sync-media-log-button",
+  "sync-media-log-title",
+  "sync-media-missing-file",
+  "sync-media-show-progress",
+  "sync-media-starting",
+  "sync-must-wait-for-end",
+  "sync-password",
+  "sync-please-enter-your-ankiweb-details",
+  "sync-upload-to-ankiweb",
+  "sync-uploading-to-ankiweb",
+  "sync-wrong-pass",
+  "undo-action-redone",
+  "undo-action-undone",
+  "undo-redo",
+  "undo-redo-action",
+  "undo-undo",
+  "undo-undo-action",
+  "urlscheme-a-note-type-must-be-provided",
+  "urlscheme-a-note-with-the-same-first",
+  "urlscheme-a-profile-must-be-provided",
+  "urlscheme-added-note",
+  "urlscheme-invalid-profile-name",
+  "urlscheme-the-provided-note-type-does-not",
+  "urlscheme-unable-to-open-profile"
+]
\ No newline at end of file

From 2fffcc2832b79d1d52f773e782e4e37fecd9ea07 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Tue, 23 Nov 2021 10:23:10 +1000
Subject: [PATCH 19/19] minor ftl tweak: newline -> new line

---
 ftl/core/editing.ftl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ftl/core/editing.ftl b/ftl/core/editing.ftl
index 864305b5bc5..746a210b844 100644
--- a/ftl/core/editing.ftl
+++ b/ftl/core/editing.ftl
@@ -30,7 +30,7 @@ editing-latex-math-env = LaTeX math env.
 editing-mathjax-block = MathJax block
 editing-mathjax-chemistry = MathJax chemistry
 editing-mathjax-inline = MathJax inline
-editing-mathjax-placeholder = Press { $accept } to accept, { $newline } for newline.
+editing-mathjax-placeholder = Press { $accept } to accept, { $newline } for new line.
 editing-media = Media
 editing-ordered-list = Ordered list
 editing-outdent = Decrease indent