@milkdown/plugin-slash 4.13.3 → 4.14.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/README.md +31 -0
- package/lib/index.d.ts +4 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +6 -3
- package/lib/index.js.map +1 -1
- package/lib/item.d.ts +1 -2
- package/lib/item.d.ts.map +1 -1
- package/lib/item.js.map +1 -1
- package/lib/prose-plugin/index.d.ts +2 -2
- package/lib/prose-plugin/index.d.ts.map +1 -1
- package/lib/prose-plugin/index.js +4 -3
- package/lib/prose-plugin/index.js.map +1 -1
- package/lib/prose-plugin/input.d.ts +1 -1
- package/lib/prose-plugin/input.d.ts.map +1 -1
- package/lib/prose-plugin/props.d.ts +2 -3
- package/lib/prose-plugin/props.d.ts.map +1 -1
- package/lib/prose-plugin/props.js +3 -5
- package/lib/prose-plugin/props.js.map +1 -1
- package/lib/prose-plugin/view.d.ts +1 -1
- package/lib/prose-plugin/view.d.ts.map +1 -1
- package/lib/prose-plugin/view.js +1 -1
- package/lib/prose-plugin/view.js.map +1 -1
- package/lib/utility.d.ts +1 -2
- package/lib/utility.d.ts.map +1 -1
- package/lib/utility.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +10 -1
- package/src/item.ts +1 -2
- package/src/prose-plugin/index.ts +8 -3
- package/src/prose-plugin/input.ts +1 -1
- package/src/prose-plugin/props.ts +9 -6
- package/src/prose-plugin/view.ts +2 -2
- package/src/utility.ts +1 -2
package/README.md
CHANGED
|
@@ -62,3 +62,34 @@ Editor.make().use(
|
|
|
62
62
|
}),
|
|
63
63
|
);
|
|
64
64
|
```
|
|
65
|
+
|
|
66
|
+
## shouldDisplay
|
|
67
|
+
|
|
68
|
+
Control wether the slash dropdown list should be displayed.
|
|
69
|
+
|
|
70
|
+
Example:
|
|
71
|
+
|
|
72
|
+
```typescript
|
|
73
|
+
import { slashPlugin, slash } from '@milkdown/plugin-slash';
|
|
74
|
+
|
|
75
|
+
Editor.make().use(
|
|
76
|
+
slash.configure(slashPlugin, {
|
|
77
|
+
shouldDisplay: (parent, state) => {
|
|
78
|
+
const noMoreThanOne = parent.node.childCount <= 1;
|
|
79
|
+
const isTopLevel = state.selection.$from.depth === 1;
|
|
80
|
+
return noMoreThanOne && isTopLevel;
|
|
81
|
+
},
|
|
82
|
+
}),
|
|
83
|
+
);
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
`shouldDisplay` will only be triggered when selection is in paragraph node.
|
|
87
|
+
|
|
88
|
+
- parent:
|
|
89
|
+
Paragraph node which holds the current text node.
|
|
90
|
+
- state:
|
|
91
|
+
Current editor state.
|
|
92
|
+
|
|
93
|
+
# License
|
|
94
|
+
|
|
95
|
+
Milkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).
|
package/lib/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EditorState, NodeWithPos } from '@milkdown/prose';
|
|
1
2
|
import { AtomList, Utils } from '@milkdown/utils';
|
|
2
3
|
import { WrappedAction } from './item';
|
|
3
4
|
import { CursorStatus } from './prose-plugin/status';
|
|
@@ -6,12 +7,13 @@ export { CursorStatus } from './prose-plugin/status';
|
|
|
6
7
|
export { createDropdownItem, nodeExists } from './utility';
|
|
7
8
|
export declare type SlashConfig = (utils: Utils) => WrappedAction[];
|
|
8
9
|
export declare type Options = {
|
|
10
|
+
shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean;
|
|
9
11
|
config: SlashConfig;
|
|
10
12
|
placeholder: {
|
|
11
13
|
[CursorStatus.Empty]: string;
|
|
12
14
|
[CursorStatus.Slash]: string;
|
|
13
15
|
};
|
|
14
16
|
};
|
|
15
|
-
export declare const slashPlugin: import("@milkdown/utils/lib/
|
|
16
|
-
export declare const slash: AtomList<import("@milkdown/utils/lib/
|
|
17
|
+
export declare const slashPlugin: import("@milkdown/utils/lib/types").Origin<string, Options, import("prosemirror-state").Plugin<any, any>>;
|
|
18
|
+
export declare const slash: AtomList<import("@milkdown/utils/lib/types").PluginWithMetadata<string, Options, import("prosemirror-state").Plugin<any, any>>>;
|
|
17
19
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAqB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,oBAAY,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,aAAa,EAAE,CAAC;AAE5D,oBAAY,OAAO,GAAG;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE;QACT,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAC7B,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChC,CAAC;CACL,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAqB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,oBAAY,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,aAAa,EAAE,CAAC;AAE5D,oBAAY,OAAO,GAAG;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IACpE,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE;QACT,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAC7B,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChC,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,WAAW,2GAoBtB,CAAC;AAEH,eAAO,MAAM,KAAK,iIAAmC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
1
|
import { AtomList, createProsePlugin } from '@milkdown/utils';
|
|
3
2
|
import { config } from './config';
|
|
4
3
|
import { createSlashPlugin } from './prose-plugin';
|
|
@@ -7,11 +6,15 @@ export { config } from './config';
|
|
|
7
6
|
export { CursorStatus } from './prose-plugin/status';
|
|
8
7
|
export { createDropdownItem, nodeExists } from './utility';
|
|
9
8
|
export const slashPlugin = createProsePlugin((options, utils) => {
|
|
10
|
-
var _a, _b;
|
|
9
|
+
var _a, _b, _c;
|
|
11
10
|
const slashConfig = (_a = options === null || options === void 0 ? void 0 : options.config) !== null && _a !== void 0 ? _a : config;
|
|
12
11
|
const placeholder = Object.assign({ [CursorStatus.Empty]: 'Type / to use the slash commands...', [CursorStatus.Slash]: 'Type to filter...' }, ((_b = options === null || options === void 0 ? void 0 : options.placeholder) !== null && _b !== void 0 ? _b : {}));
|
|
13
12
|
const cfg = slashConfig(utils);
|
|
14
|
-
const
|
|
13
|
+
const shouldDisplay = (_c = options === null || options === void 0 ? void 0 : options.shouldDisplay) !== null && _c !== void 0 ? _c : ((parent, state) => {
|
|
14
|
+
const isTopLevel = state.selection.$from.depth === 1;
|
|
15
|
+
return parent.node.childCount <= 1 && isTopLevel;
|
|
16
|
+
});
|
|
17
|
+
const plugin = createSlashPlugin(utils, cfg, placeholder, shouldDisplay);
|
|
15
18
|
return {
|
|
16
19
|
id: 'slash',
|
|
17
20
|
plugin,
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAS,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAa3D,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAU,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;IACrE,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,MAAM,CAAC;IAC9C,MAAM,WAAW,mBACb,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,qCAAqC,EAC3D,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,mBAAmB,IACtC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE,CAAC,CAClC,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,aAAa,GACf,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,mCACtB,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACf,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,UAAU,CAAC;IACrD,CAAC,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;IACzE,OAAO;QACH,EAAE,EAAE,OAAO;QACX,MAAM;KACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC"}
|
package/lib/item.d.ts
CHANGED
package/lib/item.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIvD,oBAAY,MAAM,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACzD,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,aAAa,KAAG,MAMtD,CAAC"}
|
package/lib/item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAgBjD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAU,EAAE,CAAC,CAAC;IAC/D,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,CAAC,EAAE,MAAM,CAAC,GAAG;IACb,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC,MAAM;CACxB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { EditorState, NodeWithPos, Plugin } from '@milkdown/prose';
|
|
1
2
|
import { Utils } from '@milkdown/utils';
|
|
2
|
-
import { Plugin } from 'prosemirror-state';
|
|
3
3
|
import { WrappedAction } from '../item';
|
|
4
4
|
import { CursorStatus } from './status';
|
|
5
5
|
export declare const key = "MILKDOWN_PLUGIN_SLASH";
|
|
6
|
-
export declare const createSlashPlugin: (utils: Utils, items: WrappedAction[], placeholder: Record<CursorStatus, string
|
|
6
|
+
export declare const createSlashPlugin: (utils: Utils, items: WrappedAction[], placeholder: Record<CursorStatus, string>, shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean) => Plugin<any, any>;
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAa,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,OAAO,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAGtD,eAAO,MAAM,GAAG,0BAA0B,CAAC;AAE3C,eAAO,MAAM,iBAAiB,UACnB,KAAK,SACL,aAAa,EAAE,eACT,OAAO,YAAY,EAAE,MAAM,CAAC,0BACjB,WAAW,SAAS,WAAW,KAAK,OAAO,qBAUtE,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
+
import { Plugin, PluginKey } from '@milkdown/prose';
|
|
2
3
|
import { transformAction } from '../item';
|
|
3
4
|
import { createProps } from './props';
|
|
4
5
|
import { createStatus } from './status';
|
|
5
6
|
import { createView } from './view';
|
|
6
7
|
export const key = 'MILKDOWN_PLUGIN_SLASH';
|
|
7
|
-
export const createSlashPlugin = (utils, items, placeholder) => {
|
|
8
|
+
export const createSlashPlugin = (utils, items, placeholder, shouldDisplay) => {
|
|
8
9
|
const status = createStatus();
|
|
9
10
|
const actions = items.map(transformAction);
|
|
10
11
|
return new Plugin({
|
|
11
12
|
key: new PluginKey(key),
|
|
12
|
-
props: createProps(status, utils, placeholder),
|
|
13
|
+
props: createProps(status, utils, placeholder, shouldDisplay),
|
|
13
14
|
view: (view) => createView(status, actions, view, utils),
|
|
14
15
|
});
|
|
15
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAA4B,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG9E,OAAO,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAgB,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,KAAY,EACZ,KAAsB,EACtB,WAAyC,EACzC,aAAmE,EACrE,EAAE;IACA,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,IAAI,MAAM,CAAC;QACd,GAAG,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC;QACvB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,CAAC;QAC7D,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC;KAC3D,CAAC,CAAC;AACP,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,kBAAkB;;;;CAY9B,CAAC;AACF,oBAAY,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,iBAAkB,YAAY,eAEzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,MAAM,gBAAgB,YAAY,SAAS,UAAU,SAS7F,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,UAAU,SAInD,CAAC;AAEF,eAAO,MAAM,WAAW,WACX,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,mBAAmB,WAAW,SAC5E,KAAK,KAAG,IAuBX,CAAC;AAEN,eAAO,MAAM,aAAa,WACb,MAAM,QAAQ,UAAU,mBAAmB,WAAW,gBAAgB,YAAY,SAAS,KAAK,SA+CxG,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
+
import { DecorationSet, EditorState, EditorView, NodeWithPos } from '@milkdown/prose';
|
|
1
2
|
import { Utils } from '@milkdown/utils';
|
|
2
|
-
import { EditorState } from 'prosemirror-state';
|
|
3
|
-
import { DecorationSet, EditorView } from 'prosemirror-view';
|
|
4
3
|
import { CursorStatus, Status } from './status';
|
|
5
4
|
export declare type Props = ReturnType<typeof createProps>;
|
|
6
|
-
export declare const createProps: (status: Status, utils: Utils, placeholder: Record<CursorStatus, string
|
|
5
|
+
export declare const createProps: (status: Status, utils: Utils, placeholder: Record<CursorStatus, string>, shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean) => {
|
|
7
6
|
handleKeyDown: (_: EditorView, event: Event) => boolean;
|
|
8
7
|
decorations: (state: EditorState) => DecorationSet<any> | null | undefined;
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,aAAa,EAAE,WAAW,EAAE,UAAU,EAAkB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,oBAAY,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAuBnD,eAAO,MAAM,WAAW,WACZ,MAAM,SACP,KAAK,eACC,OAAO,YAAY,EAAE,MAAM,CAAC,0BACjB,WAAW,SAAS,WAAW,KAAK,OAAO;uBAM5C,UAAU,SAAS,KAAK;yBAetB,WAAW;CA2CvC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
2
|
import { css } from '@emotion/css';
|
|
3
|
-
import { findParentNode } from '@milkdown/
|
|
4
|
-
import { Decoration, DecorationSet } from 'prosemirror-view';
|
|
3
|
+
import { Decoration, DecorationSet, findParentNode } from '@milkdown/prose';
|
|
5
4
|
import { CursorStatus } from './status';
|
|
6
5
|
const createEmptyStyle = ({ font, palette }) => css `
|
|
7
6
|
position: relative;
|
|
@@ -22,7 +21,7 @@ const createSlashStyle = () => css `
|
|
|
22
21
|
left: 0.5rem;
|
|
23
22
|
}
|
|
24
23
|
`;
|
|
25
|
-
export const createProps = (status, utils, placeholder) => {
|
|
24
|
+
export const createProps = (status, utils, placeholder, shouldDisplay) => {
|
|
26
25
|
const emptyStyle = utils.getStyle(createEmptyStyle);
|
|
27
26
|
const slashStyle = utils.getStyle(createSlashStyle);
|
|
28
27
|
return {
|
|
@@ -41,8 +40,7 @@ export const createProps = (status, utils, placeholder) => {
|
|
|
41
40
|
},
|
|
42
41
|
decorations: (state) => {
|
|
43
42
|
const parent = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);
|
|
44
|
-
|
|
45
|
-
if (!parent || parent.node.childCount > 1 || !isTopLevel) {
|
|
43
|
+
if (!parent || !shouldDisplay(parent, state)) {
|
|
46
44
|
status.clearStatus();
|
|
47
45
|
return;
|
|
48
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { EditorView } from '@milkdown/prose';
|
|
1
2
|
import { Utils } from '@milkdown/utils';
|
|
2
|
-
import { EditorView } from 'prosemirror-view';
|
|
3
3
|
import { Action } from '../item';
|
|
4
4
|
import { Status } from './status';
|
|
5
5
|
export declare const createView: (status: Status, items: Action[], view: EditorView, utils: Utils) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkBlC,eAAO,MAAM,UAAU,WAAY,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,SAAS,KAAK;;;;mBA0BnE,UAAU;;CAehC,CAAC"}
|
package/lib/prose-plugin/view.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { calculateNodePosition } from '@milkdown/
|
|
2
|
+
import { calculateNodePosition } from '@milkdown/prose';
|
|
3
3
|
import { createDropdown } from '../utility';
|
|
4
4
|
import { renderDropdown } from './dropdown';
|
|
5
5
|
import { createMouseManager, handleClick, handleKeydown, handleMouseEnter, handleMouseLeave, handleMouseMove, } from './input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"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"}
|
package/lib/utility.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { ThemeTool } from '@milkdown/core';
|
|
2
2
|
import type { Icon } from '@milkdown/design-system';
|
|
3
|
+
import type { Command, Node, Schema } from '@milkdown/prose';
|
|
3
4
|
import type { Utils } from '@milkdown/utils';
|
|
4
|
-
import type { Command } from 'prosemirror-commands';
|
|
5
|
-
import type { Node, Schema } from 'prosemirror-model';
|
|
6
5
|
export declare const createDropdown: (utils: Utils) => HTMLDivElement;
|
|
7
6
|
declare type ItemOptions = {
|
|
8
7
|
textClassName: string;
|
package/lib/utility.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAI7C,eAAO,MAAM,cAAc,UAAW,KAAK,mBAa1C,CAAC;AAEF,aAAK,WAAW,GAAG;IACf,aAAa,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,kBAAkB,cAAe,SAAS,QAAQ,MAAM,QAAQ,IAAI,+DAiBhF,CAAC;AAEF,eAAO,MAAM,QAAQ,SAAU,IAAI,WASlC,CAAC;AAUF,eAAO,MAAM,oBAAoB,kBACb,MAAM,IAAI,KAAG,OAO5B,CAAC;AAEN,eAAO,MAAM,UAAU,SAAU,MAAM,cAAc,MAAM,YAAgC,CAAC"}
|
package/lib/utility.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utility.js","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utility.js","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milkdown/plugin-slash",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.14.0",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@emotion/css": "^11.1.3",
|
|
23
|
-
"@milkdown/utils": "4.
|
|
23
|
+
"@milkdown/utils": "4.14.0",
|
|
24
24
|
"smooth-scroll-into-view-if-needed": "^1.1.32",
|
|
25
25
|
"tslib": "^2.2.0"
|
|
26
26
|
},
|
package/src/index.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
+
import { EditorState, NodeWithPos } from '@milkdown/prose';
|
|
2
3
|
import { AtomList, createProsePlugin, Utils } from '@milkdown/utils';
|
|
3
4
|
|
|
4
5
|
import { config } from './config';
|
|
@@ -13,12 +14,14 @@ export { createDropdownItem, nodeExists } from './utility';
|
|
|
13
14
|
export type SlashConfig = (utils: Utils) => WrappedAction[];
|
|
14
15
|
|
|
15
16
|
export type Options = {
|
|
17
|
+
shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean;
|
|
16
18
|
config: SlashConfig;
|
|
17
19
|
placeholder: {
|
|
18
20
|
[CursorStatus.Empty]: string;
|
|
19
21
|
[CursorStatus.Slash]: string;
|
|
20
22
|
};
|
|
21
23
|
};
|
|
24
|
+
|
|
22
25
|
export const slashPlugin = createProsePlugin<Options>((options, utils) => {
|
|
23
26
|
const slashConfig = options?.config ?? config;
|
|
24
27
|
const placeholder = {
|
|
@@ -27,8 +30,14 @@ export const slashPlugin = createProsePlugin<Options>((options, utils) => {
|
|
|
27
30
|
...(options?.placeholder ?? {}),
|
|
28
31
|
};
|
|
29
32
|
const cfg = slashConfig(utils);
|
|
33
|
+
const shouldDisplay =
|
|
34
|
+
options?.shouldDisplay ??
|
|
35
|
+
((parent, state) => {
|
|
36
|
+
const isTopLevel = state.selection.$from.depth === 1;
|
|
37
|
+
return parent.node.childCount <= 1 && isTopLevel;
|
|
38
|
+
});
|
|
30
39
|
|
|
31
|
-
const plugin = createSlashPlugin(utils, cfg, placeholder);
|
|
40
|
+
const plugin = createSlashPlugin(utils, cfg, placeholder, shouldDisplay);
|
|
32
41
|
return {
|
|
33
42
|
id: 'slash',
|
|
34
43
|
plugin,
|
package/src/item.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
+
import { EditorState, NodeWithPos, Plugin, PluginKey } from '@milkdown/prose';
|
|
2
3
|
import { Utils } from '@milkdown/utils';
|
|
3
|
-
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
4
4
|
|
|
5
5
|
import { transformAction, WrappedAction } from '../item';
|
|
6
6
|
import { createProps } from './props';
|
|
@@ -9,13 +9,18 @@ import { createView } from './view';
|
|
|
9
9
|
|
|
10
10
|
export const key = 'MILKDOWN_PLUGIN_SLASH';
|
|
11
11
|
|
|
12
|
-
export const createSlashPlugin = (
|
|
12
|
+
export const createSlashPlugin = (
|
|
13
|
+
utils: Utils,
|
|
14
|
+
items: WrappedAction[],
|
|
15
|
+
placeholder: Record<CursorStatus, string>,
|
|
16
|
+
shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean,
|
|
17
|
+
) => {
|
|
13
18
|
const status = createStatus();
|
|
14
19
|
const actions = items.map(transformAction);
|
|
15
20
|
|
|
16
21
|
return new Plugin({
|
|
17
22
|
key: new PluginKey(key),
|
|
18
|
-
props: createProps(status, utils, placeholder),
|
|
23
|
+
props: createProps(status, utils, placeholder, shouldDisplay),
|
|
19
24
|
view: (view) => createView(status, actions, view, utils),
|
|
20
25
|
});
|
|
21
26
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
2
|
import { css } from '@emotion/css';
|
|
3
3
|
import { ThemeTool } from '@milkdown/core';
|
|
4
|
-
import { findParentNode,
|
|
5
|
-
import {
|
|
6
|
-
import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
|
|
4
|
+
import { Decoration, DecorationSet, EditorState, EditorView, findParentNode, NodeWithPos } from '@milkdown/prose';
|
|
5
|
+
import { Utils } from '@milkdown/utils';
|
|
7
6
|
|
|
8
7
|
import { CursorStatus, Status } from './status';
|
|
9
8
|
|
|
@@ -30,7 +29,12 @@ const createSlashStyle = () => css`
|
|
|
30
29
|
}
|
|
31
30
|
`;
|
|
32
31
|
|
|
33
|
-
export const createProps = (
|
|
32
|
+
export const createProps = (
|
|
33
|
+
status: Status,
|
|
34
|
+
utils: Utils,
|
|
35
|
+
placeholder: Record<CursorStatus, string>,
|
|
36
|
+
shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean,
|
|
37
|
+
) => {
|
|
34
38
|
const emptyStyle = utils.getStyle(createEmptyStyle);
|
|
35
39
|
const slashStyle = utils.getStyle(createSlashStyle);
|
|
36
40
|
|
|
@@ -52,9 +56,8 @@ export const createProps = (status: Status, utils: Utils, placeholder: Record<Cu
|
|
|
52
56
|
},
|
|
53
57
|
decorations: (state: EditorState) => {
|
|
54
58
|
const parent = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);
|
|
55
|
-
const isTopLevel = state.selection.$from.depth === 1;
|
|
56
59
|
|
|
57
|
-
if (!parent || parent
|
|
60
|
+
if (!parent || !shouldDisplay(parent, state)) {
|
|
58
61
|
status.clearStatus();
|
|
59
62
|
return;
|
|
60
63
|
}
|
package/src/prose-plugin/view.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
-
import { calculateNodePosition,
|
|
3
|
-
import {
|
|
2
|
+
import { calculateNodePosition, EditorView } from '@milkdown/prose';
|
|
3
|
+
import { Utils } from '@milkdown/utils';
|
|
4
4
|
|
|
5
5
|
import { Action } from '../item';
|
|
6
6
|
import { createDropdown } from '../utility';
|
package/src/utility.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
2
|
import type { ThemeTool } from '@milkdown/core';
|
|
3
3
|
import type { Icon } from '@milkdown/design-system';
|
|
4
|
+
import type { Command, Node, Schema } from '@milkdown/prose';
|
|
4
5
|
import type { Utils } from '@milkdown/utils';
|
|
5
|
-
import type { Command } from 'prosemirror-commands';
|
|
6
|
-
import type { Node, Schema } from 'prosemirror-model';
|
|
7
6
|
|
|
8
7
|
import { injectStyle } from './style';
|
|
9
8
|
|