sanity-plugin-markdown 8.0.4-canary.1 → 8.0.4

package/dist/index.cjs

@@ -0,0 +1,141 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+));
+Object.defineProperty(exports, "__esModule", { value: !0 });
+require("easymde/dist/easymde.min.css");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), compilerRuntime = require("react/compiler-runtime"), ui = require("@sanity/ui"), react = require("react"), styledComponents = require("styled-components");
+const SimpleMdeReact = react.lazy(() => import("react-simplemde-editor")), MarkdownInputStyles = styledComponents.styled(ui.Box).withConfig({
+  displayName: "MarkdownInputStyles",
+  componentId: "sc-syau23-0"
+})`& .CodeMirror.CodeMirror{color:${({
+  theme
+}) => theme.sanity.color.card.enabled.fg};border-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.border};background-color:inherit;}& .cm-s-easymde .CodeMirror-cursor{border-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.fg};}& .editor-toolbar,.editor-preview-side{border-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.border};}& .CodeMirror-focused .CodeMirror-selected.CodeMirror-selected.CodeMirror-selected{background-color:${({
+  theme
+}) => theme.sanity.color.selectable?.primary?.hovered?.bg};}& .CodeMirror-selected.CodeMirror-selected.CodeMirror-selected{background-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.bg};}& .editor-toolbar > *{color:${({
+  theme
+}) => theme.sanity.color.card.enabled.fg};}& .editor-toolbar > .active,.editor-toolbar > button:hover,.editor-preview pre,.cm-s-easymde .cm-comment{background-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.bg};}& .editor-preview{background-color:${({
+  theme
+}) => theme.sanity.color.card.enabled.bg};& h1,h2,h3,h4,h5,h6{font-size:revert;}& ul,li{list-style:revert;padding:revert;}& a{text-decoration:revert;}}`, defaultMdeTools = ["heading", "bold", "italic", "|", "quote", "unordered-list", "ordered-list", "|", "link", "image", "code", "|", "preview", "side-by-side"];
+function MarkdownInput(props) {
+  const $ = compilerRuntime.c(29), {
+    value: t0,
+    onChange,
+    elementProps: t1,
+    reactMdeProps: t2,
+    schemaType,
+    focused
+  } = props, value = t0 === void 0 ? "" : t0, {
+    onBlur,
+    onFocus,
+    ref: elementRef
+  } = t1;
+  let t3;
+  $[0] !== t2 ? (t3 = t2 === void 0 ? {} : t2, $[0] = t2, $[1] = t3) : t3 = $[1];
+  let mdeCustomOptions, reactMdeProps;
+  $[2] !== t3 ? ({
+    options: mdeCustomOptions,
+    ...reactMdeProps
+  } = t3, $[2] = t3, $[3] = mdeCustomOptions, $[4] = reactMdeProps) : (mdeCustomOptions = $[3], reactMdeProps = $[4]);
+  let t4;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+    apiVersion: "2022-01-01"
+  }, $[5] = t4) : t4 = $[5];
+  const client = sanity.useClient(t4);
+  let t5;
+  $[6] !== schemaType.options ? (t5 = schemaType.options ?? {}, $[6] = schemaType.options, $[7] = t5) : t5 = $[7];
+  const {
+    imageUrl
+  } = t5, [shouldAutoFocus, setShouldAutoFocus] = react.useState(!1), ref = react.useRef(null);
+  let t6;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = () => ref.current, $[8] = t6) : t6 = $[8], react.useImperativeHandle(elementRef, t6);
+  let t7;
+  $[9] !== client || $[10] !== imageUrl ? (t7 = (file, onSuccess, onError) => {
+    client.assets.upload("image", file).then((doc) => onSuccess(imageUrl ? imageUrl(doc) : `${doc.url}?w=450`)).catch((e) => {
+      console.error(e), onError(e.message);
+    });
+  }, $[9] = client, $[10] = imageUrl, $[11] = t7) : t7 = $[11];
+  const imageUpload = t7;
+  let t8;
+  $[12] !== imageUpload || $[13] !== mdeCustomOptions || $[14] !== shouldAutoFocus ? (t8 = {
+    spellChecker: !1,
+    sideBySideFullscreen: !1,
+    uploadImage: !0,
+    imageUploadFunction: imageUpload,
+    toolbar: defaultMdeTools,
+    status: !1,
+    ...mdeCustomOptions,
+    autofocus: shouldAutoFocus
+  }, $[12] = imageUpload, $[13] = mdeCustomOptions, $[14] = shouldAutoFocus, $[15] = t8) : t8 = $[15];
+  const mdeOptions = t8;
+  let t10, t9;
+  $[16] !== focused || $[17] !== shouldAutoFocus ? (t9 = () => {
+    const node = ref.current;
+    if (node) {
+      if (focused && !shouldAutoFocus) {
+        const raf = requestAnimationFrame(() => setShouldAutoFocus(!node.contains(document.activeElement)));
+        return () => cancelAnimationFrame(raf);
+      }
+      if (!focused && shouldAutoFocus) {
+        const raf_0 = requestAnimationFrame(() => setShouldAutoFocus(node.contains(document.activeElement)));
+        return () => cancelAnimationFrame(raf_0);
+      }
+    }
+  }, t10 = [focused, shouldAutoFocus], $[16] = focused, $[17] = shouldAutoFocus, $[18] = t10, $[19] = t9) : (t10 = $[18], t9 = $[19]), react.useEffect(t9, t10);
+  let t11;
+  $[20] !== onChange ? (t11 = (newValue) => {
+    onChange(sanity.PatchEvent.from(newValue ? sanity.set(newValue) : sanity.unset()));
+  }, $[20] = onChange, $[21] = t11) : t11 = $[21];
+  const handleChange = t11;
+  let t12;
+  return $[22] !== handleChange || $[23] !== mdeOptions || $[24] !== onBlur || $[25] !== onFocus || $[26] !== reactMdeProps || $[27] !== value ? (t12 = /* @__PURE__ */ jsxRuntime.jsx(MarkdownInputStyles, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(SimpleMdeReact, { ...reactMdeProps, ref, value, onChange: handleChange, onBlur, onFocus, options: mdeOptions, spellCheck: !1 }) }) }), $[22] = handleChange, $[23] = mdeOptions, $[24] = onBlur, $[25] = onFocus, $[26] = reactMdeProps, $[27] = value, $[28] = t12) : t12 = $[28], t12;
+}
+const fallback = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading editor..." }) }), markdownTypeName = "markdown", markdownSchemaType = sanity.defineType({
+  type: "string",
+  name: markdownTypeName,
+  title: "Markdown",
+  components: {
+    input: MarkdownInput
+  }
+}), markdownSchema = sanity.definePlugin((config) => ({
+  name: "markdown-editor",
+  schema: {
+    types: [config && config.input ? {
+      ...markdownSchemaType,
+      components: {
+        input: config.input
+      }
+    } : markdownSchemaType]
+  }
+}));
+exports.MarkdownInput = MarkdownInput;
+exports.defaultMdeTools = defaultMdeTools;
+exports.markdownSchema = markdownSchema;
+exports.markdownSchemaType = markdownSchemaType;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/MarkdownInput.tsx","../src/schema.ts","../src/plugin.tsx"],"sourcesContent":["// dont import non-types here, it will break SSR on next\nimport type {SimpleMDEReactProps} from 'react-simplemde-editor'\n\nimport {Box, Text} from '@sanity/ui'\nimport {type Options as EasyMdeOptions} from 'easymde'\nimport {\n  lazy,\n  Suspense,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {PatchEvent, set, type StringInputProps, unset, useClient} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport type {MarkdownOptions} from '../schema'\n\nconst SimpleMdeReact = lazy(() => import('react-simplemde-editor'))\n\nconst MarkdownInputStyles = styled(Box)`\n  & .CodeMirror.CodeMirror {\n    color: ${({theme}) => theme.sanity.color.card.enabled.fg};\n    border-color: ${({theme}) => theme.sanity.color.card.enabled.border};\n    background-color: inherit;\n  }\n\n  & .cm-s-easymde .CodeMirror-cursor {\n    border-color: ${({theme}) => theme.sanity.color.card.enabled.fg};\n  }\n\n  & .editor-toolbar,\n  .editor-preview-side {\n    border-color: ${({theme}) => theme.sanity.color.card.enabled.border};\n  }\n\n  & .CodeMirror-focused .CodeMirror-selected.CodeMirror-selected.CodeMirror-selected {\n    background-color: ${({theme}) => theme.sanity.color.selectable?.primary?.hovered?.bg};\n  }\n\n  & .CodeMirror-selected.CodeMirror-selected.CodeMirror-selected {\n    background-color: ${({theme}) => theme.sanity.color.card.enabled.bg};\n  }\n\n  & .editor-toolbar > * {\n    color: ${({theme}) => theme.sanity.color.card.enabled.fg};\n  }\n\n  & .editor-toolbar > .active,\n  .editor-toolbar > button:hover,\n  .editor-preview pre,\n  .cm-s-easymde .cm-comment {\n    background-color: ${({theme}) => theme.sanity.color.card.enabled.bg};\n  }\n\n  & .editor-preview {\n    background-color: ${({theme}) => theme.sanity.color.card.enabled.bg};\n\n    & h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-size: revert;\n    }\n\n    & ul,\n    li {\n      list-style: revert;\n      padding: revert;\n    }\n\n    & a {\n      text-decoration: revert;\n    }\n  }\n`\n\nexport interface MarkdownInputProps extends StringInputProps {\n  /**\n   * These are passed along directly to\n   *\n   * Note: MarkdownInput sets certain reactMdeProps.options by default.\n   * These will be merged with any custom options.\n   */\n  reactMdeProps?: Omit<SimpleMDEReactProps, 'value' | 'onChange'>\n}\n\nexport const defaultMdeTools: EasyMdeOptions['toolbar'] = [\n  'heading',\n  'bold',\n  'italic',\n  '|',\n  'quote',\n  'unordered-list',\n  'ordered-list',\n  '|',\n  'link',\n  'image',\n  'code',\n  '|',\n  'preview',\n  'side-by-side',\n]\n\nexport function MarkdownInput(props: MarkdownInputProps): React.JSX.Element {\n  const {\n    value = '',\n    onChange,\n    elementProps: {onBlur, onFocus, ref: elementRef},\n    reactMdeProps: {options: mdeCustomOptions, ...reactMdeProps} = {},\n    schemaType,\n    focused,\n  } = props\n  const client = useClient({apiVersion: '2022-01-01'})\n  // oxlint-disable-next-line no-unsafe-type-assertion\n  const {imageUrl} = (schemaType.options as MarkdownOptions | undefined) ?? {}\n  const [shouldAutoFocus, setShouldAutoFocus] = useState(false)\n  const ref = useRef<HTMLDivElement>(null)\n\n  // Forward ref to parent form state\n  useImperativeHandle(elementRef, () => ref.current)\n\n  const imageUpload = useCallback(\n    (file: File, onSuccess: (url: string) => void, onError: (error: string) => void) => {\n      client.assets\n        .upload('image', file)\n        .then((doc) => onSuccess(imageUrl ? imageUrl(doc) : `${doc.url}?w=450`))\n        .catch((e) => {\n          console.error(e)\n          onError(e.message)\n        })\n    },\n    [client, imageUrl],\n  )\n\n  const mdeOptions: EasyMdeOptions = useMemo(() => {\n    return {\n      spellChecker: false,\n      sideBySideFullscreen: false,\n      uploadImage: true,\n      imageUploadFunction: imageUpload,\n      toolbar: defaultMdeTools,\n      status: false,\n      ...mdeCustomOptions,\n      autofocus: shouldAutoFocus,\n    }\n  }, [imageUpload, mdeCustomOptions, shouldAutoFocus])\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return undefined\n\n    if (focused && !shouldAutoFocus) {\n      // Do not set autofocus if the field already has focus\n      const raf = requestAnimationFrame(() =>\n        setShouldAutoFocus(!node.contains(document.activeElement)),\n      )\n      return () => cancelAnimationFrame(raf)\n    }\n\n    if (!focused && shouldAutoFocus) {\n      // If `focused` is false, and the current active focus is no longer within the editor, reset autofocus state\n      const raf = requestAnimationFrame(() =>\n        setShouldAutoFocus(node.contains(document.activeElement)),\n      )\n      return () => cancelAnimationFrame(raf)\n    }\n\n    return undefined\n  }, [focused, shouldAutoFocus])\n\n  const handleChange = useCallback(\n    (newValue: string) => {\n      onChange(PatchEvent.from(newValue ? set(newValue) : unset()))\n    },\n    [onChange],\n  )\n\n  return (\n    <MarkdownInputStyles>\n      <Suspense fallback={fallback}>\n        <SimpleMdeReact\n          {...reactMdeProps}\n          ref={ref}\n          value={value}\n          onChange={handleChange}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          options={mdeOptions}\n          spellCheck={false}\n        />\n      </Suspense>\n    </MarkdownInputStyles>\n  )\n}\n\nconst fallback = (\n  <Box padding={3}>\n    <Text>Loading editor...</Text>\n  </Box>\n)\n","import type {SanityImageAssetDocument} from '@sanity/client'\n\nimport {defineType, type StringDefinition} from 'sanity'\n\nimport {MarkdownInput} from './components/MarkdownInput'\n\nexport const markdownTypeName = 'markdown'\n\nexport interface MarkdownOptions {\n  /**\n   * Used to create image url for any uploaded image.\n   * The function will be invoked whenever an image is pasted or dragged into the\n   * markdown editor, after upload completes.\n   *\n   * The default implementation uses\n   * ```js\n   * imageAsset => `${imageAsset.url}?w=450`\n   * ```\n   * ## Example\n   * ```js\n   * {\n   *   imageUrl: imageAsset => `${imageAsset.url}?w=400&h=400`\n   * }\n   * ```\n   * @param imageAsset\n   */\n  imageUrl?: (imageAsset: SanityImageAssetDocument) => string\n}\n\n/**\n * @public\n */\nexport interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof markdownTypeName\n  options?: MarkdownOptions\n}\n\ndeclare module 'sanity' {\n  // makes type: 'markdown' narrow correctly when using defineType/defineField/defineArrayMember\n  export interface IntrinsicDefinitions {\n    markdown: MarkdownDefinition\n  }\n}\n\nexport const markdownSchemaType = defineType({\n  type: 'string',\n  name: markdownTypeName,\n  title: 'Markdown',\n  components: {input: MarkdownInput},\n})\n","import {definePlugin, type Plugin, type StringInputProps} from 'sanity'\n\nimport {markdownSchemaType} from './schema'\n\nexport interface MarkdownConfig {\n  /**\n   * When provided, will replace the default input component.\n   *\n   * Use this to customize MarkdownInput by wrapping it in a custom component,\n   * and provide any custom props for https://github.com/RIP21/react-simplemde-editor#react-simplemde-easymde-markdown-editor\n   * via the `reactMdeProps` prop.\n   *\n   * ### Example\n   *\n   * ```tsx\n   * // CustomMarkdownInput.tsx\n   * import { MarkdownInput, MarkdownInputProps } from 'sanity-plugin-markdown'\n   *\n   * export function CustomMarkdownInput(props) {\n   *   const reactMdeProps: MarkdownInputProps['reactMdeProps'] =\n   *     useMemo(() => {\n   *       return {\n   *         options: {\n   *           toolbar: ['bold', 'italic'],\n   *           // more options available, see:\n   *           // https://github.com/Ionaru/easy-markdown-editor#options-list\n   *         },\n   *         // more props available, see:\n   *         // https://github.com/RIP21/react-simplemde-editor#react-simplemde-easymde-markdown-editor\n   *       }\n   *     }, [])\n   *\n   *   return <MarkdownInput {...props} reactMdeProps={reactMdeProps} />\n   * }\n   *\n   * // studio.config.ts\n   * markdownSchema({input: CustomMarkdownInput})\n   * ```\n   */\n  input?: (props: StringInputProps) => React.ReactElement\n}\n\nexport const markdownSchema: Plugin<MarkdownConfig | void> = definePlugin(\n  (config: MarkdownConfig | void) => {\n    return {\n      name: 'markdown-editor',\n      schema: {\n        types: [\n          config && config.input\n            ? {...markdownSchemaType, components: {input: config.input}}\n            : markdownSchemaType,\n        ],\n      },\n    }\n  },\n)\n"],"names":["SimpleMdeReact","lazy","MarkdownInputStyles","styled","Box","withConfig","displayName","componentId","theme","sanity","color","card","enabled","fg","border","selectable","primary","hovered","bg","defaultMdeTools","MarkdownInput","props","$","_c","value","t0","onChange","elementProps","t1","reactMdeProps","t2","schemaType","focused","undefined","onBlur","onFocus","ref","elementRef","t3","mdeCustomOptions","options","t4","for","apiVersion","client","useClient","t5","imageUrl","shouldAutoFocus","setShouldAutoFocus","useState","useRef","t6","Symbol","current","useImperativeHandle","t7","file","onSuccess","onError","assets","upload","then","doc","url","catch","e","console","error","message","imageUpload","t8","spellChecker","sideBySideFullscreen","uploadImage","imageUploadFunction","toolbar","status","autofocus","mdeOptions","t10","t9","node","raf","requestAnimationFrame","contains","document","activeElement","cancelAnimationFrame","raf_0","useEffect","t11","newValue","PatchEvent","from","set","unset","handleChange","t12","jsx","Suspense","fallback","Text","markdownTypeName","markdownSchemaType","defineType","type","name","title","components","input","markdownSchema","definePlugin","config","schema","types"],"mappings":"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"}

