@portabletext/editor 7.0.4 → 7.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js
CHANGED
|
@@ -4785,32 +4785,6 @@ function DropIndicator() {
|
|
|
4785
4785
|
zIndex: 5
|
|
4786
4786
|
}, children: /* @__PURE__ */ jsx("span", {}) }), $[0] = t0) : t0 = $[0], t0;
|
|
4787
4787
|
}
|
|
4788
|
-
function defaultCompare(a, b) {
|
|
4789
|
-
return a === b;
|
|
4790
|
-
}
|
|
4791
|
-
function useEditorSelector(editor, selector, t0) {
|
|
4792
|
-
return useSelector(editor, selector, t0 === void 0 ? defaultCompare : t0);
|
|
4793
|
-
}
|
|
4794
|
-
function getEditorSnapshot({
|
|
4795
|
-
editorActorSnapshot,
|
|
4796
|
-
editorEngineInstance
|
|
4797
|
-
}) {
|
|
4798
|
-
return {
|
|
4799
|
-
blockIndexMap: editorEngineInstance.blockIndexMap,
|
|
4800
|
-
context: {
|
|
4801
|
-
containers: editorEngineInstance.publicContainers,
|
|
4802
|
-
converters: editorActorSnapshot.context.converters,
|
|
4803
|
-
keyGenerator: editorActorSnapshot.context.keyGenerator,
|
|
4804
|
-
readOnly: editorActorSnapshot.matches({
|
|
4805
|
-
"edit mode": "read only"
|
|
4806
|
-
}),
|
|
4807
|
-
schema: editorActorSnapshot.context.schema,
|
|
4808
|
-
selection: editorEngineInstance.selection,
|
|
4809
|
-
value: editorEngineInstance.children
|
|
4810
|
-
},
|
|
4811
|
-
decoratorState: editorEngineInstance.decoratorState
|
|
4812
|
-
};
|
|
4813
|
-
}
|
|
4814
4788
|
const emptySet$1 = /* @__PURE__ */ new Set(), emptyState = {
|
|
4815
4789
|
focusedLeafPath: void 0,
|
|
4816
4790
|
selectedLeafPaths: emptySet$1,
|
|
@@ -4885,15 +4859,12 @@ const defaultStore = {
|
|
|
4885
4859
|
getSnapshot: () => defaultSelectionState
|
|
4886
4860
|
}, SelectionStateStoreContext = createContext(defaultStore);
|
|
4887
4861
|
function SelectionStateProvider(t0) {
|
|
4888
|
-
const $ = c(
|
|
4862
|
+
const $ = c(11), {
|
|
4889
4863
|
children
|
|
4890
4864
|
} = t0, editorActor = useContext(EditorActorContext), editorEngine = useEngineStatic();
|
|
4891
4865
|
let t1;
|
|
4892
|
-
$[0] !==
|
|
4893
|
-
const
|
|
4894
|
-
editorActorSnapshot: actorSnapshot,
|
|
4895
|
-
editorEngineInstance: editorEngine
|
|
4896
|
-
}), selection = snapshot.context.selection ? {
|
|
4866
|
+
$[0] !== editorEngine.blockIndexMap || $[1] !== editorEngine.publicContainers || $[2] !== editorEngine.snapshot ? (t1 = () => {
|
|
4867
|
+
const snapshot = editorEngine.snapshot, selection = snapshot.context.selection ? {
|
|
4897
4868
|
anchorPath: snapshot.context.selection.anchor.path,
|
|
4898
4869
|
focusPath: snapshot.context.selection.focus.path,
|
|
4899
4870
|
backward: snapshot.context.selection.backward ?? !1,
|
|
@@ -4907,10 +4878,10 @@ function SelectionStateProvider(t0) {
|
|
|
4907
4878
|
},
|
|
4908
4879
|
blockIndexMap: editorEngine.blockIndexMap
|
|
4909
4880
|
}, selection);
|
|
4910
|
-
}, $[0] =
|
|
4881
|
+
}, $[0] = editorEngine.blockIndexMap, $[1] = editorEngine.publicContainers, $[2] = editorEngine.snapshot, $[3] = t1) : t1 = $[3];
|
|
4911
4882
|
const computeCurrent = t1, [seed] = useState(computeCurrent), stateRef = useRef(seed), [initialSubscribers] = useState(_temp$2), subscribersRef = useRef(initialSubscribers);
|
|
4912
4883
|
let t2, t3;
|
|
4913
|
-
$[
|
|
4884
|
+
$[4] !== computeCurrent || $[5] !== editorActor ? (t2 = () => {
|
|
4914
4885
|
const next = computeCurrent();
|
|
4915
4886
|
if (!selectionStatesEqual(stateRef.current, next)) {
|
|
4916
4887
|
stateRef.current = next;
|
|
@@ -4930,17 +4901,17 @@ function SelectionStateProvider(t0) {
|
|
|
4930
4901
|
}));
|
|
4931
4902
|
});
|
|
4932
4903
|
return () => subscription.unsubscribe();
|
|
4933
|
-
}, t3 = [editorActor, computeCurrent], $[
|
|
4904
|
+
}, t3 = [editorActor, computeCurrent], $[4] = computeCurrent, $[5] = editorActor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
|
|
4934
4905
|
let t4;
|
|
4935
|
-
$[
|
|
4906
|
+
$[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
|
|
4936
4907
|
subscribe: (callback) => (subscribersRef.current.add(callback), () => {
|
|
4937
4908
|
subscribersRef.current.delete(callback);
|
|
4938
4909
|
}),
|
|
4939
4910
|
getSnapshot: () => stateRef.current
|
|
4940
|
-
}, $[
|
|
4911
|
+
}, $[8] = t4) : t4 = $[8];
|
|
4941
4912
|
const store = t4;
|
|
4942
4913
|
let t5;
|
|
4943
|
-
return $[
|
|
4914
|
+
return $[9] !== children ? (t5 = /* @__PURE__ */ jsx(SelectionStateStoreContext.Provider, { value: store, children }), $[9] = children, $[10] = t5) : t5 = $[10], t5;
|
|
4944
4915
|
}
|
|
4945
4916
|
function _temp$2() {
|
|
4946
4917
|
return /* @__PURE__ */ new Set();
|
|
@@ -5355,7 +5326,7 @@ function resolveElementDropPosition(dropPosition, elementPath) {
|
|
|
5355
5326
|
return dropPosition.position;
|
|
5356
5327
|
}
|
|
5357
5328
|
function tupleRefEqual(previous, next) {
|
|
5358
|
-
if (previous.length !== next.length)
|
|
5329
|
+
if (previous === null || previous.length !== next.length)
|
|
5359
5330
|
return !1;
|
|
5360
5331
|
for (let i = 0; i < previous.length; i++)
|
|
5361
5332
|
if (!Object.is(previous[i], next[i]))
|
|
@@ -5363,7 +5334,7 @@ function tupleRefEqual(previous, next) {
|
|
|
5363
5334
|
return !0;
|
|
5364
5335
|
}
|
|
5365
5336
|
function RenderElement(props) {
|
|
5366
|
-
const $ = c(84),
|
|
5337
|
+
const $ = c(84), parentContainer = useContext(ParentContainerContext), parentTextBlock = useContext(ParentTextBlockContext), isInNewPipeline = useContext(NewPipelineContext), engineStatic = useEngineStatic(), schema = props.schema, type = props.element._type;
|
|
5367
5338
|
let t0;
|
|
5368
5339
|
$[0] !== parentContainer || $[1] !== type ? (t0 = findBlockPositionalOverride(parentContainer, type), $[0] = parentContainer, $[1] = type, $[2] = t0) : t0 = $[2];
|
|
5369
5340
|
const blockPositionalOverride = t0;
|
|
@@ -5371,8 +5342,8 @@ function RenderElement(props) {
|
|
|
5371
5342
|
$[3] !== parentTextBlock || $[4] !== type ? (t1 = findInlinePositionalOverride(parentTextBlock, type), $[3] = parentTextBlock, $[4] = type, $[5] = t1) : t1 = $[5];
|
|
5372
5343
|
const inlinePositionalOverride = t1;
|
|
5373
5344
|
let t2;
|
|
5374
|
-
$[6] !== type ? (t2 = (
|
|
5375
|
-
const [globalContainerConfig, globalBlockObjectConfig, globalInlineObjectConfig, textBlockConfig] =
|
|
5345
|
+
$[6] !== type ? (t2 = (engine) => [engine.containers.get(type), engine.blockObjects.get(type), engine.inlineObjects.get(type), engine.textBlocks.get(type)], $[6] = type, $[7] = t2) : t2 = $[7];
|
|
5346
|
+
const [globalContainerConfig, globalBlockObjectConfig, globalInlineObjectConfig, textBlockConfig] = useEngineSelector(t2, tupleRefEqual);
|
|
5376
5347
|
let t3;
|
|
5377
5348
|
bb0: {
|
|
5378
5349
|
if (blockPositionalOverride && "container" in blockPositionalOverride) {
|
|
@@ -5564,13 +5535,13 @@ function RenderTextBlockConfig(props) {
|
|
|
5564
5535
|
}), $[2] = focused, $[3] = props.attributes, $[4] = props.children, $[5] = props.node, $[6] = props.path, $[7] = props.readOnly, $[8] = props.render, $[9] = selected, $[10] = t1) : t1 = $[10], t1;
|
|
5565
5536
|
}
|
|
5566
5537
|
function useSpanConfig(node, _path) {
|
|
5567
|
-
const $ = c(5),
|
|
5538
|
+
const $ = c(5), parentTextBlock = useContext(ParentTextBlockContext);
|
|
5568
5539
|
let t0;
|
|
5569
5540
|
$[0] !== node._type || $[1] !== parentTextBlock ? (t0 = findInlinePositionalOverride(parentTextBlock, node._type), $[0] = node._type, $[1] = parentTextBlock, $[2] = t0) : t0 = $[2];
|
|
5570
5541
|
const positional = t0;
|
|
5571
5542
|
let t1;
|
|
5572
|
-
$[3] !== node._type ? (t1 = (
|
|
5573
|
-
const globalSpan =
|
|
5543
|
+
$[3] !== node._type ? (t1 = (engine) => engine.spans.get(node._type), $[3] = node._type, $[4] = t1) : t1 = $[4];
|
|
5544
|
+
const globalSpan = useEngineSelector(t1);
|
|
5574
5545
|
return positional && "span" in positional ? positional.span.render === void 0 ? globalSpan : positional : globalSpan;
|
|
5575
5546
|
}
|
|
5576
5547
|
function RenderSpan(props) {
|
|
@@ -6025,7 +5996,7 @@ function validateSelection(editorEngine, editorElement) {
|
|
|
6025
5996
|
}
|
|
6026
5997
|
}
|
|
6027
5998
|
const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
6028
|
-
const $ = c(
|
|
5999
|
+
const $ = c(180);
|
|
6029
6000
|
let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView;
|
|
6030
6001
|
$[0] !== props ? ({
|
|
6031
6002
|
hotkeys,
|
|
@@ -6055,65 +6026,62 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6055
6026
|
scrollSelectionIntoView,
|
|
6056
6027
|
...restProps
|
|
6057
6028
|
} = props, $[0] = props, $[1] = hotkeys, $[2] = onBeforeInput, $[3] = onBlur, $[4] = onClick, $[5] = onCopy, $[6] = onCut, $[7] = onDrag, $[8] = onDragEnd, $[9] = onDragEnter, $[10] = onDragLeave, $[11] = onDragOver, $[12] = onDragStart, $[13] = onDrop, $[14] = onFocus, $[15] = onPaste, $[16] = propsSelection, $[17] = rangeDecorations, $[18] = renderAnnotation, $[19] = renderBlock, $[20] = renderChild, $[21] = renderDecorator, $[22] = renderListItem, $[23] = renderPlaceholder, $[24] = renderStyle, $[25] = restProps, $[26] = scrollSelectionIntoView) : (hotkeys = $[1], onBeforeInput = $[2], onBlur = $[3], onClick = $[4], onCopy = $[5], onCut = $[6], onDrag = $[7], onDragEnd = $[8], onDragEnter = $[9], onDragLeave = $[10], onDragOver = $[11], onDragStart = $[12], onDrop = $[13], onFocus = $[14], onPaste = $[15], propsSelection = $[16], rangeDecorations = $[17], renderAnnotation = $[18], renderBlock = $[19], renderChild = $[20], renderDecorator = $[21], renderListItem = $[22], renderPlaceholder = $[23], renderStyle = $[24], restProps = $[25], scrollSelectionIntoView = $[26]);
|
|
6058
|
-
const portableTextEditor = usePortableTextEditor(), [hasInvalidValue, setHasInvalidValue] = useState(!1), editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext);
|
|
6029
|
+
const portableTextEditor = usePortableTextEditor(), [hasInvalidValue, setHasInvalidValue] = useState(!1), editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext), editorEngine = useEngine(), schema = editorEngine.schema, readOnly = useSelector(editorActor, _temp);
|
|
6059
6030
|
let t0;
|
|
6060
|
-
$[27] !==
|
|
6061
|
-
const schema = t0.context.schema, readOnly = useSelector(editorActor, _temp), editorEngine = useEngine();
|
|
6062
|
-
let t1;
|
|
6063
|
-
$[29] !== editorEngine ? (t1 = {
|
|
6031
|
+
$[27] !== editorEngine ? (t0 = {
|
|
6064
6032
|
input: {
|
|
6065
6033
|
editorEngine
|
|
6066
6034
|
}
|
|
6067
|
-
}, $[
|
|
6068
|
-
const validateSelectionActor = useActorRef(validateSelectionMachine,
|
|
6035
|
+
}, $[27] = editorEngine, $[28] = t0) : t0 = $[28];
|
|
6036
|
+
const validateSelectionActor = useActorRef(validateSelectionMachine, t0);
|
|
6037
|
+
let t1;
|
|
6038
|
+
$[29] !== rangeDecorations ? (t1 = rangeDecorations ?? [], $[29] = rangeDecorations, $[30] = t1) : t1 = $[30];
|
|
6069
6039
|
let t2;
|
|
6070
|
-
$[31] !==
|
|
6071
|
-
let t3;
|
|
6072
|
-
$[33] !== editorActor ? (t3 = editorActor.getSnapshot().matches({
|
|
6040
|
+
$[31] !== editorActor ? (t2 = editorActor.getSnapshot().matches({
|
|
6073
6041
|
setup: "setting up"
|
|
6074
|
-
}), $[
|
|
6075
|
-
const
|
|
6076
|
-
let
|
|
6077
|
-
$[
|
|
6042
|
+
}), $[31] = editorActor, $[32] = t2) : t2 = $[32];
|
|
6043
|
+
const t3 = !t2;
|
|
6044
|
+
let t4;
|
|
6045
|
+
$[33] !== editorEngine || $[34] !== readOnly || $[35] !== schema || $[36] !== t1 || $[37] !== t3 ? (t4 = {
|
|
6078
6046
|
input: {
|
|
6079
|
-
rangeDecorations:
|
|
6047
|
+
rangeDecorations: t1,
|
|
6080
6048
|
readOnly,
|
|
6081
6049
|
schema,
|
|
6082
6050
|
editorEngine,
|
|
6083
|
-
skipSetup:
|
|
6051
|
+
skipSetup: t3
|
|
6084
6052
|
}
|
|
6085
|
-
}, $[
|
|
6086
|
-
const rangeDecorationsActor = useActorRef(rangeDecorationsMachine,
|
|
6087
|
-
let
|
|
6088
|
-
$[
|
|
6053
|
+
}, $[33] = editorEngine, $[34] = readOnly, $[35] = schema, $[36] = t1, $[37] = t3, $[38] = t4) : t4 = $[38];
|
|
6054
|
+
const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t4), decorate = useSelector(rangeDecorationsActor, _temp2), dropPosition = useDropPosition();
|
|
6055
|
+
let t5, t6;
|
|
6056
|
+
$[39] !== rangeDecorationsActor || $[40] !== readOnly ? (t5 = () => {
|
|
6089
6057
|
rangeDecorationsActor.send({
|
|
6090
6058
|
type: "update read only",
|
|
6091
6059
|
readOnly
|
|
6092
6060
|
});
|
|
6093
|
-
},
|
|
6094
|
-
let
|
|
6095
|
-
$[
|
|
6061
|
+
}, t6 = [rangeDecorationsActor, readOnly], $[39] = rangeDecorationsActor, $[40] = readOnly, $[41] = t5, $[42] = t6) : (t5 = $[41], t6 = $[42]), useEffect(t5, t6);
|
|
6062
|
+
let t7, t8;
|
|
6063
|
+
$[43] !== rangeDecorations || $[44] !== rangeDecorationsActor ? (t7 = () => {
|
|
6096
6064
|
rangeDecorationsActor.send({
|
|
6097
6065
|
type: "range decorations updated",
|
|
6098
6066
|
rangeDecorations: rangeDecorations ?? []
|
|
6099
6067
|
});
|
|
6100
|
-
},
|
|
6101
|
-
let
|
|
6102
|
-
$[
|
|
6068
|
+
}, t8 = [rangeDecorationsActor, rangeDecorations], $[43] = rangeDecorations, $[44] = rangeDecorationsActor, $[45] = t7, $[46] = t8) : (t7 = $[45], t8 = $[46]), useEffect(t7, t8);
|
|
6069
|
+
let t9;
|
|
6070
|
+
$[47] !== renderBlock || $[48] !== renderChild || $[49] !== renderListItem || $[50] !== renderStyle ? (t9 = {
|
|
6103
6071
|
renderBlock,
|
|
6104
6072
|
renderChild,
|
|
6105
6073
|
renderListItem,
|
|
6106
6074
|
renderStyle
|
|
6107
|
-
}, $[
|
|
6108
|
-
const legacy =
|
|
6075
|
+
}, $[47] = renderBlock, $[48] = renderChild, $[49] = renderListItem, $[50] = renderStyle, $[51] = t9) : t9 = $[51];
|
|
6076
|
+
const legacy = t9;
|
|
6077
|
+
let t10;
|
|
6078
|
+
$[52] !== dropPosition || $[53] !== legacy || $[54] !== readOnly || $[55] !== schema ? (t10 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, dropPosition, legacy, readOnly, schema }), $[52] = dropPosition, $[53] = legacy, $[54] = readOnly, $[55] = schema, $[56] = t10) : t10 = $[56];
|
|
6079
|
+
const renderElement = t10;
|
|
6109
6080
|
let t11;
|
|
6110
|
-
$[
|
|
6111
|
-
const
|
|
6081
|
+
$[57] !== readOnly || $[58] !== renderAnnotation || $[59] !== renderChild || $[60] !== renderDecorator || $[61] !== renderPlaceholder || $[62] !== schema ? (t11 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schema }), $[57] = readOnly, $[58] = renderAnnotation, $[59] = renderChild, $[60] = renderDecorator, $[61] = renderPlaceholder, $[62] = schema, $[63] = t11) : t11 = $[63];
|
|
6082
|
+
const renderLeaf = t11, renderText = _temp3;
|
|
6112
6083
|
let t12;
|
|
6113
|
-
$[
|
|
6114
|
-
const renderLeaf = t12, renderText = _temp3;
|
|
6115
|
-
let t13;
|
|
6116
|
-
$[66] !== editorActor || $[67] !== editorEngine || $[68] !== propsSelection ? (t13 = () => {
|
|
6084
|
+
$[64] !== editorActor || $[65] !== editorEngine || $[66] !== propsSelection ? (t12 = () => {
|
|
6117
6085
|
if (propsSelection) {
|
|
6118
6086
|
debug.selection.enabled && debug.selection(`Selection from props ${safeStringify(propsSelection)}`);
|
|
6119
6087
|
const resolvedSelection = resolveSelection(editorEngine, propsSelection);
|
|
@@ -6122,10 +6090,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6122
6090
|
selection: resolvedSelection
|
|
6123
6091
|
}), editorEngine.onChange());
|
|
6124
6092
|
}
|
|
6125
|
-
}, $[
|
|
6126
|
-
const restoreSelectionFromProps =
|
|
6127
|
-
let
|
|
6128
|
-
$[
|
|
6093
|
+
}, $[64] = editorActor, $[65] = editorEngine, $[66] = propsSelection, $[67] = t12) : t12 = $[67];
|
|
6094
|
+
const restoreSelectionFromProps = t12;
|
|
6095
|
+
let t13, t14;
|
|
6096
|
+
$[68] !== editorActor || $[69] !== rangeDecorationsActor || $[70] !== restoreSelectionFromProps ? (t13 = () => {
|
|
6129
6097
|
const onReady = editorActor.on("ready", () => {
|
|
6130
6098
|
rangeDecorationsActor.send({
|
|
6131
6099
|
type: "ready"
|
|
@@ -6138,13 +6106,13 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6138
6106
|
return () => {
|
|
6139
6107
|
onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
|
|
6140
6108
|
};
|
|
6141
|
-
},
|
|
6142
|
-
let
|
|
6143
|
-
$[
|
|
6109
|
+
}, t14 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[68] = editorActor, $[69] = rangeDecorationsActor, $[70] = restoreSelectionFromProps, $[71] = t13, $[72] = t14) : (t13 = $[71], t14 = $[72]), useEffect(t13, t14);
|
|
6110
|
+
let t15, t16;
|
|
6111
|
+
$[73] !== hasInvalidValue || $[74] !== propsSelection || $[75] !== restoreSelectionFromProps ? (t15 = () => {
|
|
6144
6112
|
propsSelection && !hasInvalidValue && restoreSelectionFromProps();
|
|
6145
|
-
},
|
|
6146
|
-
let
|
|
6147
|
-
$[
|
|
6113
|
+
}, t16 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[73] = hasInvalidValue, $[74] = propsSelection, $[75] = restoreSelectionFromProps, $[76] = t15, $[77] = t16) : (t15 = $[76], t16 = $[77]), useEffect(t15, t16);
|
|
6114
|
+
let t17;
|
|
6115
|
+
$[78] !== editorActor || $[79] !== editorEngine || $[80] !== onCopy ? (t17 = (event) => {
|
|
6148
6116
|
if (DOMEditor.hasSelectableTarget(editorEngine, event.target)) {
|
|
6149
6117
|
if (onCopy)
|
|
6150
6118
|
onCopy(event) !== void 0 && event.preventDefault();
|
|
@@ -6171,16 +6139,16 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6171
6139
|
});
|
|
6172
6140
|
}
|
|
6173
6141
|
}
|
|
6174
|
-
}, $[
|
|
6175
|
-
const handleCopy =
|
|
6176
|
-
let
|
|
6177
|
-
$[
|
|
6142
|
+
}, $[78] = editorActor, $[79] = editorEngine, $[80] = onCopy, $[81] = t17) : t17 = $[81];
|
|
6143
|
+
const handleCopy = t17;
|
|
6144
|
+
let t18;
|
|
6145
|
+
$[82] !== editorActor || $[83] !== editorEngine || $[84] !== onCut ? (t18 = (event_0) => {
|
|
6178
6146
|
if (DOMEditor.hasSelectableTarget(editorEngine, event_0.target)) {
|
|
6179
6147
|
if (onCut)
|
|
6180
6148
|
onCut(event_0) !== void 0 && event_0.preventDefault();
|
|
6181
6149
|
else if (event_0.nativeEvent.clipboardData) {
|
|
6182
6150
|
event_0.stopPropagation(), event_0.preventDefault();
|
|
6183
|
-
const selection_0 =
|
|
6151
|
+
const selection_0 = editorEngine.selection, position_0 = selection_0 ? {
|
|
6184
6152
|
selection: selection_0
|
|
6185
6153
|
} : void 0;
|
|
6186
6154
|
if (!position_0) {
|
|
@@ -6201,10 +6169,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6201
6169
|
});
|
|
6202
6170
|
}
|
|
6203
6171
|
}
|
|
6204
|
-
}, $[
|
|
6205
|
-
const handleCut =
|
|
6206
|
-
let
|
|
6207
|
-
$[
|
|
6172
|
+
}, $[82] = editorActor, $[83] = editorEngine, $[84] = onCut, $[85] = t18) : t18 = $[85];
|
|
6173
|
+
const handleCut = t18;
|
|
6174
|
+
let t19;
|
|
6175
|
+
$[86] !== editorActor || $[87] !== editorEngine || $[88] !== onPaste || $[89] !== portableTextEditor || $[90] !== relayActor ? (t19 = (event_1) => {
|
|
6208
6176
|
const value = editorEngine.children, path2 = editorEngine.selection?.focus.path || [], onPasteResult = onPaste?.({
|
|
6209
6177
|
event: event_1,
|
|
6210
6178
|
value,
|
|
@@ -6217,7 +6185,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6217
6185
|
}), Promise.resolve(onPasteResult).then((result_1) => {
|
|
6218
6186
|
if (debug.behaviors("Custom paste function from client resolved", result_1), !result_1 || !result_1.insert) {
|
|
6219
6187
|
debug.behaviors("No result from custom paste handler, pasting normally");
|
|
6220
|
-
const selection_1 =
|
|
6188
|
+
const selection_1 = editorEngine.selection, position_1 = selection_1 ? {
|
|
6221
6189
|
selection: selection_1
|
|
6222
6190
|
} : void 0;
|
|
6223
6191
|
if (!position_1) {
|
|
@@ -6242,8 +6210,8 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6242
6210
|
behaviorEvent: {
|
|
6243
6211
|
type: "insert.blocks",
|
|
6244
6212
|
blocks: parseBlocks({
|
|
6245
|
-
keyGenerator:
|
|
6246
|
-
schema:
|
|
6213
|
+
keyGenerator: editorEngine.keyGenerator,
|
|
6214
|
+
schema: editorEngine.schema,
|
|
6247
6215
|
blocks: result_1.insert,
|
|
6248
6216
|
options: {
|
|
6249
6217
|
normalize: !1,
|
|
@@ -6262,7 +6230,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6262
6230
|
});
|
|
6263
6231
|
else if (event_1.nativeEvent.clipboardData) {
|
|
6264
6232
|
event_1.preventDefault(), event_1.stopPropagation();
|
|
6265
|
-
const selection_2 =
|
|
6233
|
+
const selection_2 = editorEngine.selection, position_2 = selection_2 ? {
|
|
6266
6234
|
selection: selection_2
|
|
6267
6235
|
} : void 0;
|
|
6268
6236
|
if (!position_2) {
|
|
@@ -6283,18 +6251,18 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6283
6251
|
});
|
|
6284
6252
|
}
|
|
6285
6253
|
debug.behaviors("No result from custom paste handler, pasting normally");
|
|
6286
|
-
}, $[
|
|
6287
|
-
const handlePaste =
|
|
6288
|
-
let
|
|
6289
|
-
$[
|
|
6254
|
+
}, $[86] = editorActor, $[87] = editorEngine, $[88] = onPaste, $[89] = portableTextEditor, $[90] = relayActor, $[91] = t19) : t19 = $[91];
|
|
6255
|
+
const handlePaste = t19;
|
|
6256
|
+
let t20;
|
|
6257
|
+
$[92] !== editorEngine || $[93] !== onFocus || $[94] !== relayActor ? (t20 = (event_2) => {
|
|
6290
6258
|
onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
|
|
6291
6259
|
type: "focused",
|
|
6292
6260
|
event: event_2
|
|
6293
|
-
}), !editorEngine.selection && editorEngine.children.length === 1 && isEmptyTextBlock(
|
|
6294
|
-
}, $[
|
|
6295
|
-
const handleOnFocus =
|
|
6296
|
-
let
|
|
6297
|
-
$[
|
|
6261
|
+
}), !editorEngine.selection && editorEngine.children.length === 1 && isEmptyTextBlock(editorEngine, editorEngine.children.at(0)) && (editorEngine.select(start(editorEngine, [])), editorEngine.onChange()));
|
|
6262
|
+
}, $[92] = editorEngine, $[93] = onFocus, $[94] = relayActor, $[95] = t20) : t20 = $[95];
|
|
6263
|
+
const handleOnFocus = t20;
|
|
6264
|
+
let t21;
|
|
6265
|
+
$[96] !== editorActor || $[97] !== editorEngine || $[98] !== onClick ? (t21 = (event_3) => {
|
|
6298
6266
|
if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
|
|
6299
6267
|
return;
|
|
6300
6268
|
const position_3 = getEventPosition({
|
|
@@ -6311,23 +6279,23 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6311
6279
|
editor: editorEngine,
|
|
6312
6280
|
nativeEvent: event_3
|
|
6313
6281
|
});
|
|
6314
|
-
}, $[
|
|
6315
|
-
const handleClick =
|
|
6316
|
-
let
|
|
6317
|
-
$[
|
|
6282
|
+
}, $[96] = editorActor, $[97] = editorEngine, $[98] = onClick, $[99] = t21) : t21 = $[99];
|
|
6283
|
+
const handleClick = t21;
|
|
6284
|
+
let t22;
|
|
6285
|
+
$[100] !== onBlur || $[101] !== relayActor ? (t22 = (event_4) => {
|
|
6318
6286
|
onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
|
|
6319
6287
|
type: "blurred",
|
|
6320
6288
|
event: event_4
|
|
6321
6289
|
});
|
|
6322
|
-
}, $[
|
|
6323
|
-
const handleOnBlur =
|
|
6324
|
-
let
|
|
6325
|
-
$[
|
|
6290
|
+
}, $[100] = onBlur, $[101] = relayActor, $[102] = t22) : t22 = $[102];
|
|
6291
|
+
const handleOnBlur = t22;
|
|
6292
|
+
let t23;
|
|
6293
|
+
$[103] !== onBeforeInput ? (t23 = (event_5) => {
|
|
6326
6294
|
onBeforeInput && onBeforeInput(event_5);
|
|
6327
|
-
}, $[
|
|
6328
|
-
const handleOnBeforeInput =
|
|
6329
|
-
let
|
|
6330
|
-
$[
|
|
6295
|
+
}, $[103] = onBeforeInput, $[104] = t23) : t23 = $[104];
|
|
6296
|
+
const handleOnBeforeInput = t23;
|
|
6297
|
+
let t24;
|
|
6298
|
+
$[105] !== editorActor || $[106] !== editorEngine || $[107] !== hotkeys || $[108] !== portableTextEditor || $[109] !== props ? (t24 = (event_6) => {
|
|
6331
6299
|
props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || performHotkey({
|
|
6332
6300
|
editorActor,
|
|
6333
6301
|
editor: editorEngine,
|
|
@@ -6350,10 +6318,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6350
6318
|
editor: editorEngine,
|
|
6351
6319
|
nativeEvent: event_6
|
|
6352
6320
|
});
|
|
6353
|
-
}, $[
|
|
6354
|
-
const handleKeyDown =
|
|
6355
|
-
let
|
|
6356
|
-
$[
|
|
6321
|
+
}, $[105] = editorActor, $[106] = editorEngine, $[107] = hotkeys, $[108] = portableTextEditor, $[109] = props, $[110] = t24) : t24 = $[110];
|
|
6322
|
+
const handleKeyDown = t24;
|
|
6323
|
+
let t25;
|
|
6324
|
+
$[111] !== editorActor || $[112] !== editorEngine || $[113] !== props ? (t25 = (event_7) => {
|
|
6357
6325
|
props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
|
|
6358
6326
|
type: "behavior event",
|
|
6359
6327
|
behaviorEvent: {
|
|
@@ -6370,26 +6338,26 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6370
6338
|
editor: editorEngine,
|
|
6371
6339
|
nativeEvent: event_7
|
|
6372
6340
|
});
|
|
6373
|
-
}, $[
|
|
6374
|
-
const handleKeyUp =
|
|
6375
|
-
let
|
|
6341
|
+
}, $[111] = editorActor, $[112] = editorEngine, $[113] = props, $[114] = t25) : t25 = $[114];
|
|
6342
|
+
const handleKeyUp = t25;
|
|
6343
|
+
let t26;
|
|
6376
6344
|
bb0: {
|
|
6377
6345
|
if (scrollSelectionIntoView === void 0) {
|
|
6378
|
-
|
|
6346
|
+
t26 = void 0;
|
|
6379
6347
|
break bb0;
|
|
6380
6348
|
}
|
|
6381
6349
|
if (scrollSelectionIntoView === null) {
|
|
6382
|
-
|
|
6350
|
+
t26 = noop;
|
|
6383
6351
|
break bb0;
|
|
6384
6352
|
}
|
|
6385
|
-
let
|
|
6386
|
-
$[
|
|
6353
|
+
let t272;
|
|
6354
|
+
$[115] !== portableTextEditor || $[116] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
|
|
6387
6355
|
scrollSelectionIntoView(portableTextEditor, domRange);
|
|
6388
|
-
}, $[
|
|
6356
|
+
}, $[115] = portableTextEditor, $[116] = scrollSelectionIntoView, $[117] = t272) : t272 = $[117], t26 = t272;
|
|
6389
6357
|
}
|
|
6390
|
-
const scrollSelectionIntoViewToEngine =
|
|
6391
|
-
let
|
|
6392
|
-
$[
|
|
6358
|
+
const scrollSelectionIntoViewToEngine = t26;
|
|
6359
|
+
let t27, t28;
|
|
6360
|
+
$[118] !== editorActor || $[119] !== editorEngine ? (t27 = () => {
|
|
6393
6361
|
const window2 = DOMEditor.getWindow(editorEngine), onDragEnd_0 = () => {
|
|
6394
6362
|
editorActor.send({
|
|
6395
6363
|
type: "dragend"
|
|
@@ -6402,9 +6370,9 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6402
6370
|
return window2.document.addEventListener("dragend", onDragEnd_0), window2.document.addEventListener("drop", onDrop_0), () => {
|
|
6403
6371
|
window2.document.removeEventListener("dragend", onDragEnd_0), window2.document.removeEventListener("drop", onDrop_0);
|
|
6404
6372
|
};
|
|
6405
|
-
},
|
|
6406
|
-
let
|
|
6407
|
-
$[
|
|
6373
|
+
}, t28 = [editorEngine, editorActor], $[118] = editorActor, $[119] = editorEngine, $[120] = t27, $[121] = t28) : (t27 = $[120], t28 = $[121]), useEffect(t27, t28);
|
|
6374
|
+
let t29;
|
|
6375
|
+
$[122] !== editorActor || $[123] !== editorEngine || $[124] !== onDragStart || $[125] !== readOnly ? (t29 = (event_8) => {
|
|
6408
6376
|
if (readOnly || !DOMEditor.hasTarget(editorEngine, event_8.target) || (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped()))
|
|
6409
6377
|
return;
|
|
6410
6378
|
const position_4 = getEventPosition({
|
|
@@ -6432,10 +6400,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6432
6400
|
},
|
|
6433
6401
|
editor: editorEngine
|
|
6434
6402
|
}), !0;
|
|
6435
|
-
}, $[
|
|
6436
|
-
const handleDragStart =
|
|
6437
|
-
let
|
|
6438
|
-
$[
|
|
6403
|
+
}, $[122] = editorActor, $[123] = editorEngine, $[124] = onDragStart, $[125] = readOnly, $[126] = t29) : t29 = $[126];
|
|
6404
|
+
const handleDragStart = t29;
|
|
6405
|
+
let t30;
|
|
6406
|
+
$[127] !== editorActor || $[128] !== editorEngine || $[129] !== onDrag ? (t30 = (event_9) => {
|
|
6439
6407
|
if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
|
|
6440
6408
|
editorActor,
|
|
6441
6409
|
editorEngine,
|
|
@@ -6451,10 +6419,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6451
6419
|
},
|
|
6452
6420
|
editor: editorEngine
|
|
6453
6421
|
}), !0;
|
|
6454
|
-
}, $[
|
|
6455
|
-
const handleDrag =
|
|
6456
|
-
let
|
|
6457
|
-
$[
|
|
6422
|
+
}, $[127] = editorActor, $[128] = editorEngine, $[129] = onDrag, $[130] = t30) : t30 = $[130];
|
|
6423
|
+
const handleDrag = t30;
|
|
6424
|
+
let t31;
|
|
6425
|
+
$[131] !== editorActor || $[132] !== editorEngine || $[133] !== onDragEnd ? (t31 = (event_10) => {
|
|
6458
6426
|
if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
|
|
6459
6427
|
return editorActor.send({
|
|
6460
6428
|
type: "behavior event",
|
|
@@ -6466,10 +6434,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6466
6434
|
},
|
|
6467
6435
|
editor: editorEngine
|
|
6468
6436
|
}), !0;
|
|
6469
|
-
}, $[
|
|
6470
|
-
const handleDragEnd =
|
|
6471
|
-
let
|
|
6472
|
-
$[
|
|
6437
|
+
}, $[131] = editorActor, $[132] = editorEngine, $[133] = onDragEnd, $[134] = t31) : t31 = $[134];
|
|
6438
|
+
const handleDragEnd = t31;
|
|
6439
|
+
let t32;
|
|
6440
|
+
$[135] !== editorActor || $[136] !== editorEngine || $[137] !== onDragEnter ? (t32 = (event_11) => {
|
|
6473
6441
|
if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
|
|
6474
6442
|
return;
|
|
6475
6443
|
const position_6 = getEventPosition({
|
|
@@ -6489,10 +6457,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6489
6457
|
},
|
|
6490
6458
|
editor: editorEngine
|
|
6491
6459
|
}), !0;
|
|
6492
|
-
}, $[
|
|
6493
|
-
const handleDragEnter =
|
|
6494
|
-
let
|
|
6495
|
-
$[
|
|
6460
|
+
}, $[135] = editorActor, $[136] = editorEngine, $[137] = onDragEnter, $[138] = t32) : t32 = $[138];
|
|
6461
|
+
const handleDragEnter = t32;
|
|
6462
|
+
let t33;
|
|
6463
|
+
$[139] !== editorActor || $[140] !== editorEngine || $[141] !== onDragOver ? (t33 = (event_12) => {
|
|
6496
6464
|
if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
|
|
6497
6465
|
return;
|
|
6498
6466
|
const position_7 = getEventPosition({
|
|
@@ -6514,10 +6482,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6514
6482
|
editor: editorEngine,
|
|
6515
6483
|
nativeEvent: event_12
|
|
6516
6484
|
}), !0;
|
|
6517
|
-
}, $[
|
|
6518
|
-
const handleDragOver =
|
|
6519
|
-
let
|
|
6520
|
-
$[
|
|
6485
|
+
}, $[139] = editorActor, $[140] = editorEngine, $[141] = onDragOver, $[142] = t33) : t33 = $[142];
|
|
6486
|
+
const handleDragOver = t33;
|
|
6487
|
+
let t34;
|
|
6488
|
+
$[143] !== editorActor || $[144] !== editorEngine || $[145] !== onDrop ? (t34 = (event_13) => {
|
|
6521
6489
|
if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
|
|
6522
6490
|
return;
|
|
6523
6491
|
const position_8 = getEventPosition({
|
|
@@ -6542,10 +6510,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6542
6510
|
editor: editorEngine,
|
|
6543
6511
|
nativeEvent: event_13
|
|
6544
6512
|
}), !0;
|
|
6545
|
-
}, $[
|
|
6546
|
-
const handleDrop =
|
|
6547
|
-
let
|
|
6548
|
-
$[
|
|
6513
|
+
}, $[143] = editorActor, $[144] = editorEngine, $[145] = onDrop, $[146] = t34) : t34 = $[146];
|
|
6514
|
+
const handleDrop = t34;
|
|
6515
|
+
let t35;
|
|
6516
|
+
$[147] !== editorActor || $[148] !== editorEngine || $[149] !== onDragLeave ? (t35 = (event_14) => {
|
|
6549
6517
|
if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
|
|
6550
6518
|
editorActor,
|
|
6551
6519
|
editorEngine,
|
|
@@ -6561,10 +6529,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6561
6529
|
},
|
|
6562
6530
|
editor: editorEngine
|
|
6563
6531
|
}), !0;
|
|
6564
|
-
}, $[
|
|
6565
|
-
const handleDragLeave =
|
|
6566
|
-
let
|
|
6567
|
-
$[
|
|
6532
|
+
}, $[147] = editorActor, $[148] = editorEngine, $[149] = onDragLeave, $[150] = t35) : t35 = $[150];
|
|
6533
|
+
const handleDragLeave = t35;
|
|
6534
|
+
let t36;
|
|
6535
|
+
$[151] !== forwardedRef || $[152] !== validateSelectionActor ? (t36 = (editorElement) => {
|
|
6568
6536
|
if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
|
|
6569
6537
|
const mutationObserver = new MutationObserver(() => {
|
|
6570
6538
|
validateSelectionActor.send({
|
|
@@ -6582,12 +6550,12 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
|
|
|
6582
6550
|
mutationObserver.disconnect();
|
|
6583
6551
|
};
|
|
6584
6552
|
}
|
|
6585
|
-
}, $[
|
|
6586
|
-
const callbackRef =
|
|
6553
|
+
}, $[151] = forwardedRef, $[152] = validateSelectionActor, $[153] = t36) : t36 = $[153];
|
|
6554
|
+
const callbackRef = t36;
|
|
6587
6555
|
if (!portableTextEditor)
|
|
6588
6556
|
return null;
|
|
6589
|
-
let
|
|
6590
|
-
return $[
|
|
6557
|
+
let t37;
|
|
6558
|
+
return $[154] !== callbackRef || $[155] !== decorate || $[156] !== editorActor || $[157] !== handleClick || $[158] !== handleCopy || $[159] !== handleCut || $[160] !== handleDrag || $[161] !== handleDragEnd || $[162] !== handleDragEnter || $[163] !== handleDragLeave || $[164] !== handleDragOver || $[165] !== handleDragStart || $[166] !== handleDrop || $[167] !== handleKeyDown || $[168] !== handleKeyUp || $[169] !== handleOnBeforeInput || $[170] !== handleOnBlur || $[171] !== handleOnFocus || $[172] !== handlePaste || $[173] !== hasInvalidValue || $[174] !== readOnly || $[175] !== renderElement || $[176] !== renderLeaf || $[177] !== restProps || $[178] !== scrollSelectionIntoViewToEngine ? (t37 = hasInvalidValue ? null : /* @__PURE__ */ jsx(SelectionStateProvider, { children: /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, editorActor, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToEngine }) }), $[154] = callbackRef, $[155] = decorate, $[156] = editorActor, $[157] = handleClick, $[158] = handleCopy, $[159] = handleCut, $[160] = handleDrag, $[161] = handleDragEnd, $[162] = handleDragEnter, $[163] = handleDragLeave, $[164] = handleDragOver, $[165] = handleDragStart, $[166] = handleDrop, $[167] = handleKeyDown, $[168] = handleKeyUp, $[169] = handleOnBeforeInput, $[170] = handleOnBlur, $[171] = handleOnFocus, $[172] = handlePaste, $[173] = hasInvalidValue, $[174] = readOnly, $[175] = renderElement, $[176] = renderLeaf, $[177] = restProps, $[178] = scrollSelectionIntoViewToEngine, $[179] = t37) : t37 = $[179], t37;
|
|
6591
6559
|
});
|
|
6592
6560
|
PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
|
|
6593
6561
|
function noop() {
|
|
@@ -6993,17 +6961,11 @@ function createEditableAPI(editor, editorActor) {
|
|
|
6993
6961
|
});
|
|
6994
6962
|
},
|
|
6995
6963
|
isMarkActive: (mark) => {
|
|
6996
|
-
const snapshot =
|
|
6997
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
6998
|
-
editorEngineInstance: editor
|
|
6999
|
-
});
|
|
6964
|
+
const snapshot = editor.snapshot;
|
|
7000
6965
|
return getActiveDecorators(snapshot).includes(mark);
|
|
7001
6966
|
},
|
|
7002
6967
|
marks: () => {
|
|
7003
|
-
const snapshot =
|
|
7004
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
7005
|
-
editorEngineInstance: editor
|
|
7006
|
-
}), activeAnnotations = getActiveAnnotationsMarks(snapshot), activeDecorators = getActiveDecorators(snapshot);
|
|
6968
|
+
const snapshot = editor.snapshot, activeAnnotations = getActiveAnnotationsMarks(snapshot), activeDecorators = getActiveDecorators(snapshot);
|
|
7007
6969
|
return [...activeAnnotations, ...activeDecorators];
|
|
7008
6970
|
},
|
|
7009
6971
|
undo: () => {
|
|
@@ -7093,7 +7055,7 @@ function createEditableAPI(editor, editorActor) {
|
|
|
7093
7055
|
}
|
|
7094
7056
|
},
|
|
7095
7057
|
isVoid: (element) => {
|
|
7096
|
-
const schema =
|
|
7058
|
+
const schema = editor.schema;
|
|
7097
7059
|
return ![schema.block.name, schema.span.name].includes(element._type);
|
|
7098
7060
|
},
|
|
7099
7061
|
findByPath: (path2) => {
|
|
@@ -7142,17 +7104,11 @@ function createEditableAPI(editor, editorActor) {
|
|
|
7142
7104
|
}
|
|
7143
7105
|
},
|
|
7144
7106
|
isAnnotationActive: (annotationType) => {
|
|
7145
|
-
const snapshot =
|
|
7146
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
7147
|
-
editorEngineInstance: editor
|
|
7148
|
-
});
|
|
7107
|
+
const snapshot = editor.snapshot;
|
|
7149
7108
|
return isActiveAnnotation(annotationType)(snapshot);
|
|
7150
7109
|
},
|
|
7151
7110
|
addAnnotation: (type, value) => {
|
|
7152
|
-
const snapshotBefore =
|
|
7153
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
7154
|
-
editorEngineInstance: editor
|
|
7155
|
-
}), selectedValueBefore = getSelectedValue(snapshotBefore), focusSpanBefore = getFocusSpan(snapshotBefore), markDefsBefore = selectedValueBefore.flatMap((block) => isTextBlock(snapshotBefore.context, block) ? block.markDefs ?? [] : []);
|
|
7111
|
+
const snapshotBefore = editor.snapshot, selectedValueBefore = getSelectedValue(snapshotBefore), focusSpanBefore = getFocusSpan(snapshotBefore), markDefsBefore = selectedValueBefore.flatMap((block) => isTextBlock(snapshotBefore.context, block) ? block.markDefs ?? [] : []);
|
|
7156
7112
|
editorActor.send({
|
|
7157
7113
|
type: "behavior event",
|
|
7158
7114
|
behaviorEvent: {
|
|
@@ -7164,10 +7120,7 @@ function createEditableAPI(editor, editorActor) {
|
|
|
7164
7120
|
},
|
|
7165
7121
|
editor
|
|
7166
7122
|
});
|
|
7167
|
-
const snapshotAfter =
|
|
7168
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
7169
|
-
editorEngineInstance: editor
|
|
7170
|
-
}), selectedValueAfter = getSelectedValue(snapshotAfter), focusBlockAfter = getFocusBlock(snapshotAfter), focusSpanAfter = getFocusSpan(snapshotAfter), focusSpanDecorators = focusSpanAfter ? getPathSubSchema(snapshotAfter, focusSpanAfter.path).decorators.map((decorator) => decorator.name) : snapshotAfter.context.schema.decorators.map((decorator) => decorator.name), newMarkDefKeysOnFocusSpan = focusSpanAfter?.node.marks?.filter((mark) => !focusSpanBefore?.node.marks?.includes(mark) && !focusSpanDecorators.includes(mark)), markDefs = selectedValueAfter.flatMap((block) => isTextBlock(snapshotAfter.context, block) ? block.markDefs?.map((markDef2) => ({
|
|
7123
|
+
const snapshotAfter = editor.snapshot, selectedValueAfter = getSelectedValue(snapshotAfter), focusBlockAfter = getFocusBlock(snapshotAfter), focusSpanAfter = getFocusSpan(snapshotAfter), focusSpanDecorators = focusSpanAfter ? getPathSubSchema(snapshotAfter, focusSpanAfter.path).decorators.map((decorator) => decorator.name) : snapshotAfter.context.schema.decorators.map((decorator) => decorator.name), newMarkDefKeysOnFocusSpan = focusSpanAfter?.node.marks?.filter((mark) => !focusSpanBefore?.node.marks?.includes(mark) && !focusSpanDecorators.includes(mark)), markDefs = selectedValueAfter.flatMap((block) => isTextBlock(snapshotAfter.context, block) ? block.markDefs?.map((markDef2) => ({
|
|
7171
7124
|
markDef: markDef2,
|
|
7172
7125
|
path: [{
|
|
7173
7126
|
_key: block._key
|
|
@@ -7219,10 +7172,7 @@ function createEditableAPI(editor, editorActor) {
|
|
|
7219
7172
|
});
|
|
7220
7173
|
},
|
|
7221
7174
|
getFragment: () => {
|
|
7222
|
-
const snapshot =
|
|
7223
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
7224
|
-
editorEngineInstance: editor
|
|
7225
|
-
});
|
|
7175
|
+
const snapshot = editor.snapshot;
|
|
7226
7176
|
return getFragment(snapshot).map((entry) => entry.node);
|
|
7227
7177
|
},
|
|
7228
7178
|
isSelectionsOverlapping: (selectionA, selectionB) => !selectionA || !selectionB ? !1 : rangeIncludes(selectionA, selectionB, editor)
|
|
@@ -8606,7 +8556,9 @@ function getDirtyPaths(context, op) {
|
|
|
8606
8556
|
const childNode = child, childPath = [{
|
|
8607
8557
|
_key: childNode._key
|
|
8608
8558
|
}];
|
|
8609
|
-
levels2.push(childPath)
|
|
8559
|
+
levels2.push(childPath);
|
|
8560
|
+
const childRegistration = context.containers.get(childNode._type);
|
|
8561
|
+
collectDescendantPaths(context, childNode, childPath, levels2, childRegistration);
|
|
8610
8562
|
}
|
|
8611
8563
|
return levels2;
|
|
8612
8564
|
}
|
|
@@ -8614,8 +8566,8 @@ function getDirtyPaths(context, op) {
|
|
|
8614
8566
|
if (isKeyedSegment(propertyName)) {
|
|
8615
8567
|
const levels2 = pathLevels(op.path);
|
|
8616
8568
|
if (op.value !== null && typeof op.value == "object" && !Array.isArray(op.value)) {
|
|
8617
|
-
const valueNode = op.value;
|
|
8618
|
-
collectDescendantPaths(context, valueNode, op.path, levels2);
|
|
8569
|
+
const valueNode = op.value, valueRegistration = resolveContainerAt(context.containers, context.value, op.path);
|
|
8570
|
+
collectDescendantPaths(context, valueNode, op.path, levels2, valueRegistration && "field" in valueRegistration ? valueRegistration : void 0);
|
|
8619
8571
|
}
|
|
8620
8572
|
return levels2;
|
|
8621
8573
|
}
|
|
@@ -8627,7 +8579,8 @@ function getDirtyPaths(context, op) {
|
|
|
8627
8579
|
}]);
|
|
8628
8580
|
}
|
|
8629
8581
|
const levels = pathLevels(dirtyPath);
|
|
8630
|
-
if (Array.isArray(op.value) && typeof propertyName == "string" && getChildFieldName(context, nodePath) === propertyName)
|
|
8582
|
+
if (Array.isArray(op.value) && typeof propertyName == "string" && getChildFieldName(context, nodePath) === propertyName) {
|
|
8583
|
+
const parentRegistration = resolveContainerAt(context.containers, context.value, nodePath), seed = parentRegistration && "field" in parentRegistration ? parentRegistration : void 0;
|
|
8631
8584
|
for (let i = 0; i < op.value.length; i++) {
|
|
8632
8585
|
const child = op.value[i];
|
|
8633
8586
|
if (typeof child != "object" || child === null || !("_key" in child) || typeof child._key != "string")
|
|
@@ -8635,8 +8588,9 @@ function getDirtyPaths(context, op) {
|
|
|
8635
8588
|
const childNode = child, childPath = [...nodePath, propertyName, {
|
|
8636
8589
|
_key: childNode._key
|
|
8637
8590
|
}];
|
|
8638
|
-
levels.push(childPath), collectDescendantPaths(context, childNode, childPath, levels);
|
|
8591
|
+
levels.push(childPath), collectDescendantPaths(context, childNode, childPath, levels, seed);
|
|
8639
8592
|
}
|
|
8593
|
+
}
|
|
8640
8594
|
return levels;
|
|
8641
8595
|
}
|
|
8642
8596
|
case "unset": {
|
|
@@ -8680,7 +8634,10 @@ function getDirtyPaths(context, op) {
|
|
|
8680
8634
|
};
|
|
8681
8635
|
break;
|
|
8682
8636
|
}
|
|
8683
|
-
|
|
8637
|
+
if (levels.push(nodePath), isSpan(context, node))
|
|
8638
|
+
return levels;
|
|
8639
|
+
const parentRegistration = resolveContainerAt(context.containers, context.value, parentPath(nodePath));
|
|
8640
|
+
return collectDescendantPaths(context, node, nodePath, levels, parentRegistration && "field" in parentRegistration ? parentRegistration : void 0), levels;
|
|
8684
8641
|
}
|
|
8685
8642
|
default:
|
|
8686
8643
|
return [];
|
|
@@ -10384,56 +10341,43 @@ const shouldNormalize = (_editor, {
|
|
|
10384
10341
|
onContextChange && onContextChange(options), onChange(options);
|
|
10385
10342
|
}, e;
|
|
10386
10343
|
};
|
|
10387
|
-
function
|
|
10388
|
-
|
|
10389
|
-
for (const [type, config] of resolved)
|
|
10390
|
-
projected.set(type, toRegisteredContainer(config));
|
|
10391
|
-
return projected;
|
|
10344
|
+
function defaultCompare(a, b) {
|
|
10345
|
+
return a === b;
|
|
10392
10346
|
}
|
|
10393
|
-
function
|
|
10347
|
+
function useEditorSelector(editor, selector, t0) {
|
|
10348
|
+
return useSelector(editor, selector, t0 === void 0 ? defaultCompare : t0);
|
|
10349
|
+
}
|
|
10350
|
+
function getEditorSnapshot({
|
|
10351
|
+
editorEngineInstance
|
|
10352
|
+
}) {
|
|
10394
10353
|
return {
|
|
10395
|
-
|
|
10396
|
-
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10400
|
-
|
|
10354
|
+
blockIndexMap: editorEngineInstance.blockIndexMap,
|
|
10355
|
+
context: {
|
|
10356
|
+
containers: editorEngineInstance.publicContainers,
|
|
10357
|
+
converters: editorEngineInstance.converters,
|
|
10358
|
+
keyGenerator: editorEngineInstance.keyGenerator,
|
|
10359
|
+
readOnly: editorEngineInstance.readOnly,
|
|
10360
|
+
schema: editorEngineInstance.schema,
|
|
10361
|
+
selection: editorEngineInstance.selection,
|
|
10362
|
+
value: editorEngineInstance.children
|
|
10363
|
+
},
|
|
10364
|
+
decoratorState: editorEngineInstance.decoratorState
|
|
10401
10365
|
};
|
|
10402
10366
|
}
|
|
10403
|
-
function toRegisteredOfEntry(entry) {
|
|
10404
|
-
if ("container" in entry)
|
|
10405
|
-
return toRegisteredContainer(entry);
|
|
10406
|
-
if ("span" in entry)
|
|
10407
|
-
return {
|
|
10408
|
-
kind: "span",
|
|
10409
|
-
type: entry.span.type
|
|
10410
|
-
};
|
|
10411
|
-
if ("blockObject" in entry)
|
|
10412
|
-
return {
|
|
10413
|
-
kind: "blockObject",
|
|
10414
|
-
type: entry.blockObject.type
|
|
10415
|
-
};
|
|
10416
|
-
if ("inlineObject" in entry)
|
|
10417
|
-
return {
|
|
10418
|
-
kind: "inlineObject",
|
|
10419
|
-
type: entry.inlineObject.type
|
|
10420
|
-
};
|
|
10421
|
-
}
|
|
10422
|
-
function isDefined(value) {
|
|
10423
|
-
return value !== void 0;
|
|
10424
|
-
}
|
|
10425
10367
|
function createEditorEngine(config) {
|
|
10426
10368
|
debug.setup("creating new editor engine instance");
|
|
10427
10369
|
const context = config.editorActor.getSnapshot().context, placeholderBlock = createPlaceholderBlock({
|
|
10428
10370
|
context: {
|
|
10429
10371
|
schema: context.schema,
|
|
10430
|
-
containers
|
|
10372
|
+
// No containers registered at engine-init time. NodePlugin
|
|
10373
|
+
// registrations run later, after the engine is attached.
|
|
10374
|
+
containers: /* @__PURE__ */ new Map(),
|
|
10431
10375
|
value: [],
|
|
10432
10376
|
keyGenerator: context.keyGenerator
|
|
10433
10377
|
},
|
|
10434
10378
|
blockIndexMap: /* @__PURE__ */ new Map()
|
|
10435
10379
|
}), editor = createEditor();
|
|
10436
|
-
editor.schema = context.schema, editor.keyGenerator = context.keyGenerator, editor.containers = /* @__PURE__ */ new Map(), editor.publicContainers = /* @__PURE__ */ new Map(), editor.blockObjects = /* @__PURE__ */ new Map(), editor.inlineObjects = /* @__PURE__ */ new Map(), editor.spans = /* @__PURE__ */ new Map(), editor.textBlocks = /* @__PURE__ */ new Map(), editor.decoratedRanges = [], editor.decoratorState = {}, editor.blockIndexMap = /* @__PURE__ */ new Map(), editor.history = {
|
|
10380
|
+
editor.schema = context.schema, editor.keyGenerator = context.keyGenerator, editor.converters = context.initialConverters, editor.readOnly = context.initialReadOnly, editor.containers = /* @__PURE__ */ new Map(), editor.publicContainers = /* @__PURE__ */ new Map(), editor.blockObjects = /* @__PURE__ */ new Map(), editor.inlineObjects = /* @__PURE__ */ new Map(), editor.spans = /* @__PURE__ */ new Map(), editor.textBlocks = /* @__PURE__ */ new Map(), editor.decoratedRanges = [], editor.decoratorState = {}, editor.blockIndexMap = /* @__PURE__ */ new Map(), editor.history = {
|
|
10437
10381
|
undos: [],
|
|
10438
10382
|
redos: []
|
|
10439
10383
|
}, editor.listIndexMap = /* @__PURE__ */ new Map(), editor.remotePatches = [], editor.undoStepId = void 0, editor.children = [placeholderBlock], editor.isDeferringMutations = !1, editor.isNormalizingNode = !1, editor.isPatching = !0, editor.isPerformingBehaviorOperation = !1, editor.isProcessingRemoteChanges = !1, editor.isRedoing = !1, editor.isUndoing = !1, editor.withHistory = !0;
|
|
@@ -10448,6 +10392,17 @@ function createEditorEngine(config) {
|
|
|
10448
10392
|
}, {
|
|
10449
10393
|
blockIndexMap: editorEngine.blockIndexMap,
|
|
10450
10394
|
listIndexMap: editorEngine.listIndexMap
|
|
10395
|
+
}), editorEngine.snapshot = getEditorSnapshot({
|
|
10396
|
+
editorEngineInstance: editorEngine
|
|
10397
|
+
}), config.subscriptions.push(() => {
|
|
10398
|
+
const subscription = config.editorActor.subscribe(() => {
|
|
10399
|
+
editorEngine.snapshot = getEditorSnapshot({
|
|
10400
|
+
editorEngineInstance: editorEngine
|
|
10401
|
+
});
|
|
10402
|
+
});
|
|
10403
|
+
return () => {
|
|
10404
|
+
subscription.unsubscribe();
|
|
10405
|
+
};
|
|
10451
10406
|
}), editorEngine;
|
|
10452
10407
|
}
|
|
10453
10408
|
function createEditorDom(sendBack, editorEngine) {
|
|
@@ -16184,6 +16139,51 @@ function sortByPriority(items) {
|
|
|
16184
16139
|
result.includes(item) || result.push(item);
|
|
16185
16140
|
return [...result, ...itemsWithoutPriority];
|
|
16186
16141
|
}
|
|
16142
|
+
function pathsOverlap(pathA, pathB) {
|
|
16143
|
+
const minLength = Math.min(pathA.length, pathB.length);
|
|
16144
|
+
for (let i = 0; i < minLength; i++)
|
|
16145
|
+
if (!isEqualPathSegments(pathA[i], pathB[i]))
|
|
16146
|
+
return !1;
|
|
16147
|
+
return !0;
|
|
16148
|
+
}
|
|
16149
|
+
function buildPublicContainers(resolved) {
|
|
16150
|
+
const projected = /* @__PURE__ */ new Map();
|
|
16151
|
+
for (const [type, config] of resolved)
|
|
16152
|
+
projected.set(type, toRegisteredContainer(config));
|
|
16153
|
+
return projected;
|
|
16154
|
+
}
|
|
16155
|
+
function toRegisteredContainer(config) {
|
|
16156
|
+
return {
|
|
16157
|
+
kind: "container",
|
|
16158
|
+
type: config.container.type,
|
|
16159
|
+
field: config.field,
|
|
16160
|
+
...config.of ? {
|
|
16161
|
+
of: config.of.map(toRegisteredOfEntry).filter(isDefined)
|
|
16162
|
+
} : {}
|
|
16163
|
+
};
|
|
16164
|
+
}
|
|
16165
|
+
function toRegisteredOfEntry(entry) {
|
|
16166
|
+
if ("container" in entry)
|
|
16167
|
+
return toRegisteredContainer(entry);
|
|
16168
|
+
if ("span" in entry)
|
|
16169
|
+
return {
|
|
16170
|
+
kind: "span",
|
|
16171
|
+
type: entry.span.type
|
|
16172
|
+
};
|
|
16173
|
+
if ("blockObject" in entry)
|
|
16174
|
+
return {
|
|
16175
|
+
kind: "blockObject",
|
|
16176
|
+
type: entry.blockObject.type
|
|
16177
|
+
};
|
|
16178
|
+
if ("inlineObject" in entry)
|
|
16179
|
+
return {
|
|
16180
|
+
kind: "inlineObject",
|
|
16181
|
+
type: entry.inlineObject.type
|
|
16182
|
+
};
|
|
16183
|
+
}
|
|
16184
|
+
function isDefined(value) {
|
|
16185
|
+
return value !== void 0;
|
|
16186
|
+
}
|
|
16187
16187
|
const PRIMITIVE_TYPES = /* @__PURE__ */ new Set(["string", "number", "boolean"]);
|
|
16188
16188
|
function isChildArrayField(field) {
|
|
16189
16189
|
return field.type === "array" && "of" in field && Array.isArray(field.of);
|
|
@@ -16292,13 +16292,6 @@ function resolveTextBlockConfig(textBlock) {
|
|
|
16292
16292
|
} : {}
|
|
16293
16293
|
};
|
|
16294
16294
|
}
|
|
16295
|
-
function pathsOverlap(pathA, pathB) {
|
|
16296
|
-
const minLength = Math.min(pathA.length, pathB.length);
|
|
16297
|
-
for (let i = 0; i < minLength; i++)
|
|
16298
|
-
if (!isEqualPathSegments(pathA[i], pathB[i]))
|
|
16299
|
-
return !1;
|
|
16300
|
-
return !0;
|
|
16301
|
-
}
|
|
16302
16295
|
function isTypeAlreadyRegistered(maps, attempting, type) {
|
|
16303
16296
|
const claimedAs = (kind) => {
|
|
16304
16297
|
switch (kind) {
|
|
@@ -16326,6 +16319,77 @@ function isTypeAlreadyRegistered(maps, attempting, type) {
|
|
|
16326
16319
|
}
|
|
16327
16320
|
return !1;
|
|
16328
16321
|
}
|
|
16322
|
+
function registerNodeOnEngine(engine, node) {
|
|
16323
|
+
if (node.kind === "container") {
|
|
16324
|
+
if (isTypeAlreadyRegistered(engine, "container", node.type))
|
|
16325
|
+
return;
|
|
16326
|
+
const containerConfig = resolveNestedContainer(engine.schema, node);
|
|
16327
|
+
if (!containerConfig)
|
|
16328
|
+
return;
|
|
16329
|
+
const containers = new Map(engine.containers);
|
|
16330
|
+
containers.set(node.type, containerConfig), engine.containers = containers, engine.publicContainers = buildPublicContainers(containers), normalize(engine, {
|
|
16331
|
+
force: !0
|
|
16332
|
+
}), engine.onChange();
|
|
16333
|
+
return;
|
|
16334
|
+
}
|
|
16335
|
+
if (node.kind === "textBlock") {
|
|
16336
|
+
if (isTypeAlreadyRegistered(engine, "textBlock", node.type))
|
|
16337
|
+
return;
|
|
16338
|
+
const textBlocks = new Map(engine.textBlocks);
|
|
16339
|
+
textBlocks.set(node.type, resolveTextBlockConfig(node)), engine.textBlocks = textBlocks, engine.onChange();
|
|
16340
|
+
return;
|
|
16341
|
+
}
|
|
16342
|
+
if (node.kind === "span") {
|
|
16343
|
+
if (isTypeAlreadyRegistered(engine, "span", node.type))
|
|
16344
|
+
return;
|
|
16345
|
+
const spans = new Map(engine.spans);
|
|
16346
|
+
spans.set(node.type, {
|
|
16347
|
+
span: node
|
|
16348
|
+
}), engine.spans = spans, engine.onChange();
|
|
16349
|
+
return;
|
|
16350
|
+
}
|
|
16351
|
+
if (node.kind === "blockObject") {
|
|
16352
|
+
if (isTypeAlreadyRegistered(engine, "blockObject", node.type))
|
|
16353
|
+
return;
|
|
16354
|
+
const blockObjects = new Map(engine.blockObjects);
|
|
16355
|
+
blockObjects.set(node.type, {
|
|
16356
|
+
blockObject: node
|
|
16357
|
+
}), engine.blockObjects = blockObjects, engine.onChange();
|
|
16358
|
+
return;
|
|
16359
|
+
}
|
|
16360
|
+
if (isTypeAlreadyRegistered(engine, "inlineObject", node.type))
|
|
16361
|
+
return;
|
|
16362
|
+
const inlineObjects = new Map(engine.inlineObjects);
|
|
16363
|
+
inlineObjects.set(node.type, {
|
|
16364
|
+
inlineObject: node
|
|
16365
|
+
}), engine.inlineObjects = inlineObjects, engine.onChange();
|
|
16366
|
+
}
|
|
16367
|
+
function unregisterNodeOnEngine(engine, node) {
|
|
16368
|
+
if (node.kind === "container") {
|
|
16369
|
+
const containers = new Map(engine.containers);
|
|
16370
|
+
containers.delete(node.type), engine.containers = containers, engine.publicContainers = buildPublicContainers(containers), normalize(engine, {
|
|
16371
|
+
force: !0
|
|
16372
|
+
}), engine.onChange();
|
|
16373
|
+
return;
|
|
16374
|
+
}
|
|
16375
|
+
if (node.kind === "textBlock") {
|
|
16376
|
+
const textBlocks = new Map(engine.textBlocks);
|
|
16377
|
+
textBlocks.delete(node.type), engine.textBlocks = textBlocks, engine.onChange();
|
|
16378
|
+
return;
|
|
16379
|
+
}
|
|
16380
|
+
if (node.kind === "span") {
|
|
16381
|
+
const spans = new Map(engine.spans);
|
|
16382
|
+
spans.delete(node.type), engine.spans = spans, engine.onChange();
|
|
16383
|
+
return;
|
|
16384
|
+
}
|
|
16385
|
+
if (node.kind === "blockObject") {
|
|
16386
|
+
const blockObjects = new Map(engine.blockObjects);
|
|
16387
|
+
blockObjects.delete(node.type), engine.blockObjects = blockObjects, engine.onChange();
|
|
16388
|
+
return;
|
|
16389
|
+
}
|
|
16390
|
+
const inlineObjects = new Map(engine.inlineObjects);
|
|
16391
|
+
inlineObjects.delete(node.type), engine.inlineObjects = inlineObjects, engine.onChange();
|
|
16392
|
+
}
|
|
16329
16393
|
function rerouteExternalBehaviorEvent({
|
|
16330
16394
|
event,
|
|
16331
16395
|
editorEngine
|
|
@@ -16390,105 +16454,38 @@ const editorMachine = setup({
|
|
|
16390
16454
|
event
|
|
16391
16455
|
}) => event.type === "add editor engine" ? event.editor : context.editorEngine
|
|
16392
16456
|
}),
|
|
16393
|
-
register:
|
|
16457
|
+
register: ({
|
|
16394
16458
|
context,
|
|
16395
16459
|
event
|
|
16396
16460
|
}) => {
|
|
16397
|
-
assertEvent(event, "register")
|
|
16398
|
-
|
|
16399
|
-
|
|
16400
|
-
if (isTypeAlreadyRegistered(context, "container", node.type))
|
|
16401
|
-
return {};
|
|
16402
|
-
const containerConfig = resolveNestedContainer(context.schema, node);
|
|
16403
|
-
if (!containerConfig)
|
|
16404
|
-
return {};
|
|
16405
|
-
const containers = new Map(context.containers);
|
|
16406
|
-
return containers.set(node.type, containerConfig), context.editorEngine && (context.editorEngine.containers = containers, context.editorEngine.publicContainers = buildPublicContainers(containers), normalize(context.editorEngine, {
|
|
16407
|
-
force: !0
|
|
16408
|
-
}), context.editorEngine.onChange()), {
|
|
16409
|
-
containers
|
|
16410
|
-
};
|
|
16411
|
-
}
|
|
16412
|
-
if (node.kind === "textBlock") {
|
|
16413
|
-
if (isTypeAlreadyRegistered(context, "textBlock", node.type))
|
|
16414
|
-
return {};
|
|
16415
|
-
const textBlocks = new Map(context.textBlocks);
|
|
16416
|
-
return textBlocks.set(node.type, resolveTextBlockConfig(node)), context.editorEngine && (context.editorEngine.textBlocks = textBlocks, context.editorEngine.onChange()), {
|
|
16417
|
-
textBlocks
|
|
16418
|
-
};
|
|
16419
|
-
}
|
|
16420
|
-
if (node.kind === "span") {
|
|
16421
|
-
if (isTypeAlreadyRegistered(context, "span", node.type))
|
|
16422
|
-
return {};
|
|
16423
|
-
const spans = new Map(context.spans);
|
|
16424
|
-
return spans.set(node.type, {
|
|
16425
|
-
span: node
|
|
16426
|
-
}), context.editorEngine && (context.editorEngine.spans = spans, context.editorEngine.onChange()), {
|
|
16427
|
-
spans
|
|
16428
|
-
};
|
|
16429
|
-
}
|
|
16430
|
-
if (node.kind === "blockObject") {
|
|
16431
|
-
if (isTypeAlreadyRegistered(context, "blockObject", node.type))
|
|
16432
|
-
return {};
|
|
16433
|
-
const blockObjects = new Map(context.blockObjects);
|
|
16434
|
-
return blockObjects.set(node.type, {
|
|
16435
|
-
blockObject: node
|
|
16436
|
-
}), context.editorEngine && (context.editorEngine.blockObjects = blockObjects, context.editorEngine.onChange()), {
|
|
16437
|
-
blockObjects
|
|
16438
|
-
};
|
|
16461
|
+
if (assertEvent(event, "register"), !context.editorEngine) {
|
|
16462
|
+
context.pendingRegistrations.push(event.node);
|
|
16463
|
+
return;
|
|
16439
16464
|
}
|
|
16440
|
-
|
|
16441
|
-
|
|
16442
|
-
|
|
16443
|
-
return inlineObjects.set(node.type, {
|
|
16444
|
-
inlineObject: node
|
|
16445
|
-
}), context.editorEngine && (context.editorEngine.inlineObjects = inlineObjects, context.editorEngine.onChange()), {
|
|
16446
|
-
inlineObjects
|
|
16447
|
-
};
|
|
16448
|
-
}),
|
|
16449
|
-
unregister: assign(({
|
|
16465
|
+
registerNodeOnEngine(context.editorEngine, event.node);
|
|
16466
|
+
},
|
|
16467
|
+
unregister: ({
|
|
16450
16468
|
context,
|
|
16451
16469
|
event
|
|
16452
16470
|
}) => {
|
|
16453
|
-
assertEvent(event, "unregister")
|
|
16454
|
-
|
|
16455
|
-
|
|
16456
|
-
|
|
16457
|
-
return containers.delete(node.type), context.editorEngine && (context.editorEngine.containers = containers, context.editorEngine.publicContainers = buildPublicContainers(containers), normalize(context.editorEngine, {
|
|
16458
|
-
force: !0
|
|
16459
|
-
}), context.editorEngine.onChange()), {
|
|
16460
|
-
containers
|
|
16461
|
-
};
|
|
16462
|
-
}
|
|
16463
|
-
if (node.kind === "textBlock") {
|
|
16464
|
-
const textBlocks = new Map(context.textBlocks);
|
|
16465
|
-
return textBlocks.delete(node.type), context.editorEngine && (context.editorEngine.textBlocks = textBlocks, context.editorEngine.onChange()), {
|
|
16466
|
-
textBlocks
|
|
16467
|
-
};
|
|
16468
|
-
}
|
|
16469
|
-
if (node.kind === "span") {
|
|
16470
|
-
const spans = new Map(context.spans);
|
|
16471
|
-
return spans.delete(node.type), context.editorEngine && (context.editorEngine.spans = spans, context.editorEngine.onChange()), {
|
|
16472
|
-
spans
|
|
16473
|
-
};
|
|
16474
|
-
}
|
|
16475
|
-
if (node.kind === "blockObject") {
|
|
16476
|
-
const blockObjects = new Map(context.blockObjects);
|
|
16477
|
-
return blockObjects.delete(node.type), context.editorEngine && (context.editorEngine.blockObjects = blockObjects, context.editorEngine.onChange()), {
|
|
16478
|
-
blockObjects
|
|
16479
|
-
};
|
|
16471
|
+
if (assertEvent(event, "unregister"), !context.editorEngine) {
|
|
16472
|
+
const index = context.pendingRegistrations.indexOf(event.node);
|
|
16473
|
+
index >= 0 && context.pendingRegistrations.splice(index, 1);
|
|
16474
|
+
return;
|
|
16480
16475
|
}
|
|
16481
|
-
|
|
16482
|
-
|
|
16483
|
-
inlineObjects
|
|
16484
|
-
};
|
|
16485
|
-
}),
|
|
16476
|
+
unregisterNodeOnEngine(context.editorEngine, event.node);
|
|
16477
|
+
},
|
|
16486
16478
|
"attach maps to editor engine": ({
|
|
16487
16479
|
context
|
|
16488
16480
|
}) => {
|
|
16489
|
-
|
|
16481
|
+
if (!context.editorEngine)
|
|
16482
|
+
return;
|
|
16483
|
+
const engine = context.editorEngine;
|
|
16484
|
+
for (const node of context.pendingRegistrations)
|
|
16485
|
+
registerNodeOnEngine(engine, node);
|
|
16486
|
+
context.pendingRegistrations.length = 0, normalize(engine, {
|
|
16490
16487
|
force: !0
|
|
16491
|
-
}),
|
|
16488
|
+
}), engine.onChange();
|
|
16492
16489
|
},
|
|
16493
16490
|
"emit patch event": emit(({
|
|
16494
16491
|
event
|
|
@@ -16496,11 +16493,21 @@ const editorMachine = setup({
|
|
|
16496
16493
|
"emit mutation event": emit(({
|
|
16497
16494
|
event
|
|
16498
16495
|
}) => (assertEvent(event, "mutation"), event)),
|
|
16499
|
-
"emit read only":
|
|
16500
|
-
|
|
16496
|
+
"emit read only": enqueueActions(({
|
|
16497
|
+
context,
|
|
16498
|
+
enqueue
|
|
16499
|
+
}) => {
|
|
16500
|
+
context.editorEngine && (context.editorEngine.readOnly = !0, context.editorEngine.onChange()), enqueue.emit({
|
|
16501
|
+
type: "read only"
|
|
16502
|
+
});
|
|
16501
16503
|
}),
|
|
16502
|
-
"emit editable":
|
|
16503
|
-
|
|
16504
|
+
"emit editable": enqueueActions(({
|
|
16505
|
+
context,
|
|
16506
|
+
enqueue
|
|
16507
|
+
}) => {
|
|
16508
|
+
context.editorEngine && (context.editorEngine.readOnly = !1, context.editorEngine.onChange()), enqueue.emit({
|
|
16509
|
+
type: "editable"
|
|
16510
|
+
});
|
|
16504
16511
|
}),
|
|
16505
16512
|
"defer event": assign({
|
|
16506
16513
|
pendingEvents: ({
|
|
@@ -16590,12 +16597,10 @@ const editorMachine = setup({
|
|
|
16590
16597
|
remainingEventBehaviors: behaviors,
|
|
16591
16598
|
event: event.behaviorEvent,
|
|
16592
16599
|
editor: event.editor,
|
|
16593
|
-
converters:
|
|
16594
|
-
keyGenerator:
|
|
16595
|
-
schema:
|
|
16596
|
-
readOnly:
|
|
16597
|
-
"edit mode": "read only"
|
|
16598
|
-
}),
|
|
16600
|
+
converters: event.editor.converters,
|
|
16601
|
+
keyGenerator: event.editor.keyGenerator,
|
|
16602
|
+
schema: event.editor.schema,
|
|
16603
|
+
readOnly: event.editor.readOnly,
|
|
16599
16604
|
nativeEvent: event.nativeEvent,
|
|
16600
16605
|
sendBack: (eventSentBack) => {
|
|
16601
16606
|
if (eventSentBack.type === "set drag ghost") {
|
|
@@ -16634,17 +16639,12 @@ const editorMachine = setup({
|
|
|
16634
16639
|
}) => ({
|
|
16635
16640
|
behaviors: new Set(coreBehaviorsConfig),
|
|
16636
16641
|
behaviorsSorted: !1,
|
|
16637
|
-
|
|
16638
|
-
blockObjects: /* @__PURE__ */ new Map(),
|
|
16639
|
-
inlineObjects: /* @__PURE__ */ new Map(),
|
|
16640
|
-
spans: /* @__PURE__ */ new Map(),
|
|
16641
|
-
textBlocks: /* @__PURE__ */ new Map(),
|
|
16642
|
-
converters: input.converters ?? [],
|
|
16642
|
+
initialConverters: input.converters ?? [],
|
|
16643
16643
|
keyGenerator: input.keyGenerator,
|
|
16644
16644
|
pendingEvents: [],
|
|
16645
16645
|
pendingIncomingPatchesEvents: [],
|
|
16646
|
+
pendingRegistrations: [],
|
|
16646
16647
|
schema: input.schema,
|
|
16647
|
-
selection: null,
|
|
16648
16648
|
initialReadOnly: input.readOnly ?? !1,
|
|
16649
16649
|
initialValue: input.initialValue
|
|
16650
16650
|
}),
|
|
@@ -16665,11 +16665,7 @@ const editorMachine = setup({
|
|
|
16665
16665
|
actions: ["unregister"]
|
|
16666
16666
|
},
|
|
16667
16667
|
"update selection": {
|
|
16668
|
-
actions: [
|
|
16669
|
-
selection: ({
|
|
16670
|
-
event
|
|
16671
|
-
}) => event.selection
|
|
16672
|
-
}), emit(({
|
|
16668
|
+
actions: [emit(({
|
|
16673
16669
|
event
|
|
16674
16670
|
}) => ({
|
|
16675
16671
|
...event,
|
|
@@ -18277,10 +18273,7 @@ function createInternalEditor(config) {
|
|
|
18277
18273
|
subscriptions
|
|
18278
18274
|
}), editor = {
|
|
18279
18275
|
dom: createEditorDom((event) => editorActor.send(event), editorEngine),
|
|
18280
|
-
getSnapshot: () =>
|
|
18281
|
-
editorActorSnapshot: editorActor.getSnapshot(),
|
|
18282
|
-
editorEngineInstance: editorEngine
|
|
18283
|
-
}),
|
|
18276
|
+
getSnapshot: () => editorEngine.snapshot,
|
|
18284
18277
|
registerBehavior: (behaviorConfig) => {
|
|
18285
18278
|
const priority = createEditorPriority({
|
|
18286
18279
|
name: "custom",
|
|
@@ -18907,12 +18900,9 @@ function EditorProvider(props) {
|
|
|
18907
18900
|
return $[23] !== internalEditor_0.editor || $[24] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorContext$1.Provider, { value: internalEditor_0.editor, children: t7 }), $[23] = internalEditor_0.editor, $[24] = t7, $[25] = t8) : t8 = $[25], t8;
|
|
18908
18901
|
}
|
|
18909
18902
|
const usePortableTextEditorSelection = () => {
|
|
18910
|
-
const $ = c(
|
|
18911
|
-
let t0;
|
|
18912
|
-
$[0] !== editorActor ? (t0 =
|
|
18913
|
-
const [selection, setSelection2] = useState(t0.context.selection);
|
|
18914
|
-
let t1, t2;
|
|
18915
|
-
return $[2] !== editorActor ? (t1 = () => {
|
|
18903
|
+
const $ = c(3), editorActor = useContext(EditorActorContext), editorEngine = useEngineStatic(), [selection, setSelection2] = useState(editorEngine.selection);
|
|
18904
|
+
let t0, t1;
|
|
18905
|
+
return $[0] !== editorActor ? (t0 = () => {
|
|
18916
18906
|
const subscription = editorActor.on("selection", (event) => {
|
|
18917
18907
|
startTransition(() => {
|
|
18918
18908
|
setSelection2(event.selection);
|
|
@@ -18921,7 +18911,7 @@ const usePortableTextEditorSelection = () => {
|
|
|
18921
18911
|
return () => {
|
|
18922
18912
|
subscription.unsubscribe();
|
|
18923
18913
|
};
|
|
18924
|
-
},
|
|
18914
|
+
}, t1 = [editorActor], $[0] = editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), selection;
|
|
18925
18915
|
};
|
|
18926
18916
|
function defineContainer(config) {
|
|
18927
18917
|
return {
|