update platform-editor (#869)

- this disables spellchecking - fix editor scripts after change to workspace
paranext · Apr 23, 2024 · 29941f9 · 29941f9
1 parent f69539a
commit 29941f9
Show file tree

Hide file tree

Showing 5 changed files with 366 additions and 303 deletions.
diff --git a/extensions/src/resource-viewer/package.json b/extensions/src/resource-viewer/package.json
@@ -35,7 +35,7 @@
     "platform-bible-utils": "file:../../../lib/platform-bible-utils"
   },
   "devDependencies": {
-    "@biblionexus-foundation/platform-editor": "^0.1.0",
+    "@biblionexus-foundation/platform-editor": "^0.2.0",
     "@swc/core": "^1.4.11",
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.73",

diff --git a/extensions/src/resource-viewer/src/_editor.scss b/extensions/src/resource-viewer/src/_editor.scss
@@ -175,6 +175,31 @@
   color: #dd4a68;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
+.editor-mark {
+  background: rgba(255, 212, 0, 0.14);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
+  padding-bottom: 2px;
+}
+
+/* stylelint-disable-next-line selector-class-pattern */
+.editor-mark.selected {
+  background: rgba(255, 212, 0, 0.5);
+  border-bottom: 2px solid rgba(255, 212, 0, 1);
+}
+
+/* stylelint-disable-next-line selector-class-pattern */
+.editor-markOverlap {
+  background: rgba(255, 212, 0, 0.3);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+
+/* stylelint-disable-next-line selector-class-pattern */
+.editor-markOverlap.selected {
+  background: rgba(255, 212, 0, 0.7);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+
 .editor-paragraph {
   margin: 0;
   margin-bottom: 8px;

diff --git a/extensions/src/resource-viewer/src/resource-viewer.web-view.tsx b/extensions/src/resource-viewer/src/resource-viewer.web-view.tsx
@@ -6,9 +6,9 @@ import { JSX, useCallback, useEffect, useMemo, useRef } from 'react';
 import type { WebViewProps } from '@papi/core';
 import {
   Editor,
+  EditorOptions,
   EditorRef,
   Usj,
-  getViewOptions,
   usjToUsxString,
   usxStringToUsj,
 } from '@biblionexus-foundation/platform-editor';
@@ -28,6 +28,8 @@ const defaultScrRef: ScriptureReference = {
   verseNum: 1,
 };
 
+const options: EditorOptions = { hasSpellCheck: false };
+
 function scrollToScrRef(scrRef: ScriptureReference) {
   const verseElement = document.querySelector<HTMLElement>(
     `.editor-container span[data-marker="v"][data-number="${scrRef.verseNum}"]`,
@@ -105,8 +107,6 @@ globalThis.webViewComponent = function ResourceViewer({
     }
   }, [usx, scrRef]);
 
-  const viewOptions = useMemo(() => getViewOptions('formatted'), []);
-
   // Scroll the selected verse into view
   useEffect(() => {
     // If we made this latest scrRef change, don't scroll
@@ -149,8 +149,8 @@ globalThis.webViewComponent = function ResourceViewer({
       ref={editorRef}
       scrRef={scrRef}
       setScrRef={setScrRef}
+      options={options}
       onChange={onChange}
-      viewOptions={viewOptions}
       logger={logger}
     />
   );