@adecore/editor-react 0.31.12 → 0.33.0

package/dist/EditorView.js

@@ -1,114 +1,291 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { createHolder } from './holder.js';
 import { useLayoutEffect, useMemo, useRef, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DEFAULT_SMART_KEYS } from '@adecore/editor';
 import { EditorLanguage } from './editor-language.js';
-import { LanguagePopups } from './LanguagePopups.js';
-const DEFAULT_INDENTATION = { tabSize: 4, insertSpaces: true };
+import { LanguagePopups } from "./LanguagePopups.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_INDENTATION = {
+  tabSize: 4,
+  insertSpaces: true
+};
 /* The names of the fold controls in the editor's `{start}` and `{end}` placeholders, which the editor fills in per control. */
 function foldMessages(t) {
-    const lines = { start: '{start}', end: '{end}' };
-    return { fold: t('language.fold.fold', lines), unfold: t('language.fold.unfold', lines) };
+  const lines = {
+    start: '{start}',
+    end: '{end}'
+  };
+  return {
+    fold: t('language.fold.fold', lines),
+    unfold: t('language.fold.unfold', lines)
+  };
 }
 function sameFields(left, right) {
-    if (left === right) {
-        return true;
-    }
-    if (left === undefined || right === undefined) {
-        return false;
-    }
-    const keys = new Set([...Object.keys(left), ...Object.keys(right)]);
-    return [...keys].every((key) => left[key] === right[key]);
+  if (left === right) {
+    return true;
+  }
+  if (left === undefined || right === undefined) {
+    return false;
+  }
+  const keys = new Set([...Object.keys(left), ...Object.keys(right)]);
+  return [...keys].every(key => left[key] === right[key]);
 }
 /* Hands the editor the settings that changed by value, so a new options object with the same values costs nothing. */
 function applyChangedOptions(editor, before, after) {
-    if (before.theme !== after.theme) {
-        editor.setTheme(after.theme);
-    }
-    if (before.readOnly !== after.readOnly || before.readOnlyReason !== after.readOnlyReason) {
-        editor.setReadOnly(after.readOnly ?? false, after.readOnlyReason);
-    }
-    if (before.wrap !== after.wrap) {
-        editor.setWrap(after.wrap ?? false);
-    }
-    if (!sameFields(before.indentation, after.indentation)) {
-        editor.setIndentation(after.indentation ?? DEFAULT_INDENTATION);
-    }
-    if (!sameFields(before.smartKeys, after.smartKeys)) {
-        // The setter keeps the keys left out, where the options mean the default.
-        editor.setSmartKeys({ ...DEFAULT_SMART_KEYS, ...after.smartKeys });
-    }
-    if (before.guides !== after.guides) {
-        editor.setGuides(after.guides ?? true);
-    }
-    if (before.stickyScroll !== after.stickyScroll) {
-        editor.setStickyScroll?.(after.stickyScroll ?? true);
-    }
-    if (before.whitespace !== after.whitespace) {
-        editor.setWhitespace(after.whitespace ?? false);
-    }
-    if (before.rightMargin !== after.rightMargin) {
-        editor.setRightMargin(after.rightMargin ?? null);
-    }
-    if (before.foldOutline !== after.foldOutline) {
-        editor.setFoldOutline(after.foldOutline ?? 'hover');
-    }
-    if (after.label !== undefined && before.label !== after.label) {
-        editor.setLabel(after.label);
-    }
-}
-export function EditorView({ engine, options, project, uri, languageId, timers, languageOptions, className, ref, onMount, contextMenuItems, hoverFooter }) {
-    const { t } = useTranslation('editor');
-    const element = useRef(null);
-    const mounted = useRef(null);
-    const words = useRef(t);
-    const latest = useRef({ options, timers, languageOptions, onMount });
-    const applied = useRef(options);
-    const holder = useMemo(() => createHolder(), []);
-    const language = useSyncExternalStore(holder.subscribe, holder.get, holder.get);
-    useLayoutEffect(() => {
-        latest.current = { options, timers, languageOptions, onMount };
+  if (before.theme !== after.theme) {
+    editor.setTheme(after.theme);
+  }
+  if (before.readOnly !== after.readOnly || before.readOnlyReason !== after.readOnlyReason) {
+    editor.setReadOnly(after.readOnly ?? false, after.readOnlyReason);
+  }
+  if (before.wrap !== after.wrap) {
+    editor.setWrap(after.wrap ?? false);
+  }
+  if (!sameFields(before.indentation, after.indentation)) {
+    editor.setIndentation(after.indentation ?? DEFAULT_INDENTATION);
+  }
+  if (!sameFields(before.smartKeys, after.smartKeys)) {
+    // The setter keeps the keys left out, where the options mean the default.
+    editor.setSmartKeys({
+      ...DEFAULT_SMART_KEYS,
+      ...after.smartKeys
     });
-    useLayoutEffect(() => {
-        const host = element.current;
-        if (host === null) {
-            return;
-        }
-        const inputs = latest.current;
-        const editor = engine.mount(host, { ...inputs.options, messages: { ...foldMessages(words.current), ...inputs.options.messages } });
-        mounted.current = editor;
-        applied.current = inputs.options;
-        const attached = project === undefined || uri === undefined || languageId === undefined
-            ? null
-            : new EditorLanguage(project, editor, uri, languageId, inputs.timers, inputs.languageOptions);
-        holder.set(attached);
-        const stop = inputs.onMount?.(editor, attached);
-        return () => {
-            mounted.current = null;
-            holder.set(null);
-            stop?.();
-            attached?.dispose();
-            editor.dispose();
-        };
-    }, [engine, project, uri, languageId, holder]);
-    useLayoutEffect(() => {
-        const editor = mounted.current;
-        if (editor === null || applied.current === options) {
-            return;
+  }
+  if (before.guides !== after.guides) {
+    editor.setGuides(after.guides ?? true);
+  }
+  if (before.stickyScroll !== after.stickyScroll) {
+    editor.setStickyScroll?.(after.stickyScroll ?? true);
+  }
+  if (before.whitespace !== after.whitespace) {
+    editor.setWhitespace(after.whitespace ?? false);
+  }
+  if (before.rightMargin !== after.rightMargin) {
+    editor.setRightMargin(after.rightMargin ?? null);
+  }
+  if (before.foldOutline !== after.foldOutline) {
+    editor.setFoldOutline(after.foldOutline ?? 'hover');
+  }
+  if (after.label !== undefined && before.label !== after.label) {
+    editor.setLabel(after.label);
+  }
+}
+export function EditorView(t0) {
+  const $ = _c(37);
+  const {
+    engine,
+    options,
+    project,
+    uri,
+    languageId,
+    timers,
+    languageOptions,
+    className,
+    ref,
+    onMount,
+    contextMenuItems,
+    hoverFooter
+  } = t0;
+  const {
+    t
+  } = useTranslation("editor");
+  const element = useRef(null);
+  const mounted = useRef(null);
+  const words = useRef(t);
+  let t1;
+  if ($[0] !== languageOptions || $[1] !== onMount || $[2] !== options || $[3] !== timers) {
+    t1 = {
+      options,
+      timers,
+      languageOptions,
+      onMount
+    };
+    $[0] = languageOptions;
+    $[1] = onMount;
+    $[2] = options;
+    $[3] = timers;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const latest = useRef(t1);
+  const applied = useRef(options);
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = createHolder();
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const holder = t2;
+  const language = useSyncExternalStore(holder.subscribe, holder.get, holder.get);
+  let t3;
+  if ($[6] !== languageOptions || $[7] !== onMount || $[8] !== options || $[9] !== timers) {
+    t3 = () => {
+      latest.current = {
+        options,
+        timers,
+        languageOptions,
+        onMount
+      };
+    };
+    $[6] = languageOptions;
+    $[7] = onMount;
+    $[8] = options;
+    $[9] = timers;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  useLayoutEffect(t3);
+  let t4;
+  let t5;
+  if ($[11] !== engine || $[12] !== languageId || $[13] !== project || $[14] !== uri) {
+    t4 = () => {
+      const host = element.current;
+      if (host === null) {
+        return;
+      }
+      const inputs = latest.current;
+      const editor = engine.mount(host, {
+        ...inputs.options,
+        messages: {
+          ...foldMessages(words.current),
+          ...inputs.options.messages
         }
-        applyChangedOptions(editor, applied.current, options);
-        applied.current = options;
+      });
+      mounted.current = editor;
+      applied.current = inputs.options;
+      const attached = project === undefined || uri === undefined || languageId === undefined ? null : new EditorLanguage(project, editor, uri, languageId, inputs.timers, inputs.languageOptions);
+      holder.set(attached);
+      const stop = inputs.onMount?.(editor, attached);
+      return () => {
+        mounted.current = null;
+        holder.set(null);
+        stop?.();
+        attached?.dispose();
+        editor.dispose();
+      };
+    };
+    t5 = [engine, project, uri, languageId, holder];
+    $[11] = engine;
+    $[12] = languageId;
+    $[13] = project;
+    $[14] = uri;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t4 = $[15];
+    t5 = $[16];
+  }
+  useLayoutEffect(t4, t5);
+  let t6;
+  if ($[17] !== options) {
+    t6 = () => {
+      const editor_0 = mounted.current;
+      if (editor_0 === null || applied.current === options) {
+        return;
+      }
+      applyChangedOptions(editor_0, applied.current, options);
+      applied.current = options;
+    };
+    $[17] = options;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  useLayoutEffect(t6);
+  let t7;
+  if ($[19] !== options.messages) {
+    t7 = options.messages ?? {};
+    $[19] = options.messages;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  const {
+    fold,
+    unfold,
+    noMoreOccurrences
+  } = t7;
+  let t8;
+  let t9;
+  if ($[21] !== fold || $[22] !== noMoreOccurrences || $[23] !== t || $[24] !== unfold) {
+    t8 = () => {
+      words.current = t;
+      const localized = foldMessages(t);
+      mounted.current?.setMessages({
+        fold: fold ?? localized.fold,
+        unfold: unfold ?? localized.unfold,
+        ...(noMoreOccurrences === undefined ? {} : {
+          noMoreOccurrences
+        })
+      });
+    };
+    t9 = [t, fold, unfold, noMoreOccurrences];
+    $[21] = fold;
+    $[22] = noMoreOccurrences;
+    $[23] = t;
+    $[24] = unfold;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t8 = $[25];
+    t9 = $[26];
+  }
+  useLayoutEffect(t8, t9);
+  let t10;
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = {
+      position: "relative",
+      minHeight: 0
+    };
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  let t11;
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /*#__PURE__*/_jsx("div", {
+      ref: element,
+      style: {
+        position: "absolute",
+        inset: 0
+      }
     });
-    const { fold, unfold, noMoreOccurrences } = options.messages ?? {};
-    useLayoutEffect(() => {
-        words.current = t;
-        const localized = foldMessages(t);
-        mounted.current?.setMessages({
-            fold: fold ?? localized.fold,
-            unfold: unfold ?? localized.unfold,
-            ...(noMoreOccurrences === undefined ? {} : { noMoreOccurrences })
-        });
-    }, [t, fold, unfold, noMoreOccurrences]);
-    return (_jsxs("div", { className: className, ref: ref, style: { position: 'relative', minHeight: 0 }, children: [_jsx("div", { ref: element, style: { position: 'absolute', inset: 0 } }), language !== null && _jsx(LanguagePopups, { language: language, contextMenuItems: contextMenuItems, hoverFooter: hoverFooter })] }));
-}
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== contextMenuItems || $[30] !== hoverFooter || $[31] !== language) {
+    t12 = language !== null && /*#__PURE__*/_jsx(LanguagePopups, {
+      language: language,
+      contextMenuItems: contextMenuItems,
+      hoverFooter: hoverFooter
+    });
+    $[29] = contextMenuItems;
+    $[30] = hoverFooter;
+    $[31] = language;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== className || $[34] !== ref || $[35] !== t12) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      className: className,
+      ref: ref,
+      style: t10,
+      children: [t11, t12]
+    });
+    $[33] = className;
+    $[34] = ref;
+    $[35] = t12;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  return t13;
+}