sanity-plugin-markdown

Index: package/dist/_chunks-es/commonExports.js.map
===================================================================
--- package/dist/_chunks-es/commonExports.js.map
+++ package/dist/_chunks-es/commonExports.js.map
@@ -0,0 +1,1 @@
+{"version":3,"file":"commonExports.js","names":["Box","Text","Options","EasyMdeOptions","lazy","Suspense","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","SimpleMDEReactProps","PatchEvent","set","StringInputProps","unset","useClient","styled","MarkdownOptions","SimpleMdeReact","MarkdownInputStyles","theme","sanity","color","card","enabled","fg","border","selectable","primary","hovered","bg","MarkdownInputProps","reactMdeProps","Omit","defaultMdeTools","MarkdownInput","props","$","_c","value","t0","onChange","elementProps","t1","t2","schemaType","focused","undefined","onBlur","onFocus","ref","elementRef","t3","mdeCustomOptions","options","t4","Symbol","for","apiVersion","client","t5","imageUrl","shouldAutoFocus","setShouldAutoFocus","t6","current","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","t11","newValue","from","handleChange","t12","fallback","SanityImageAssetDocument","defineType","StringDefinition","MarkdownInput","markdownTypeName","MarkdownOptions","imageUrl","imageAsset","MarkdownDefinition","Omit","type","options","IntrinsicDefinitions","markdown","markdownSchemaType","name","title","components","input","definePlugin","Plugin","StringInputProps","markdownSchemaType","MarkdownConfig","input","props","React","ReactElement","markdownSchema","config","name","schema","types","components"],"sources":["../../src/components/MarkdownInput.tsx","../../src/schema.ts","../../src/plugin.tsx"],"sourcesContent":["// TODO: when upgrading to @sanity/ui@4 start using the new tokens\n// oxlint-disable typescript/no-deprecated\n\nimport {Box, Text} from '@sanity/ui'\n// `import type` (not an inline type specifier) so the bundle keeps no side-effect\n// `import 'easymde'`, which would break SSR/Node (easymde touches `document` on load)\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'\n// dont import non-types here, it will break SSR on next\nimport type {SimpleMDEReactProps} from 'react-simplemde-editor'\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'\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"],"mappings":"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"}
\ No newline at end of file