@dxos/keyboard 0.8.4-main.84f28bd → 0.8.4-main.937b3ca

package/package.json

@@ -1,15 +1,20 @@
 {
   "name": "@dxos/keyboard",
-  "version": "0.8.4-main.84f28bd",
+  "version": "0.8.4-main.937b3ca",
   "description": "Keyboard bindings",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
@@ -24,16 +29,16 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/invariant": "0.8.4-main.84f28bd",
-    "@dxos/node-std": "0.8.4-main.84f28bd",
-    "@dxos/util": "0.8.4-main.84f28bd"
+    "@dxos/invariant": "0.8.4-main.937b3ca",
+    "@dxos/node-std": "0.8.4-main.937b3ca",
+    "@dxos/util": "0.8.4-main.937b3ca"
   },
   "devDependencies": {
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.84f28bd",
-    "@dxos/react-ui-theme": "0.8.4-main.84f28bd",
-    "@dxos/storybook-utils": "0.8.4-main.84f28bd"
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/storybook-utils": "0.8.4-main.937b3ca",
+    "@dxos/react-ui": "0.8.4-main.937b3ca",
+    "@dxos/ui-theme": "0.8.4-main.937b3ca"
   },
   "publishConfig": {
     "access": "public"

package/src/keyboard.stories.tsx

@@ -2,12 +2,11 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxos-theme';
-
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
-import { Select, Input } from '@dxos/react-ui';
-import { withTheme } from '@dxos/storybook-utils';
+import { Input, Select } from '@dxos/react-ui';
+import { withTheme } from '@dxos/react-ui/testing';
 
 import { type KeyHandler, Keyboard } from './keyboard';
 
@@ -67,10 +66,14 @@ const DefaultStory = () => {
   );
 };
 
-export default {
+const meta = {
   title: 'common/keyboard/Keyboard',
-  decorators: [withTheme],
   render: DefaultStory,
-};
+  decorators: [withTheme],
+} satisfies Meta<typeof Input>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
 
-export const Default = {};
+export const Default: Story = {};

package/src/keyboard.ts

@@ -3,6 +3,7 @@
 //
 
 import { invariant } from '@dxos/invariant';
+import { type MaybePromise } from '@dxos/util';
 
 // TODO(burdon): Replace with hotkeys-js, react-hotkeys, and react-hotkeys-hook.
 
@@ -11,7 +12,7 @@ export type KeyHandler = (props: {
   shortcut: string;
   data?: any;
   event: KeyboardEvent;
-}) => boolean | void;
+}) => MaybePromise<boolean | void>;
 
 export type KeyBinding = {
   shortcut: string;
@@ -113,7 +114,7 @@ export class Keyboard {
     return Array.from(bindings.values());
   }
 
-  handleKeyDown(event: KeyboardEvent): void {
+  async handleKeyDown(event: KeyboardEvent): Promise<void> {
     const { altKey, ctrlKey, metaKey, shiftKey, key } = event;
 
     if (key !== 'Alt' && key !== 'Control' && key !== 'Meta' && key !== 'Shift') {
@@ -133,7 +134,7 @@ export class Keyboard {
         if (this._path.startsWith(path)) {
           const { data, handler, disableInput } = this.getContext(path).get(str) ?? {};
           if (handler && (!isInput || !disableInput)) {
-            const result = handler({ context: path, shortcut: str, data, event });
+            const result = await handler({ context: path, shortcut: str, data, event });
             if (result !== false) {
               // TODO(burdon): This doesn't prevent actions in markdown editor.
               //  Reference: https://codemirror.net/docs/ref/#view.KeyBinding