Command Palette (#13658)

- Close #13675 (Add Command Palette)
- `Ctrl+K` (non-macOS)/`Cmd+K` (macOS) to open, `Escape` to close
- Supports icons
- Fully reactive (reloads list of entries when changing between Local and Cloud backends, for example)
- Uses `fuzzysort` library to search, and highlight matches
- Automatically generated from `useMenuEntries` used for menus on the Dashboard; ~~and `registerHandlers` used for registering key bindings on the Project View~~
- (Edit: `registerHandlers` are no longer being used to generate Command Palette entries for now because they should be more finely scoped/thought should be taken to make it more intuitive)

# Important Notes
>[!NOTE]
> *Not* requested by anyone, just opening for feedback

Author: somebody1234

CHANGELOG.md

@@ -52,6 +52,11 @@
 - [Graph is not moved when showing/resizing side panels.][13557]
 - [Add "Invite" button to the top bar when using a team or higher plan][13522]
 - ["Welcome Project" is automatically opened for new users][13479]
+- [Project and Setting tab may be now closed with shortcut][13498]
+  (reimplemented in [13604][13604]). On Windows/Linux
+  <kbd>Ctrl</kbd>+<kbd>W</kbd> or <kbd>Ctrl</kbd> + <kbd>F4</kbd>; on macOS:
+  <kbd>⌘</kbd> + <kbd>W</kbd>.
+- [Command Palette to search for arbitrary actions][13658]
 - [Project and Setting tab may be now closed with shortcut][13498][13604]. On
   Windows/Linux <kbd>Ctrl</kbd>+<kbd>W</kbd> or <kbd>Ctrl</kbd> + <kbd>F4</kbd>;
   on macOS: <kbd>⌘</kbd> + <kbd>W</kbd>.
@@ -88,6 +93,7 @@
 [13479]: https://github.com/enso-org/enso/pull/13479
 [13498]: https://github.com/enso-org/enso/pull/13498
 [13604]: https://github.com/enso-org/enso/pull/13604
+[13658]: https://github.com/enso-org/enso/pull/13658
 [13685]: https://github.com/enso-org/enso/pull/13685
 [13726]: https://github.com/enso-org/enso/pull/13726
 

app/common/src/text/english.json

@@ -830,7 +830,7 @@
   "rootFolderColumnName": "Root folder",
   "pathColumnName": "Location",
   "hideDevtools": "Hide Devtools",
-  "ensoDevtoolsShortcut": "Enso Devtools",
+  "toggleEnsoDevtoolsShortcut": "Toggle Enso Devtools",
   "settingsShortcut": "Settings",
   "closeTabShortcut": "Close Tab",
   "openShortcut": "Open",
@@ -871,6 +871,15 @@
   "goForwardShortcut": "Go Forward",
   "upgradePlanShortcut": "Upgrade Plan",
   "aboutThisAppShortcut": "About Enso",
+  "goToAccountSettingsShortcut": "Account Settings",
+  "goToOrganizationSettingsShortcut": "Organization Settings",
+  "goToLocalSettingsShortcut": "Local Settings",
+  "goToBillingAndPlansSettingsShortcut": "Billing and Plans Settings",
+  "goToMembersSettingsShortcut": "Members Settings",
+  "goToUserGroupsSettingsShortcut": "User Groups Settings",
+  "goToKeyboardShortcutsSettingsShortcut": "Keyboard Shortcuts Settings",
+  "goToActivityLogSettingsShortcut": "Activity Log Settings",
+  "toggleCommandPaletteShortcut": "Toggle Command Palette",
   "moveToTrashShortcut": "Move To Trash",
   "deleteForeverShortcut": "Delete Forever",
   "restoreFromTrashShortcut": "Restore From Trash",
@@ -1013,6 +1022,8 @@
   "downloadDirectoryButtonSettingsCustomEntryAliases": "reset download folder\nreset download directory",
   "accessSettingsTabSection": "Access",
   "billingAndPlansSettingsTab": "Billing",
+  "billingAndPlansSettingsSection": "Billing",
+  "billingAndPlansSettingsCustomEntryAliases": "billing and plans",
   "membersSettingsTab": "Members",
   "membersSettingsSection": "Members",
   "userGroupsSettingsTab": "User groups",
@@ -1245,5 +1256,15 @@
   "invitationError": "Something went wrong. Please contact the administrator.",
   "pendingInvitationInfo": "You have pending team invitation.",
   "invitationText": "\"$0\" invites you to join",
-  "invitationAlert": "All of your assets will be transfered with you. This might take a while."
+  "invitationAlert": "All of your assets will be transfered with you. This might take a while.",
+  "openBillingPage": "Open Billing Page",
+  "bestMatchesBindingCategory": "Best Matches",
+  "helpBindingCategory": "Help",
+  "otherBindingCategory": "Other",
+  "fileManagementBindingCategory": "File Management",
+  "editingBindingCategory": "Editing",
+  "collaborationBindingCategory": "Collaboration",
+  "settingsBindingCategory": "Settings",
+  "navigationBindingCategory": "Navigation",
+  "developerBindingCategory": "Developer"
 }

app/gui/package.json

@@ -83,6 +83,7 @@
     "dotenv": "^16.4.7",
     "enso-common": "workspace:*",
     "events": "^3.3.0",
+    "fuzzysort": "3.1.0",
     "hash-sum": "^2.0.0",
     "idb-keyval": "^6.2.1",
     "input-otp": "1.2.4",

app/gui/src/App.vue

@@ -77,24 +77,15 @@ const { globalEventRegistry } = provideGlobalEventRegistry()
 useEvent(window, 'keydown', bindingsHandlers)
 useEvent(globalEventRegistry, 'pointerdown', (e) => interaction.handlePointerDown(e))
 
-const platformClass = (() => {
-  switch (platform()) {
-    case Platform.windows:
-      return 'onWindows'
-    case Platform.macOS:
-      return 'onMacOs'
-    case Platform.linux:
-      return 'onLinux'
-    case Platform.windowsPhone:
-      return 'onWindowsPhone'
-    case Platform.iPhoneOS:
-      return 'onIPhoneOs'
-    case Platform.android:
-      return 'onAndroid'
-    default:
-      return undefined
-  }
-})()
+const platformClass = {
+  [Platform.windows]: 'onWindows',
+  [Platform.macOS]: 'onMacOs',
+  [Platform.linux]: 'onLinux',
+  [Platform.windowsPhone]: 'onWindowsPhone',
+  [Platform.iPhoneOS]: 'onIPhoneOs',
+  [Platform.android]: 'onAndroid',
+  [Platform.unknown]: undefined,
+}[platform()]
 
 onMounted(() => {
   if (config.params.window.vibrancy) {

app/gui/src/components/AppContainer.vue

@@ -1,6 +1,7 @@
 <script lang="ts">
 import { Dashboard as DashboardReact, type DashboardProps } from '#/pages/dashboard/Dashboard'
 import { EnsoPath } from '#/services/Backend'
+import CommandPalette from '$/components/CommandPalette.vue'
 import { useBackends } from '$/providers/backends'
 import { provideContainerData } from '$/providers/container'
 import { provideOpenedProjects } from '$/providers/openedProjects'
@@ -54,8 +55,10 @@ const openedProjectsStore = provideOpenedProjects()
 provideAsyncResources(openedProjectsStore)
 provideContainerData()
 </script>
+
 <template>
   <div class="TabView">
+    <CommandPalette />
     <ContainerDataProviderForReact>
       <Dashboard v-bind="props" />
     </ContainerDataProviderForReact>