From a613e397efca2cb6b7ca41e2c8765cf80e70350c Mon Sep 17 00:00:00 2001 From: Jared Pereira Date: Mon, 17 Nov 2025 01:25:49 -0500 Subject: [PATCH] add alternate names to block commands --- components/Blocks/BlockCommandBar.tsx | 9 +++++++-- components/Blocks/BlockCommands.tsx | 4 ++++ 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/components/Blocks/BlockCommandBar.tsx b/components/Blocks/BlockCommandBar.tsx index 62bf0e87..2aaf7f99 100644 --- a/components/Blocks/BlockCommandBar.tsx +++ b/components/Blocks/BlockCommandBar.tsx @@ -47,9 +47,14 @@ export const BlockCommandBar = ({ }; let commandResults = blockCommands.filter((command) => { - const matchesSearch = command.name + const lowerSearchValue = searchValue.toLocaleLowerCase(); + const matchesName = command.name .toLocaleLowerCase() - .includes(searchValue.toLocaleLowerCase()); + .includes(lowerSearchValue); + const matchesAlternate = command.alternateNames?.some((altName) => + altName.toLocaleLowerCase().includes(lowerSearchValue) + ) ?? false; + const matchesSearch = matchesName || matchesAlternate; const isVisible = !pub || !command.hiddenInPublication; return matchesSearch && isVisible; }); diff --git a/components/Blocks/BlockCommands.tsx b/components/Blocks/BlockCommands.tsx index 9e8a78f8..326defaa 100644 --- a/components/Blocks/BlockCommands.tsx +++ b/components/Blocks/BlockCommands.tsx @@ -102,6 +102,7 @@ type Command = { name: string; icon: React.ReactNode; type: string; + alternateNames?: string[]; hiddenInPublication?: boolean; onSelect: ( rep: Replicache, @@ -125,6 +126,7 @@ export const blockCommands: Command[] = [ name: "Title", icon: , type: "text", + alternateNames: ["h1"], onSelect: async (rep, props, um) => { await setHeaderCommand(1, rep, props); }, @@ -133,6 +135,7 @@ export const blockCommands: Command[] = [ name: "Header", icon: , type: "text", + alternateNames: ["h2"], onSelect: async (rep, props, um) => { await setHeaderCommand(2, rep, props); }, @@ -141,6 +144,7 @@ export const blockCommands: Command[] = [ name: "Subheader", icon: , type: "text", + alternateNames: ["h3"], onSelect: async (rep, props, um) => { await setHeaderCommand(3, rep, props); }, -- 2.51.2