add basic extension classes
This commit is contained in:
@@ -1,114 +1,139 @@
|
||||
import cloneDeep from 'clone-deep'
|
||||
import { Plugin } from 'prosemirror-state'
|
||||
import { Editor, CommandsSpec } from './Editor'
|
||||
// import cloneDeep from 'clone-deep'
|
||||
// import { Plugin } from 'prosemirror-state'
|
||||
// import { Editor, CommandsSpec } from './Editor'
|
||||
|
||||
type AnyObject = {
|
||||
[key: string]: any
|
||||
}
|
||||
// type AnyObject = {
|
||||
// [key: string]: any
|
||||
// }
|
||||
|
||||
type NoInfer<T> = [T][T extends any ? 0 : never]
|
||||
// type NoInfer<T> = [T][T extends any ? 0 : never]
|
||||
|
||||
type MergeStrategy = 'extend' | 'overwrite'
|
||||
// type MergeStrategy = 'extend' | 'overwrite'
|
||||
|
||||
type Configs = {
|
||||
[key: string]: {
|
||||
stategy: MergeStrategy
|
||||
value: any
|
||||
}[]
|
||||
}
|
||||
// type Configs = {
|
||||
// [key: string]: {
|
||||
// stategy: MergeStrategy
|
||||
// value: any
|
||||
// }[]
|
||||
// }
|
||||
|
||||
export interface ExtensionProps<Options> {
|
||||
name: string
|
||||
editor: Editor
|
||||
options: Options
|
||||
}
|
||||
// export interface ExtensionProps<Options> {
|
||||
// name: string
|
||||
// editor: Editor
|
||||
// options: Options
|
||||
// }
|
||||
|
||||
export interface ExtensionMethods<Props, Options> {
|
||||
name: string
|
||||
options: Options
|
||||
commands: (params: Props) => CommandsSpec
|
||||
inputRules: (params: Props) => any[]
|
||||
pasteRules: (params: Props) => any[]
|
||||
keys: (params: Props) => {
|
||||
[key: string]: Function
|
||||
}
|
||||
plugins: (params: Props) => Plugin[]
|
||||
}
|
||||
// export interface ExtensionMethods<Props, Options> {
|
||||
// name: string
|
||||
// options: Options
|
||||
// commands: (params: Props) => CommandsSpec
|
||||
// inputRules: (params: Props) => any[]
|
||||
// pasteRules: (params: Props) => any[]
|
||||
// keys: (params: Props) => {
|
||||
// [key: string]: Function
|
||||
// }
|
||||
// plugins: (params: Props) => Plugin[]
|
||||
// }
|
||||
|
||||
// export default class Extension<
|
||||
// Options = {},
|
||||
// Props = ExtensionProps<Options>,
|
||||
// Methods extends ExtensionMethods<Props, Options> = ExtensionMethods<Props, Options>,
|
||||
// > {
|
||||
// type = 'extension'
|
||||
|
||||
// config: AnyObject = {}
|
||||
|
||||
// configs: Configs = {}
|
||||
|
||||
// options: Partial<Options> = {}
|
||||
|
||||
// protected storeConfig(key: string, value: any, stategy: MergeStrategy) {
|
||||
// const item = {
|
||||
// stategy,
|
||||
// value,
|
||||
// }
|
||||
|
||||
// if (this.configs[key]) {
|
||||
// this.configs[key].push(item)
|
||||
// } else {
|
||||
// this.configs[key] = [item]
|
||||
// }
|
||||
// }
|
||||
|
||||
// public configure(options: Partial<Options>) {
|
||||
// this.options = { ...this.options, ...options }
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public name(value: Methods['name']) {
|
||||
// this.storeConfig('name', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public defaults(value: Options) {
|
||||
// this.storeConfig('defaults', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public commands(value: Methods['commands']) {
|
||||
// this.storeConfig('commands', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public keys(value: Methods['keys']) {
|
||||
// this.storeConfig('keys', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public inputRules(value: Methods['inputRules']) {
|
||||
// this.storeConfig('inputRules', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public pasteRules(value: Methods['pasteRules']) {
|
||||
// this.storeConfig('pasteRules', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public plugins(value: Methods['plugins']) {
|
||||
// this.storeConfig('plugins', value, 'overwrite')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public extend<T extends Extract<keyof Methods, string>>(key: T, value: Methods[T]) {
|
||||
// this.storeConfig(key, value, 'extend')
|
||||
// return this
|
||||
// }
|
||||
|
||||
// public create() {
|
||||
// return <NewOptions = Options>(options?: Partial<NoInfer<NewOptions>>) => {
|
||||
// return cloneDeep(this, true).configure(options as NewOptions)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
export default class Extension<Options = {}> {
|
||||
|
||||
name = 'extension'
|
||||
|
||||
export default class Extension<
|
||||
Options = {},
|
||||
Props = ExtensionProps<Options>,
|
||||
Methods extends ExtensionMethods<Props, Options> = ExtensionMethods<Props, Options>,
|
||||
> {
|
||||
type = 'extension'
|
||||
|
||||
config: AnyObject = {}
|
||||
|
||||
configs: Configs = {}
|
||||
|
||||
options: Partial<Options> = {}
|
||||
|
||||
protected storeConfig(key: string, value: any, stategy: MergeStrategy) {
|
||||
const item = {
|
||||
stategy,
|
||||
value,
|
||||
}
|
||||
|
||||
if (this.configs[key]) {
|
||||
this.configs[key].push(item)
|
||||
} else {
|
||||
this.configs[key] = [item]
|
||||
constructor(options?: Partial<Options>) {
|
||||
this.options = {
|
||||
...this.createDefaultOptions(),
|
||||
...options,
|
||||
}
|
||||
}
|
||||
|
||||
public configure(options: Partial<Options>) {
|
||||
this.options = { ...this.options, ...options }
|
||||
return this
|
||||
createDefaultOptions() {
|
||||
return {}
|
||||
}
|
||||
|
||||
public name(value: Methods['name']) {
|
||||
this.storeConfig('name', value, 'overwrite')
|
||||
return this
|
||||
createCommands() {
|
||||
return {}
|
||||
}
|
||||
|
||||
public defaults(value: Options) {
|
||||
this.storeConfig('defaults', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public commands(value: Methods['commands']) {
|
||||
this.storeConfig('commands', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public keys(value: Methods['keys']) {
|
||||
this.storeConfig('keys', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public inputRules(value: Methods['inputRules']) {
|
||||
this.storeConfig('inputRules', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public pasteRules(value: Methods['pasteRules']) {
|
||||
this.storeConfig('pasteRules', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public plugins(value: Methods['plugins']) {
|
||||
this.storeConfig('plugins', value, 'overwrite')
|
||||
return this
|
||||
}
|
||||
|
||||
public extend<T extends Extract<keyof Methods, string>>(key: T, value: Methods[T]) {
|
||||
this.storeConfig(key, value, 'extend')
|
||||
return this
|
||||
}
|
||||
|
||||
public create() {
|
||||
return <NewOptions = Options>(options?: Partial<NoInfer<NewOptions>>) => {
|
||||
return cloneDeep(this, true).configure(options as NewOptions)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user