@milkdown/vue 6.5.0 → 6.5.3

package/src/index.ts

@@ -1,5 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-export * from './Editor';
-export * from './types';
-export * from './useEditor';
-export * from './VueNode';
+export * from './Editor'
+export * from './types'
+export * from './useEditor'
+export * from './VueNode'

package/src/types.ts

@@ -1,50 +1,50 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Ctx, Editor } from '@milkdown/core';
-import type { Mark, Node } from '@milkdown/prose/model';
-import { Decoration, DecorationSource, MarkViewConstructor, NodeView, NodeViewConstructor } from '@milkdown/prose/view';
-import { Ref } from 'vue';
+import type { Ctx, Editor } from '@milkdown/core'
+import type { Mark, Node } from '@milkdown/prose/model'
+import type { Decoration, DecorationSource, MarkViewConstructor, NodeView, NodeViewConstructor } from '@milkdown/prose/view'
+import type { Ref } from 'vue'
 
-import { AnyVueComponent } from './utils';
+import type { AnyVueComponent } from './utils'
 
 export type RenderOptions = Partial<
     {
-        as: string;
-        update?: (node: Node, decorations: readonly Decoration[], innerDecorations: DecorationSource) => boolean;
+      as: string
+      update?: (node: Node, decorations: readonly Decoration[], innerDecorations: DecorationSource) => boolean
     } & Pick<NodeView, 'ignoreMutation' | 'deselectNode' | 'selectNode' | 'destroy'>
->;
+>
 
 export type RenderVue<U = never> = <T extends Node | Mark = Node | Mark>(
     Component: AnyVueComponent,
     options?: RenderOptions,
 ) => (
-    ctx: Ctx,
+  ctx: Ctx,
 ) => U extends never
-    ? T extends Node
-        ? NodeViewConstructor
-        : T extends Mark
-        ? MarkViewConstructor
-        : NodeViewConstructor & MarkViewConstructor
-    : U extends Node
+  ? T extends Node
+    ? NodeViewConstructor
+    : T extends Mark
+      ? MarkViewConstructor
+      : NodeViewConstructor & MarkViewConstructor
+  : U extends Node
     ? NodeViewConstructor
     : U extends Mark
-    ? MarkViewConstructor
-    : NodeViewConstructor & MarkViewConstructor;
+      ? MarkViewConstructor
+      : NodeViewConstructor & MarkViewConstructor
 
-export type GetEditor = (container: HTMLDivElement, renderVue: RenderVue) => Editor;
+export type GetEditor = (container: HTMLDivElement, renderVue: RenderVue) => Editor
 
-export type EditorInfoCtx = {
-    dom: Ref<HTMLDivElement | null>;
-    editor: Ref<Editor | undefined>;
-    loading: Ref<boolean>;
-};
+export interface EditorInfoCtx {
+  dom: Ref<HTMLDivElement | null>
+  editor: Ref<Editor | undefined>
+  loading: Ref<boolean>
+}
 
 export type EditorInfo = {
-    getEditorCallback: Ref<GetEditor>;
-} & EditorInfoCtx;
+  getEditorCallback: Ref<GetEditor>
+} & EditorInfoCtx
 
-export type UseEditorReturn = {
-    loading: Ref<boolean>;
-    getInstance: () => Editor | undefined;
-    getDom: () => HTMLDivElement | null;
-    editor: EditorInfo;
-};
+export interface UseEditorReturn {
+  loading: Ref<boolean>
+  getInstance: () => Editor | undefined
+  getDom: () => HTMLDivElement | null
+  editor: EditorInfo
+}

package/src/useEditor.ts

@@ -1,25 +1,25 @@
 /* Copyright 2021, Milkdown by Mirone. */
 
-import { Editor } from '@milkdown/core';
-import { ref } from 'vue';
+import type { Editor } from '@milkdown/core'
+import { ref } from 'vue'
 
-import { GetEditor, UseEditorReturn } from './types';
+import type { GetEditor, UseEditorReturn } from './types'
 
 export const useEditor = (getEditor: GetEditor): UseEditorReturn => {
-    const dom = ref<HTMLDivElement | null>(null);
-    const editor = ref<Editor>();
-    const loading = ref(true);
-    const getEditorCallback = ref<GetEditor>((...args) => getEditor(...args));
+  const dom = ref<HTMLDivElement | null>(null)
+  const editor = ref<Editor>()
+  const loading = ref(true)
+  const getEditorCallback = ref<GetEditor>((...args) => getEditor(...args))
 
-    return {
-        loading,
-        getInstance: () => editor.value,
-        getDom: () => dom.value,
-        editor: {
-            getEditorCallback,
-            dom,
-            editor,
-            loading,
-        },
-    };
-};
+  return {
+    loading,
+    getInstance: () => editor.value,
+    getDom: () => dom.value,
+    editor: {
+      getEditorCallback,
+      dom,
+      editor,
+      loading,
+    },
+  }
+}

