@milkdown/vue 7.6.1 → 7.6.3

package/README.md

@@ -4,7 +4,7 @@ Vue integration for [milkdown](https://milkdown.dev/).
 
 # Official Documentation
 
-Documentation can be found on the [Milkdown website](https://milkdown.dev/docs/api/vue).
+Documentation can be found on the [Milkdown website](https://milkdown.dev/).
 
 # License
 

package/lib/index.es.js

@@ -1,23 +1,23 @@
-import { inject as a, onMounted as v, onUnmounted as s, defineComponent as c, createVNode as f, ref as d, provide as m, Fragment as y } from "vue";
-const i = Symbol("editorInfoCtxKey");
+import { inject as l, ref as d, onMounted as v, onUnmounted as s, defineComponent as c, createVNode as f, provide as m, Fragment as y } from "vue";
+const a = Symbol("editorInfoCtxKey");
 function g() {
   const {
     dom: e,
     loading: o,
     editor: n,
     editorFactory: r
-  } = a(i, {});
+  } = l(a, {}), i = d();
   return v(() => {
     if (!e.value) return;
     const t = r.value(e.value);
-    t && (o.value = !0, t.create().then((u) => {
+    t && (o.value = !0, i.value = t, t.create().then((u) => {
       n.value = u;
     }).finally(() => {
       o.value = !1;
     }).catch(console.error));
   }), s(() => {
     var t;
-    (t = n.value) == null || t.destroy();
+    (t = i.value) == null || t.destroy();
   }), e;
 }
 const k = /* @__PURE__ */ c({
@@ -34,33 +34,33 @@ const k = /* @__PURE__ */ c({
   setup: (e, {
     slots: o
   }) => {
-    const n = d(null), r = d(void 0), t = d(void 0), u = d(!0);
-    return m(i, {
-      loading: u,
+    const n = d(null), r = d(void 0), i = d(void 0), t = d(!0);
+    return m(a, {
+      loading: t,
       dom: n,
-      editor: t,
+      editor: i,
       editorFactory: r
     }), () => {
-      var l;
-      return f(y, null, [(l = o.default) == null ? void 0 : l.call(o)]);
+      var u;
+      return f(y, null, [(u = o.default) == null ? void 0 : u.call(o)]);
     };
   }
 });
 function M(e) {
-  const { editorFactory: o, loading: n, editor: r } = a(i);
+  const { editorFactory: o, loading: n, editor: r } = l(a);
   return o.value = e, {
     loading: n,
     get: () => r.value
   };
 }
-function F() {
-  const e = a(i);
+function E() {
+  const e = l(a);
   return [e.loading, () => e.editor.value];
 }
 export {
   k as Milkdown,
   w as MilkdownProvider,
   M as useEditor,
-  F as useInstance
+  E as useInstance
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/consts.ts","../src/use-get-editor.ts","../src/editor.tsx","../src/use-editor.ts","../src/use-instance.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditorInfoCtx } from './types'\n\nexport const editorInfoCtxKey: InjectionKey<EditorInfoCtx> =\n  Symbol('editorInfoCtxKey')\n","import { inject, onMounted, onUnmounted } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from './consts'\n\nexport function useGetEditor() {\n  const {\n    dom,\n    loading,\n    editor: editorRef,\n    editorFactory: getEditor,\n  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\n\n  onMounted(() => {\n    if (!dom.value) return\n\n    const editor = getEditor.value!(dom.value)\n    if (!editor) return\n\n    loading.value = true\n    editor\n      .create()\n      .then((editor) => {\n        editorRef.value = editor\n      })\n      .finally(() => {\n        loading.value = false\n      })\n      .catch(console.error)\n  })\n  onUnmounted(() => {\n    editorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { Fragment, defineComponent, h, provide, ref } from 'vue'\n\nimport type { GetEditor } from './types'\nimport { useGetEditor } from './use-get-editor'\nimport { editorInfoCtxKey } from './consts'\n\nh\nFragment\n\nexport const Milkdown = defineComponent({\n  name: 'Milkdown',\n  setup: () => {\n    const domRef = useGetEditor()\n\n    return () => <div data-milkdown-root ref={domRef} />\n  },\n})\n\nexport const MilkdownProvider = defineComponent({\n  name: 'MilkdownProvider',\n  setup: (_, { slots }) => {\n    const dom = ref<HTMLDivElement | null>(null)\n    const editorFactory = ref<GetEditor | undefined>(undefined)\n    const editor = ref<Editor | undefined>(undefined) as Ref<Editor | undefined>\n    const loading = ref(true)\n\n    provide(editorInfoCtxKey, {\n      loading,\n      dom,\n      editor,\n      editorFactory,\n    })\n\n    return () => <>{slots.default?.()}</>\n  },\n})\n","import { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nimport type { GetEditor, UseEditorReturn } from './types'\n\nexport function useEditor(getEditor: GetEditor): UseEditorReturn {\n  const { editorFactory, loading, editor } = inject(editorInfoCtxKey)!\n\n  editorFactory.value = getEditor\n\n  return {\n    loading,\n    get: () => editor.value,\n  }\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nexport type Instance = [Ref<true>, () => undefined] | [Ref<false>, () => Editor]\n\nexport function useInstance(): Instance {\n  const editorInfo = inject(editorInfoCtxKey)!\n\n  return [editorInfo.loading, () => editorInfo.editor.value] as Instance\n}\n"],"names":["editorInfoCtxKey","useGetEditor","dom","loading","editorRef","getEditor","inject","onMounted","editor","onUnmounted","_a","Milkdown","defineComponent","name","setup","domRef","_createVNode","MilkdownProvider","_","slots","ref","editorFactory","undefined","provide","_Fragment","default","useEditor","useInstance","editorInfo"],"mappings":";AAGa,MAAAA,IACX,OAAO,kBAAkB;ACCpB,SAASC,IAAe;AACvB,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAQC;AAAA,IACR,eAAeC;AAAA,EAAA,IACbC,EAAON,GAAkB,EAAmB;AAEhD,SAAAO,EAAU,MAAM;AACV,QAAA,CAACL,EAAI,MAAO;AAEhB,UAAMM,IAASH,EAAU,MAAOH,EAAI,KAAK;AACzC,IAAKM,MAELL,EAAQ,QAAQ,IAChBK,EACG,OAAO,EACP,KAAK,CAACA,MAAW;AAChB,MAAAJ,EAAU,QAAQI;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,MAAAL,EAAQ,QAAQ;AAAA,IAAA,CACjB,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB,GACDM,EAAY,MAAM;;AAChB,KAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,EAAQ,CAC1B,GAEMR;AACT;ACxBaS,MAAAA,IAAWC,gBAAAA,EAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,IAASd,EAAc;AAE7B,WAAO,MAAAe,EAAA,OAAA;AAAA,MAAA,sBAAA;AAAA,MAAA,KAAmCD;AAAAA,IAAU,GAAA,IAAA;AAAA,EACtD;AACF,CAAC,GAEYE,IAAmBL,gBAAAA,EAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAOA,CAACI,GAAG;AAAA,IAAEC,OAAAA;AAAAA,EAAM,MAAM;AACvB,UAAMjB,IAAMkB,EAA2B,IAAI,GACrCC,IAAgBD,EAA2BE,MAAS,GACpDd,IAASY,EAAwBE,MAAS,GAC1CnB,IAAUiB,EAAI,EAAI;AAExBG,WAAAA,EAAQvB,GAAkB;AAAA,MACxBG,SAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAM,QAAAA;AAAAA,MACAa,eAAAA;AAAAA,IACF,CAAC,GAEM,MAAA;;AAAAL,aAAAA,EAAAQ,GAAA,MAAA,EAASL,IAAAA,EAAMM,YAANN,gBAAAA,EAAAA,KAAAA,EAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;AChCM,SAASO,EAAUrB,GAAuC;AAC/D,QAAM,EAAE,eAAAgB,GAAe,SAAAlB,GAAS,QAAAK,EAAO,IAAIF,EAAON,CAAgB;AAElE,SAAAqB,EAAc,QAAQhB,GAEf;AAAA,IACL,SAAAF;AAAA,IACA,KAAK,MAAMK,EAAO;AAAA,EACpB;AACF;ACPO,SAASmB,IAAwB;AAChC,QAAAC,IAAatB,EAAON,CAAgB;AAE1C,SAAO,CAAC4B,EAAW,SAAS,MAAMA,EAAW,OAAO,KAAK;AAC3D;"}
+{"version":3,"file":"index.es.js","sources":["../src/consts.ts","../src/use-get-editor.ts","../src/editor.tsx","../src/use-editor.ts","../src/use-instance.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditorInfoCtx } from './types'\n\nexport const editorInfoCtxKey: InjectionKey<EditorInfoCtx> =\n  Symbol('editorInfoCtxKey')\n","import { inject, onMounted, onUnmounted, ref } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from './consts'\nimport type { Crepe } from '@milkdown/crepe'\nimport type { Editor } from '@milkdown/kit/core'\n\nexport function useGetEditor() {\n  const {\n    dom,\n    loading,\n    editor: editorRef,\n    editorFactory: getEditor,\n  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\n  const currentEditorRef = ref<Editor | Crepe>()\n\n  onMounted(() => {\n    if (!dom.value) return\n\n    const editor = getEditor.value!(dom.value)\n    if (!editor) return\n\n    loading.value = true\n    currentEditorRef.value = editor\n    editor\n      .create()\n      .then((editor) => {\n        editorRef.value = editor\n      })\n      .finally(() => {\n        loading.value = false\n      })\n      .catch(console.error)\n  })\n  onUnmounted(() => {\n    currentEditorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { Fragment, defineComponent, h, provide, ref } from 'vue'\n\nimport type { GetEditor } from './types'\nimport { useGetEditor } from './use-get-editor'\nimport { editorInfoCtxKey } from './consts'\n\nh\nFragment\n\nexport const Milkdown = defineComponent({\n  name: 'Milkdown',\n  setup: () => {\n    const domRef = useGetEditor()\n\n    return () => <div data-milkdown-root ref={domRef} />\n  },\n})\n\nexport const MilkdownProvider = defineComponent({\n  name: 'MilkdownProvider',\n  setup: (_, { slots }) => {\n    const dom = ref<HTMLDivElement | null>(null)\n    const editorFactory = ref<GetEditor | undefined>(undefined)\n    const editor = ref<Editor | undefined>(undefined) as Ref<Editor | undefined>\n    const loading = ref(true)\n\n    provide(editorInfoCtxKey, {\n      loading,\n      dom,\n      editor,\n      editorFactory,\n    })\n\n    return () => <>{slots.default?.()}</>\n  },\n})\n","import { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nimport type { GetEditor, UseEditorReturn } from './types'\n\nexport function useEditor(getEditor: GetEditor): UseEditorReturn {\n  const { editorFactory, loading, editor } = inject(editorInfoCtxKey)!\n\n  editorFactory.value = getEditor\n\n  return {\n    loading,\n    get: () => editor.value,\n  }\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nexport type Instance = [Ref<true>, () => undefined] | [Ref<false>, () => Editor]\n\nexport function useInstance(): Instance {\n  const editorInfo = inject(editorInfoCtxKey)!\n\n  return [editorInfo.loading, () => editorInfo.editor.value] as Instance\n}\n"],"names":["editorInfoCtxKey","useGetEditor","dom","loading","editorRef","getEditor","inject","currentEditorRef","ref","onMounted","editor","onUnmounted","_a","Milkdown","defineComponent","name","setup","domRef","_createVNode","MilkdownProvider","_","slots","editorFactory","undefined","provide","_Fragment","default","useEditor","useInstance","editorInfo"],"mappings":";AAGa,MAAAA,IACX,OAAO,kBAAkB;ACGpB,SAASC,IAAe;AACvB,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAQC;AAAA,IACR,eAAeC;AAAA,EAAA,IACbC,EAAON,GAAkB,EAAmB,GAC1CO,IAAmBC,EAAoB;AAE7C,SAAAC,EAAU,MAAM;AACV,QAAA,CAACP,EAAI,MAAO;AAEhB,UAAMQ,IAASL,EAAU,MAAOH,EAAI,KAAK;AACzC,IAAKQ,MAELP,EAAQ,QAAQ,IAChBI,EAAiB,QAAQG,GACzBA,EACG,OAAO,EACP,KAAK,CAACA,MAAW;AAChB,MAAAN,EAAU,QAAQM;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,MAAAP,EAAQ,QAAQ;AAAA,IAAA,CACjB,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB,GACDQ,EAAY,MAAM;;AAChB,KAAAC,IAAAL,EAAiB,UAAjB,QAAAK,EAAwB;AAAA,EAAQ,CACjC,GAEMV;AACT;AC5BaW,MAAAA,IAAWC,gBAAAA,EAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,IAAShB,EAAc;AAE7B,WAAO,MAAAiB,EAAA,OAAA;AAAA,MAAA,sBAAA;AAAA,MAAA,KAAmCD;AAAAA,IAAU,GAAA,IAAA;AAAA,EACtD;AACF,CAAC,GAEYE,IAAmBL,gBAAAA,EAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAOA,CAACI,GAAG;AAAA,IAAEC,OAAAA;AAAAA,EAAM,MAAM;AACvB,UAAMnB,IAAMM,EAA2B,IAAI,GACrCc,IAAgBd,EAA2Be,MAAS,GACpDb,IAASF,EAAwBe,MAAS,GAC1CpB,IAAUK,EAAI,EAAI;AAExBgB,WAAAA,EAAQxB,GAAkB;AAAA,MACxBG,SAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAQ,QAAAA;AAAAA,MACAY,eAAAA;AAAAA,IACF,CAAC,GAEM,MAAA;;AAAAJ,aAAAA,EAAAO,GAAA,MAAA,EAASJ,IAAAA,EAAMK,YAANL,gBAAAA,EAAAA,KAAAA,EAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;AChCM,SAASM,EAAUtB,GAAuC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,SAAAnB,GAAS,QAAAO,EAAO,IAAIJ,EAAON,CAAgB;AAElE,SAAAsB,EAAc,QAAQjB,GAEf;AAAA,IACL,SAAAF;AAAA,IACA,KAAK,MAAMO,EAAO;AAAA,EACpB;AACF;ACPO,SAASkB,IAAwB;AAChC,QAAAC,IAAavB,EAAON,CAAgB;AAE1C,SAAO,CAAC6B,EAAW,SAAS,MAAMA,EAAW,OAAO,KAAK;AAC3D;"}

package/lib/types.d.ts

@@ -1,6 +1,7 @@
+import type { Crepe } from '@milkdown/crepe';
 import type { Editor } from '@milkdown/kit/core';
 import type { Ref } from 'vue';
-export type GetEditor = (container: HTMLDivElement) => Editor;
+export type GetEditor = (container: HTMLDivElement) => Editor | Crepe;
 export interface EditorInfoCtx {
     dom: Ref<HTMLDivElement | null>;
     editor: Ref<Editor | undefined>;

package/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAA;AAE7D,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC/B,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC/B,aAAa,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IACzC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,GAAG,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,cAAc,KAAK,MAAM,GAAG,KAAK,CAAA;AAErE,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC/B,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC/B,aAAa,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IACzC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,GAAG,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;CAC9B"}

package/lib/use-get-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-editor.d.ts","sourceRoot":"","sources":["../src/use-get-editor.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,oEA8B3B"}
+{"version":3,"file":"use-get-editor.d.ts","sourceRoot":"","sources":["../src/use-get-editor.ts"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,oEAgC3B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/vue",
   "type": "module",
-  "version": "7.6.1",
+  "version": "7.6.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,7 +30,8 @@
   },
   "dependencies": {
     "tslib": "^2.8.1",
-    "@milkdown/kit": "7.6.1"
+    "@milkdown/kit": "7.6.3",
+    "@milkdown/crepe": "7.6.3"
   },
   "devDependencies": {
     "vue": "^3.3.4"

package/src/types.ts

@@ -1,7 +1,8 @@
+import type { Crepe } from '@milkdown/crepe'
 import type { Editor } from '@milkdown/kit/core'
 import type { Ref } from 'vue'
 
-export type GetEditor = (container: HTMLDivElement) => Editor
+export type GetEditor = (container: HTMLDivElement) => Editor | Crepe
 
 export interface EditorInfoCtx {
   dom: Ref<HTMLDivElement | null>

package/src/use-get-editor.ts

@@ -1,7 +1,9 @@
-import { inject, onMounted, onUnmounted } from 'vue'
+import { inject, onMounted, onUnmounted, ref } from 'vue'
 
 import type { EditorInfoCtx } from './types'
 import { editorInfoCtxKey } from './consts'
+import type { Crepe } from '@milkdown/crepe'
+import type { Editor } from '@milkdown/kit/core'
 
 export function useGetEditor() {
   const {
@@ -10,6 +12,7 @@ export function useGetEditor() {
     editor: editorRef,
     editorFactory: getEditor,
   } = inject(editorInfoCtxKey, {} as EditorInfoCtx)
+  const currentEditorRef = ref<Editor | Crepe>()
 
   onMounted(() => {
     if (!dom.value) return
@@ -18,6 +21,7 @@ export function useGetEditor() {
     if (!editor) return
 
     loading.value = true
+    currentEditorRef.value = editor
     editor
       .create()
       .then((editor) => {
@@ -29,7 +33,7 @@ export function useGetEditor() {
       .catch(console.error)
   })
   onUnmounted(() => {
-    editorRef.value?.destroy()
+    currentEditorRef.value?.destroy()
   })
 
   return dom