@bendyline/docblocks-react 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +70 -0
- package/dist/AppMenu/AppMenu.d.ts +11 -0
- package/dist/AppMenu/AppMenu.d.ts.map +1 -0
- package/dist/AppMenu/AppMenu.js +27 -0
- package/dist/AppMenu/AppMenu.js.map +1 -0
- package/dist/AppMenu/index.d.ts +3 -0
- package/dist/AppMenu/index.d.ts.map +1 -0
- package/dist/AppMenu/index.js +2 -0
- package/dist/AppMenu/index.js.map +1 -0
- package/dist/DocBlocksShell/DocBlocksShell.d.ts +16 -0
- package/dist/DocBlocksShell/DocBlocksShell.d.ts.map +1 -0
- package/dist/DocBlocksShell/DocBlocksShell.js +487 -0
- package/dist/DocBlocksShell/DocBlocksShell.js.map +1 -0
- package/dist/DocBlocksShell/index.d.ts +3 -0
- package/dist/DocBlocksShell/index.d.ts.map +1 -0
- package/dist/DocBlocksShell/index.js +2 -0
- package/dist/DocBlocksShell/index.js.map +1 -0
- package/dist/Export/ExportDialog.d.ts +16 -0
- package/dist/Export/ExportDialog.d.ts.map +1 -0
- package/dist/Export/ExportDialog.js +42 -0
- package/dist/Export/ExportDialog.js.map +1 -0
- package/dist/Export/ExportToolbarControls.d.ts +17 -0
- package/dist/Export/ExportToolbarControls.d.ts.map +1 -0
- package/dist/Export/ExportToolbarControls.js +109 -0
- package/dist/Export/ExportToolbarControls.js.map +1 -0
- package/dist/Export/export-options.d.ts +18 -0
- package/dist/Export/export-options.d.ts.map +1 -0
- package/dist/Export/export-options.js +44 -0
- package/dist/Export/export-options.js.map +1 -0
- package/dist/Export/index.d.ts +6 -0
- package/dist/Export/index.d.ts.map +1 -0
- package/dist/Export/index.js +3 -0
- package/dist/Export/index.js.map +1 -0
- package/dist/Export/run-export.d.ts +8 -0
- package/dist/Export/run-export.d.ts.map +1 -0
- package/dist/Export/run-export.js +208 -0
- package/dist/Export/run-export.js.map +1 -0
- package/dist/FileExplorer/FileExplorer.d.ts +21 -0
- package/dist/FileExplorer/FileExplorer.d.ts.map +1 -0
- package/dist/FileExplorer/FileExplorer.js +125 -0
- package/dist/FileExplorer/FileExplorer.js.map +1 -0
- package/dist/FileExplorer/FileTreeNode.d.ts +18 -0
- package/dist/FileExplorer/FileTreeNode.d.ts.map +1 -0
- package/dist/FileExplorer/FileTreeNode.js +86 -0
- package/dist/FileExplorer/FileTreeNode.js.map +1 -0
- package/dist/FileExplorer/index.d.ts +6 -0
- package/dist/FileExplorer/index.d.ts.map +1 -0
- package/dist/FileExplorer/index.js +4 -0
- package/dist/FileExplorer/index.js.map +1 -0
- package/dist/FileExplorer/useFileTree.d.ts +35 -0
- package/dist/FileExplorer/useFileTree.d.ts.map +1 -0
- package/dist/FileExplorer/useFileTree.js +124 -0
- package/dist/FileExplorer/useFileTree.js.map +1 -0
- package/dist/WorkspacePicker/WorkspacePicker.d.ts +17 -0
- package/dist/WorkspacePicker/WorkspacePicker.d.ts.map +1 -0
- package/dist/WorkspacePicker/WorkspacePicker.js +57 -0
- package/dist/WorkspacePicker/WorkspacePicker.js.map +1 -0
- package/dist/WorkspacePicker/WorkspaceSettingsButton.d.ts +10 -0
- package/dist/WorkspacePicker/WorkspaceSettingsButton.d.ts.map +1 -0
- package/dist/WorkspacePicker/WorkspaceSettingsButton.js +27 -0
- package/dist/WorkspacePicker/WorkspaceSettingsButton.js.map +1 -0
- package/dist/WorkspacePicker/index.d.ts +3 -0
- package/dist/WorkspacePicker/index.d.ts.map +1 -0
- package/dist/WorkspacePicker/index.js +2 -0
- package/dist/WorkspacePicker/index.js.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useAutoSave.d.ts +9 -0
- package/dist/hooks/useAutoSave.d.ts.map +1 -0
- package/dist/hooks/useAutoSave.js +48 -0
- package/dist/hooks/useAutoSave.js.map +1 -0
- package/dist/icons.d.ts +6 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +24 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +19 -0
- package/dist/index.js.map +1 -0
- package/package.json +65 -0
- package/src/AppMenu/AppMenu.tsx +124 -0
- package/src/AppMenu/index.ts +2 -0
- package/src/DocBlocksShell/DocBlocksShell.tsx +662 -0
- package/src/DocBlocksShell/index.ts +2 -0
- package/src/Export/ExportDialog.tsx +173 -0
- package/src/Export/ExportToolbarControls.tsx +183 -0
- package/src/Export/export-options.ts +57 -0
- package/src/Export/index.ts +5 -0
- package/src/Export/run-export.ts +238 -0
- package/src/FileExplorer/FileExplorer.tsx +260 -0
- package/src/FileExplorer/FileTreeNode.tsx +172 -0
- package/src/FileExplorer/index.ts +5 -0
- package/src/FileExplorer/useFileTree.ts +178 -0
- package/src/WorkspacePicker/WorkspacePicker.tsx +126 -0
- package/src/WorkspacePicker/WorkspaceSettingsButton.tsx +79 -0
- package/src/WorkspacePicker/index.ts +2 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useAutoSave.ts +58 -0
- package/src/icons.tsx +60 -0
- package/src/index.ts +31 -0
- package/src/styles/docblocks.css +961 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTreeNode.d.ts","sourceRoot":"","sources":["../../src/FileExplorer/FileTreeNode.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACvD;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,GACf,EAAE,iBAAiB,2CA6InB"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* FileTreeNode — recursive tree node for the file explorer.
|
|
4
|
+
*/
|
|
5
|
+
import { useCallback, useState, useRef, useEffect } from 'react';
|
|
6
|
+
export function FileTreeNode({ entry, depth, expanded, selected, onToggle, onSelect, onDelete, onRename, renderChildren, }) {
|
|
7
|
+
const [renaming, setRenaming] = useState(false);
|
|
8
|
+
const [renameValue, setRenameValue] = useState(entry.name);
|
|
9
|
+
const [showContext, setShowContext] = useState(false);
|
|
10
|
+
const [contextPos, setContextPos] = useState({ x: 0, y: 0 });
|
|
11
|
+
const inputRef = useRef(null);
|
|
12
|
+
const contextRef = useRef(null);
|
|
13
|
+
const nodeRef = useRef(null);
|
|
14
|
+
const isDir = entry.kind === 'directory';
|
|
15
|
+
const icon = isDir ? (expanded ? '\u25BE' : '\u25B8') : '\u00A0\u00A0';
|
|
16
|
+
const handleClick = useCallback(() => {
|
|
17
|
+
if (isDir) {
|
|
18
|
+
onToggle(entry.path);
|
|
19
|
+
}
|
|
20
|
+
onSelect(entry.path);
|
|
21
|
+
}, [isDir, entry.path, onToggle, onSelect]);
|
|
22
|
+
const handleContextMenu = useCallback((e) => {
|
|
23
|
+
e.preventDefault();
|
|
24
|
+
e.stopPropagation();
|
|
25
|
+
const rect = nodeRef.current?.getBoundingClientRect();
|
|
26
|
+
setContextPos({
|
|
27
|
+
x: e.clientX - (rect?.left ?? 0),
|
|
28
|
+
y: e.clientY - (rect?.top ?? 0),
|
|
29
|
+
});
|
|
30
|
+
setShowContext(true);
|
|
31
|
+
}, []);
|
|
32
|
+
const handleRenameStart = useCallback(() => {
|
|
33
|
+
setRenameValue(entry.name);
|
|
34
|
+
setRenaming(true);
|
|
35
|
+
setShowContext(false);
|
|
36
|
+
}, [entry.name]);
|
|
37
|
+
const handleRenameSubmit = useCallback(async () => {
|
|
38
|
+
if (renameValue && renameValue !== entry.name) {
|
|
39
|
+
const parentPath = entry.path.includes('/')
|
|
40
|
+
? entry.path.slice(0, entry.path.lastIndexOf('/'))
|
|
41
|
+
: '';
|
|
42
|
+
const newPath = parentPath ? `${parentPath}/${renameValue}` : renameValue;
|
|
43
|
+
await onRename(entry.path, newPath);
|
|
44
|
+
}
|
|
45
|
+
setRenaming(false);
|
|
46
|
+
}, [renameValue, entry.name, entry.path, onRename]);
|
|
47
|
+
const handleDeleteClick = useCallback(async () => {
|
|
48
|
+
setShowContext(false);
|
|
49
|
+
await onDelete(entry.path);
|
|
50
|
+
}, [entry.path, onDelete]);
|
|
51
|
+
// Close context menu on outside click or scroll
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (!showContext)
|
|
54
|
+
return;
|
|
55
|
+
function handleClose(e) {
|
|
56
|
+
if (contextRef.current && !contextRef.current.contains(e.target)) {
|
|
57
|
+
setShowContext(false);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
// Use click (not mousedown) so menu button clicks register first
|
|
61
|
+
document.addEventListener('click', handleClose, true);
|
|
62
|
+
document.addEventListener('contextmenu', handleClose, true);
|
|
63
|
+
document.addEventListener('scroll', () => setShowContext(false), { capture: true, once: true });
|
|
64
|
+
return () => {
|
|
65
|
+
document.removeEventListener('click', handleClose, true);
|
|
66
|
+
document.removeEventListener('contextmenu', handleClose, true);
|
|
67
|
+
};
|
|
68
|
+
}, [showContext]);
|
|
69
|
+
// Focus input when renaming
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
if (renaming && inputRef.current) {
|
|
72
|
+
inputRef.current.focus();
|
|
73
|
+
inputRef.current.select();
|
|
74
|
+
}
|
|
75
|
+
}, [renaming]);
|
|
76
|
+
return (_jsxs("div", { className: "db-tree-node", ref: nodeRef, children: [_jsxs("div", { className: `db-tree-row ${selected ? 'db-tree-row--selected' : ''}`, style: { paddingLeft: depth * 16 + 4 }, onClick: handleClick, onContextMenu: handleContextMenu, role: "treeitem", "aria-expanded": isDir ? expanded : undefined, "aria-selected": selected, tabIndex: 0, onKeyDown: (e) => {
|
|
77
|
+
if (e.key === 'Enter')
|
|
78
|
+
handleClick();
|
|
79
|
+
}, children: [_jsx("span", { className: "db-tree-icon", children: icon }), renaming ? (_jsx("input", { ref: inputRef, className: "db-tree-rename-input", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: handleRenameSubmit, onKeyDown: (e) => {
|
|
80
|
+
if (e.key === 'Enter')
|
|
81
|
+
handleRenameSubmit();
|
|
82
|
+
if (e.key === 'Escape')
|
|
83
|
+
setRenaming(false);
|
|
84
|
+
}, onClick: (e) => e.stopPropagation() })) : (_jsx("span", { className: "db-tree-label", children: entry.name.endsWith('.md') ? entry.name.slice(0, -3) : entry.name }))] }), showContext && (_jsxs("div", { ref: contextRef, className: "db-tree-context", style: { left: contextPos.x, top: contextPos.y }, children: [_jsx("button", { className: "db-tree-context-item", onClick: handleRenameStart, children: "Rename" }), _jsx("button", { className: "db-tree-context-item db-tree-context-item--danger", onClick: handleDeleteClick, children: "Delete" })] })), isDir && expanded && renderChildren && (_jsx("div", { className: "db-tree-children", role: "group", children: renderChildren(entry.path) }))] }));
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=FileTreeNode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTreeNode.js","sourceRoot":"","sources":["../../src/FileExplorer/FileTreeNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { FileExplorer } from './FileExplorer.js';
|
|
2
|
+
export type { FileExplorerProps } from './FileExplorer.js';
|
|
3
|
+
export { FileTreeNode } from './FileTreeNode.js';
|
|
4
|
+
export type { FileTreeNodeProps } from './FileTreeNode.js';
|
|
5
|
+
export { useFileTree } from './useFileTree.js';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileExplorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FileExplorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useFileTree — hook that reads from a FileSystemProvider,
|
|
3
|
+
* maintains expanded/collapsed state, and provides CRUD operations.
|
|
4
|
+
*/
|
|
5
|
+
import type { FileSystemProvider, FileSystemEntry } from '@bendyline/docblocks/filesystem';
|
|
6
|
+
export interface FileTreeState {
|
|
7
|
+
/** Flat list of entries for the current directory view. */
|
|
8
|
+
entries: FileSystemEntry[];
|
|
9
|
+
/** Set of expanded directory paths. */
|
|
10
|
+
expanded: Set<string>;
|
|
11
|
+
/** Currently selected path — file or directory (null if none). */
|
|
12
|
+
selectedPath: string | null;
|
|
13
|
+
/** Kind of the selected entry. */
|
|
14
|
+
selectedKind: 'file' | 'directory' | null;
|
|
15
|
+
/** Whether the tree is loading. */
|
|
16
|
+
loading: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface FileTreeActions {
|
|
19
|
+
/** Toggle a directory's expanded state. */
|
|
20
|
+
toggleExpand: (path: string) => void;
|
|
21
|
+
/** Select a file or directory. */
|
|
22
|
+
select: (path: string, kind: 'file' | 'directory') => void;
|
|
23
|
+
/** Create a new file with optional initial content. */
|
|
24
|
+
createFile: (path: string, content?: string) => Promise<void>;
|
|
25
|
+
/** Create a new directory. */
|
|
26
|
+
createDirectory: (path: string) => Promise<void>;
|
|
27
|
+
/** Delete a file or directory. */
|
|
28
|
+
deleteEntry: (path: string) => Promise<void>;
|
|
29
|
+
/** Rename a file or directory. */
|
|
30
|
+
renameEntry: (oldPath: string, newPath: string) => Promise<void>;
|
|
31
|
+
/** Force refresh the tree. */
|
|
32
|
+
refresh: () => Promise<void>;
|
|
33
|
+
}
|
|
34
|
+
export declare function useFileTree(provider: FileSystemProvider | null): FileTreeState & FileTreeActions;
|
|
35
|
+
//# sourceMappingURL=useFileTree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFileTree.d.ts","sourceRoot":"","sources":["../../src/FileExplorer/useFileTree.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,aAAa;IAC5B,2DAA2D;IAC3D,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,uCAAuC;IACvC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,kEAAkE;IAClE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kCAAkC;IAClC,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;IAC1C,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kCAAkC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,KAAK,IAAI,CAAC;IAC3D,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,8BAA8B;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,kCAAkC;IAClC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,kCAAkC;IAClC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,8BAA8B;IAC9B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,GAAG,aAAa,GAAG,eAAe,CA2IhG"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useFileTree — hook that reads from a FileSystemProvider,
|
|
3
|
+
* maintains expanded/collapsed state, and provides CRUD operations.
|
|
4
|
+
*/
|
|
5
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
6
|
+
export function useFileTree(provider) {
|
|
7
|
+
const [entries, setEntries] = useState([]);
|
|
8
|
+
const [expanded, setExpanded] = useState(new Set());
|
|
9
|
+
const [selectedPath, setSelectedPath] = useState(null);
|
|
10
|
+
const [selectedKind, setSelectedKind] = useState(null);
|
|
11
|
+
const [loading, setLoading] = useState(false);
|
|
12
|
+
// Track child entries for expanded directories
|
|
13
|
+
const [childEntries, setChildEntries] = useState(new Map());
|
|
14
|
+
const providerRef = useRef(provider);
|
|
15
|
+
providerRef.current = provider;
|
|
16
|
+
const loadRoot = useCallback(async () => {
|
|
17
|
+
if (!providerRef.current) {
|
|
18
|
+
setEntries([]);
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
setLoading(true);
|
|
22
|
+
try {
|
|
23
|
+
const root = await providerRef.current.readDirectory('');
|
|
24
|
+
setEntries(root);
|
|
25
|
+
}
|
|
26
|
+
finally {
|
|
27
|
+
setLoading(false);
|
|
28
|
+
}
|
|
29
|
+
}, []);
|
|
30
|
+
const loadChildren = useCallback(async (dirPath) => {
|
|
31
|
+
if (!providerRef.current)
|
|
32
|
+
return;
|
|
33
|
+
const children = await providerRef.current.readDirectory(dirPath);
|
|
34
|
+
setChildEntries((prev) => {
|
|
35
|
+
const next = new Map(prev);
|
|
36
|
+
next.set(dirPath, children);
|
|
37
|
+
return next;
|
|
38
|
+
});
|
|
39
|
+
}, []);
|
|
40
|
+
// Load root on provider change
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
setExpanded(new Set());
|
|
43
|
+
setChildEntries(new Map());
|
|
44
|
+
setSelectedPath(null);
|
|
45
|
+
setSelectedKind(null);
|
|
46
|
+
loadRoot();
|
|
47
|
+
}, [provider, loadRoot]);
|
|
48
|
+
const toggleExpand = useCallback((path) => {
|
|
49
|
+
setExpanded((prev) => {
|
|
50
|
+
const next = new Set(prev);
|
|
51
|
+
if (next.has(path)) {
|
|
52
|
+
next.delete(path);
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
next.add(path);
|
|
56
|
+
// Load children when expanding
|
|
57
|
+
loadChildren(path);
|
|
58
|
+
}
|
|
59
|
+
return next;
|
|
60
|
+
});
|
|
61
|
+
}, [loadChildren]);
|
|
62
|
+
const select = useCallback((path, kind) => {
|
|
63
|
+
setSelectedPath(path);
|
|
64
|
+
setSelectedKind(kind);
|
|
65
|
+
}, []);
|
|
66
|
+
const refresh = useCallback(async () => {
|
|
67
|
+
await loadRoot();
|
|
68
|
+
// Reload all expanded directories
|
|
69
|
+
const expandedPaths = [...expanded];
|
|
70
|
+
for (const dirPath of expandedPaths) {
|
|
71
|
+
await loadChildren(dirPath);
|
|
72
|
+
}
|
|
73
|
+
}, [loadRoot, loadChildren, expanded]);
|
|
74
|
+
const createFile = useCallback(async (path, content = '') => {
|
|
75
|
+
if (!providerRef.current)
|
|
76
|
+
return;
|
|
77
|
+
await providerRef.current.writeFile(path, content);
|
|
78
|
+
await refresh();
|
|
79
|
+
}, [refresh]);
|
|
80
|
+
const createDirectory = useCallback(async (path) => {
|
|
81
|
+
if (!providerRef.current)
|
|
82
|
+
return;
|
|
83
|
+
await providerRef.current.createDirectory(path);
|
|
84
|
+
await refresh();
|
|
85
|
+
}, [refresh]);
|
|
86
|
+
const deleteEntry = useCallback(async (path) => {
|
|
87
|
+
if (!providerRef.current)
|
|
88
|
+
return;
|
|
89
|
+
await providerRef.current.delete(path);
|
|
90
|
+
if (selectedPath === path) {
|
|
91
|
+
setSelectedPath(null);
|
|
92
|
+
setSelectedKind(null);
|
|
93
|
+
}
|
|
94
|
+
await refresh();
|
|
95
|
+
}, [refresh, selectedPath]);
|
|
96
|
+
const renameEntry = useCallback(async (oldPath, newPath) => {
|
|
97
|
+
if (!providerRef.current)
|
|
98
|
+
return;
|
|
99
|
+
await providerRef.current.rename(oldPath, newPath);
|
|
100
|
+
if (selectedPath === oldPath) {
|
|
101
|
+
setSelectedPath(newPath);
|
|
102
|
+
}
|
|
103
|
+
await refresh();
|
|
104
|
+
}, [refresh, selectedPath]);
|
|
105
|
+
// Merge root entries with child entries for a flat tree representation
|
|
106
|
+
// (consumers use `expanded` and `childEntries` to render recursively)
|
|
107
|
+
return {
|
|
108
|
+
entries,
|
|
109
|
+
expanded,
|
|
110
|
+
selectedPath,
|
|
111
|
+
selectedKind,
|
|
112
|
+
loading,
|
|
113
|
+
toggleExpand,
|
|
114
|
+
select,
|
|
115
|
+
createFile,
|
|
116
|
+
createDirectory,
|
|
117
|
+
deleteEntry,
|
|
118
|
+
renameEntry,
|
|
119
|
+
refresh,
|
|
120
|
+
// Expose child entries for rendering
|
|
121
|
+
...{ childEntries },
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
//# sourceMappingURL=useFileTree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFileTree.js","sourceRoot":"","sources":["../../src/FileExplorer/useFileTree.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WorkspacePicker — dropdown for switching between workspaces
|
|
3
|
+
* (IndexedDB-based or native folder via File System Access API).
|
|
4
|
+
*/
|
|
5
|
+
import type { WorkspaceDescriptor } from '@bendyline/docblocks/workspace';
|
|
6
|
+
export interface WorkspacePickerProps {
|
|
7
|
+
/** Currently active workspace id. */
|
|
8
|
+
activeWorkspaceId: string | null;
|
|
9
|
+
/** Called when the user picks a different workspace. */
|
|
10
|
+
onSelect: (descriptor: WorkspaceDescriptor) => void;
|
|
11
|
+
/** Called when the user chooses "Open Folder" (native FS). */
|
|
12
|
+
onOpenFolder: () => void;
|
|
13
|
+
/** Optional className. */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function WorkspacePicker({ activeWorkspaceId, onSelect, onOpenFolder, className, }: WorkspacePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=WorkspacePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkspacePicker.d.ts","sourceRoot":"","sources":["../../src/WorkspacePicker/WorkspacePicker.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAI1E,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,QAAQ,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,8DAA8D;IAC9D,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,2CAmGtB"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* WorkspacePicker — dropdown for switching between workspaces
|
|
4
|
+
* (IndexedDB-based or native folder via File System Access API).
|
|
5
|
+
*/
|
|
6
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
7
|
+
import { listWorkspaces, saveWorkspace, touchWorkspace } from '@bendyline/docblocks/workspace';
|
|
8
|
+
import { isNativeFileSystemSupported } from '@bendyline/docblocks/filesystem';
|
|
9
|
+
export function WorkspacePicker({ activeWorkspaceId, onSelect, onOpenFolder, className, }) {
|
|
10
|
+
const [workspaces, setWorkspaces] = useState([]);
|
|
11
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
12
|
+
const pickerRef = useRef(null);
|
|
13
|
+
// Close dropdown on outside click
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!isOpen)
|
|
16
|
+
return;
|
|
17
|
+
function handleOutsideClick(e) {
|
|
18
|
+
if (pickerRef.current && !pickerRef.current.contains(e.target)) {
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
document.addEventListener('mousedown', handleOutsideClick);
|
|
23
|
+
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
24
|
+
}, [isOpen]);
|
|
25
|
+
const refresh = useCallback(async () => {
|
|
26
|
+
const list = await listWorkspaces();
|
|
27
|
+
setWorkspaces(list);
|
|
28
|
+
}, []);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
refresh();
|
|
31
|
+
}, [refresh, activeWorkspaceId]);
|
|
32
|
+
const handleSelect = useCallback(async (ws) => {
|
|
33
|
+
await touchWorkspace(ws.id);
|
|
34
|
+
onSelect(ws);
|
|
35
|
+
setIsOpen(false);
|
|
36
|
+
}, [onSelect]);
|
|
37
|
+
const handleCreateNew = useCallback(async () => {
|
|
38
|
+
const name = `Workspace ${workspaces.length + 1}`;
|
|
39
|
+
const id = `ws-${Date.now()}`;
|
|
40
|
+
const descriptor = {
|
|
41
|
+
id,
|
|
42
|
+
name,
|
|
43
|
+
type: 'indexeddb',
|
|
44
|
+
lastOpened: new Date().toISOString(),
|
|
45
|
+
};
|
|
46
|
+
await saveWorkspace(descriptor);
|
|
47
|
+
await refresh();
|
|
48
|
+
onSelect(descriptor);
|
|
49
|
+
setIsOpen(false);
|
|
50
|
+
}, [workspaces.length, onSelect, refresh]);
|
|
51
|
+
const activeWs = workspaces.find((w) => w.id === activeWorkspaceId);
|
|
52
|
+
return (_jsxs("div", { ref: pickerRef, className: `db-workspace-picker ${className ?? ''}`, children: [_jsxs("button", { className: "db-workspace-picker-btn", onClick: () => setIsOpen(!isOpen), title: "Switch workspace", children: [activeWs?.name ?? 'No workspace', _jsx("span", { className: "db-workspace-picker-caret", children: isOpen ? '\u25B4' : '\u25BE' })] }), isOpen && (_jsxs("div", { className: "db-workspace-dropdown", children: [workspaces.map((ws) => (_jsxs("button", { className: `db-workspace-dropdown-item ${ws.id === activeWorkspaceId ? 'db-workspace-dropdown-item--active' : ''}`, onClick: () => handleSelect(ws), children: [ws.name, _jsx("span", { className: "db-workspace-type", children: ws.type === 'native' ? '(folder)' : '' })] }, ws.id))), _jsx("div", { className: "db-workspace-dropdown-divider" }), _jsx("button", { className: "db-workspace-dropdown-item", onClick: handleCreateNew, children: "+ New Workspace" }), isNativeFileSystemSupported() && (_jsx("button", { className: "db-workspace-dropdown-item", onClick: () => {
|
|
53
|
+
setIsOpen(false);
|
|
54
|
+
onOpenFolder();
|
|
55
|
+
}, children: "Open Folder..." }))] }))] }));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=WorkspacePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkspacePicker.js","sourceRoot":"","sources":["../../src/WorkspacePicker/WorkspacePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WorkspaceSettingsButton — gear icon dropdown for workspace actions.
|
|
3
|
+
*/
|
|
4
|
+
export interface WorkspaceSettingsButtonProps {
|
|
5
|
+
onRename: () => void;
|
|
6
|
+
onDownload: () => void;
|
|
7
|
+
onRemove: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function WorkspaceSettingsButton({ onRename, onDownload, onRemove, }: WorkspaceSettingsButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=WorkspaceSettingsButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkspaceSettingsButton.d.ts","sourceRoot":"","sources":["../../src/WorkspacePicker/WorkspaceSettingsButton.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,4BAA4B,2CA6D9B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* WorkspaceSettingsButton — gear icon dropdown for workspace actions.
|
|
4
|
+
*/
|
|
5
|
+
import { useState, useCallback, useRef, useEffect } from 'react';
|
|
6
|
+
import { WorkspaceIcon } from '../icons.js';
|
|
7
|
+
export function WorkspaceSettingsButton({ onRename, onDownload, onRemove, }) {
|
|
8
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
+
const ref = useRef(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (!isOpen)
|
|
12
|
+
return;
|
|
13
|
+
function handleOutsideClick(e) {
|
|
14
|
+
if (ref.current && !ref.current.contains(e.target)) {
|
|
15
|
+
setIsOpen(false);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
document.addEventListener('mousedown', handleOutsideClick);
|
|
19
|
+
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
20
|
+
}, [isOpen]);
|
|
21
|
+
const handleAction = useCallback((action) => {
|
|
22
|
+
setIsOpen(false);
|
|
23
|
+
action();
|
|
24
|
+
}, []);
|
|
25
|
+
return (_jsxs("div", { ref: ref, className: "db-ws-settings", children: [_jsx("button", { className: "db-ws-settings-btn", onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, "aria-haspopup": "true", "aria-label": "Workspace settings", title: "Workspace settings", children: _jsx(WorkspaceIcon, {}) }), isOpen && (_jsxs("div", { className: "db-ws-settings-dropdown", role: "menu", children: [_jsx("button", { className: "db-ws-settings-item", role: "menuitem", onClick: () => handleAction(onRename), children: "Rename workspace" }), _jsx("button", { className: "db-ws-settings-item", role: "menuitem", onClick: () => handleAction(onDownload), children: "Download workspace" }), _jsx("div", { className: "db-ws-settings-divider" }), _jsx("button", { className: "db-ws-settings-item db-ws-settings-item--danger", role: "menuitem", onClick: () => handleAction(onRemove), children: "Remove workspace" })] }))] }));
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=WorkspaceSettingsButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WorkspaceSettingsButton.js","sourceRoot":"","sources":["../../src/WorkspacePicker/WorkspaceSettingsButton.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5C,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,UAAU,EACV,QAAQ,GACqB;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,SAAS,kBAAkB,CAAC,CAAa;YACvC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC3D,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,MAAkB,EAAE,EAAE;QACtD,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,gBAAgB,aACvC,iBACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,mBAClB,MAAM,mBACP,MAAM,gBACT,oBAAoB,EAC/B,KAAK,EAAC,oBAAoB,YAE1B,KAAC,aAAa,KAAG,GACV,EAER,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,MAAM,aAClD,iBACE,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,iCAG9B,EACT,iBACE,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,mCAGhC,EACT,cAAK,SAAS,EAAC,wBAAwB,GAAG,EAC1C,iBACE,SAAS,EAAC,iDAAiD,EAC3D,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,iCAG9B,IACL,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/WorkspacePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/WorkspacePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useAutoSave — debounced auto-save hook.
|
|
3
|
+
*
|
|
4
|
+
* Writes content to the FileSystemProvider after a delay
|
|
5
|
+
* whenever the content changes.
|
|
6
|
+
*/
|
|
7
|
+
import type { FileSystemProvider } from '@bendyline/docblocks/filesystem';
|
|
8
|
+
export declare function useAutoSave(provider: FileSystemProvider | null, filePath: string | null, content: string, delayMs?: number): void;
|
|
9
|
+
//# sourceMappingURL=useAutoSave.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAutoSave.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoSave.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,wBAAgB,WAAW,CACzB,QAAQ,EAAE,kBAAkB,GAAG,IAAI,EACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,OAAO,EAAE,MAAM,EACf,OAAO,SAAM,GACZ,IAAI,CA0CN"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useAutoSave — debounced auto-save hook.
|
|
3
|
+
*
|
|
4
|
+
* Writes content to the FileSystemProvider after a delay
|
|
5
|
+
* whenever the content changes.
|
|
6
|
+
*/
|
|
7
|
+
import { useEffect, useRef, useCallback } from 'react';
|
|
8
|
+
export function useAutoSave(provider, filePath, content, delayMs = 500) {
|
|
9
|
+
const timerRef = useRef(null);
|
|
10
|
+
const lastSavedRef = useRef(content);
|
|
11
|
+
const save = useCallback(async () => {
|
|
12
|
+
if (!provider || !filePath)
|
|
13
|
+
return;
|
|
14
|
+
if (content === lastSavedRef.current)
|
|
15
|
+
return;
|
|
16
|
+
lastSavedRef.current = content;
|
|
17
|
+
await provider.writeFile(filePath, content);
|
|
18
|
+
}, [provider, filePath, content]);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (!provider || !filePath)
|
|
21
|
+
return;
|
|
22
|
+
if (timerRef.current) {
|
|
23
|
+
clearTimeout(timerRef.current);
|
|
24
|
+
}
|
|
25
|
+
timerRef.current = setTimeout(() => {
|
|
26
|
+
save();
|
|
27
|
+
}, delayMs);
|
|
28
|
+
return () => {
|
|
29
|
+
if (timerRef.current) {
|
|
30
|
+
clearTimeout(timerRef.current);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
}, [content, delayMs, save, provider, filePath]);
|
|
34
|
+
// Flush on unmount
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
return () => {
|
|
37
|
+
if (timerRef.current) {
|
|
38
|
+
clearTimeout(timerRef.current);
|
|
39
|
+
}
|
|
40
|
+
// Sync save on unmount is best-effort
|
|
41
|
+
if (provider && filePath && content !== lastSavedRef.current) {
|
|
42
|
+
provider.writeFile(filePath, content);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
46
|
+
}, []);
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=useAutoSave.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAutoSave.js","sourceRoot":"","sources":["../../src/hooks/useAutoSave.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,UAAU,WAAW,CACzB,QAAmC,EACnC,QAAuB,EACvB,OAAe,EACf,OAAO,GAAG,GAAG;IAEb,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,MAAM,CAAS,OAAO,CAAC,CAAC;IAE7C,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YAAE,OAAO;QACnC,IAAI,OAAO,KAAK,YAAY,CAAC,OAAO;YAAE,OAAO;QAC7C,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QAC/B,MAAM,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEnC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;QAED,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC;QACT,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjD,mBAAmB;IACnB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;YACD,sCAAsC;YACtC,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAO,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC7D,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
export declare function NewFileIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function NewFolderIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function RefreshIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function WorkspaceIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAatC,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAYzD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAU3D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAOzD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAW3D"}
|
package/dist/icons.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const defaults = {
|
|
3
|
+
width: 16,
|
|
4
|
+
height: 16,
|
|
5
|
+
viewBox: '0 0 16 16',
|
|
6
|
+
fill: 'none',
|
|
7
|
+
stroke: 'currentColor',
|
|
8
|
+
strokeWidth: 1.5,
|
|
9
|
+
strokeLinecap: 'round',
|
|
10
|
+
strokeLinejoin: 'round',
|
|
11
|
+
};
|
|
12
|
+
export function NewFileIcon(props) {
|
|
13
|
+
return (_jsxs("svg", { ...defaults, ...props, children: [_jsx("path", { d: "M9.5 1.5H4a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5l-3.5-3.5Z" }), _jsx("path", { d: "M9.5 1.5V5H13" }), _jsx("line", { x1: "6.5", y1: "10", x2: "9.5", y2: "10" }), _jsx("line", { x1: "8", y1: "8.5", x2: "8", y2: "11.5" })] }));
|
|
14
|
+
}
|
|
15
|
+
export function NewFolderIcon(props) {
|
|
16
|
+
return (_jsxs("svg", { ...defaults, ...props, children: [_jsx("path", { d: "M2 3.5a1 1 0 0 1 1-1h3l1.5 1.5H13a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5Z" }), _jsx("line", { x1: "6", y1: "8.5", x2: "10", y2: "8.5" }), _jsx("line", { x1: "8", y1: "6.5", x2: "8", y2: "10.5" })] }));
|
|
17
|
+
}
|
|
18
|
+
export function RefreshIcon(props) {
|
|
19
|
+
return (_jsxs("svg", { ...defaults, ...props, children: [_jsx("path", { d: "M13.5 8A5.5 5.5 0 1 1 8 2.5" }), _jsx("polyline", { points: "13.5 3 13.5 6.5 10 6.5" })] }));
|
|
20
|
+
}
|
|
21
|
+
export function WorkspaceIcon(props) {
|
|
22
|
+
return (_jsxs("svg", { ...defaults, ...props, children: [_jsx("rect", { x: "1.5", y: "2.5", width: "13", height: "11", rx: "1" }), _jsx("rect", { x: "4", y: "4.5", width: "8", height: "7", rx: "0.5" }), _jsx("line", { x1: "6.5", y1: "5.5", x2: "6.5", y2: "10.5", strokeWidth: "1" }), _jsx("line", { x1: "9.5", y1: "5.5", x2: "9.5", y2: "10.5", strokeWidth: "1" })] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":";AAEA,MAAM,QAAQ,GAA4B;IACxC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,GAAG;IAChB,aAAa,EAAE,OAAgB;IAC/B,cAAc,EAAE,OAAgB;CACjC,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAA8B;IACxD,OAAO,CACL,kBAAS,QAAQ,KAAM,KAAK,aAE1B,eAAM,CAAC,EAAC,uEAAuE,GAAG,EAElF,eAAM,CAAC,EAAC,eAAe,GAAG,EAE1B,eAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,GAAG,EAC1C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,IACrC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAA8B;IAC1D,OAAO,CACL,kBAAS,QAAQ,KAAM,KAAK,aAE1B,eAAM,CAAC,EAAC,sFAAsF,GAAG,EAEjG,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,GAAG,EACzC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,IACrC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAA8B;IACxD,OAAO,CACL,kBAAS,QAAQ,KAAM,KAAK,aAC1B,eAAM,CAAC,EAAC,6BAA6B,GAAG,EACxC,mBAAU,MAAM,EAAC,wBAAwB,GAAG,IACxC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAA8B;IAC1D,OAAO,CACL,kBAAS,QAAQ,KAAM,KAAK,aAE1B,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG,EAEtD,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG,EACpD,eAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,GAAG,EAC7D,eAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,GAAG,IACzD,CACP,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @bendyline/docblocks-react — React components for DocBlocks
|
|
3
|
+
*/
|
|
4
|
+
export { FileExplorer } from './FileExplorer/index.js';
|
|
5
|
+
export type { FileExplorerProps } from './FileExplorer/index.js';
|
|
6
|
+
export { FileTreeNode } from './FileExplorer/index.js';
|
|
7
|
+
export type { FileTreeNodeProps } from './FileExplorer/index.js';
|
|
8
|
+
export { useFileTree } from './FileExplorer/index.js';
|
|
9
|
+
export { WorkspacePicker } from './WorkspacePicker/index.js';
|
|
10
|
+
export type { WorkspacePickerProps } from './WorkspacePicker/index.js';
|
|
11
|
+
export { DocBlocksShell } from './DocBlocksShell/index.js';
|
|
12
|
+
export type { DocBlocksShellProps } from './DocBlocksShell/index.js';
|
|
13
|
+
export { AppMenu } from './AppMenu/index.js';
|
|
14
|
+
export type { AppMenuProps } from './AppMenu/index.js';
|
|
15
|
+
export { ExportToolbarControls } from './Export/index.js';
|
|
16
|
+
export type { ExportToolbarControlsProps, ExportFormat, ExportOptions } from './Export/index.js';
|
|
17
|
+
export { ExportDialog } from './Export/index.js';
|
|
18
|
+
export type { ExportDialogProps } from './Export/index.js';
|
|
19
|
+
export { useAutoSave } from './hooks/index.js';
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGrE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,YAAY,EAAE,0BAA0B,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|