@portabletext/editor 3.2.6 → 3.3.1

package/lib/_chunks-es/use-editor.js

@@ -1,9 +1,13 @@
 import React, { createContext } from "react";
 function getGlobalScope() {
-  if (typeof globalThis < "u") return globalThis;
-  if (typeof window < "u") return window;
-  if (typeof self < "u") return self;
-  if (typeof global < "u") return global;
+  if (typeof globalThis < "u")
+    return globalThis;
+  if (typeof window < "u")
+    return window;
+  if (typeof self < "u")
+    return self;
+  if (typeof global < "u")
+    return global;
   throw new Error("@portabletext/editor: could not locate global scope");
 }
 const globalScope = getGlobalScope();

package/lib/_chunks-es/use-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-editor.js","sources":["../../src/internal-utils/global-scope.ts","../../src/internal-utils/globally-scoped-context.ts","../../src/editor/editor-context.tsx","../../src/editor/use-editor.ts"],"sourcesContent":["/**\n * Gets the global scope instance in a given environment.\n *\n * The strategy is to return the most modern, and if not, the most common:\n * - The `globalThis` variable is the modern approach to accessing the global scope\n * - The `window` variable is the global scope in a web browser\n * - The `self` variable is the global scope in workers and others\n * - The `global` variable is the global scope in Node.js\n */\nfunction getGlobalScope() {\n  if (typeof globalThis !== 'undefined') return globalThis\n  if (typeof window !== 'undefined') return window\n  if (typeof self !== 'undefined') return self\n  if (typeof global !== 'undefined') return global\n\n  throw new Error('@portabletext/editor: could not locate global scope')\n}\n\nexport const globalScope = getGlobalScope() as any\n","import {createContext, type Context} from 'react'\nimport {globalScope} from './global-scope'\n\n/**\n * As `@portabletext/editor` is declared as a dependency, and may be\n * duplicated, sometimes across major versions it's critical that vital\n * React Contexts are shared even when there is a duplicate.\n *\n * We have to support a Sanity Plugin being able to call hooks like\n * `useEditor`, and then read the context setup by `sanity`, which calls\n * `EditorProvider`, even if the provider and hook are different instances in\n * memory.\n *\n * For this reason it's vital that all changes to globally scoped providers\n * remain fully backwards compatible.\n */\nexport function createGloballyScopedContext<\n  ContextType,\n  const T extends ContextType = ContextType,\n>(\n  /**\n   * Enforce that all Symbol.for keys used for globally scoped contexts have a predictable prefix\n   */\n  key: `@portabletext/editor/context/${string}`,\n  defaultValue: T,\n): Context<ContextType> {\n  const symbol = Symbol.for(key)\n\n  /**\n   * Prevent errors about re-renders on React SSR on Next.js App Router\n   */\n  if (typeof document === 'undefined') {\n    return createContext<ContextType>(defaultValue)\n  }\n\n  globalScope[symbol] = globalScope[symbol] ?? createContext<T>(defaultValue)\n\n  return globalScope[symbol]\n}\n","import type {Editor} from '../editor'\nimport {createGloballyScopedContext} from '../internal-utils/globally-scoped-context'\n\nexport const EditorContext = createGloballyScopedContext<Editor | null>(\n  '@portabletext/editor/context/editor',\n  null,\n)\n","import React from 'react'\nimport {EditorContext} from './editor-context'\n\n/**\n * @public\n * Get the current editor context from the `EditorProvider`.\n * Must be used inside the `EditorProvider` component.\n * @returns The current editor object.\n * @example\n * ```tsx\n * import { useEditor } from '@portabletext/editor'\n *\n * function MyComponent() {\n *  const editor = useEditor()\n * }\n * ```\n * @group Hooks\n */\nexport function useEditor() {\n  const editor = React.useContext(EditorContext)\n\n  if (!editor) {\n    throw new Error('No Editor set. Use EditorProvider to set one.')\n  }\n\n  return editor\n}\n"],"names":["getGlobalScope","globalThis","window","self","global","Error","globalScope","createGloballyScopedContext","key","defaultValue","symbol","Symbol","for","document","createContext","EditorContext","useEditor","editor","React","useContext"],"mappings":";AASA,SAASA,iBAAiB;AACxB,MAAI,OAAOC,aAAe,IAAa,QAAOA;AAC9C,MAAI,OAAOC,SAAW,IAAa,QAAOA;AAC1C,MAAI,OAAOC,OAAS,IAAa,QAAOA;AACxC,MAAI,OAAOC,SAAW,IAAa,QAAOA;AAE1C,QAAM,IAAIC,MAAM,qDAAqD;AACvE;AAEO,MAAMC,cAAcN,eAAAA;ACFpB,SAASO,4BAOdC,KACAC,cACsB;AACtB,QAAMC,SAASC,OAAOC,IAAIJ,GAAG;AAK7B,SAAI,OAAOK,WAAa,MACfC,cAA2BL,YAAY,KAGhDH,YAAYI,MAAM,IAAIJ,YAAYI,MAAM,KAAKI,cAAiBL,YAAY,GAEnEH,YAAYI,MAAM;AAC3B;ACnCO,MAAMK,gBAAgBR,4BAC3B,uCACA,IACF;ACYO,SAAAS,YAAA;AACL,QAAAC,SAAeC,MAAKC,WAAYJ,aAAa;AAE7C,MAAI,CAACE;AACH,UAAM,IAAIZ,MAAM,+CAA+C;AAChE,SAEMY;AAAM;"}
+{"version":3,"file":"use-editor.js","sources":["../../src/internal-utils/global-scope.ts","../../src/internal-utils/globally-scoped-context.ts","../../src/editor/editor-context.tsx","../../src/editor/use-editor.ts"],"sourcesContent":["/**\n * Gets the global scope instance in a given environment.\n *\n * The strategy is to return the most modern, and if not, the most common:\n * - The `globalThis` variable is the modern approach to accessing the global scope\n * - The `window` variable is the global scope in a web browser\n * - The `self` variable is the global scope in workers and others\n * - The `global` variable is the global scope in Node.js\n */\nfunction getGlobalScope() {\n  if (typeof globalThis !== 'undefined') {\n    return globalThis\n  }\n  if (typeof window !== 'undefined') {\n    return window\n  }\n  if (typeof self !== 'undefined') {\n    return self\n  }\n  if (typeof global !== 'undefined') {\n    return global\n  }\n\n  throw new Error('@portabletext/editor: could not locate global scope')\n}\n\nexport const globalScope = getGlobalScope() as any\n","import {createContext, type Context} from 'react'\nimport {globalScope} from './global-scope'\n\n/**\n * As `@portabletext/editor` is declared as a dependency, and may be\n * duplicated, sometimes across major versions it's critical that vital\n * React Contexts are shared even when there is a duplicate.\n *\n * We have to support a Sanity Plugin being able to call hooks like\n * `useEditor`, and then read the context setup by `sanity`, which calls\n * `EditorProvider`, even if the provider and hook are different instances in\n * memory.\n *\n * For this reason it's vital that all changes to globally scoped providers\n * remain fully backwards compatible.\n */\nexport function createGloballyScopedContext<\n  ContextType,\n  const T extends ContextType = ContextType,\n>(\n  /**\n   * Enforce that all Symbol.for keys used for globally scoped contexts have a predictable prefix\n   */\n  key: `@portabletext/editor/context/${string}`,\n  defaultValue: T,\n): Context<ContextType> {\n  const symbol = Symbol.for(key)\n\n  /**\n   * Prevent errors about re-renders on React SSR on Next.js App Router\n   */\n  if (typeof document === 'undefined') {\n    return createContext<ContextType>(defaultValue)\n  }\n\n  globalScope[symbol] = globalScope[symbol] ?? createContext<T>(defaultValue)\n\n  return globalScope[symbol]\n}\n","import type {Editor} from '../editor'\nimport {createGloballyScopedContext} from '../internal-utils/globally-scoped-context'\n\nexport const EditorContext = createGloballyScopedContext<Editor | null>(\n  '@portabletext/editor/context/editor',\n  null,\n)\n","import React from 'react'\nimport {EditorContext} from './editor-context'\n\n/**\n * @public\n * Get the current editor context from the `EditorProvider`.\n * Must be used inside the `EditorProvider` component.\n * @returns The current editor object.\n * @example\n * ```tsx\n * import { useEditor } from '@portabletext/editor'\n *\n * function MyComponent() {\n *  const editor = useEditor()\n * }\n * ```\n * @group Hooks\n */\nexport function useEditor() {\n  const editor = React.useContext(EditorContext)\n\n  if (!editor) {\n    throw new Error('No Editor set. Use EditorProvider to set one.')\n  }\n\n  return editor\n}\n"],"names":["getGlobalScope","globalThis","window","self","global","Error","globalScope","createGloballyScopedContext","key","defaultValue","symbol","Symbol","for","document","createContext","EditorContext","useEditor","editor","React","useContext"],"mappings":";AASA,SAASA,iBAAiB;AACxB,MAAI,OAAOC,aAAe;AACxB,WAAOA;AAET,MAAI,OAAOC,SAAW;AACpB,WAAOA;AAET,MAAI,OAAOC,OAAS;AAClB,WAAOA;AAET,MAAI,OAAOC,SAAW;AACpB,WAAOA;AAGT,QAAM,IAAIC,MAAM,qDAAqD;AACvE;AAEO,MAAMC,cAAcN,eAAAA;ACVpB,SAASO,4BAOdC,KACAC,cACsB;AACtB,QAAMC,SAASC,OAAOC,IAAIJ,GAAG;AAK7B,SAAI,OAAOK,WAAa,MACfC,cAA2BL,YAAY,KAGhDH,YAAYI,MAAM,IAAIJ,YAAYI,MAAM,KAAKI,cAAiBL,YAAY,GAEnEH,YAAYI,MAAM;AAC3B;ACnCO,MAAMK,gBAAgBR,4BAC3B,uCACA,IACF;ACYO,SAAAS,YAAA;AACL,QAAAC,SAAeC,MAAKC,WAAYJ,aAAa;AAE7C,MAAI,CAACE;AACH,UAAM,IAAIZ,MAAM,+CAA+C;AAChE,SAEMY;AAAM;"}

