From 336ad05693dfbceed9bd9a84e26dc7314cd04a4b Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 20 Jun 2022 04:07:07 +0200
Subject: [PATCH] Add EditorField export (#1915)

- This is useful when you want to set up hooks, etc. on the EditorField
  component
- Because when you can only use the NoteEditor export, you cannot notice
  when fields are mounted or destroyed
---
 ts/editor/EditorField.svelte | 14 +++++++++++++-
 ts/editor/editor-base.scss   |  3 ++-
 ts/lib/runtime-require.ts    |  1 +
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/ts/editor/EditorField.svelte b/ts/editor/EditorField.svelte
index a8b0f06aa..29788cbbf 100644
--- a/ts/editor/EditorField.svelte
+++ b/ts/editor/EditorField.svelte
@@ -5,7 +5,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script context="module" lang="ts">
     import type { Readable } from "svelte/store";
 
-    import contextProperty from "../sveltelib/context-property";
     import type { EditingAreaAPI } from "./EditingArea.svelte";
 
     export interface FieldData {
@@ -22,10 +21,22 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         editingArea: EditingAreaAPI;
     }
 
+    import { registerPackage } from "../lib/runtime-require";
+    import contextProperty from "../sveltelib/context-property";
+    import lifecycleHooks from "../sveltelib/lifecycle-hooks";
+
     const key = Symbol("editorField");
     const [context, setContextProperty] = contextProperty<EditorFieldAPI>(key);
+    const [lifecycle, instances, setupLifecycleHooks] =
+        lifecycleHooks<EditorFieldAPI>();
 
     export { context };
+
+    registerPackage("anki/EditorField", {
+        context,
+        lifecycle,
+        instances,
+    });
 </script>
 
 <script lang="ts">
@@ -67,6 +78,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     });
 
     setContextProperty(api);
+    setupLifecycleHooks(api);
 
     onDestroy(() => api?.destroy());
 </script>
diff --git a/ts/editor/editor-base.scss b/ts/editor/editor-base.scss
index acc334257..79175fea6 100644
--- a/ts/editor/editor-base.scss
+++ b/ts/editor/editor-base.scss
@@ -13,6 +13,7 @@ html {
     overflow: hidden;
 }
 
-html, body {
+html,
+body {
     height: 100%;
 }
diff --git a/ts/lib/runtime-require.ts b/ts/lib/runtime-require.ts
index 1925a1434..262ce777d 100644
--- a/ts/lib/runtime-require.ts
+++ b/ts/lib/runtime-require.ts
@@ -16,6 +16,7 @@
  */
 type AnkiPackages =
     | "anki/NoteEditor"
+    | "anki/EditorField"
     | "anki/PlainTextInput"
     | "anki/TemplateButtons"
     | "anki/packages"