package/src/useGetEditor.ts

@@ -1,47 +1,50 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Ctx } from '@milkdown/core';
-import { vueRendererCallOutOfScope } from '@milkdown/exception';
-import { MarkViewConstructor, NodeViewConstructor } from '@milkdown/prose/view';
-import { DefineComponent, inject, InjectionKey, onMounted, onUnmounted, ref } from 'vue';
+import type { Ctx } from '@milkdown/core'
+import { vueRendererCallOutOfScope } from '@milkdown/exception'
+import type { MarkViewConstructor, NodeViewConstructor } from '@milkdown/prose/view'
+import type { DefineComponent, InjectionKey } from 'vue'
+import { inject, onMounted, onUnmounted, ref } from 'vue'
 
-import { editorInfoCtxKey } from '.';
-import { EditorInfoCtx, GetEditor, RenderOptions, RenderVue } from './types';
+import type { EditorInfoCtx, GetEditor, RenderOptions, RenderVue } from './types'
+import { editorInfoCtxKey } from '.'
 
 export const rendererKey: InjectionKey<
     (component: DefineComponent, options?: RenderOptions) => (ctx: Ctx) => NodeViewConstructor | MarkViewConstructor
-> = Symbol();
+> = Symbol('rendererKey')
 
 export const useGetEditor = (getEditor: GetEditor) => {
-    const renderVue = inject<RenderVue>(rendererKey, () => {
-        throw vueRendererCallOutOfScope();
-    });
-    const { dom, loading, editor: editorRef } = inject(editorInfoCtxKey, {} as EditorInfoCtx);
-    const lock = ref(false);
-
-    onMounted(() => {
-        if (!dom.value) return;
-
-        const editor = getEditor(dom.value, renderVue);
-        if (!editor) return;
-
-        if (lock.value) return;
-
-        loading.value = true;
-        lock.value = true;
-
-        editor
-            .create()
-            .then((editor) => {
-                editorRef.value = editor;
-                return;
-            })
-            .finally(() => {
-                loading.value = false;
-                lock.value = false;
-            })
-            .catch((e) => console.error(e));
-    });
-    onUnmounted(() => {
-        editorRef.value?.destroy();
-    });
-};
+  const renderVue = inject<RenderVue>(rendererKey, () => {
+    throw vueRendererCallOutOfScope()
+  })
+  const { dom, loading, editor: editorRef } = inject(editorInfoCtxKey, {} as EditorInfoCtx)
+  const lock = ref(false)
+
+  onMounted(() => {
+    if (!dom.value)
+      return
+
+    const editor = getEditor(dom.value, renderVue)
+    if (!editor)
+      return
+
+    if (lock.value)
+      return
+
+    loading.value = true
+    lock.value = true
+
+    editor
+      .create()
+      .then((editor) => {
+        editorRef.value = editor
+      })
+      .finally(() => {
+        loading.value = false
+        lock.value = false
+      })
+      .catch(e => console.error(e))
+  })
+  onUnmounted(() => {
+    editorRef.value?.destroy()
+  })
+}

package/src/utils.ts

@@ -1,12 +1,11 @@
 /* Copyright 2021, Milkdown by Mirone. */
 
-import { DefineComponent } from 'vue';
+import type { DefineComponent } from 'vue'
 
-type Prepend<T, U extends unknown[]> = [T, ...U];
+type Prepend<T, U extends unknown[]> = [T, ...U]
 type Keys_<T extends Record<string, unknown>, U extends PropertyKey[]> = {
-    [P in keyof T]: Record<string, unknown> extends Omit<T, P> ? [P] : Prepend<P, Keys_<Omit<T, P>, U>>;
-}[keyof T];
-export type Keys<T extends Record<string, unknown>> = Keys_<T, []>;
+  [P in keyof T]: Record<string, unknown> extends Omit<T, P> ? [P] : Prepend<P, Keys_<Omit<T, P>, U>>;
+}[keyof T]
+export type Keys<T extends Record<string, unknown>> = Keys_<T, []>
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type AnyVueComponent = DefineComponent<any, any, any, any, any, any, any, any, any, any, any, any>;
+export type AnyVueComponent = DefineComponent<any, any, any, any, any, any, any, any, any, any, any, any>