Add typed browser operations, tree, and drag-drop support

package.json

@@ -1,6 +1,26 @@
 {
-  "name": "@numeracode/whimsy-file-browser-workspace",
+  "name": "@numeracode/whimsy-file-browser",
   "private": true,
+  "main": "packages/chonky/dist/index.js",
+  "module": "packages/chonky/dist/index.mjs",
+  "types": "packages/chonky/dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./packages/chonky/dist/index.d.ts",
+      "import": "./packages/chonky/dist/index.mjs",
+      "require": "./packages/chonky/dist/index.js"
+    },
+    "./browser": {
+      "types": "./packages/chonky/dist/browser.d.ts",
+      "import": "./packages/chonky/dist/browser.mjs",
+      "require": "./packages/chonky/dist/browser.js"
+    },
+    "./preview": {
+      "types": "./packages/chonky/dist/preview.d.ts",
+      "import": "./packages/chonky/dist/preview.mjs",
+      "require": "./packages/chonky/dist/preview.js"
+    }
+  },
   "workspaces": [
     "packages/chonky",
     "packages/chonky-icon-fontawesome"
@@ -9,9 +29,13 @@
     "build": "npm run build --workspace packages/chonky && npm run build --workspace packages/chonky-icon-fontawesome",
     "clean": "npm run clean --workspaces --if-present",
     "lint": "npm run typecheck",
+    "prepare": "npm run build --workspace packages/chonky",
     "test": "npm run build --workspace packages/chonky && npm run test --workspace packages/chonky && npm run test --workspace packages/chonky-icon-fontawesome",
     "typecheck": "npm run typecheck --workspace packages/chonky && npm run build --workspace packages/chonky && npm run typecheck --workspace packages/chonky-icon-fontawesome"
   },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1"
+  },
   "devDependencies": {
     "@vitejs/plugin-react": "^6.0.2",
     "jsdom": "^29.1.1",

packages/chonky/package.json

@@ -13,6 +13,11 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./browser": {
+      "types": "./dist/browser.d.ts",
+      "import": "./dist/browser.mjs",
+      "require": "./dist/browser.js"
+    },
     "./preview": {
       "types": "./dist/preview.d.ts",
       "import": "./dist/preview.mjs",
@@ -30,9 +35,9 @@
     "node": ">=20"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/preview.ts --format cjs,esm --dts --sourcemap --clean --external react --external react-dom",
+    "build": "tsup src/index.ts src/preview.ts src/browser.ts --format cjs,esm --dts --sourcemap --clean --external react --external react-dom",
     "clean": "rm -rf dist",
-    "dev": "tsup src/index.ts src/preview.ts --format cjs,esm --dts --sourcemap --watch --external react --external react-dom",
+    "dev": "tsup src/index.ts src/preview.ts src/browser.ts --format cjs,esm --dts --sourcemap --watch --external react --external react-dom",
     "lint": "npm run typecheck",
     "test": "vitest run --passWithNoTests --globals --environment jsdom",
     "typecheck": "tsc -p tsconfig.json --noEmit"
@@ -57,6 +62,7 @@
     "react-is": "^17.0.1"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
     "@reduxjs/toolkit": "^1.5.0",
     "@types/fuzzy-search": "^2.1.0",
     "@types/memoizee": "^0.4.5",
@@ -80,8 +86,8 @@
     "react-window": "^1.8.6",
     "redux-watch": "^1.2.0",
     "shortid": "^2.2.16",
-    "tslib": "^2.8.1",
-    "tsdef": "^0.0.14"
+    "tsdef": "^0.0.14",
+    "tslib": "^2.8.1"
   },
   "homepage": "https://github.com/Numeracode/whimsy-file-browser",
   "author": {

packages/chonky/src/browser.ts

@@ -0,0 +1,83 @@
+export { BrowserShell } from './components/browser-shell/BrowserShell';
+export { BrowserDestinationPicker, BrowserFolderTree } from './components/tree/BrowserFolderTree';
+export { createBrowserOpaqueId } from './types/browser-item.types';
+export type {
+    BrowserAction,
+    BrowserActionPlacement,
+    BrowserActionSelectionScope,
+    BrowserActionTone,
+    BrowserFileOperationKind,
+    BrowserFolderChainItem,
+    BrowserItem,
+    BrowserItemCapabilities,
+    BrowserItemFlags,
+    BrowserItemKind,
+    BrowserItemRef,
+    BrowserMetadataValue,
+    BrowserOpaqueId,
+    BrowserPreviewAsset,
+    BrowserPreviewAssetKind,
+    BrowserPreviewRenderer,
+    BrowserPreviewTrack,
+    BrowserPreviewTrackKind,
+    BrowserPreviewUnavailableReason,
+    BrowserSelection,
+    BrowserSourceDescriptor,
+    BrowserSourceKind,
+    PreviewDescriptor,
+} from './types/browser-item.types';
+export type {
+    BrowserShellActionEvent,
+    BrowserShellContextMenuRenderProps,
+    BrowserShellItemEvent,
+    BrowserShellNavigateEvent,
+    BrowserShellProps,
+    BrowserShellToolbarRenderProps,
+    BrowserSortDirection,
+    BrowserSortKey,
+    BrowserSortState,
+    BrowserViewMode,
+} from './types/browser-shell.types';
+export type {
+    BrowserFileOperationEvent,
+} from './types/browser-operation.types';
+export type {
+    BrowserDestinationPickerProps,
+    BrowserFolderChildrenLoader,
+    BrowserFolderExpansionEvent,
+    BrowserFolderSelectionEvent,
+    BrowserFolderTreeNode,
+    BrowserFolderTreeProps,
+} from './types/browser-tree.types';
+export type {
+    BrowserDropTargetKind,
+    BrowserTransferDropSnapshot,
+    BrowserTransferIntent,
+    BrowserTransferModifierState,
+    BrowserTransferOperation,
+    BrowserTransferSourceSnapshot,
+    BrowserTransferTarget,
+} from './types/browser-transfer.types';
+export {
+    BROWSER_FILE_OPERATION_ACTIONS,
+    createBrowserFileOperationEvent,
+    fileOperationForAction,
+    isBrowserActionEnabled,
+    isSelectionScopeSatisfied,
+    selectedItemsForOperation,
+} from './util/browser-file-operations';
+export {
+    createBrowserTransferIntent,
+    resolveBrowserTransferOperation,
+} from './util/browser-transfer';
+export {
+    browserActionFixtures,
+    browserFolderChainFixtures,
+    browserItemFixtures,
+    browserSelectionFixture,
+    browserSourceFixtures,
+} from './fixtures/browser-items';
+export {
+    browserFolderTreeFixtures,
+    lazyBrowserFolderChildrenFixtures,
+} from './fixtures/browser-tree';