wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-05-11 01:40:32 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Update: Filter command list based on user query text

Browse Source 
Signed-off-by: Om Jogani <om080jogani@gmail.com>
This commit is contained in:
omjogani 2024-10-15 16:33:14 +05:30
parent 499ef4d16e
commit 543bca794f
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
plugins/text-editor-resources/src/components/extensions.ts
View File

@ -20,7 +20,7 @@ import textEditor from '@hcengineering/text-editor'
import { type CompletionOptions } from '../Completion' import { type CompletionOptions } from '../Completion'
import MentionList from './MentionList.svelte' import MentionList from './MentionList.svelte'
import { SvelteRenderer } from './node-view' import { SvelteRenderer } from './node-view'
import type { SuggestionKeyDownProps, SuggestionProps } from './extension/suggestion' import type { SuggestionKeyDownProps, SuggestionOptions, SuggestionProps } from './extension/suggestion'
import InlineCommandsList from './InlineCommandsList.svelte' import InlineCommandsList from './InlineCommandsList.svelte'
export const mInsertTable = [ export const mInsertTable = [
@ -141,14 +141,29 @@ export function inlineCommandsConfig (
): Partial<CompletionOptions> { ): Partial<CompletionOptions> {
return { return {
suggestion: { suggestion: {
items: () => { items: ({ query }: { query: string }) => {
return [ const items = [
{ id: 'image', label: textEditor.string.Image, icon: view.icon.Image }, { id: 'image', label: textEditor.string.Image, icon: view.icon.Image },
{ id: 'table', label: textEditor.string.Table, icon: view.icon.Table2 }, { id: 'table', label: textEditor.string.Table, icon: view.icon.Table2 },
{ id: 'code-block', label: textEditor.string.CodeBlock, icon: view.icon.CodeBlock }, { id: 'code-block', label: textEditor.string.CodeBlock, icon: view.icon.CodeBlock },
{ id: 'separator-line', label: textEditor.string.SeparatorLine, icon: view.icon.SeparatorLine }, { id: 'separator-line', label: textEditor.string.SeparatorLine, icon: view.icon.SeparatorLine },
{ id: 'todo-list', label: textEditor.string.TodoList, icon: view.icon.TodoList } { id: 'todo-list', label: textEditor.string.TodoList, icon: view.icon.TodoList }
].filter(({ id }) => !excludedCommands.includes(id as InlineCommandId)) ].filter(({ id }) => !excludedCommands.includes(id as InlineCommandId))
// to handle case of `todo-list` and `action-item` being the same
const searchableItems = items.map(item =>
item.id === 'todo-list'
? { ...item, searchLabels: ['action-item', textEditor.string.TodoList] }
: { ...item, searchLabels: [item.label] }
)
const filteredItems = searchableItems.filter(item =>
item.searchLabels.some(label =>
label.toLowerCase().includes(query.toLowerCase())
)
)
return filteredItems.length > 0 ? filteredItems : items
}, },
command: ({ editor, range, props }: { editor: Editor, range: Range, props: any }) => { command: ({ editor, range, props }: { editor: Editor, range: Range, props: any }) => {
editor.commands.deleteRange(range) editor.commands.deleteRange(range)
@ -169,6 +184,7 @@ export function inlineCommandsConfig (
element: document.body, element: document.body,
props: { props: {
...props, ...props,
query: props.query,
close: () => { close: () => {
component.destroy() component.destroy()
} }