@milkdown/plugin-slash 5.1.1 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +69 -0
- package/lib/index.cjs.js.map +1 -0
- package/lib/index.es.js +516 -0
- package/lib/index.es.js.map +1 -0
- package/package.json +20 -9
- package/lib/config.js +0 -115
- package/lib/config.js.map +0 -1
- package/lib/index.js +0 -19
- package/lib/index.js.map +0 -1
- package/lib/item.js +0 -7
- package/lib/item.js.map +0 -1
- package/lib/prose-plugin/dropdown.js +0 -32
- package/lib/prose-plugin/dropdown.js.map +0 -1
- package/lib/prose-plugin/index.js +0 -15
- package/lib/prose-plugin/index.js.map +0 -1
- package/lib/prose-plugin/input.js +0 -103
- package/lib/prose-plugin/input.js.map +0 -1
- package/lib/prose-plugin/props.js +0 -72
- package/lib/prose-plugin/props.js.map +0 -1
- package/lib/prose-plugin/status.js +0 -26
- package/lib/prose-plugin/status.js.map +0 -1
- package/lib/prose-plugin/view.js +0 -52
- package/lib/prose-plugin/view.js.map +0 -1
- package/lib/style.js +0 -62
- package/lib/style.js.map +0 -1
- package/lib/utility.js +0 -50
- package/lib/utility.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/style.ts","../src/utility.ts","../src/config.ts","../src/prose-plugin/props.ts","../src/item.ts","../src/prose-plugin/status.ts","../src/prose-plugin/dropdown.ts","../src/prose-plugin/input.ts","../src/prose-plugin/view.ts","../src/prose-plugin/index.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { css } from '@emotion/css';\nimport { ThemeTool } from '@milkdown/core';\n\nconst itemStyle = ({ font, palette }: ThemeTool) => {\n return css`\n .slash-dropdown-item {\n display: flex;\n gap: 2rem;\n height: 3rem;\n padding: 0 1rem;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n line-height: 2;\n font-family: ${font.typography};\n font-size: 0.875rem;\n\n transition: all 0.2s ease-in-out;\n\n &,\n .icon {\n color: ${palette('neutral', 0.87)};\n transition: all 0.2s ease-in-out;\n }\n\n &.hide {\n display: none;\n }\n\n &.active {\n background: ${palette('secondary', 0.12)};\n &,\n .icon {\n color: ${palette('primary')};\n }\n }\n `;\n};\n\nexport const injectStyle = (themeTool: ThemeTool) => {\n const { mixin, size, palette } = themeTool;\n const style = css`\n width: 20.5rem;\n max-height: 20.5rem;\n overflow-y: auto;\n ${mixin.border?.()};\n border-radius: ${size.radius};\n position: absolute;\n background: ${palette('surface')};\n\n ${mixin.shadow?.()};\n\n &.hide {\n display: none;\n }\n\n ${mixin.scrollbar?.()};\n\n ${itemStyle(themeTool)}\n `;\n return style;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { ThemeTool } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport type { Command, Node } from '@milkdown/prose';\nimport type { Utils } from '@milkdown/utils';\n\nimport { injectStyle } from './style';\n\nexport const createDropdown = (utils: Utils) => {\n const div = document.createElement('div');\n div.setAttribute('role', 'listbox');\n div.setAttribute('tabindex', '-1');\n const style = utils.getStyle(injectStyle);\n\n if (style) {\n div.classList.add(style);\n }\n\n div.classList.add('slash-dropdown', 'hide');\n\n return div;\n};\n\ntype ItemOptions = {\n textClassName: string;\n};\nexport const createDropdownItem = (themeTool: ThemeTool, text: string, icon: Icon, options?: Partial<ItemOptions>) => {\n const textClassName = options?.textClassName ?? 'text';\n\n const div = document.createElement('div');\n div.setAttribute('role', 'option');\n div.classList.add('slash-dropdown-item');\n\n const iconSpan = themeTool.slots.icon(icon);\n\n const textSpan = document.createElement('span');\n textSpan.textContent = text;\n textSpan.className = textClassName;\n\n div.appendChild(iconSpan);\n div.appendChild(textSpan);\n\n return div;\n};\n\nexport const getDepth = (node: Node) => {\n let cur = node;\n let depth = 0;\n while (cur.childCount) {\n cur = cur.child(0);\n depth += 1;\n }\n\n return depth;\n};\n\nconst cleanUp: Command = (state, dispatch) => {\n const { selection } = state;\n const { $from } = selection;\n const tr = state.tr.deleteRange($from.start(), $from.pos);\n dispatch?.(tr);\n return false;\n};\n\nexport const cleanUpAndCreateNode =\n (createCommand: () => void): Command =>\n (state, dispatch, view) => {\n if (view) {\n cleanUp(state, dispatch, view);\n createCommand();\n }\n return true;\n };\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, schemaCtx, themeToolCtx } from '@milkdown/core';\nimport type { Ctx } from '@milkdown/ctx';\nimport {\n InsertHr,\n InsertImage,\n InsertTable,\n TurnIntoCodeFence,\n TurnIntoHeading,\n TurnIntoTaskList,\n WrapInBlockquote,\n WrapInBulletList,\n WrapInOrderedList,\n} from '@milkdown/preset-gfm';\nimport { EditorState, Node } from '@milkdown/prose';\n\nimport { WrappedAction } from './item';\nimport { createDropdownItem } from './utility';\n\ntype Nullable<T> = T | null | undefined;\n\nexport type StatusConfig = {\n placeholder?: Nullable<string>;\n actions?: Nullable<WrappedAction[]>;\n};\n\nexport type StatusConfigBuilderParams = {\n content: string;\n isTopLevel: boolean;\n parentNode: Node;\n state: EditorState;\n};\n\nexport type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>;\n\nexport type Config = (ctx: Ctx) => StatusConfigBuilder;\n\nexport const defaultActions = (ctx: Ctx, input = '/'): WrappedAction[] => {\n const { nodes } = ctx.get(schemaCtx);\n const actions: Array<WrappedAction & { keyword: string[]; typeName: string }> = [\n {\n id: 'h1',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Large Heading', 'h1'),\n command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 1),\n keyword: ['h1', 'large heading'],\n typeName: 'heading',\n },\n {\n id: 'h2',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Medium Heading', 'h2'),\n command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 2),\n keyword: ['h2', 'medium heading'],\n typeName: 'heading',\n },\n {\n id: 'h3',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Small Heading', 'h3'),\n command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 3),\n keyword: ['h3', 'small heading'],\n typeName: 'heading',\n },\n {\n id: 'bulletList',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Bullet List', 'bulletList'),\n command: () => ctx.get(commandsCtx).call(WrapInBulletList),\n keyword: ['bullet list', 'ul'],\n typeName: 'bullet_list',\n },\n {\n id: 'orderedList',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Ordered List', 'orderedList'),\n command: () => ctx.get(commandsCtx).call(WrapInOrderedList),\n keyword: ['ordered list', 'ol'],\n typeName: 'ordered_list',\n },\n {\n id: 'taskList',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Task List', 'taskList'),\n command: () => ctx.get(commandsCtx).call(TurnIntoTaskList),\n keyword: ['task list', 'task'],\n typeName: 'task_list_item',\n },\n {\n id: 'image',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Image', 'image'),\n command: () => ctx.get(commandsCtx).call(InsertImage),\n keyword: ['image'],\n typeName: 'image',\n },\n {\n id: 'blockquote',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Quote', 'quote'),\n command: () => ctx.get(commandsCtx).call(WrapInBlockquote),\n keyword: ['quote', 'blockquote'],\n typeName: 'blockquote',\n },\n {\n id: 'table',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Table', 'table'),\n command: () => ctx.get(commandsCtx).call(InsertTable),\n keyword: ['table'],\n typeName: 'table',\n },\n {\n id: 'code',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Code Fence', 'code'),\n command: () => ctx.get(commandsCtx).call(TurnIntoCodeFence),\n keyword: ['code'],\n typeName: 'fence',\n },\n {\n id: 'divider',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Divide Line', 'divider'),\n command: () => ctx.get(commandsCtx).call(InsertHr),\n keyword: ['divider', 'hr'],\n typeName: 'hr',\n },\n ];\n\n const userInput = input.slice(1).toLocaleLowerCase();\n\n return actions\n .filter((action) => !!nodes[action.typeName] && action.keyword.some((keyword) => keyword.includes(userInput)))\n .map(({ keyword, typeName, ...action }) => action);\n};\n\nexport const defaultConfig: Config = (ctx) => {\n return ({ content, isTopLevel }) => {\n if (!isTopLevel) return null;\n\n if (!content) {\n return { placeholder: 'Type / to use the slash commands...' };\n }\n\n if (content.startsWith('/')) {\n return content === '/'\n ? {\n placeholder: 'Type to filter...',\n actions: defaultActions(ctx),\n }\n : {\n actions: defaultActions(ctx, content),\n };\n }\n\n return null;\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { css } from '@emotion/css';\nimport { ThemeTool } from '@milkdown/core';\nimport { Decoration, DecorationSet, EditorState, EditorView, findParentNode } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport type { Status } from './status';\n\nexport type Props = ReturnType<typeof createProps>;\n\nconst createEmptyStyle = ({ font, palette }: ThemeTool) => css`\n position: relative;\n &::before {\n position: absolute;\n cursor: text;\n font-family: ${font.typography};\n font-size: 0.875rem;\n color: ${palette('neutral', 0.6)};\n content: attr(data-text);\n height: 100%;\n display: flex;\n align-items: center;\n }\n`;\n\nconst createSlashStyle = () => css`\n &::before {\n left: 0.5rem;\n }\n`;\n\nexport const createProps = (status: Status, utils: Utils) => {\n const emptyStyle = utils.getStyle(createEmptyStyle);\n const slashStyle = utils.getStyle(createSlashStyle);\n\n return {\n handleKeyDown: (_: EditorView, event: Event) => {\n if (status.isEmpty()) {\n return false;\n }\n if (!(event instanceof KeyboardEvent)) {\n return false;\n }\n\n if (!['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) {\n return false;\n }\n\n return true;\n },\n decorations: (state: EditorState) => {\n const paragraph = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);\n\n if (\n !paragraph ||\n paragraph.node.childCount > 1 ||\n state.selection.$from.parentOffset !== paragraph.node.textContent.length\n ) {\n status.clear();\n return;\n }\n\n const { placeholder, actions } = status.update({\n parentNode: state.selection.$from.node(state.selection.$from.depth - 1),\n isTopLevel: state.selection.$from.depth === 1,\n content: paragraph.node.textContent,\n state,\n });\n\n if (!placeholder) {\n return null;\n }\n\n const createDecoration = (text: string, className: (string | undefined)[]) => {\n const pos = paragraph.pos;\n return DecorationSet.create(state.doc, [\n Decoration.node(pos, pos + paragraph.node.nodeSize, {\n class: className.filter((x) => x).join(' '),\n 'data-text': text,\n }),\n ]);\n };\n\n if (actions.length) {\n return createDecoration(placeholder, [emptyStyle, slashStyle, 'empty-node', 'is-slash']);\n }\n\n return createDecoration(placeholder, [emptyStyle, 'empty-node']);\n },\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { Command } from '@milkdown/prose';\n\nimport { cleanUpAndCreateNode } from './utility';\n\nexport type Action = {\n id: string;\n $: HTMLElement;\n command: Command;\n};\n\nexport type WrappedAction = Pick<Action, 'id'> & {\n command: () => void;\n dom: HTMLElement;\n};\n\nexport const transformAction = (action: WrappedAction): Action => ({\n id: action.id,\n $: action.dom,\n command: cleanUpAndCreateNode(action.command),\n});\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { StatusConfigBuilder, StatusConfigBuilderParams } from '..';\nimport { Action, transformAction } from '../item';\n\nexport type StatusCtx = {\n placeholder: string | null;\n actions: Action[];\n};\n\nconst createStatusCtx = (): StatusCtx => {\n return {\n placeholder: null,\n actions: [],\n };\n};\n\nexport type Status = ReturnType<typeof createStatus>;\n\nexport const createStatus = (builder: StatusConfigBuilder) => {\n const statusCtx = createStatusCtx();\n\n return {\n get: () => statusCtx,\n clear: () => {\n statusCtx.placeholder = null;\n statusCtx.actions = [];\n },\n update: (builderParams: StatusConfigBuilderParams) => {\n const config = builder(builderParams);\n statusCtx.placeholder = config?.placeholder ?? null;\n statusCtx.actions = (config?.actions ?? []).map(transformAction);\n return statusCtx;\n },\n isEmpty: () => statusCtx.actions.length === 0,\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport scrollIntoView from 'smooth-scroll-into-view-if-needed';\n\nimport { Status } from './status';\n\ntype Listeners = {\n mouseEnter: EventListener;\n mouseLeave: EventListener;\n};\n\nexport const renderDropdown = (status: Status, dropdownElement: HTMLElement, listeners: Listeners): boolean => {\n const { actions } = status.get();\n\n if (!actions.length) {\n dropdownElement.classList.add('hide');\n return false;\n }\n\n dropdownElement.childNodes.forEach((child) => {\n child.removeEventListener('mouseenter', listeners.mouseEnter);\n child.removeEventListener('mouseleave', listeners.mouseLeave);\n });\n\n // Reset dropdownElement children\n dropdownElement.textContent = '';\n\n actions.forEach(({ $ }) => {\n $.classList.remove('active');\n $.addEventListener('mouseenter', listeners.mouseEnter);\n $.addEventListener('mouseleave', listeners.mouseLeave);\n dropdownElement.appendChild($);\n });\n\n dropdownElement.classList.remove('hide');\n\n actions[0].$.classList.add('active');\n requestAnimationFrame(() => {\n scrollIntoView(actions[0].$, {\n scrollMode: 'if-needed',\n block: 'nearest',\n inline: 'nearest',\n });\n });\n\n return true;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\n\nimport { EditorView } from '@milkdown/prose';\nimport scrollIntoView from 'smooth-scroll-into-view-if-needed';\n\nimport { Status } from './status';\n\nexport const createMouseManager = () => {\n let mouseLock = false;\n\n return {\n isLock: () => mouseLock,\n lock: () => {\n mouseLock = true;\n },\n unlock: () => {\n mouseLock = false;\n },\n };\n};\nexport type MouseManager = ReturnType<typeof createMouseManager>;\n\nexport const handleMouseMove = (mouseManager: MouseManager) => () => {\n mouseManager.unlock();\n};\n\nexport const handleMouseEnter = (status: Status, mouseManager: MouseManager) => (e: MouseEvent) => {\n if (mouseManager.isLock()) return;\n const { actions } = status.get();\n const active = actions.findIndex((x) => x.$.classList.contains('active'));\n if (active >= 0) {\n actions[active].$.classList.remove('active');\n }\n const { target } = e;\n if (!(target instanceof HTMLElement)) return;\n target.classList.add('active');\n};\n\nexport const handleMouseLeave = () => (e: MouseEvent) => {\n const { target } = e;\n if (!(target instanceof HTMLElement)) return;\n target.classList.remove('active');\n};\n\nexport const handleClick =\n (status: Status, view: EditorView, dropdownElement: HTMLElement) =>\n (e: Event): void => {\n const { target } = e;\n if (!(target instanceof HTMLElement)) return;\n if (!view) return;\n\n const stop = () => {\n e.stopPropagation();\n e.preventDefault();\n };\n\n const { actions } = status.get();\n\n const el = Object.values(actions).find(({ $ }) => $.contains(target));\n if (!el) {\n if (status.isEmpty()) return;\n\n status.clear();\n dropdownElement.classList.add('hide');\n stop();\n\n return;\n }\n\n stop();\n el.command(view.state, view.dispatch, view);\n };\n\nexport const handleKeydown =\n (status: Status, view: EditorView, dropdownElement: HTMLElement, mouseManager: MouseManager) => (e: Event) => {\n if (!(e instanceof KeyboardEvent)) return;\n if (!mouseManager.isLock()) mouseManager.lock();\n\n const { key } = e;\n if (status.isEmpty()) return;\n if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(key)) return;\n\n const { actions } = status.get();\n\n let active = actions.findIndex(({ $ }) => $.classList.contains('active'));\n if (active < 0) active = 0;\n\n const moveActive = (next: number) => {\n actions[active].$.classList.remove('active');\n actions[next].$.classList.add('active');\n scrollIntoView(actions[next].$, {\n scrollMode: 'if-needed',\n block: 'nearest',\n inline: 'nearest',\n });\n };\n\n if (key === 'ArrowDown') {\n const next = active === actions.length - 1 ? 0 : active + 1;\n\n moveActive(next);\n return;\n }\n\n if (key === 'ArrowUp') {\n const next = active === 0 ? actions.length - 1 : active - 1;\n\n moveActive(next);\n return;\n }\n\n if (key === 'Escape') {\n if (status.isEmpty()) return;\n\n status.clear();\n dropdownElement.classList.add('hide');\n return;\n }\n\n actions[active].command(view.state, view.dispatch, view);\n actions[active].$.classList.remove('active');\n };\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { calculateNodePosition, EditorView } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport { createDropdown } from '../utility';\nimport { renderDropdown } from './dropdown';\nimport {\n createMouseManager,\n handleClick,\n handleKeydown,\n handleMouseEnter,\n handleMouseLeave,\n handleMouseMove,\n} from './input';\nimport { Status } from './status';\n\nconst calculatePosition = (view: EditorView, dropdownElement: HTMLElement) => {\n calculateNodePosition(view, dropdownElement, (selected, target, parent) => {\n let left = selected.left - parent.left;\n let top = selected.bottom - parent.top + 14;\n\n if (left < 0) {\n left = 0;\n }\n\n if (window.innerHeight - selected.bottom < target.height) {\n top = selected.top - parent.top - target.height - 14;\n }\n return [top, left];\n });\n};\n\nexport const createView = (status: Status, view: EditorView, utils: Utils) => {\n const wrapper = view.dom.parentNode;\n if (!wrapper) return {};\n\n const dropdownElement = createDropdown(utils);\n const mouseManager = createMouseManager();\n wrapper.appendChild(dropdownElement);\n\n const _mouseMove = handleMouseMove(mouseManager);\n const _mouseDown = handleClick(status, view, dropdownElement);\n const _keydown = handleKeydown(status, view, dropdownElement, mouseManager);\n const _mouseEnter = handleMouseEnter(status, mouseManager);\n const _mouseLeave = handleMouseLeave();\n\n wrapper.addEventListener('mousemove', _mouseMove);\n wrapper.addEventListener('mousedown', _mouseDown);\n wrapper.addEventListener('keydown', _keydown);\n\n return {\n update: (view: EditorView) => {\n const show = renderDropdown(status, dropdownElement, {\n mouseEnter: _mouseEnter as EventListener,\n mouseLeave: _mouseLeave as EventListener,\n });\n\n if (!show) return;\n\n calculatePosition(view, dropdownElement);\n },\n\n destroy: () => {\n wrapper.removeEventListener('mousemove', _mouseMove);\n wrapper.removeEventListener('mousedown', _mouseDown);\n wrapper.removeEventListener('keydown', _keydown);\n dropdownElement.remove();\n },\n };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Plugin, PluginKey } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport type { StatusConfigBuilder } from '..';\nimport { createProps } from './props';\nimport { createStatus } from './status';\nimport { createView } from './view';\n\nexport const key = 'MILKDOWN_PLUGIN_SLASH';\n\nexport const createSlashPlugin = (utils: Utils, builder: StatusConfigBuilder) => {\n const status = createStatus(builder);\n\n return new Plugin({\n key: new PluginKey(key),\n props: createProps(status, utils),\n view: (view) => createView(status, view, utils),\n });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { AtomList, createPlugin } from '@milkdown/utils';\n\nimport type { Config } from './config';\nimport { defaultConfig } from './config';\nimport { createSlashPlugin } from './prose-plugin';\n\nexport type { Config, StatusConfig, StatusConfigBuilder, StatusConfigBuilderParams } from './config';\nexport { defaultActions, defaultConfig } from './config';\nexport { createDropdownItem } from './utility';\n\nexport type Options = {\n config: Config;\n};\n\nexport const slashPlugin = createPlugin<string, Options>((utils, options) => {\n const slashConfig = options?.config ?? defaultConfig;\n\n return {\n prosePlugins: (_, ctx) => {\n const config = slashConfig(ctx);\n\n const plugin = createSlashPlugin(utils, config);\n\n return [plugin];\n },\n };\n});\n\nexport const slash = AtomList.create([slashPlugin()]);\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milkdown/plugin-slash",
|
|
3
|
-
"version": "5.
|
|
4
|
-
"main": "lib/index.js",
|
|
5
|
-
"module": "lib/index.js",
|
|
6
|
-
"types": "lib/index.d.ts",
|
|
3
|
+
"version": "5.3.0",
|
|
4
|
+
"main": "./lib/index.cjs.js",
|
|
5
|
+
"module": "./lib/index.es.js",
|
|
6
|
+
"types": "./lib/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./lib/index.es.js",
|
|
10
|
+
"require": "./lib/index.cjs.js"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
7
13
|
"sideEffects": false,
|
|
8
14
|
"license": "MIT",
|
|
9
15
|
"files": [
|
|
@@ -20,18 +26,23 @@
|
|
|
20
26
|
},
|
|
21
27
|
"dependencies": {
|
|
22
28
|
"@emotion/css": "^11.1.3",
|
|
23
|
-
"@milkdown/utils": "5.
|
|
29
|
+
"@milkdown/utils": "5.3.0",
|
|
24
30
|
"smooth-scroll-into-view-if-needed": "^1.1.32",
|
|
25
31
|
"tslib": "^2.3.1"
|
|
26
32
|
},
|
|
27
33
|
"devDependencies": {
|
|
28
|
-
"
|
|
34
|
+
"@milkdown/core": "5.3.0",
|
|
35
|
+
"@milkdown/prose": "5.3.0",
|
|
36
|
+
"@milkdown/ctx": "5.3.0",
|
|
37
|
+
"@milkdown/design-system": "5.3.0",
|
|
38
|
+
"@milkdown/preset-gfm": "5.3.0"
|
|
29
39
|
},
|
|
30
40
|
"scripts": {
|
|
31
41
|
"start": "vite",
|
|
32
|
-
"watch": "
|
|
42
|
+
"watch": "vite build --watch",
|
|
33
43
|
"test": "jest",
|
|
34
44
|
"tsc": "tsc --noEmit",
|
|
35
|
-
"build": "tsc"
|
|
36
|
-
}
|
|
45
|
+
"build": "vite build && tsc --emitDeclarationOnly"
|
|
46
|
+
},
|
|
47
|
+
"readme": "# @milkdown/plugin-slash\n\nSlash plugin for [milkdown](https://saul-mirone.github.io/milkdown/).\nAdd support for slash commands.\n\n# Example Usage\n\n```typescript\nimport { Editor } from '@milkdown/core';\nimport { commonmark } from '@milkdown/preset-commonmark';\nimport { nord } from '@milkdown/theme-nord';\n\nimport { slash } from '@milkdown/plugin-slash';\n\nEditor.make().use(nord).use(commonmark).use(slash).create();\n```\n\n# Options\n\n## config\n\nConfigure the slash plugin placeholders & items with custom status builder.\n\nExample:\n\n```typescript\nimport { slashPlugin, slash, createDropdownItem, defaultActions } from '@milkdown/plugin-slash';\nimport { themeToolCtx, commandsCtx } from '@milkdown/core';\n\nEditor.make().use(\n slash.configure(slashPlugin, {\n config: (ctx) => {\n // Get default slash plugin items\n const actions = defaultActions(ctx);\n\n // Define a status builder\n return ({ isTopLevel, content, parentNode }) => {\n // You can only show something at root level\n if (!isTopLevel) return null;\n\n // Empty content ? Set your custom empty placeholder !\n if (!content) {\n return { placeholder: 'Type / to use the slash commands...' };\n }\n\n // Define the placeholder & actions (dropdown items) you want to display depending on content\n if (content.startsWith('/')) {\n // Add some actions depending on your content's parent node\n if (parentNode.type.name === 'customNode') {\n actions.push({\n id: 'custom',\n dom: createDropdownItem(ctx.get(themeToolCtx), 'Custom', 'h1'),\n command: () => ctx.get(commandsCtx).call(/* Add custom command here */),\n keyword: ['custom'],\n enable: () => true,\n });\n }\n\n return content === '/'\n ? {\n placeholder: 'Type to filter...',\n actions,\n }\n : {\n actions: actions.filter(({ keyword }) =>\n keyword.some((key) => key.includes(content.slice(1).toLocaleLowerCase())),\n ),\n };\n }\n };\n },\n }),\n);\n```\n\n# License\n\nMilkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).\n"
|
|
37
48
|
}
|
package/lib/config.js
DELETED
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
3
|
-
import { commandsCtx, schemaCtx, themeToolCtx } from '@milkdown/core';
|
|
4
|
-
import { InsertHr, InsertImage, InsertTable, TurnIntoCodeFence, TurnIntoHeading, TurnIntoTaskList, WrapInBlockquote, WrapInBulletList, WrapInOrderedList, } from '@milkdown/preset-gfm';
|
|
5
|
-
import { createDropdownItem } from './utility';
|
|
6
|
-
export const defaultActions = (ctx, input = '/') => {
|
|
7
|
-
const { nodes } = ctx.get(schemaCtx);
|
|
8
|
-
const actions = [
|
|
9
|
-
{
|
|
10
|
-
id: 'h1',
|
|
11
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Large Heading', 'h1'),
|
|
12
|
-
command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 1),
|
|
13
|
-
keyword: ['h1', 'large heading'],
|
|
14
|
-
typeName: 'heading',
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
id: 'h2',
|
|
18
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Medium Heading', 'h2'),
|
|
19
|
-
command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 2),
|
|
20
|
-
keyword: ['h2', 'medium heading'],
|
|
21
|
-
typeName: 'heading',
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
id: 'h3',
|
|
25
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Small Heading', 'h3'),
|
|
26
|
-
command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 3),
|
|
27
|
-
keyword: ['h3', 'small heading'],
|
|
28
|
-
typeName: 'heading',
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
id: 'bulletList',
|
|
32
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Bullet List', 'bulletList'),
|
|
33
|
-
command: () => ctx.get(commandsCtx).call(WrapInBulletList),
|
|
34
|
-
keyword: ['bullet list', 'ul'],
|
|
35
|
-
typeName: 'bullet_list',
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
id: 'orderedList',
|
|
39
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Ordered List', 'orderedList'),
|
|
40
|
-
command: () => ctx.get(commandsCtx).call(WrapInOrderedList),
|
|
41
|
-
keyword: ['ordered list', 'ol'],
|
|
42
|
-
typeName: 'ordered_list',
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
id: 'taskList',
|
|
46
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Task List', 'taskList'),
|
|
47
|
-
command: () => ctx.get(commandsCtx).call(TurnIntoTaskList),
|
|
48
|
-
keyword: ['task list', 'task'],
|
|
49
|
-
typeName: 'task_list_item',
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
id: 'image',
|
|
53
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Image', 'image'),
|
|
54
|
-
command: () => ctx.get(commandsCtx).call(InsertImage),
|
|
55
|
-
keyword: ['image'],
|
|
56
|
-
typeName: 'image',
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
id: 'blockquote',
|
|
60
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Quote', 'quote'),
|
|
61
|
-
command: () => ctx.get(commandsCtx).call(WrapInBlockquote),
|
|
62
|
-
keyword: ['quote', 'blockquote'],
|
|
63
|
-
typeName: 'blockquote',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
id: 'table',
|
|
67
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Table', 'table'),
|
|
68
|
-
command: () => ctx.get(commandsCtx).call(InsertTable),
|
|
69
|
-
keyword: ['table'],
|
|
70
|
-
typeName: 'table',
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
id: 'code',
|
|
74
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Code Fence', 'code'),
|
|
75
|
-
command: () => ctx.get(commandsCtx).call(TurnIntoCodeFence),
|
|
76
|
-
keyword: ['code'],
|
|
77
|
-
typeName: 'fence',
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
id: 'divider',
|
|
81
|
-
dom: createDropdownItem(ctx.get(themeToolCtx), 'Divide Line', 'divider'),
|
|
82
|
-
command: () => ctx.get(commandsCtx).call(InsertHr),
|
|
83
|
-
keyword: ['divider', 'hr'],
|
|
84
|
-
typeName: 'hr',
|
|
85
|
-
},
|
|
86
|
-
];
|
|
87
|
-
const userInput = input.slice(1).toLocaleLowerCase();
|
|
88
|
-
return actions
|
|
89
|
-
.filter((action) => !!nodes[action.typeName] && action.keyword.some((keyword) => keyword.includes(userInput)))
|
|
90
|
-
.map((_a) => {
|
|
91
|
-
var { keyword, typeName } = _a, action = __rest(_a, ["keyword", "typeName"]);
|
|
92
|
-
return action;
|
|
93
|
-
});
|
|
94
|
-
};
|
|
95
|
-
export const defaultConfig = (ctx) => {
|
|
96
|
-
return ({ content, isTopLevel }) => {
|
|
97
|
-
if (!isTopLevel)
|
|
98
|
-
return null;
|
|
99
|
-
if (!content) {
|
|
100
|
-
return { placeholder: 'Type / to use the slash commands...' };
|
|
101
|
-
}
|
|
102
|
-
if (content.startsWith('/')) {
|
|
103
|
-
return content === '/'
|
|
104
|
-
? {
|
|
105
|
-
placeholder: 'Type to filter...',
|
|
106
|
-
actions: defaultActions(ctx),
|
|
107
|
-
}
|
|
108
|
-
: {
|
|
109
|
-
actions: defaultActions(ctx, content),
|
|
110
|
-
};
|
|
111
|
-
}
|
|
112
|
-
return null;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=config.js.map
|
package/lib/config.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"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"}
|
package/lib/index.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { AtomList, createPlugin } from '@milkdown/utils';
|
|
3
|
-
import { defaultConfig } from './config';
|
|
4
|
-
import { createSlashPlugin } from './prose-plugin';
|
|
5
|
-
export { defaultActions, defaultConfig } from './config';
|
|
6
|
-
export { createDropdownItem } from './utility';
|
|
7
|
-
export const slashPlugin = createPlugin((utils, options) => {
|
|
8
|
-
var _a;
|
|
9
|
-
const slashConfig = (_a = options === null || options === void 0 ? void 0 : options.config) !== null && _a !== void 0 ? _a : defaultConfig;
|
|
10
|
-
return {
|
|
11
|
-
prosePlugins: (_, ctx) => {
|
|
12
|
-
const config = slashConfig(ctx);
|
|
13
|
-
const plugin = createSlashPlugin(utils, config);
|
|
14
|
-
return [plugin];
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
});
|
|
18
|
-
export const slash = AtomList.create([slashPlugin()]);
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAM/C,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;;IACxE,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,aAAa,CAAC;IAErD,OAAO;QACH,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAEhD,OAAO,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC;KACJ,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC"}
|
package/lib/item.js
DELETED
package/lib/item.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAajD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAU,EAAE,CAAC,CAAC;IAC/D,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,CAAC,EAAE,MAAM,CAAC,GAAG;IACb,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC;CAChD,CAAC,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import scrollIntoView from 'smooth-scroll-into-view-if-needed';
|
|
3
|
-
export const renderDropdown = (status, dropdownElement, listeners) => {
|
|
4
|
-
const { actions } = status.get();
|
|
5
|
-
if (!actions.length) {
|
|
6
|
-
dropdownElement.classList.add('hide');
|
|
7
|
-
return false;
|
|
8
|
-
}
|
|
9
|
-
dropdownElement.childNodes.forEach((child) => {
|
|
10
|
-
child.removeEventListener('mouseenter', listeners.mouseEnter);
|
|
11
|
-
child.removeEventListener('mouseleave', listeners.mouseLeave);
|
|
12
|
-
});
|
|
13
|
-
// Reset dropdownElement children
|
|
14
|
-
dropdownElement.textContent = '';
|
|
15
|
-
actions.forEach(({ $ }) => {
|
|
16
|
-
$.classList.remove('active');
|
|
17
|
-
$.addEventListener('mouseenter', listeners.mouseEnter);
|
|
18
|
-
$.addEventListener('mouseleave', listeners.mouseLeave);
|
|
19
|
-
dropdownElement.appendChild($);
|
|
20
|
-
});
|
|
21
|
-
dropdownElement.classList.remove('hide');
|
|
22
|
-
actions[0].$.classList.add('active');
|
|
23
|
-
requestAnimationFrame(() => {
|
|
24
|
-
scrollIntoView(actions[0].$, {
|
|
25
|
-
scrollMode: 'if-needed',
|
|
26
|
-
block: 'nearest',
|
|
27
|
-
inline: 'nearest',
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
return true;
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=dropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAS/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,eAA4B,EAAE,SAAoB,EAAW,EAAE;IAC1G,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;IAEjC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACjB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;KAChB;IAED,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACzC,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9D,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,iCAAiC;IACjC,eAAe,CAAC,WAAW,GAAG,EAAE,CAAC;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACtB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACvD,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrC,qBAAqB,CAAC,GAAG,EAAE;QACvB,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACzB,UAAU,EAAE,WAAW;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SACpB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { Plugin, PluginKey } from '@milkdown/prose';
|
|
3
|
-
import { createProps } from './props';
|
|
4
|
-
import { createStatus } from './status';
|
|
5
|
-
import { createView } from './view';
|
|
6
|
-
export const key = 'MILKDOWN_PLUGIN_SLASH';
|
|
7
|
-
export const createSlashPlugin = (utils, builder) => {
|
|
8
|
-
const status = createStatus(builder);
|
|
9
|
-
return new Plugin({
|
|
10
|
-
key: new PluginKey(key),
|
|
11
|
-
props: createProps(status, utils),
|
|
12
|
-
view: (view) => createView(status, view, utils),
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,OAA4B,EAAE,EAAE;IAC5E,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,IAAI,MAAM,CAAC;QACd,GAAG,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC;QACvB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC;QACjC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC;KAClD,CAAC,CAAC;AACP,CAAC,CAAC"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import scrollIntoView from 'smooth-scroll-into-view-if-needed';
|
|
3
|
-
export const createMouseManager = () => {
|
|
4
|
-
let mouseLock = false;
|
|
5
|
-
return {
|
|
6
|
-
isLock: () => mouseLock,
|
|
7
|
-
lock: () => {
|
|
8
|
-
mouseLock = true;
|
|
9
|
-
},
|
|
10
|
-
unlock: () => {
|
|
11
|
-
mouseLock = false;
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export const handleMouseMove = (mouseManager) => () => {
|
|
16
|
-
mouseManager.unlock();
|
|
17
|
-
};
|
|
18
|
-
export const handleMouseEnter = (status, mouseManager) => (e) => {
|
|
19
|
-
if (mouseManager.isLock())
|
|
20
|
-
return;
|
|
21
|
-
const { actions } = status.get();
|
|
22
|
-
const active = actions.findIndex((x) => x.$.classList.contains('active'));
|
|
23
|
-
if (active >= 0) {
|
|
24
|
-
actions[active].$.classList.remove('active');
|
|
25
|
-
}
|
|
26
|
-
const { target } = e;
|
|
27
|
-
if (!(target instanceof HTMLElement))
|
|
28
|
-
return;
|
|
29
|
-
target.classList.add('active');
|
|
30
|
-
};
|
|
31
|
-
export const handleMouseLeave = () => (e) => {
|
|
32
|
-
const { target } = e;
|
|
33
|
-
if (!(target instanceof HTMLElement))
|
|
34
|
-
return;
|
|
35
|
-
target.classList.remove('active');
|
|
36
|
-
};
|
|
37
|
-
export const handleClick = (status, view, dropdownElement) => (e) => {
|
|
38
|
-
const { target } = e;
|
|
39
|
-
if (!(target instanceof HTMLElement))
|
|
40
|
-
return;
|
|
41
|
-
if (!view)
|
|
42
|
-
return;
|
|
43
|
-
const stop = () => {
|
|
44
|
-
e.stopPropagation();
|
|
45
|
-
e.preventDefault();
|
|
46
|
-
};
|
|
47
|
-
const { actions } = status.get();
|
|
48
|
-
const el = Object.values(actions).find(({ $ }) => $.contains(target));
|
|
49
|
-
if (!el) {
|
|
50
|
-
if (status.isEmpty())
|
|
51
|
-
return;
|
|
52
|
-
status.clear();
|
|
53
|
-
dropdownElement.classList.add('hide');
|
|
54
|
-
stop();
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
stop();
|
|
58
|
-
el.command(view.state, view.dispatch, view);
|
|
59
|
-
};
|
|
60
|
-
export const handleKeydown = (status, view, dropdownElement, mouseManager) => (e) => {
|
|
61
|
-
if (!(e instanceof KeyboardEvent))
|
|
62
|
-
return;
|
|
63
|
-
if (!mouseManager.isLock())
|
|
64
|
-
mouseManager.lock();
|
|
65
|
-
const { key } = e;
|
|
66
|
-
if (status.isEmpty())
|
|
67
|
-
return;
|
|
68
|
-
if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(key))
|
|
69
|
-
return;
|
|
70
|
-
const { actions } = status.get();
|
|
71
|
-
let active = actions.findIndex(({ $ }) => $.classList.contains('active'));
|
|
72
|
-
if (active < 0)
|
|
73
|
-
active = 0;
|
|
74
|
-
const moveActive = (next) => {
|
|
75
|
-
actions[active].$.classList.remove('active');
|
|
76
|
-
actions[next].$.classList.add('active');
|
|
77
|
-
scrollIntoView(actions[next].$, {
|
|
78
|
-
scrollMode: 'if-needed',
|
|
79
|
-
block: 'nearest',
|
|
80
|
-
inline: 'nearest',
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
if (key === 'ArrowDown') {
|
|
84
|
-
const next = active === actions.length - 1 ? 0 : active + 1;
|
|
85
|
-
moveActive(next);
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
if (key === 'ArrowUp') {
|
|
89
|
-
const next = active === 0 ? actions.length - 1 : active - 1;
|
|
90
|
-
moveActive(next);
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
if (key === 'Escape') {
|
|
94
|
-
if (status.isEmpty())
|
|
95
|
-
return;
|
|
96
|
-
status.clear();
|
|
97
|
-
dropdownElement.classList.add('hide');
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
actions[active].command(view.state, view.dispatch, view);
|
|
101
|
-
actions[active].$.classList.remove('active');
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { css } from '@emotion/css';
|
|
3
|
-
import { Decoration, DecorationSet, findParentNode } from '@milkdown/prose';
|
|
4
|
-
const createEmptyStyle = ({ font, palette }) => css `
|
|
5
|
-
position: relative;
|
|
6
|
-
&::before {
|
|
7
|
-
position: absolute;
|
|
8
|
-
cursor: text;
|
|
9
|
-
font-family: ${font.typography};
|
|
10
|
-
font-size: 0.875rem;
|
|
11
|
-
color: ${palette('neutral', 0.6)};
|
|
12
|
-
content: attr(data-text);
|
|
13
|
-
height: 100%;
|
|
14
|
-
display: flex;
|
|
15
|
-
align-items: center;
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
const createSlashStyle = () => css `
|
|
19
|
-
&::before {
|
|
20
|
-
left: 0.5rem;
|
|
21
|
-
}
|
|
22
|
-
`;
|
|
23
|
-
export const createProps = (status, utils) => {
|
|
24
|
-
const emptyStyle = utils.getStyle(createEmptyStyle);
|
|
25
|
-
const slashStyle = utils.getStyle(createSlashStyle);
|
|
26
|
-
return {
|
|
27
|
-
handleKeyDown: (_, event) => {
|
|
28
|
-
if (status.isEmpty()) {
|
|
29
|
-
return false;
|
|
30
|
-
}
|
|
31
|
-
if (!(event instanceof KeyboardEvent)) {
|
|
32
|
-
return false;
|
|
33
|
-
}
|
|
34
|
-
if (!['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) {
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
return true;
|
|
38
|
-
},
|
|
39
|
-
decorations: (state) => {
|
|
40
|
-
const paragraph = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);
|
|
41
|
-
if (!paragraph ||
|
|
42
|
-
paragraph.node.childCount > 1 ||
|
|
43
|
-
state.selection.$from.parentOffset !== paragraph.node.textContent.length) {
|
|
44
|
-
status.clear();
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
const { placeholder, actions } = status.update({
|
|
48
|
-
parentNode: state.selection.$from.node(state.selection.$from.depth - 1),
|
|
49
|
-
isTopLevel: state.selection.$from.depth === 1,
|
|
50
|
-
content: paragraph.node.textContent,
|
|
51
|
-
state,
|
|
52
|
-
});
|
|
53
|
-
if (!placeholder) {
|
|
54
|
-
return null;
|
|
55
|
-
}
|
|
56
|
-
const createDecoration = (text, className) => {
|
|
57
|
-
const pos = paragraph.pos;
|
|
58
|
-
return DecorationSet.create(state.doc, [
|
|
59
|
-
Decoration.node(pos, pos + paragraph.node.nodeSize, {
|
|
60
|
-
class: className.filter((x) => x).join(' '),
|
|
61
|
-
'data-text': text,
|
|
62
|
-
}),
|
|
63
|
-
]);
|
|
64
|
-
};
|
|
65
|
-
if (actions.length) {
|
|
66
|
-
return createDecoration(placeholder, [emptyStyle, slashStyle, 'empty-node', 'is-slash']);
|
|
67
|
-
}
|
|
68
|
-
return createDecoration(placeholder, [emptyStyle, 'empty-node']);
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { transformAction } from '../item';
|
|
2
|
-
const createStatusCtx = () => {
|
|
3
|
-
return {
|
|
4
|
-
placeholder: null,
|
|
5
|
-
actions: [],
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
|
-
export const createStatus = (builder) => {
|
|
9
|
-
const statusCtx = createStatusCtx();
|
|
10
|
-
return {
|
|
11
|
-
get: () => statusCtx,
|
|
12
|
-
clear: () => {
|
|
13
|
-
statusCtx.placeholder = null;
|
|
14
|
-
statusCtx.actions = [];
|
|
15
|
-
},
|
|
16
|
-
update: (builderParams) => {
|
|
17
|
-
var _a, _b;
|
|
18
|
-
const config = builder(builderParams);
|
|
19
|
-
statusCtx.placeholder = (_a = config === null || config === void 0 ? void 0 : config.placeholder) !== null && _a !== void 0 ? _a : null;
|
|
20
|
-
statusCtx.actions = ((_b = config === null || config === void 0 ? void 0 : config.actions) !== null && _b !== void 0 ? _b : []).map(transformAction);
|
|
21
|
-
return statusCtx;
|
|
22
|
-
},
|
|
23
|
-
isEmpty: () => statusCtx.actions.length === 0,
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=status.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/prose-plugin/status.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,SAAS,CAAC;AAOlD,MAAM,eAAe,GAAG,GAAc,EAAE;IACpC,OAAO;QACH,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,EAAE;KACd,CAAC;AACN,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAA4B,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;IAEpC,OAAO;QACH,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;QACpB,KAAK,EAAE,GAAG,EAAE;YACR,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;YAC7B,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC;QAC3B,CAAC;QACD,MAAM,EAAE,CAAC,aAAwC,EAAE,EAAE;;YACjD,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;YACtC,SAAS,CAAC,WAAW,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,mCAAI,IAAI,CAAC;YACpD,SAAS,CAAC,OAAO,GAAG,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACjE,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;KAChD,CAAC;AACN,CAAC,CAAC"}
|
package/lib/prose-plugin/view.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { calculateNodePosition } from '@milkdown/prose';
|
|
3
|
-
import { createDropdown } from '../utility';
|
|
4
|
-
import { renderDropdown } from './dropdown';
|
|
5
|
-
import { createMouseManager, handleClick, handleKeydown, handleMouseEnter, handleMouseLeave, handleMouseMove, } from './input';
|
|
6
|
-
const calculatePosition = (view, dropdownElement) => {
|
|
7
|
-
calculateNodePosition(view, dropdownElement, (selected, target, parent) => {
|
|
8
|
-
let left = selected.left - parent.left;
|
|
9
|
-
let top = selected.bottom - parent.top + 14;
|
|
10
|
-
if (left < 0) {
|
|
11
|
-
left = 0;
|
|
12
|
-
}
|
|
13
|
-
if (window.innerHeight - selected.bottom < target.height) {
|
|
14
|
-
top = selected.top - parent.top - target.height - 14;
|
|
15
|
-
}
|
|
16
|
-
return [top, left];
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
export const createView = (status, view, utils) => {
|
|
20
|
-
const wrapper = view.dom.parentNode;
|
|
21
|
-
if (!wrapper)
|
|
22
|
-
return {};
|
|
23
|
-
const dropdownElement = createDropdown(utils);
|
|
24
|
-
const mouseManager = createMouseManager();
|
|
25
|
-
wrapper.appendChild(dropdownElement);
|
|
26
|
-
const _mouseMove = handleMouseMove(mouseManager);
|
|
27
|
-
const _mouseDown = handleClick(status, view, dropdownElement);
|
|
28
|
-
const _keydown = handleKeydown(status, view, dropdownElement, mouseManager);
|
|
29
|
-
const _mouseEnter = handleMouseEnter(status, mouseManager);
|
|
30
|
-
const _mouseLeave = handleMouseLeave();
|
|
31
|
-
wrapper.addEventListener('mousemove', _mouseMove);
|
|
32
|
-
wrapper.addEventListener('mousedown', _mouseDown);
|
|
33
|
-
wrapper.addEventListener('keydown', _keydown);
|
|
34
|
-
return {
|
|
35
|
-
update: (view) => {
|
|
36
|
-
const show = renderDropdown(status, dropdownElement, {
|
|
37
|
-
mouseEnter: _mouseEnter,
|
|
38
|
-
mouseLeave: _mouseLeave,
|
|
39
|
-
});
|
|
40
|
-
if (!show)
|
|
41
|
-
return;
|
|
42
|
-
calculatePosition(view, dropdownElement);
|
|
43
|
-
},
|
|
44
|
-
destroy: () => {
|
|
45
|
-
wrapper.removeEventListener('mousemove', _mouseMove);
|
|
46
|
-
wrapper.removeEventListener('mousedown', _mouseDown);
|
|
47
|
-
wrapper.removeEventListener('keydown', _keydown);
|
|
48
|
-
dropdownElement.remove();
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=view.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"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"}
|