package/dist/index.d.cts

@@ -0,0 +1,161 @@
+import { Plugin, StringDefinition, StringInputProps } from "sanity";
+import { SimpleMDEReactProps } from "react-simplemde-editor";
+import { Options } from "easymde";
+/**
+ * Used to tag types that is set to `any` as a temporary measure, but should be replaced with proper typings in the future
+ * @internal
+ */
+declare type Any = any;
+/** @internal */
+declare interface SanityAssetDocument extends SanityDocument {
+  url: string;
+  path: string;
+  size: number;
+  assetId: string;
+  mimeType: string;
+  sha1hash: string;
+  extension: string;
+  uploadId?: string;
+  originalFilename?: string;
+}
+/** @internal */
+declare type SanityDocument<T extends Record<string, Any> = Record<string, Any>> = { [P in keyof T]: T[P] } & {
+  _id: string;
+  _rev: string;
+  _type: string;
+  _createdAt: string;
+  _updatedAt: string;
+  /**
+   * Present when `perspective` is set to `previewDrafts`
+   */
+  _originalId?: string;
+};
+/** @internal */
+declare interface SanityImageAssetDocument extends SanityAssetDocument {
+  metadata: {
+    _type: 'sanity.imageMetadata';
+    hasAlpha: boolean;
+    isOpaque: boolean;
+    lqip?: string;
+    blurHash?: string;
+    dimensions: {
+      _type: 'sanity.imageDimensions';
+      aspectRatio: number;
+      height: number;
+      width: number;
+    };
+    palette?: {
+      _type: 'sanity.imagePalette';
+      darkMuted?: SanityImagePalette;
+      darkVibrant?: SanityImagePalette;
+      dominant?: SanityImagePalette;
+      lightMuted?: SanityImagePalette;
+      lightVibrant?: SanityImagePalette;
+      muted?: SanityImagePalette;
+      vibrant?: SanityImagePalette;
+    };
+    image?: {
+      _type: 'sanity.imageExifTags';
+      [key: string]: Any;
+    };
+    exif?: {
+      _type: 'sanity.imageExifMetadata';
+      [key: string]: Any;
+    };
+  };
+}
+/** @internal */
+declare interface SanityImagePalette {
+  background: string;
+  foreground: string;
+  population: number;
+  title: string;
+}
+declare const markdownTypeName = "markdown";
+interface MarkdownOptions {
+  /**
+   * Used to create image url for any uploaded image.
+   * The function will be invoked whenever an image is pasted or dragged into the
+   * markdown editor, after upload completes.
+   *
+   * The default implementation uses
+   * ```js
+   * imageAsset => `${imageAsset.url}?w=450`
+   * ```
+   * ## Example
+   * ```js
+   * {
+   *   imageUrl: imageAsset => `${imageAsset.url}?w=400&h=400`
+   * }
+   * ```
+   * @param imageAsset
+   */
+  imageUrl?: (imageAsset: SanityImageAssetDocument) => string;
+}
+/**
+ * @public
+ */
+interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof markdownTypeName;
+  options?: MarkdownOptions;
+}
+declare module 'sanity' {
+  interface IntrinsicDefinitions {
+    markdown: MarkdownDefinition;
+  }
+}
+declare const markdownSchemaType: {
+  type: "string";
+  name: "markdown";
+} & Omit<StringDefinition, "preview">;
+interface MarkdownInputProps extends StringInputProps {
+  /**
+   * These are passed along directly to
+   *
+   * Note: MarkdownInput sets certain reactMdeProps.options by default.
+   * These will be merged with any custom options.
+   */
+  reactMdeProps?: Omit<SimpleMDEReactProps, 'value' | 'onChange'>;
+}
+declare const defaultMdeTools: Options['toolbar'];
+declare function MarkdownInput(props: MarkdownInputProps): React.JSX.Element;
+interface MarkdownConfig {
+  /**
+   * When provided, will replace the default input component.
+   *
+   * Use this to customize MarkdownInput by wrapping it in a custom component,
+   * and provide any custom props for https://github.com/RIP21/react-simplemde-editor#react-simplemde-easymde-markdown-editor
+   * via the `reactMdeProps` prop.
+   *
+   * ### Example
+   *
+   * ```tsx
+   * // CustomMarkdownInput.tsx
+   * import { MarkdownInput, MarkdownInputProps } from 'sanity-plugin-markdown'
+   *
+   * export function CustomMarkdownInput(props) {
+   *   const reactMdeProps: MarkdownInputProps['reactMdeProps'] =
+   *     useMemo(() => {
+   *       return {
+   *         options: {
+   *           toolbar: ['bold', 'italic'],
+   *           // more options available, see:
+   *           // https://github.com/Ionaru/easy-markdown-editor#options-list
+   *         },
+   *         // more props available, see:
+   *         // https://github.com/RIP21/react-simplemde-editor#react-simplemde-easymde-markdown-editor
+   *       }
+   *     }, [])
+   *
+   *   return <MarkdownInput {...props} reactMdeProps={reactMdeProps} />
+   * }
+   *
+   * // studio.config.ts
+   * markdownSchema({input: CustomMarkdownInput})
+   * ```
+   */
+  input?: (props: StringInputProps) => React.ReactElement;
+}
+declare const markdownSchema: Plugin<MarkdownConfig | void>;
+export { type MarkdownConfig, type MarkdownDefinition, MarkdownInput, type MarkdownInputProps, defaultMdeTools, markdownSchema, markdownSchemaType };
+//# sourceMappingURL=index.d.cts.map