@milkdown/preset-commonmark 6.5.2 → 6.5.3

package/src/plugin/inline-sync/index.ts

@@ -1,59 +1,63 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Ctx, editorViewCtx } from '@milkdown/core';
-import { Plugin, PluginKey } from '@milkdown/prose/state';
+import type { Ctx } from '@milkdown/core'
+import { editorViewCtx } from '@milkdown/core'
+import { Plugin, PluginKey } from '@milkdown/prose/state'
 
-import { inlineSyncConfigCtx } from './config';
-import { getContextByState } from './context';
-import { runReplacer } from './replacer';
+import { inlineSyncConfigCtx } from './config'
+import { getContextByState } from './context'
+import { runReplacer } from './replacer'
 
-export * from './config';
+export * from './config'
 
-export const inlineSyncPluginKey = new PluginKey('MILKDOWN_INLINE_SYNC');
+export const inlineSyncPluginKey = new PluginKey('MILKDOWN_INLINE_SYNC')
 export const getInlineSyncPlugin = (ctx: Ctx) => {
-    let requestId: number | null = null;
-    const inlineSyncPlugin = new Plugin<null>({
-        key: inlineSyncPluginKey,
-        state: {
-            init: () => {
-                return null;
-            },
-            apply: (tr, _value, _oldState, newState) => {
-                const view = ctx.get(editorViewCtx);
-                if (!view.hasFocus?.() || !view.editable) return null;
+  let requestId: number | null = null
+  const inlineSyncPlugin = new Plugin<null>({
+    key: inlineSyncPluginKey,
+    state: {
+      init: () => {
+        return null
+      },
+      apply: (tr, _value, _oldState, newState) => {
+        const view = ctx.get(editorViewCtx)
+        if (!view.hasFocus?.() || !view.editable)
+          return null
 
-                if (!tr.docChanged) return null;
+        if (!tr.docChanged)
+          return null
 
-                const meta = tr.getMeta(inlineSyncPluginKey);
-                if (meta) {
-                    return null;
-                }
+        const meta = tr.getMeta(inlineSyncPluginKey)
+        if (meta)
+          return null
 
-                const context = getContextByState(ctx, newState);
-                if (!context) return null;
+        const context = getContextByState(ctx, newState)
+        if (!context)
+          return null
 
-                if (requestId) {
-                    cancelAnimationFrame(requestId);
-                    requestId = null;
-                }
+        if (requestId) {
+          cancelAnimationFrame(requestId)
+          requestId = null
+        }
 
-                const { prevNode, nextNode, text } = context;
+        const { prevNode, nextNode, text } = context
 
-                const { shouldSyncNode } = ctx.get(inlineSyncConfigCtx);
+        const { shouldSyncNode } = ctx.get(inlineSyncConfigCtx)
 
-                if (!shouldSyncNode({ prevNode, nextNode, ctx, tr, text })) return null;
+        if (!shouldSyncNode({ prevNode, nextNode, ctx, tr, text }))
+          return null
 
-                requestId = requestAnimationFrame(() => {
-                    requestId = null;
+        requestId = requestAnimationFrame(() => {
+          requestId = null
 
-                    const { dispatch, state } = ctx.get(editorViewCtx);
+          const { dispatch, state } = ctx.get(editorViewCtx)
 
-                    runReplacer(ctx, inlineSyncPluginKey, state, dispatch, prevNode.attrs);
-                });
+          runReplacer(ctx, inlineSyncPluginKey, state, dispatch, prevNode.attrs)
+        })
 
-                return null;
-            },
-        },
-    });
+        return null
+      },
+    },
+  })
 
-    return inlineSyncPlugin;
-};
+  return inlineSyncPlugin
+}

package/src/plugin/inline-sync/regexp.ts

@@ -1,6 +1,6 @@
 /* Copyright 2021, Milkdown by Mirone. */
 
-export const linkRegexp = /\[(?<span>((www|https:\/\/|http:\/\/)[^\s\]]+))]\((?<url>[^\s\]]+)\)/;
+export const linkRegexp = /\[(?<span>((www|https:\/\/|http:\/\/)[^\s\]]+))]\((?<url>[^\s\]]+)\)/
 
 export const punctuationRegexp = (holePlaceholder: string) =>
