2020-08-22 06:12:34 +08:00
|
|
|
import { Plugin } from 'prosemirror-state'
|
2020-04-02 15:42:26 +08:00
|
|
|
import { keymap } from 'prosemirror-keymap'
|
2020-09-24 15:35:18 +08:00
|
|
|
// import { Schema, Node as ProsemirrorNode } from 'prosemirror-model'
|
2020-04-02 15:42:26 +08:00
|
|
|
import { inputRules } from 'prosemirror-inputrules'
|
2020-09-24 15:35:18 +08:00
|
|
|
// import { EditorView, Decoration } from 'prosemirror-view'
|
2020-09-24 06:29:05 +08:00
|
|
|
|
2020-08-22 06:12:34 +08:00
|
|
|
import { Editor } from './Editor'
|
2020-09-24 15:35:18 +08:00
|
|
|
// import capitalize from './utils/capitalize'
|
2020-09-04 18:10:51 +08:00
|
|
|
import { Extensions } from './types'
|
2020-09-10 06:09:05 +08:00
|
|
|
import getSchema from './utils/getSchema'
|
2020-08-22 06:05:00 +08:00
|
|
|
|
2020-03-06 04:05:01 +08:00
|
|
|
export default class ExtensionManager {
|
|
|
|
|
2020-04-01 04:17:54 +08:00
|
|
|
editor: Editor
|
2020-09-24 06:29:05 +08:00
|
|
|
|
2020-08-22 06:05:00 +08:00
|
|
|
extensions: Extensions
|
2020-03-06 04:05:01 +08:00
|
|
|
|
2020-08-22 06:05:00 +08:00
|
|
|
constructor(extensions: Extensions, editor: Editor) {
|
2020-04-01 04:17:54 +08:00
|
|
|
this.editor = editor
|
2020-03-06 04:05:01 +08:00
|
|
|
this.extensions = extensions
|
2020-09-10 06:09:05 +08:00
|
|
|
}
|
2020-09-09 17:23:24 +08:00
|
|
|
|
2020-10-10 04:59:25 +08:00
|
|
|
// resolveConfigs() {
|
|
|
|
// this.extensions.forEach(extension => {
|
|
|
|
// const { editor } = this
|
|
|
|
// const { name } = extension.config
|
|
|
|
// const options = {
|
|
|
|
// ...extension.config.defaults,
|
|
|
|
// ...extension.options,
|
|
|
|
// }
|
|
|
|
// const type = extension.type === 'node'
|
|
|
|
// ? editor.schema.nodes[name]
|
|
|
|
// : editor.schema.marks[name]
|
|
|
|
|
|
|
|
// resolveExtensionConfig(extension, 'commands', {
|
|
|
|
// name, options, editor, type,
|
|
|
|
// })
|
|
|
|
// resolveExtensionConfig(extension, 'inputRules', {
|
|
|
|
// name, options, editor, type,
|
|
|
|
// })
|
|
|
|
// resolveExtensionConfig(extension, 'pasteRules', {
|
|
|
|
// name, options, editor, type,
|
|
|
|
// })
|
|
|
|
// resolveExtensionConfig(extension, 'keys', {
|
|
|
|
// name, options, editor, type,
|
|
|
|
// })
|
|
|
|
// resolveExtensionConfig(extension, 'plugins', {
|
|
|
|
// name, options, editor, type,
|
|
|
|
// })
|
|
|
|
|
|
|
|
// if (extension.config.commands) {
|
|
|
|
// editor.registerCommands(extension.config.commands)
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
// }
|
2020-04-02 20:34:07 +08:00
|
|
|
|
2020-10-22 15:23:37 +08:00
|
|
|
get schema() {
|
2020-09-10 06:09:05 +08:00
|
|
|
return getSchema(this.extensions)
|
|
|
|
}
|
|
|
|
|
2020-08-22 06:12:34 +08:00
|
|
|
get plugins(): Plugin[] {
|
2020-10-10 04:59:25 +08:00
|
|
|
// const plugins = collect(this.extensions)
|
|
|
|
// .flatMap(extension => extension.config.plugins)
|
|
|
|
// .filter(plugin => plugin)
|
|
|
|
// .toArray()
|
2020-04-02 15:42:26 +08:00
|
|
|
|
|
|
|
return [
|
2020-10-10 04:59:25 +08:00
|
|
|
// ...plugins,
|
2020-04-02 15:42:26 +08:00
|
|
|
...this.keymaps,
|
|
|
|
...this.pasteRules,
|
|
|
|
inputRules({ rules: this.inputRules }),
|
|
|
|
]
|
2020-03-06 05:15:17 +08:00
|
|
|
}
|
|
|
|
|
2020-04-02 14:53:59 +08:00
|
|
|
get inputRules(): any {
|
2020-10-10 04:59:25 +08:00
|
|
|
return []
|
|
|
|
// return collect(this.extensions)
|
|
|
|
// .flatMap(extension => extension.config.inputRules)
|
|
|
|
// .filter(plugin => plugin)
|
|
|
|
// .toArray()
|
2020-04-02 14:53:59 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
get pasteRules(): any {
|
2020-10-10 04:59:25 +08:00
|
|
|
return []
|
|
|
|
// return collect(this.extensions)
|
|
|
|
// .flatMap(extension => extension.config.pasteRules)
|
|
|
|
// .filter(plugin => plugin)
|
|
|
|
// .toArray()
|
2020-04-02 14:53:59 +08:00
|
|
|
}
|
|
|
|
|
2020-04-01 04:17:54 +08:00
|
|
|
get keymaps() {
|
2020-10-22 17:14:44 +08:00
|
|
|
return this.extensions.map(extension => {
|
|
|
|
const context = {
|
|
|
|
options: extension.options,
|
|
|
|
editor: this.editor,
|
|
|
|
}
|
|
|
|
|
|
|
|
return keymap(extension.addKeyboardShortcuts.bind(context)())
|
|
|
|
})
|
2020-04-01 04:17:54 +08:00
|
|
|
}
|
|
|
|
|
2020-04-24 15:32:37 +08:00
|
|
|
get nodeViews() {
|
2020-09-09 05:49:58 +08:00
|
|
|
// const { renderer: Renderer } = this.editor
|
|
|
|
|
|
|
|
// if (!Renderer || !Renderer.type) {
|
|
|
|
// return {}
|
|
|
|
// }
|
|
|
|
|
|
|
|
// const prop = `to${capitalize(Renderer.type)}`
|
|
|
|
|
|
|
|
// return collect(this.extensions)
|
|
|
|
// .where('extensionType', 'node')
|
|
|
|
// .filter((extension: any) => extension.schema()[prop])
|
|
|
|
// .map((extension: any) => {
|
|
|
|
// return (
|
|
|
|
// node: ProsemirrorNode,
|
|
|
|
// view: EditorView,
|
|
|
|
// getPos: (() => number) | boolean,
|
|
|
|
// decorations: Decoration[],
|
|
|
|
// ) => {
|
|
|
|
// return new Renderer(extension.schema()[prop], {
|
|
|
|
// extension,
|
|
|
|
// editor: this.editor,
|
|
|
|
// node,
|
|
|
|
// getPos,
|
|
|
|
// decorations,
|
|
|
|
// })
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
// .all()
|
|
|
|
|
|
|
|
return {}
|
2020-04-24 15:32:37 +08:00
|
|
|
}
|
|
|
|
|
2020-03-06 04:05:01 +08:00
|
|
|
}
|