package/lib/index.js

@@ -19,6 +19,7 @@ import { setup, fromCallback, assign, and, enqueueActions, emit, assertEvent, ra
 import { compileSchemaDefinitionToPortableTextMemberSchemaTypes, createPortableTextMemberSchemaTypes, portableTextMemberSchemaTypesToSchema } from "@portabletext/sanity-bridge";
 import { htmlToBlocks } from "@portabletext/block-tools";
 import { toHTML } from "@portabletext/to-html";
+import { markdownToPortableText, portableTextToMarkdown } from "@portabletext/markdown";
 import { Schema } from "@sanity/schema";
 import flatten from "lodash/flatten.js";
 import { set, applyAll, unset, insert, setIfMissing, diffMatchPatch as diffMatchPatch$1 } from "@portabletext/patches";
@@ -442,7 +443,15 @@ function getEventNode({
   slateEditor,
   event
 }) {
-  return DOMEditor.hasTarget(slateEditor, event.target) ? DOMEditor.toSlateNode(slateEditor, event.target) : void 0;
+  if (!DOMEditor.hasTarget(slateEditor, event.target))
+    return;
+  let node;
+  try {
+    node = DOMEditor.toSlateNode(slateEditor, event.target);
+  } catch (error) {
+    console.error(error);
+  }
+  return node;
 }
 function getEventPositionBlock({
   node,
@@ -454,7 +463,15 @@ function getEventPositionBlock({
   });
   if (!firstBlock)
     return;
-  const firstBlockRect = DOMEditor.toDOMNode(slateEditor, firstBlock).getBoundingClientRect();
+  let firstBlockElement;
+  try {
+    firstBlockElement = DOMEditor.toDOMNode(slateEditor, firstBlock);
+  } catch (error) {
+    console.error(error);
+  }
+  if (!firstBlockElement)
+    return;
+  const firstBlockRect = firstBlockElement.getBoundingClientRect();
   if (event.pageY < firstBlockRect.top)
     return "start";
   const [lastBlock] = getLastBlock({
@@ -462,10 +479,26 @@ function getEventPositionBlock({
   });
   if (!lastBlock)
     return;
-  const lastBlockRef = DOMEditor.toDOMNode(slateEditor, lastBlock).getBoundingClientRect();
+  let lastBlockElement;
+  try {
+    lastBlockElement = DOMEditor.toDOMNode(slateEditor, lastBlock);
+  } catch (error) {
+    console.error(error);
+  }
+  if (!lastBlockElement)
+    return;
+  const lastBlockRef = lastBlockElement.getBoundingClientRect();
   if (event.pageY > lastBlockRef.bottom)
     return "end";
-  const elementRect = DOMEditor.toDOMNode(slateEditor, node).getBoundingClientRect(), top = elementRect.top, height = elementRect.height;
+  let element;
+  try {
+    element = DOMEditor.toDOMNode(slateEditor, node);
+  } catch (error) {
+    console.error(error);
+  }
+  if (!element)
+    return;
+  const elementRect = element.getBoundingClientRect(), top = elementRect.top, height = elementRect.height;
   return Math.abs(top - event.pageY) < height / 2 ? "start" : "end";
 }
 function getEventSelection({
@@ -2733,6 +2766,57 @@ function createConverterTextHtml(legacySchema) {
     }
   };
 }
+const converterTextMarkdown = {
+  mimeType: "text/markdown",
+  serialize: ({
+    snapshot,
+    event
+  }) => {
+    if (!snapshot.context.selection)
+      return {
+        type: "serialization.failure",
+        mimeType: "text/markdown",
+        reason: "No selection",
+        originEvent: event.originEvent
+      };
+    const blocks = getSelectedValue(snapshot);
+    return {
+      type: "serialization.success",
+      data: portableTextToMarkdown(blocks),
+      mimeType: "text/markdown",
+      originEvent: event.originEvent
+    };
+  },
+  deserialize: ({
+    snapshot,
+    event
+  }) => {
+    const parsedBlocks = markdownToPortableText(event.data, {
+      keyGenerator: snapshot.context.keyGenerator,
+      schema: snapshot.context.schema
+    }).flatMap((block) => {
+      const parsedBlock = parseBlock({
+        context: snapshot.context,
+        block,
+        options: {
+          normalize: !1,
+          removeUnusedMarkDefs: !0,
+          validateFields: !1
+        }
+      });
+      return parsedBlock ? [parsedBlock] : [];
+    });
+    return parsedBlocks.length === 0 ? {
+      type: "deserialization.failure",
+      mimeType: "text/markdown",
+      reason: "No blocks deserialized"
+    } : {
+      type: "deserialization.success",
+      data: parsedBlocks,
+      mimeType: "text/markdown"
+    };
+  }
+};
 function createConverterTextPlain(legacySchema) {
   return {
     mimeType: "text/plain",
@@ -2796,7 +2880,7 @@ function escapeHtml(str) {
   return String(str).replace(/[&<>"'`=/]/g, (s) => entityMap[s]);
 }
 function createCoreConverters(legacySchema) {
-  return [converterJson, converterPortableText, createConverterTextHtml(legacySchema), createConverterTextPlain(legacySchema)];
+  return [converterJson, converterPortableText, converterTextMarkdown, createConverterTextHtml(legacySchema), createConverterTextPlain(legacySchema)];
 }
 function compileType(rawType) {
   return Schema.compile({
@@ -6581,7 +6665,8 @@ function applyOperationToPortableTextImmutable(context, root, operation) {
         offset,
         text
       } = operation;
-      if (text.length === 0) return root;
+      if (text.length === 0)
+        return root;
       const span = getSpan(context, root, path);
       if (!span)
         return root;
@@ -8606,41 +8691,37 @@ const abstractAnnotationBehaviors = [defineBehavior({
     ...event,
     type: "delete"
   })]]
-})], abstractDeserializeBehaviors = [
+})], mimeTypePriority = ["application/x-portable-text", "application/json", "text/markdown", "text/html", "text/plain"];
+function getFirstAvailableData({
+  dataTransfer,
+  startAfter
+}) {
+  const startIndex = startAfter ? mimeTypePriority.indexOf(startAfter) + 1 : 0;
+  for (let index = startIndex; index < mimeTypePriority.length; index++) {
+    const mimeType = mimeTypePriority.at(index);
+    if (!mimeType)
+      continue;
+    const data = dataTransfer.getData(mimeType);
+    if (data)
+      return {
+        mimeType,
+        data
+      };
+  }
+}
+const abstractDeserializeBehaviors = [
   defineBehavior({
     on: "deserialize",
     guard: ({
       event
     }) => {
-      const portableText = event.originEvent.originEvent.dataTransfer.getData("application/x-portable-text");
-      if (portableText)
-        return {
-          type: "deserialize.data",
-          mimeType: "application/x-portable-text",
-          data: portableText,
-          originEvent: event.originEvent
-        };
-      const json = event.originEvent.originEvent.dataTransfer.getData("application/json");
-      if (json)
-        return {
-          type: "deserialize.data",
-          mimeType: "application/json",
-          data: json,
-          originEvent: event.originEvent
-        };
-      const html = event.originEvent.originEvent.dataTransfer.getData("text/html");
-      if (html)
-        return {
-          type: "deserialize.data",
-          mimeType: "text/html",
-          data: html,
-          originEvent: event.originEvent
-        };
-      const text = event.originEvent.originEvent.dataTransfer.getData("text/plain");
-      return text ? {
+      const availableData = getFirstAvailableData({
+        dataTransfer: event.originEvent.originEvent.dataTransfer
+      });
+      return availableData ? {
         type: "deserialize.data",
-        mimeType: "text/plain",
-        data: text,
+        mimeType: availableData.mimeType,
+        data: availableData.data,
         originEvent: event.originEvent
       } : !1;
     },
@@ -8747,37 +8828,18 @@ const abstractAnnotationBehaviors = [defineBehavior({
     guard: ({
       event
     }) => {
-      if (event.mimeType === "application/x-portable-text") {
-        const json = event.originEvent.originEvent.dataTransfer.getData("application/json");
-        if (json)
-          return {
-            type: "deserialize.data",
-            mimeType: "application/json",
-            data: json,
-            originEvent: event.originEvent
-          };
-      }
-      if (event.mimeType === "application/json") {
-        const html = event.originEvent.originEvent.dataTransfer.getData("text/html");
-        if (html)
-          return {
-            type: "deserialize.data",
-            mimeType: "text/html",
-            data: html,
-            originEvent: event.originEvent
-          };
-      }
-      if (event.mimeType === "text/html") {
-        const text = event.originEvent.originEvent.dataTransfer.getData("text/plain");
-        if (text)
-          return {
-            type: "deserialize.data",
-            mimeType: "text/plain",
-            data: text,
-            originEvent: event.originEvent
-          };
-      }
-      return !1;
+      if (event.mimeType === "*/*")
+        return !1;
+      const availableData = getFirstAvailableData({
+        dataTransfer: event.originEvent.originEvent.dataTransfer,
+        startAfter: event.mimeType
+      });
+      return availableData ? {
+        type: "deserialize.data",
+        mimeType: availableData.mimeType,
+        data: availableData.data,
+        originEvent: event.originEvent
+      } : !1;
     },
     actions: [(_, deserializeDataEvent) => [raise(deserializeDataEvent)]]
   }),
@@ -12793,7 +12855,8 @@ class PortableTextEditor extends Component {
   static insertBreak = (editor) => editor.editable?.insertBreak();
   static isVoid = (editor, element) => editor.editable?.isVoid(element);
   static isObjectPath = (_editor, path) => {
-    if (!path || !Array.isArray(path)) return !1;
+    if (!path || !Array.isArray(path))
+      return !1;
     const isChildObjectEditPath = path.length > 3 && path[1] === "children";
     return path.length > 1 && path[1] !== "children" || isChildObjectEditPath;
   };