-    new RegExp(`\\\\(?=[^\\w\\s${holePlaceholder}\\\\]|_)`, 'g');
+  new RegExp(`\\\\(?=[^\\w\\s${holePlaceholder}\\\\]|_)`, 'g')

package/src/plugin/inline-sync/replacer.ts

@@ -1,43 +1,45 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Ctx } from '@milkdown/core';
-import { Attrs } from '@milkdown/prose/model';
-import { EditorState, PluginKey, TextSelection, Transaction } from '@milkdown/prose/state';
+import type { Ctx } from '@milkdown/core'
+import type { Attrs } from '@milkdown/prose/model'
+import type { EditorState, PluginKey, Transaction } from '@milkdown/prose/state'
+import { TextSelection } from '@milkdown/prose/state'
 
-import { inlineSyncConfigCtx } from './config';
-import { getContextByState } from './context';
-import { calcOffset } from './utils';
+import { inlineSyncConfigCtx } from './config'
+import { getContextByState } from './context'
+import { calcOffset } from './utils'
 
 export const runReplacer = (
-    ctx: Ctx,
-    key: PluginKey,
-    state: EditorState,
-    dispatch: (tr: Transaction) => void,
-    attrs: Attrs,
+  ctx: Ctx,
+  key: PluginKey,
+  state: EditorState,
+  dispatch: (tr: Transaction) => void,
+  attrs: Attrs,
 ) => {
-    const { placeholderConfig } = ctx.get(inlineSyncConfigCtx);
-    const holePlaceholder = placeholderConfig.hole;
-    // insert a placeholder to restore the selection
-    let tr = state.tr.setMeta(key, true).insertText(holePlaceholder, state.selection.from);
+  const { placeholderConfig } = ctx.get(inlineSyncConfigCtx)
+  const holePlaceholder = placeholderConfig.hole
+  // insert a placeholder to restore the selection
+  let tr = state.tr.setMeta(key, true).insertText(holePlaceholder, state.selection.from)
 
-    const nextState = state.apply(tr);
-    const context = getContextByState(ctx, nextState);
+  const nextState = state.apply(tr)
+  const context = getContextByState(ctx, nextState)
 
-    if (!context) return;
+  if (!context)
+    return
 
-    const { $from } = nextState.selection;
-    const from = $from.before();
-    const to = $from.after();
+  const { $from } = nextState.selection
+  const from = $from.before()
+  const to = $from.after()
 
-    const offset = calcOffset(context.nextNode, from, context.placeholder);
+  const offset = calcOffset(context.nextNode, from, context.placeholder)
 
-    tr = tr
-        .replaceWith(from, to, context.nextNode)
-        .setNodeMarkup(from, undefined, attrs)
-        // delete the placeholder
-        .delete(offset + 1, offset + 2);
+  tr = tr
+    .replaceWith(from, to, context.nextNode)
+    .setNodeMarkup(from, undefined, attrs)
+  // delete the placeholder
+    .delete(offset + 1, offset + 2)
 
-    // restore the selection
-    tr = tr.setSelection(TextSelection.near(tr.doc.resolve(offset + 1)));
+  // restore the selection
+  tr = tr.setSelection(TextSelection.near(tr.doc.resolve(offset + 1)))
 
-    dispatch(tr);
-};
+  dispatch(tr)
+}

package/src/plugin/inline-sync/utils.ts

@@ -1,73 +1,71 @@
 /* Copyright 2021, Milkdown by Mirone. */
 
-import { Node } from '@milkdown/prose/model';
+import type { Node } from '@milkdown/prose/model'
 
-import { SyncNodePlaceholder } from './config';
-import { linkRegexp, punctuationRegexp } from './regexp';
+import type { SyncNodePlaceholder } from './config'
+import { linkRegexp, punctuationRegexp } from './regexp'
 
 export const keepLink = (str: string) => {
-    let text = str;
-    let match = text.match(linkRegexp);
-    while (match && match.groups) {
-        const { span } = match.groups;
-        text = text.replace(linkRegexp, span as string);
+  let text = str
+  let match = text.match(linkRegexp)
+  while (match && match.groups) {
+    const { span } = match.groups
+    text = text.replace(linkRegexp, span as string)
 
-        match = text.match(linkRegexp);
-    }
-    return text;
-};
+    match = text.match(linkRegexp)
+  }
+  return text
+}
 
 export const swap = (text: string, first: number, last: number) => {
-    const arr = text.split('');
-    const temp = arr[first];
-    if (arr[first] && arr[last]) {
-        arr[first] = arr[last] as string;
-        arr[last] = temp as string;
-    }
-    return arr.join('').toString();
-};
+  const arr = text.split('')
+  const temp = arr[first]
+  if (arr[first] && arr[last]) {
+    arr[first] = arr[last] as string
+    arr[last] = temp as string
+  }
+  return arr.join('').toString()
+}
 
 export const replacePunctuation = (holePlaceholder: string) => (text: string) =>
