sanity-plugin-markdown 6.0.0 → 7.0.1

package/dist/indexNext.js

@@ -0,0 +1,180 @@
+import { useClient, PatchEvent, set, unset, defineType, definePlugin } from "sanity";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { Box, Text } from "@sanity/ui";
+import { lazy, useState, useRef, useImperativeHandle, useEffect, Suspense } from "react";
+import { styled } from "styled-components";
+const SimpleMdeReact = lazy(() => import("react-simplemde-editor")), MarkdownInputStyles = styled(Box)`
+  & .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 $ = 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] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+    apiVersion: "2022-01-01"
+  }, $[5] = t4) : t4 = $[5];
+  const client = useClient(t4);
+  let t5;
+  $[6] !== schemaType.options ? (t5 = schemaType.options ?? {}, $[6] = schemaType.options, $[7] = t5) : t5 = $[7];
+  const {
+    imageUrl
+  } = t5, [shouldAutoFocus, setShouldAutoFocus] = useState(!1), ref = useRef(null);
+  let t6;
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => ref.current, $[8] = t6) : t6 = $[8], 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]), useEffect(t9, t10);
+  let t11;
+  $[20] !== onChange ? (t11 = (newValue) => {
+    onChange(PatchEvent.from(newValue ? set(newValue) : 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__ */ jsx(MarkdownInputStyles, { children: /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ 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__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(Text, { children: "Loading editor..." }) }), markdownTypeName = "markdown", markdownSchemaType = defineType({
+  type: "string",
+  name: markdownTypeName,
+  title: "Markdown",
+  components: {
+    input: MarkdownInput
+  }
+}), markdownSchema = definePlugin((config) => ({
+  name: "markdown-editor",
+  schema: {
+    types: [config && config.input ? {
+      ...markdownSchemaType,
+      components: {
+        input: config.input
+      }
+    } : markdownSchemaType]
+  }
+}));
+export {
+  MarkdownInput,
+  defaultMdeTools,
+  markdownSchema,
+  markdownSchemaType
+};
+//# sourceMappingURL=indexNext.js.map

package/dist/indexNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexNext.js","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  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' as const\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 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 = definePlugin((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"],"names":["SimpleMdeReact","lazy","MarkdownInputStyles","styled","Box","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","Symbol","for","apiVersion","client","useClient","t5","imageUrl","shouldAutoFocus","setShouldAutoFocus","useState","useRef","t6","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","fallback","markdownTypeName","markdownSchemaType","defineType","type","name","title","components","input","markdownSchema","definePlugin","config","schema","types"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-markdown",
-  "version": "6.0.0",
+  "version": "7.0.1",
   "description": "Markdown fields in Sanity Studio. Supports Github flavored Markdown and image uploads.",
   "keywords": [
     "sanity",
@@ -9,93 +9,47 @@
     "markdown",
     "github flavored markdown"
   ],
-  "homepage": "https://github.com/sanity-io/sanity-plugin-markdown#readme",
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/plugins/sanity-plugin-markdown#readme",
   "bugs": {
-    "url": "https://github.com/sanity-io/sanity-plugin-markdown/issues"
+    "url": "https://github.com/sanity-io/plugins/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git@github.com:sanity-io/sanity-plugin-markdown.git"
+    "url": "git+ssh://git@github.com/sanity-io/plugins.git",
+    "directory": "plugins/sanity-plugin-markdown"
   },
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": true,
+  "type": "module",
   "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./lib/index.mjs",
-      "require": "./lib/index.js",
-      "default": "./lib/index.js"
-    },
-    "./next": {
-      "source": "./src/indexNext.ts",
-      "import": "./lib/indexNext.mjs",
-      "require": "./lib/indexNext.js",
-      "default": "./lib/indexNext.js"
-    },
+    ".": "./dist/index.js",
+    "./next": "./dist/indexNext.js",
     "./package.json": "./package.json"
   },
-  "main": "./lib/index.js",
-  "module": "./lib/index.esm.js",
-  "types": "./lib/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "next": [
-        "./lib/indexNext.d.ts"
-      ]
-    }
-  },
+  "types": "./dist/index.d.ts",
   "files": [
-    "lib",
-    "sanity.json",
-    "src",
-    "v2-incompatible.js"
+    "dist"
   ],
-  "scripts": {
-    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
-    "compile": "tsc --noEmit",
-    "format": "prettier --write --cache --ignore-unknown .",
-    "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
-    "prepare": "husky install",
-    "prepublishOnly": "npm run build",
-    "watch": "pkg-utils watch --strict"
-  },
-  "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
   "dependencies": {
-    "@sanity/incompatible-plugin": "^1.0.5",
     "@sanity/ui": "^3.0.5",
+    "react-compiler-runtime": "^1.0.0",
     "react-simplemde-editor": "^5.2.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.8.1",
-    "@commitlint/config-conventional": "^17.8.1",
-    "@sanity/pkg-utils": "^6.11.0",
-    "@sanity/plugin-kit": "^4.0.18",
-    "@sanity/prettier-config": "^1.0.3",
-    "@sanity/semantic-release-preset": "^2.0.5",
-    "@sanity/vision": "^4.1.1",
-    "@types/react": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "easymde": "^2.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-sanity": "^6.0.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.35.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "npm-run-all2": "^5.0.0",
-    "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
-    "sanity": "^4.1.1",
+    "@sanity/client": "7.13.1",
+    "@sanity/pkg-utils": "^10.1.1",
+    "@types/react": "^19.2.7",
+    "@typescript/native-preview": "7.0.0-dev.20251202.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "easymde": "^2.20.0",
+    "eslint": "^9.39.1",
+    "react": "^19.2.1",
+    "sanity": "^4.20.3",
     "styled-components": "^6.1.19",
-    "typescript": "5.5.4"
+    "typescript": "5.9.3",
+    "@repo/eslint-config": "0.0.4",
+    "@repo/package.config": "0.0.0",
+    "@repo/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "easymde": "^2.18",
@@ -104,7 +58,11 @@
     "styled-components": "^6.1"
   },
   "engines": {
-    "node": ">=18"
+    "node": ">=20.19 <22 || >=22.12"
   },
-  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-markdown"
-}
+  "scripts": {
+    "build": "pkg build --strict --check --clean",
+    "lint": "eslint .",
+    "typecheck": "(cd ../.. && tsgo --project plugins/sanity-plugin-markdown/tsconfig.json)"
+  }
+}

package/lib/_chunks-cjs/plugin.js

@@ -1,176 +0,0 @@
-"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
-));
-var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), ui = require("@sanity/ui"), styledComponents = require("styled-components");
-const MarkdownInputStyles = styledComponents.styled(ui.Box)`
-  & .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;
-    }
-  }
-`, SimpleMdeReact = react.lazy(() => import("react-simplemde-editor")), defaultMdeTools = [
-  "heading",
-  "bold",
-  "italic",
-  "|",
-  "quote",
-  "unordered-list",
-  "ordered-list",
-  "|",
-  "link",
-  "image",
-  "code",
-  "|",
-  "preview",
-  "side-by-side"
-];
-function MarkdownInput(props) {
-  const {
-    value = "",
-    onChange,
-    elementProps: { onBlur, onFocus, ref: elementRef },
-    reactMdeProps: { options: mdeCustomOptions, ...reactMdeProps } = {},
-    schemaType,
-    focused
-  } = props, client = sanity.useClient({ apiVersion: "2022-01-01" }), { imageUrl } = schemaType.options ?? {}, [shouldAutoFocus, setShouldAutoFocus] = react.useState(!1), ref = react.useRef(null);
-  react.useImperativeHandle(elementRef, () => ref.current);
-  const imageUpload = react.useCallback(
-    (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);
-      });
-    },
-    [client, imageUrl]
-  ), mdeOptions = react.useMemo(() => ({
-    spellChecker: !1,
-    sideBySideFullscreen: !1,
-    uploadImage: !0,
-    imageUploadFunction: imageUpload,
-    toolbar: defaultMdeTools,
-    status: !1,
-    ...mdeCustomOptions,
-    autofocus: shouldAutoFocus
-  }), [imageUpload, mdeCustomOptions, shouldAutoFocus]);
-  react.useEffect(() => {
-    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 = requestAnimationFrame(
-          () => setShouldAutoFocus(node.contains(document.activeElement))
-        );
-        return () => cancelAnimationFrame(raf);
-      }
-    }
-  }, [focused, shouldAutoFocus]);
-  const handleChange = react.useCallback(
-    (newValue) => {
-      onChange(sanity.PatchEvent.from(newValue ? sanity.set(newValue) : sanity.unset()));
-    },
-    [onChange]
-  );
-  return /* @__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
-    }
-  ) }) });
-}
-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=plugin.js.map

package/lib/_chunks-cjs/plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.js","sources":["../../src/components/MarkdownInputStyles.tsx","../../src/components/MarkdownInput.tsx","../../src/schema.ts","../../src/plugin.tsx"],"sourcesContent":["import {Box} from '@sanity/ui'\nimport {styled} from 'styled-components'\n\nexport const 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","import {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'\n// dont import non-types here, it will break SSR on next\nimport type {SimpleMDEReactProps} from 'react-simplemde-editor'\nimport {PatchEvent, set, StringInputProps, unset, useClient} from 'sanity'\nimport {MarkdownOptions} from '../schema'\nimport {MarkdownInputStyles} from './MarkdownInputStyles'\nimport {Box, Text} from '@sanity/ui'\n\nconst SimpleMdeReact = lazy(() => import('react-simplemde-editor'))\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) {\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  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  // eslint-disable-next-line consistent-return\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  }, [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 {defineType, StringDefinition} from 'sanity'\nimport {MarkdownInput} from './components/MarkdownInput'\nimport {SanityImageAssetDocument} from '@sanity/client'\n\nexport const markdownTypeName = 'markdown' as const\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/types' {\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, StringInputProps} from 'sanity'\nimport {markdownSchemaType} from './schema'\nimport {ReactElement} from 'react'\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) => ReactElement\n}\n\nexport const markdownSchema = definePlugin((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"],"names":["styled","Box","lazy","useClient","useState","useRef","useImperativeHandle","useCallback","useMemo","useEffect","PatchEvent","set","unset","jsx","Suspense","Text","defineType","definePlugin"],"mappings":"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"}