sanity-plugin-markdown 3.0.0-v3-studio.4 → 3.0.0-v3-studio.5

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Rune Botten
+Copyright (c) 2022 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -39,7 +39,7 @@ Add it as a plugin in sanity.config.ts (or .js):
 ```js
 import { markdownSchema } from "sanity-plugin-markdown";
 
-export default createConfig({
+export default defineConfig({
   // ...
   plugins: [
     markdownSchema(),
@@ -69,8 +69,7 @@ const myDocument = {
 
 ## License
 
-MIT © Sanity.io
-See LICENSE
+MIT-licensed. See LICENSE.
 
 ## Develop & test
 
@@ -82,7 +81,7 @@ on how to run this plugin with hotreload in the studio.
 
 ### Release new version
 
-Run ["CI & Release" workflow](https://github.com/sanity-io/sanity-plugin-markdown/actions).
-Make sure to select the main/v3 branch and check "Release new version".
+Run ["CI & Release" workflow](https://github.com/sanity-io/sanity-plugin-markdown/actions/workflows/main.yml).
+Make sure to select the main branch and check "Release new version".
 
 Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/index.esm.js

@@ -0,0 +1,2 @@
+function e(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}import{jsx as t}from"react/jsx-runtime";import n from"@uiw/react-md-editor";import{useState as o,useEffect as i,forwardRef as c}from"react";import{PatchEvent as a,unset as u,set as p,defineType as s,definePlugin as m}from"sanity";import{useTheme as l,Card as f}from"@sanity/ui";import d from"rehype-sanitize";const y=c((function(e,r){const{value:c="",onChange:s,elementProps:{onBlur:m,onFocus:y},readOnly:O}=e,[b,g]=o(c),w=function(e,r){const[t,n]=o(e);return i((()=>{const t=setTimeout((()=>{n(e)}),r);return()=>clearTimeout(t)}),[e,r]),t}(b,100);i((()=>{g(c)}),[c]),i((()=>{!w&&c?s(a.from([u()])):w!==c&&s(a.from([p(w)]))}),[w,s]);const{sanity:h}=l();return t("div",{ref:r,"data-color-mode":h.color.dark?"dark":"light",children:O?t(f,{border:!0,padding:3,children:t(n.Markdown,{source:c,rehypePlugins:[[d]]})}):t(n,{value:b,onChange:g,onBlur:m,onFocus:y,previewOptions:{rehypePlugins:[[d]]},preview:"edit"})})})),O=s(function(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?e(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({type:"string",name:"markdown",title:"Markdown"},{components:{input:y}})),b=y,g=m({name:"markdown-editor",schema:{types:[O]}});export{b as MarkdownEditor,g as markdownSchema,O as markdownSchemaType};
+//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Editor.tsx","../src/hooks/useDebounce.ts","../src/schema.ts","../src/index.ts"],"sourcesContent":["import MDEditor from '@uiw/react-md-editor'\nimport useDebounce from '../hooks/useDebounce'\nimport {StringInputProps, PatchEvent, set, unset} from 'sanity'\nimport React, {forwardRef, Ref, useEffect, useState} from 'react'\nimport {Card, useTheme} from '@sanity/ui'\nimport rehypeSanitize from 'rehype-sanitize'\n\nexport const MarkdownEditor = forwardRef(function MarkdownEditor(\n  props: StringInputProps,\n  ref: Ref<any>\n) {\n  const {\n    value = '',\n    onChange,\n    elementProps: {onBlur, onFocus},\n    readOnly,\n  } = props\n  const [editedValue, setEditedValue] = useState<string | undefined>(value)\n  const debouncedValue = useDebounce(editedValue, 100)\n  // const client = useClient({apiVersion: '2021-03-25'})\n\n  useEffect(() => {\n    setEditedValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (!debouncedValue && value) {\n      onChange(PatchEvent.from([unset()]))\n    } else if (debouncedValue !== value) {\n      onChange(PatchEvent.from([set(debouncedValue)]))\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue, onChange])\n\n  /*  const saveImage = async function* (data: any) {\n\n    let success = true\n    const result = await client.assets\n      .upload('image', data)\n      .then((doc) => `${doc.url}?w=450`)\n      .catch(() => {\n        success = false\n        return `Error: Could not upload file. Only images are supported.`\n      })\n\n    yield result\n    return success\n  }*/\n\n  const {sanity: studioTheme} = useTheme()\n  return (\n    <div ref={ref} data-color-mode={studioTheme.color.dark ? 'dark' : 'light'}>\n      {readOnly ? (\n        <Card border padding={3}>\n          <MDEditor.Markdown source={value} rehypePlugins={[[rehypeSanitize]]} />\n        </Card>\n      ) : (\n        <MDEditor\n          value={editedValue}\n          onChange={setEditedValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          previewOptions={{\n            rehypePlugins: [[rehypeSanitize]],\n          }}\n          preview=\"edit\"\n        />\n      )}\n    </div>\n  )\n})\n","import {useState, useEffect} from 'react'\n\nexport default function useDebounce(value: unknown, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => clearTimeout(handler)\n  }, [value, delay])\n\n  return debouncedValue\n}\n","import {defineType, StringDefinition} from 'sanity'\nimport {MarkdownEditor} from './components/Editor'\n\nconst markdownTypeName = 'markdown' as const\n\n/**\n * @public\n */\nexport interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof markdownTypeName\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: MarkdownEditor}} as {}), //TODO revert when rc.1 ships\n})\n","import {MarkdownEditor as Editor} from './components/Editor'\nimport {definePlugin} from 'sanity'\nimport {markdownSchemaType, MarkdownDefinition} from './schema'\n\n// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:\nconst MarkdownEditor = Editor\n\nexport {MarkdownEditor, markdownSchemaType}\nexport type {MarkdownDefinition}\n\nexport const markdownSchema = definePlugin({\n  name: 'markdown-editor',\n  schema: {\n    types: [markdownSchemaType],\n  },\n})\n"],"names":["MarkdownEditor","forwardRef","props","ref","value","onChange","elementProps","onBlur","onFocus","readOnly","editedValue","setEditedValue","useState","debouncedValue","delay","setDebouncedValue","useEffect","handler","setTimeout","clearTimeout","useDebounce","PatchEvent","from","unset","set","sanity","studioTheme","useTheme","jsx","color","dark","children","Card","border","padding","MDEditor","Markdown","source","rehypePlugins","rehypeSanitize","previewOptions","preview","markdownSchemaType","defineType","_objectSpread","type","name","title","components","input","Editor","markdownSchema","definePlugin","schema","types"],"mappings":"2oBAOO,MAAMA,EAAiBC,GAAW,SACvCC,EACAC,GAEM,MAAAC,MACJA,EAAQ,GAAAC,SACRA,EACAC,cAAcC,OAACA,EAAAC,QAAQA,GAAOC,SAC9BA,GACEP,GACGQ,EAAaC,GAAkBC,EAA6BR,GAC7DS,EChBgB,SAAYT,EAAgBU,GAClD,MAAOD,EAAgBE,GAAqBH,EAASR,GAS9C,OARPY,GAAU,KACF,MAAAC,EAAUC,YAAW,KACzBH,EAAkBX,EAAK,GACtBU,GAEI,MAAA,IAAMK,aAAaF,EAAO,GAChC,CAACb,EAAOU,IAEJD,CACT,CDKyBO,CAAYV,EAAa,KAGhDM,GAAU,KACRL,EAAeP,EAAK,GACnB,CAACA,IAEJY,GAAU,MACHH,GAAkBT,EACrBC,EAASgB,EAAWC,KAAK,CAACC,OACjBV,IAAmBT,GAC5BC,EAASgB,EAAWC,KAAK,CAACE,EAAIX,KAChC,GAEC,CAACA,EAAgBR,IAiBpB,MAAOoB,OAAQC,GAAeC,IAC9B,OACGC,EAAA,MAAA,CAAIzB,MAAU,kBAAiBuB,EAAYG,MAAMC,KAAO,OAAS,QAC/DC,WACEH,EAAAI,EAAA,CAAKC,QAAM,EAACC,QAAS,EACpBH,SAAAH,EAACO,EAASC,SAAT,CAAkBC,OAAQjC,EAAOkC,cAAe,CAAC,CAACC,QAGpDX,EAAAO,EAAA,CACC/B,MAAOM,EACPL,SAAUM,EACVJ,SACAC,UACAgC,eAAgB,CACdF,cAAe,CAAC,CAACC,KAEnBE,QAAQ,UAKlB,IEnDaC,EAAqBC,iWAAWC,CAAA,CAC3CC,KAAM,SACNC,KAlBuB,WAmBvBC,MAAO,YACH,CAACC,WAAY,CAACC,MAAOjD,MClBrBA,EAAiBkD,EAKVC,EAAiBC,EAAa,CACzCN,KAAM,kBACNO,OAAQ,CACNC,MAAO,CAACZ"}

package/lib/index.js

@@ -1,134 +1,2 @@
-var $3KLdq$sanity = require("sanity");
-var $3KLdq$reactjsxruntime = require("react/jsx-runtime");
-var $3KLdq$uiwreactmdeditor = require("@uiw/react-md-editor");
-var $3KLdq$react = require("react");
-var $3KLdq$sanityui = require("@sanity/ui");
-var $3KLdq$rehypesanitize = require("rehype-sanitize");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "MarkdownEditor", () => $244e63ca53592e4d$export$18a9461578883ec4);
-$parcel$export(module.exports, "markdownSchema", () => $244e63ca53592e4d$export$f225414958dd8925);
-$parcel$export(module.exports, "markdownSchemaType", () => $83686b2c306f69a9$export$244155b8997cef98);
-
-
-
-function $84fd43422be26bd7$export$2e2bcd8739ae039(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, $3KLdq$react.useState)(value);
-    (0, $3KLdq$react.useEffect)(()=>{
-        const handler = setTimeout(()=>{
-            setDebouncedValue(value);
-        }, delay);
-        return ()=>clearTimeout(handler);
-    }, [
-        value,
-        delay
-    ]);
-    return debouncedValue;
-}
-
-
-
-
-
-
-const $067e75d167fd097d$export$18a9461578883ec4 = /*#__PURE__*/ (0, $3KLdq$react.forwardRef)(function MarkdownEditor(props, ref) {
-    const { value: value = "" , onChange: onChange , elementProps: { onBlur: onBlur , onFocus: onFocus  } , readOnly: readOnly ,  } = props;
-    const [editedValue, setEditedValue] = (0, $3KLdq$react.useState)(value);
-    const debouncedValue = (0, $84fd43422be26bd7$export$2e2bcd8739ae039)(editedValue, 100);
-    // const client = useClient({apiVersion: '2021-03-25'})
-    (0, $3KLdq$react.useEffect)(()=>{
-        setEditedValue(value);
-    }, [
-        value
-    ]);
-    (0, $3KLdq$react.useEffect)(()=>{
-        if (!debouncedValue && value) onChange((0, $3KLdq$sanity.PatchEvent).from([
-            (0, $3KLdq$sanity.unset)()
-        ]));
-        else if (debouncedValue !== value) onChange((0, $3KLdq$sanity.PatchEvent).from([
-            (0, $3KLdq$sanity.set)(debouncedValue)
-        ]));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        debouncedValue,
-        onChange
-    ]);
-    /*  const saveImage = async function* (data: any) {
-
-    let success = true
-    const result = await client.assets
-      .upload('image', data)
-      .then((doc) => `${doc.url}?w=450`)
-      .catch(() => {
-        success = false
-        return `Error: Could not upload file. Only images are supported.`
-      })
-
-    yield result
-    return success
-  }*/ const { sanity: studioTheme  } = (0, $3KLdq$sanityui.useTheme)();
-    return /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)("div", {
-        ref: ref,
-        "data-color-mode": studioTheme.color.dark ? "dark" : "light",
-        children: readOnly ? /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, $3KLdq$sanityui.Card), {
-            border: true,
-            padding: 3,
-            children: /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3KLdq$uiwreactmdeditor))).Markdown, {
-                source: value,
-                rehypePlugins: [
-                    [
-                        (0, ($parcel$interopDefault($3KLdq$rehypesanitize)))
-                    ]
-                ]
-            })
-        }) : /*#__PURE__*/ (0, $3KLdq$reactjsxruntime.jsx)((0, ($parcel$interopDefault($3KLdq$uiwreactmdeditor))), {
-            value: editedValue,
-            onChange: setEditedValue,
-            onBlur: onBlur,
-            onFocus: onFocus,
-            previewOptions: {
-                rehypePlugins: [
-                    [
-                        (0, ($parcel$interopDefault($3KLdq$rehypesanitize)))
-                    ]
-                ]
-            },
-            preview: "edit"
-        })
-    });
-});
-
-
-
-
-
-const $83686b2c306f69a9$var$markdownTypeName = "markdown";
-const $83686b2c306f69a9$export$244155b8997cef98 = (0, $3KLdq$sanity.defineType)({
-    type: "string",
-    name: $83686b2c306f69a9$var$markdownTypeName,
-    title: "Markdown",
-    components: {
-        input: (0, $067e75d167fd097d$export$18a9461578883ec4)
-    }
-});
-
-
-// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:
-const $244e63ca53592e4d$export$18a9461578883ec4 = (0, $067e75d167fd097d$export$18a9461578883ec4);
-const $244e63ca53592e4d$export$f225414958dd8925 = (0, $3KLdq$sanity.createPlugin)({
-    name: "markdown-editor",
-    schema: {
-        types: [
-            (0, $83686b2c306f69a9$export$244155b8997cef98)
-        ]
-    }
-});
-
-
+"use strict";function e(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("@uiw/react-md-editor"),o=require("react"),i=require("sanity"),u=require("@sanity/ui"),a=require("rehype-sanitize");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(n),f=c(a);const d=o.forwardRef((function(e,r){const{value:n="",onChange:a,elementProps:{onBlur:c,onFocus:d},readOnly:l}=e,[p,y]=o.useState(n),m=function(e,r){const[t,n]=o.useState(e);return o.useEffect((()=>{const t=setTimeout((()=>{n(e)}),r);return()=>clearTimeout(t)}),[e,r]),t}(p,100);o.useEffect((()=>{y(n)}),[n]),o.useEffect((()=>{!m&&n?a(i.PatchEvent.from([i.unset()])):m!==n&&a(i.PatchEvent.from([i.set(m)]))}),[m,a]);const{sanity:b}=u.useTheme();return t.jsx("div",{ref:r,"data-color-mode":b.color.dark?"dark":"light",children:l?t.jsx(u.Card,{border:!0,padding:3,children:t.jsx(s.default.Markdown,{source:n,rehypePlugins:[[f.default]]})}):t.jsx(s.default,{value:p,onChange:y,onBlur:c,onFocus:d,previewOptions:{rehypePlugins:[[f.default]]},preview:"edit"})})})),l=i.defineType(function(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?e(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({type:"string",name:"markdown",title:"Markdown"},{components:{input:d}})),p=d,y=i.definePlugin({name:"markdown-editor",schema:{types:[l]}});exports.MarkdownEditor=p,exports.markdownSchema=y,exports.markdownSchemaType=l;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/index.ts","src/components/Editor.tsx","src/hooks/useDebounce.ts","src/schema.ts"],"sourcesContent":["import {MarkdownEditor as Editor} from './components/Editor'\nimport {createPlugin} from 'sanity'\nimport {markdownSchemaType, MarkdownDefinition} from './schema'\n\n// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:\nconst MarkdownEditor = Editor\n\nexport {MarkdownEditor, markdownSchemaType}\nexport type {MarkdownDefinition}\n\nexport const markdownSchema = createPlugin({\n  name: 'markdown-editor',\n  schema: {\n    types: [markdownSchemaType],\n  },\n})\n","import MDEditor from '@uiw/react-md-editor'\nimport useDebounce from '../hooks/useDebounce'\nimport {StringInputProps, PatchEvent, set, unset} from 'sanity'\nimport React, {forwardRef, Ref, useEffect, useState} from 'react'\nimport {Card, useTheme} from '@sanity/ui'\nimport rehypeSanitize from 'rehype-sanitize'\n\nexport const MarkdownEditor = forwardRef(function MarkdownEditor(\n  props: StringInputProps,\n  ref: Ref<any>\n) {\n  const {\n    value = '',\n    onChange,\n    elementProps: {onBlur, onFocus},\n    readOnly,\n  } = props\n  const [editedValue, setEditedValue] = useState<string | undefined>(value)\n  const debouncedValue = useDebounce(editedValue, 100)\n  // const client = useClient({apiVersion: '2021-03-25'})\n\n  useEffect(() => {\n    setEditedValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (!debouncedValue && value) {\n      onChange(PatchEvent.from([unset()]))\n    } else if (debouncedValue !== value) {\n      onChange(PatchEvent.from([set(debouncedValue)]))\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue, onChange])\n\n  /*  const saveImage = async function* (data: any) {\n\n    let success = true\n    const result = await client.assets\n      .upload('image', data)\n      .then((doc) => `${doc.url}?w=450`)\n      .catch(() => {\n        success = false\n        return `Error: Could not upload file. Only images are supported.`\n      })\n\n    yield result\n    return success\n  }*/\n\n  const {sanity: studioTheme} = useTheme()\n  return (\n    <div ref={ref} data-color-mode={studioTheme.color.dark ? 'dark' : 'light'}>\n      {readOnly ? (\n        <Card border padding={3}>\n          <MDEditor.Markdown source={value} rehypePlugins={[[rehypeSanitize]]} />\n        </Card>\n      ) : (\n        <MDEditor\n          value={editedValue}\n          onChange={setEditedValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          previewOptions={{\n            rehypePlugins: [[rehypeSanitize]],\n          }}\n          preview=\"edit\"\n        />\n      )}\n    </div>\n  )\n})\n","import {useState, useEffect} from 'react'\n\nexport default function useDebounce(value: unknown, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => clearTimeout(handler)\n  }, [value, delay])\n\n  return debouncedValue\n}\n","import {defineType, StringDefinition} from 'sanity'\nimport {MarkdownEditor} from './components/Editor'\n\nconst markdownTypeName = 'markdown' as const\n\n/**\n * @public\n */\nexport interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof markdownTypeName\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: {\n    input: MarkdownEditor,\n  },\n})\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../"}
+{"version":3,"file":"index.js","sources":["../src/components/Editor.tsx","../src/hooks/useDebounce.ts","../src/schema.ts","../src/index.ts"],"sourcesContent":["import MDEditor from '@uiw/react-md-editor'\nimport useDebounce from '../hooks/useDebounce'\nimport {StringInputProps, PatchEvent, set, unset} from 'sanity'\nimport React, {forwardRef, Ref, useEffect, useState} from 'react'\nimport {Card, useTheme} from '@sanity/ui'\nimport rehypeSanitize from 'rehype-sanitize'\n\nexport const MarkdownEditor = forwardRef(function MarkdownEditor(\n  props: StringInputProps,\n  ref: Ref<any>\n) {\n  const {\n    value = '',\n    onChange,\n    elementProps: {onBlur, onFocus},\n    readOnly,\n  } = props\n  const [editedValue, setEditedValue] = useState<string | undefined>(value)\n  const debouncedValue = useDebounce(editedValue, 100)\n  // const client = useClient({apiVersion: '2021-03-25'})\n\n  useEffect(() => {\n    setEditedValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (!debouncedValue && value) {\n      onChange(PatchEvent.from([unset()]))\n    } else if (debouncedValue !== value) {\n      onChange(PatchEvent.from([set(debouncedValue)]))\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue, onChange])\n\n  /*  const saveImage = async function* (data: any) {\n\n    let success = true\n    const result = await client.assets\n      .upload('image', data)\n      .then((doc) => `${doc.url}?w=450`)\n      .catch(() => {\n        success = false\n        return `Error: Could not upload file. Only images are supported.`\n      })\n\n    yield result\n    return success\n  }*/\n\n  const {sanity: studioTheme} = useTheme()\n  return (\n    <div ref={ref} data-color-mode={studioTheme.color.dark ? 'dark' : 'light'}>\n      {readOnly ? (\n        <Card border padding={3}>\n          <MDEditor.Markdown source={value} rehypePlugins={[[rehypeSanitize]]} />\n        </Card>\n      ) : (\n        <MDEditor\n          value={editedValue}\n          onChange={setEditedValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          previewOptions={{\n            rehypePlugins: [[rehypeSanitize]],\n          }}\n          preview=\"edit\"\n        />\n      )}\n    </div>\n  )\n})\n","import {useState, useEffect} from 'react'\n\nexport default function useDebounce(value: unknown, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => clearTimeout(handler)\n  }, [value, delay])\n\n  return debouncedValue\n}\n","import {defineType, StringDefinition} from 'sanity'\nimport {MarkdownEditor} from './components/Editor'\n\nconst markdownTypeName = 'markdown' as const\n\n/**\n * @public\n */\nexport interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof markdownTypeName\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: MarkdownEditor}} as {}), //TODO revert when rc.1 ships\n})\n","import {MarkdownEditor as Editor} from './components/Editor'\nimport {definePlugin} from 'sanity'\nimport {markdownSchemaType, MarkdownDefinition} from './schema'\n\n// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:\nconst MarkdownEditor = Editor\n\nexport {MarkdownEditor, markdownSchemaType}\nexport type {MarkdownDefinition}\n\nexport const markdownSchema = definePlugin({\n  name: 'markdown-editor',\n  schema: {\n    types: [markdownSchemaType],\n  },\n})\n"],"names":["MarkdownEditor","forwardRef","props","ref","value","onChange","elementProps","onBlur","onFocus","readOnly","editedValue","setEditedValue","useState","debouncedValue","delay","setDebouncedValue","useEffect","handler","setTimeout","clearTimeout","useDebounce","PatchEvent","from","unset","set","sanity","studioTheme","useTheme","jsx","color","dark","children","Card","border","padding","MDEditor","Markdown","source","rehypePlugins","rehypeSanitize","previewOptions","preview","markdownSchemaType","defineType","_objectSpread","type","name","title","components","input","Editor","markdownSchema","definePlugin","schema","types"],"mappings":"qpBAOO,MAAMA,EAAiBC,EAAAA,YAAW,SACvCC,EACAC,GAEM,MAAAC,MACJA,EAAQ,GAAAC,SACRA,EACAC,cAAcC,OAACA,EAAAC,QAAQA,GAAOC,SAC9BA,GACEP,GACGQ,EAAaC,GAAkBC,WAA6BR,GAC7DS,EChBgB,SAAYT,EAAgBU,GAClD,MAAOD,EAAgBE,GAAqBH,WAASR,GAS9C,OARPY,EAAAA,WAAU,KACF,MAAAC,EAAUC,YAAW,KACzBH,EAAkBX,EAAK,GACtBU,GAEI,MAAA,IAAMK,aAAaF,EAAO,GAChC,CAACb,EAAOU,IAEJD,CACT,CDKyBO,CAAYV,EAAa,KAGhDM,EAAAA,WAAU,KACRL,EAAeP,EAAK,GACnB,CAACA,IAEJY,EAAAA,WAAU,MACHH,GAAkBT,EACrBC,EAASgB,aAAWC,KAAK,CAACC,EAAAA,WACjBV,IAAmBT,GAC5BC,EAASgB,aAAWC,KAAK,CAACE,MAAIX,KAChC,GAEC,CAACA,EAAgBR,IAiBpB,MAAOoB,OAAQC,GAAeC,EAASA,WACvC,OACGC,EAAAA,IAAA,MAAA,CAAIzB,MAAU,kBAAiBuB,EAAYG,MAAMC,KAAO,OAAS,QAC/DC,WACEH,EAAAA,IAAAI,OAAA,CAAKC,QAAM,EAACC,QAAS,EACpBH,SAAAH,EAAAA,IAACO,UAASC,SAAT,CAAkBC,OAAQjC,EAAOkC,cAAe,CAAC,CAACC,EAAAA,cAGpDX,EAAAA,IAAAO,UAAA,CACC/B,MAAOM,EACPL,SAAUM,EACVJ,SACAC,UACAgC,eAAgB,CACdF,cAAe,CAAC,CAACC,EAAAA,WAEnBE,QAAQ,UAKlB,IEnDaC,EAAqBC,EAAAA,0WAAWC,CAAA,CAC3CC,KAAM,SACNC,KAlBuB,WAmBvBC,MAAO,YACH,CAACC,WAAY,CAACC,MAAOjD,MClBrBA,EAAiBkD,EAKVC,EAAiBC,EAAAA,aAAa,CACzCN,KAAM,kBACNO,OAAQ,CACNC,MAAO,CAACZ"}

package/lib/src/index.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+
+import {ForwardRefExoticComponent} from 'react'
+import {Plugin as Plugin_2} from 'sanity'
+import {RefAttributes} from 'react'
+import {StringDefinition} from 'sanity'
+import {StringInputProps} from 'sanity'
+import {StringSchemaType} from 'sanity'
+
+/**
+ * @public
+ */
+export declare interface MarkdownDefinition
+  extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof markdownTypeName
+}
+
+export declare const MarkdownEditor: ForwardRefExoticComponent<
+  StringInputProps<StringSchemaType> & RefAttributes<any>
+>
+
+export declare const markdownSchema: Plugin_2<void>
+
+export declare const markdownSchemaType: {
+  type: 'string'
+  name: 'markdown'
+} & Omit<StringDefinition, 'preview'>
+
+declare const markdownTypeName: 'markdown'
+
+export {}
+
+declare module '@sanity/types' {
+    interface IntrinsicDefinitions {
+        markdown: MarkdownDefinition;
+    }
+}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "sanity-plugin-markdown",
-  "version": "3.0.0-v3-studio.4",
+  "version": "3.0.0-v3-studio.5",
   "description": "Markdown fields in Sanity Studio. Supports Github flavored Markdown and image uploads.",
+  "author": "Sanity.io <hello@sanity.io>",
+  "license": "MIT",
   "scripts": {
     "clean": "rimraf lib",
-    "prebuild": "npm run clean && plugin-kit verify-package --silent",
-    "build": "parcel build --no-cache",
-    "watch": "parcel watch",
+    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
+    "build": "pkg-utils build",
+    "watch": "pkg-utils watch",
     "link-watch": "plugin-kit link-watch",
     "lint": "eslint .",
     "format": "prettier src -w",
@@ -16,17 +18,22 @@
   },
   "source": "./src/index.ts",
   "main": "./lib/index.js",
-  "module": "./lib/index.modern.js",
-  "types": "./lib/index.d.ts",
+  "module": "./lib/index.esm.js",
+  "types": "./lib/src/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/src/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./lib/index.esm.js",
       "require": "./lib/index.js",
-      "default": "./lib/index.modern.js"
+      "default": "./lib/index.esm.js"
     }
   },
   "files": [
     "src",
-    "lib"
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
   ],
   "keywords": [
     "sanity",
@@ -35,8 +42,6 @@
     "markdown",
     "github flavored markdown"
   ],
-  "author": "Sanity.io <hello@sanity.io>",
-  "license": "MIT",
   "dependencies": {
     "@reach/auto-id": "^0.17.0",
     "@sanity/incompatible-plugin": "^1.0.4",
@@ -45,44 +50,45 @@
     "rehype-sanitize": "^5.0.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@commitlint/cli": "^17.2.0",
+    "@commitlint/config-conventional": "^17.2.0",
     "@parcel/packager-ts": "^2.7.0",
     "@parcel/transformer-typescript-types": "^2.7.0",
-    "@sanity/plugin-kit": "^1.1.0-ecosystem-preset.5",
-    "@sanity/semantic-release-preset": "^2.0.1",
+    "@sanity/pkg-utils": "^1.16.2",
+    "@sanity/plugin-kit": "^2.0.6",
+    "@sanity/semantic-release-preset": "^2.0.2",
     "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^5.12.0",
-    "@typescript-eslint/parser": "^5.12.0",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-sanity": "^5.1.0",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "eslint": "^8.26.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
     "parcel": "^2.7.0",
-    "prettier": "^2.5.1",
+    "prettier": "^2.7.1",
     "react": "^18.0.0",
     "rimraf": "^3.0.2",
-    "sanity": "3.0.0-dev-preview.22",
+    "sanity": "dev-preview || 3.0.0-rc.0",
     "styled-components": "^5.2.0",
-    "typescript": "4.7.4"
+    "typescript": "^4.8.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",
-    "sanity": "dev-preview || 3.0.0-dev-preview.22",
+    "sanity": "dev-preview || 3.0.0-rc.0",
     "styled-components": "^5.2.0"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sanity-io/sanity-plugin-markdown.git"
+    "url": "https://github.com/sanity-io/sanity-plugin-markdown.git"
   },
   "bugs": {
     "url": "https://github.com/sanity-io/sanity-plugin-markdown/issues"
   },
-  "homepage": "https://sanity.io",
+  "homepage": "https://github.com/sanity-io/sanity-plugin-markdown#readme",
   "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-markdown",
   "engines": {
     "node": ">=14.0.0"

package/sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

package/src/index.ts

@@ -1,5 +1,5 @@
 import {MarkdownEditor as Editor} from './components/Editor'
-import {createPlugin} from 'sanity'
+import {definePlugin} from 'sanity'
 import {markdownSchemaType, MarkdownDefinition} from './schema'
 
 // re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:
@@ -8,7 +8,7 @@ const MarkdownEditor = Editor
 export {MarkdownEditor, markdownSchemaType}
 export type {MarkdownDefinition}
 
-export const markdownSchema = createPlugin({
+export const markdownSchema = definePlugin({
   name: 'markdown-editor',
   schema: {
     types: [markdownSchemaType],

package/src/schema.ts

@@ -21,7 +21,5 @@ export const markdownSchemaType = defineType({
   type: 'string',
   name: markdownTypeName,
   title: 'Markdown',
-  components: {
-    input: MarkdownEditor,
-  },
+  ...({components: {input: MarkdownEditor}} as {}), //TODO revert when rc.1 ships
 })

package/v2-incompatible.js

@@ -0,0 +1,11 @@
+const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
+const {name, version, sanityExchangeUrl} = require('./package.json')
+
+export default showIncompatiblePluginDialog({
+  name: name,
+  versions: {
+    v3: version,
+    v2: '^0.2.1',
+  },
+  sanityExchangeUrl,
+})

package/lib/index.d.ts

@@ -1,21 +0,0 @@
-import { StringDefinition } from "sanity";
-declare const markdownTypeName: "markdown";
-/**
- * @public
- */
-export interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {
-    type: typeof markdownTypeName;
-}
-declare module '@sanity/types' {
-    interface IntrinsicDefinitions {
-        markdown: MarkdownDefinition;
-    }
-}
-export const markdownSchemaType: {
-    type: "string";
-    name: "markdown";
-} & Omit<StringDefinition, "preview">;
-export const MarkdownEditor: import("react").ForwardRefExoticComponent<import("sanity").StringInputProps<import("sanity").StringSchemaType> & import("react").RefAttributes<any>>;
-export const markdownSchema: import("sanity").Plugin<void>;
-
-//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";AEGA,QAAA,MAAM,4BAAsC,CAAA;AAE5C;;GAEG;AACH,mCAAoC,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/F,IAAI,EAAE,uBAAuB,CAAA;CAC9B;AAED,eAAe,eAAe,CAAC;IAE7B,UAAiB,oBAAoB;QACnC,QAAQ,EAAE,kBAAkB,CAAA;KAC7B;CACF;AAED,OAAO,MAAM;;;qCAOX,CAAA;ACrBF,OAAA,MAAM,oKAAuB,CAAA;AAK7B,OAAO,MAAM,6CAKX,CAAA","sources":["src/src/hooks/useDebounce.ts","src/src/components/Editor.tsx","src/src/schema.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,"import {MarkdownEditor as Editor} from './components/Editor'\nimport {createPlugin} from 'sanity'\nimport {markdownSchemaType, MarkdownDefinition} from './schema'\n\n// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:\nconst MarkdownEditor = Editor\n\nexport {MarkdownEditor, markdownSchemaType}\nexport type {MarkdownDefinition}\n\nexport const markdownSchema = createPlugin({\n  name: 'markdown-editor',\n  schema: {\n    types: [markdownSchemaType],\n  },\n})\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../"}

package/lib/index.modern.js

@@ -1,125 +0,0 @@
-import {createPlugin as $jPEKE$createPlugin, PatchEvent as $jPEKE$PatchEvent, unset as $jPEKE$unset, set as $jPEKE$set, defineType as $jPEKE$defineType} from "sanity";
-import {jsx as $jPEKE$jsx} from "react/jsx-runtime";
-import $jPEKE$uiwreactmdeditor from "@uiw/react-md-editor";
-import {forwardRef as $jPEKE$forwardRef, useState as $jPEKE$useState, useEffect as $jPEKE$useEffect} from "react";
-import {useTheme as $jPEKE$useTheme, Card as $jPEKE$Card} from "@sanity/ui";
-import $jPEKE$rehypesanitize from "rehype-sanitize";
-
-
-
-
-function $a9f5cf746146e5f0$export$2e2bcd8739ae039(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, $jPEKE$useState)(value);
-    (0, $jPEKE$useEffect)(()=>{
-        const handler = setTimeout(()=>{
-            setDebouncedValue(value);
-        }, delay);
-        return ()=>clearTimeout(handler);
-    }, [
-        value,
-        delay
-    ]);
-    return debouncedValue;
-}
-
-
-
-
-
-
-const $483dd42bf797352b$export$18a9461578883ec4 = /*#__PURE__*/ (0, $jPEKE$forwardRef)(function MarkdownEditor(props, ref) {
-    const { value: value = "" , onChange: onChange , elementProps: { onBlur: onBlur , onFocus: onFocus  } , readOnly: readOnly ,  } = props;
-    const [editedValue, setEditedValue] = (0, $jPEKE$useState)(value);
-    const debouncedValue = (0, $a9f5cf746146e5f0$export$2e2bcd8739ae039)(editedValue, 100);
-    // const client = useClient({apiVersion: '2021-03-25'})
-    (0, $jPEKE$useEffect)(()=>{
-        setEditedValue(value);
-    }, [
-        value
-    ]);
-    (0, $jPEKE$useEffect)(()=>{
-        if (!debouncedValue && value) onChange((0, $jPEKE$PatchEvent).from([
-            (0, $jPEKE$unset)()
-        ]));
-        else if (debouncedValue !== value) onChange((0, $jPEKE$PatchEvent).from([
-            (0, $jPEKE$set)(debouncedValue)
-        ]));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        debouncedValue,
-        onChange
-    ]);
-    /*  const saveImage = async function* (data: any) {
-
-    let success = true
-    const result = await client.assets
-      .upload('image', data)
-      .then((doc) => `${doc.url}?w=450`)
-      .catch(() => {
-        success = false
-        return `Error: Could not upload file. Only images are supported.`
-      })
-
-    yield result
-    return success
-  }*/ const { sanity: studioTheme  } = (0, $jPEKE$useTheme)();
-    return /*#__PURE__*/ (0, $jPEKE$jsx)("div", {
-        ref: ref,
-        "data-color-mode": studioTheme.color.dark ? "dark" : "light",
-        children: readOnly ? /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$Card), {
-            border: true,
-            padding: 3,
-            children: /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$uiwreactmdeditor).Markdown, {
-                source: value,
-                rehypePlugins: [
-                    [
-                        (0, $jPEKE$rehypesanitize)
-                    ]
-                ]
-            })
-        }) : /*#__PURE__*/ (0, $jPEKE$jsx)((0, $jPEKE$uiwreactmdeditor), {
-            value: editedValue,
-            onChange: setEditedValue,
-            onBlur: onBlur,
-            onFocus: onFocus,
-            previewOptions: {
-                rehypePlugins: [
-                    [
-                        (0, $jPEKE$rehypesanitize)
-                    ]
-                ]
-            },
-            preview: "edit"
-        })
-    });
-});
-
-
-
-
-
-const $12cb8b58be9d76a6$var$markdownTypeName = "markdown";
-const $12cb8b58be9d76a6$export$244155b8997cef98 = (0, $jPEKE$defineType)({
-    type: "string",
-    name: $12cb8b58be9d76a6$var$markdownTypeName,
-    title: "Markdown",
-    components: {
-        input: (0, $483dd42bf797352b$export$18a9461578883ec4)
-    }
-});
-
-
-// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:
-const $df9eabe9bda49ea8$export$18a9461578883ec4 = (0, $483dd42bf797352b$export$18a9461578883ec4);
-const $df9eabe9bda49ea8$export$f225414958dd8925 = (0, $jPEKE$createPlugin)({
-    name: "markdown-editor",
-    schema: {
-        types: [
-            (0, $12cb8b58be9d76a6$export$244155b8997cef98)
-        ]
-    }
-});
-
-
-export {$df9eabe9bda49ea8$export$18a9461578883ec4 as MarkdownEditor, $df9eabe9bda49ea8$export$f225414958dd8925 as markdownSchema, $12cb8b58be9d76a6$export$244155b8997cef98 as markdownSchemaType};
-//# sourceMappingURL=index.modern.js.map

package/lib/index.modern.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/index.ts","src/components/Editor.tsx","src/hooks/useDebounce.ts","src/schema.ts"],"sourcesContent":["import {MarkdownEditor as Editor} from './components/Editor'\nimport {createPlugin} from 'sanity'\nimport {markdownSchemaType, MarkdownDefinition} from './schema'\n\n// re-exporting MarkdownEditor directly explodes @parcel/transformer-typescript-types :shrug:\nconst MarkdownEditor = Editor\n\nexport {MarkdownEditor, markdownSchemaType}\nexport type {MarkdownDefinition}\n\nexport const markdownSchema = createPlugin({\n  name: 'markdown-editor',\n  schema: {\n    types: [markdownSchemaType],\n  },\n})\n","import MDEditor from '@uiw/react-md-editor'\nimport useDebounce from '../hooks/useDebounce'\nimport {StringInputProps, PatchEvent, set, unset} from 'sanity'\nimport React, {forwardRef, Ref, useEffect, useState} from 'react'\nimport {Card, useTheme} from '@sanity/ui'\nimport rehypeSanitize from 'rehype-sanitize'\n\nexport const MarkdownEditor = forwardRef(function MarkdownEditor(\n  props: StringInputProps,\n  ref: Ref<any>\n) {\n  const {\n    value = '',\n    onChange,\n    elementProps: {onBlur, onFocus},\n    readOnly,\n  } = props\n  const [editedValue, setEditedValue] = useState<string | undefined>(value)\n  const debouncedValue = useDebounce(editedValue, 100)\n  // const client = useClient({apiVersion: '2021-03-25'})\n\n  useEffect(() => {\n    setEditedValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (!debouncedValue && value) {\n      onChange(PatchEvent.from([unset()]))\n    } else if (debouncedValue !== value) {\n      onChange(PatchEvent.from([set(debouncedValue)]))\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedValue, onChange])\n\n  /*  const saveImage = async function* (data: any) {\n\n    let success = true\n    const result = await client.assets\n      .upload('image', data)\n      .then((doc) => `${doc.url}?w=450`)\n      .catch(() => {\n        success = false\n        return `Error: Could not upload file. Only images are supported.`\n      })\n\n    yield result\n    return success\n  }*/\n\n  const {sanity: studioTheme} = useTheme()\n  return (\n    <div ref={ref} data-color-mode={studioTheme.color.dark ? 'dark' : 'light'}>\n      {readOnly ? (\n        <Card border padding={3}>\n          <MDEditor.Markdown source={value} rehypePlugins={[[rehypeSanitize]]} />\n        </Card>\n      ) : (\n        <MDEditor\n          value={editedValue}\n          onChange={setEditedValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          previewOptions={{\n            rehypePlugins: [[rehypeSanitize]],\n          }}\n          preview=\"edit\"\n        />\n      )}\n    </div>\n  )\n})\n","import {useState, useEffect} from 'react'\n\nexport default function useDebounce(value: unknown, delay: number) {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => clearTimeout(handler)\n  }, [value, delay])\n\n  return debouncedValue\n}\n","import {defineType, StringDefinition} from 'sanity'\nimport {MarkdownEditor} from './components/Editor'\n\nconst markdownTypeName = 'markdown' as const\n\n/**\n * @public\n */\nexport interface MarkdownDefinition extends Omit<StringDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof markdownTypeName\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: {\n    input: MarkdownEditor,\n  },\n})\n"],"names":[],"version":3,"file":"index.modern.js.map","sourceRoot":"../"}