-    text.replace(punctuationRegexp(holePlaceholder), '');
+  text.replace(punctuationRegexp(holePlaceholder), '')
 
 export const calculatePlaceholder = (placeholder: SyncNodePlaceholder) => (text: string) => {
-    const index = text.indexOf(placeholder.hole);
-    const left = text.charAt(index - 1);
-    const right = text.charAt(index + 1);
-    const notAWord = /[^\w]|_/;
+  const index = text.indexOf(placeholder.hole)
+  const left = text.charAt(index - 1)
+  const right = text.charAt(index + 1)
+  const notAWord = /[^\w]|_/
 
-    // cursor on the right
-    if (!right) {
-        return placeholder.punctuation;
-    }
+  // cursor on the right
+  if (!right)
+    return placeholder.punctuation
 
-    // cursor on the left
-    if (!left) {
-        return placeholder.char;
-    }
+  // cursor on the left
+  if (!left)
+    return placeholder.char
 
-    if (notAWord.test(left) && notAWord.test(right)) {
-        return placeholder.punctuation;
-    }
+  if (notAWord.test(left) && notAWord.test(right))
+    return placeholder.punctuation
 
-    return placeholder.char;
-};
+  return placeholder.char
+}
 
 export const calcOffset = (node: Node, from: number, placeholder: string) => {
-    let offset = from;
-    let find = false;
-    node.descendants((n) => {
-        if (find) return false;
-        if (n.isText) {
-            const i = n.text?.indexOf(placeholder);
-            if (i != null && i >= 0) {
-                find = true;
-                offset += i;
-                return false;
-            }
-        }
-        offset += n.nodeSize;
-        return;
-    });
-    return offset;
-};
+  let offset = from
+  let find = false
+  node.descendants((n) => {
+    if (find)
+      return false
+    if (n.isText) {
+      const i = n.text?.indexOf(placeholder)
+      if (i != null && i >= 0) {
+        find = true
+        offset += i
+        return false
+      }
+    }
+    offset += n.nodeSize
+    return undefined
+  })
+  return offset
+}

package/src/supported-keys.ts

@@ -1,24 +1,25 @@
 /* Copyright 2021, Milkdown by Mirone. */
 export const SupportedKeys = {
-    HardBreak: 'HardBreak',
-    Blockquote: 'Blockquote',
-    BulletList: 'BulletList',
-    OrderedList: 'OrderedList',
-    CodeFence: 'CodeFence',
-    H1: 'H1',
-    H2: 'H2',
-    H3: 'H3',
-    H4: 'H4',
-    H5: 'H5',
-    H6: 'H6',
-    DowngradeHeading: 'DowngradeHeading',
-    Text: 'Text',
-    CodeInline: 'CodeInline',
-    Em: 'Em',
-    Bold: 'Bold',
-    NextListItem: 'NextListItem',
-    SinkListItem: 'SinkListItem',
-    LiftListItem: 'LiftListItem',
-} as const;
+  HardBreak: 'HardBreak',
+  Blockquote: 'Blockquote',
+  BulletList: 'BulletList',
+  OrderedList: 'OrderedList',
+  CodeFence: 'CodeFence',
+  H1: 'H1',
+  H2: 'H2',
+  H3: 'H3',
+  H4: 'H4',
+  H5: 'H5',
+  H6: 'H6',
+  DowngradeHeading: 'DowngradeHeading',
+  Text: 'Text',
+  CodeInline: 'CodeInline',
+  Em: 'Em',
+  Bold: 'Bold',
+  NextListItem: 'NextListItem',
+  SinkListItem: 'SinkListItem',
+  LiftListItem: 'LiftListItem',
+} as const
 
-export type SupportedKeys = typeof SupportedKeys;
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+export type SupportedKeys = typeof SupportedKeys