@awesome-markdown/board-ui 0.0.0-stage → 1.6.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/README.md +76 -2
- package/dist/board/Board.d.ts +24 -0
- package/dist/board/Board.d.ts.map +1 -0
- package/dist/board/Board.js +166 -0
- package/dist/board/Board.js.map +1 -0
- package/dist/board/Cell.d.ts +23 -0
- package/dist/board/Cell.d.ts.map +1 -0
- package/dist/board/Cell.js +145 -0
- package/dist/board/Cell.js.map +1 -0
- package/dist/board/ColumnHeader.d.ts +18 -0
- package/dist/board/ColumnHeader.d.ts.map +1 -0
- package/dist/board/ColumnHeader.js +31 -0
- package/dist/board/ColumnHeader.js.map +1 -0
- package/dist/board/HomelessItemCard.d.ts +15 -0
- package/dist/board/HomelessItemCard.d.ts.map +1 -0
- package/dist/board/HomelessItemCard.js +36 -0
- package/dist/board/HomelessItemCard.js.map +1 -0
- package/dist/board/HomelessPanel.d.ts +17 -0
- package/dist/board/HomelessPanel.d.ts.map +1 -0
- package/dist/board/HomelessPanel.js +26 -0
- package/dist/board/HomelessPanel.js.map +1 -0
- package/dist/board/ItemCard.d.ts +21 -0
- package/dist/board/ItemCard.d.ts.map +1 -0
- package/dist/board/ItemCard.js +104 -0
- package/dist/board/ItemCard.js.map +1 -0
- package/dist/board/SwimlaneRow.d.ts +23 -0
- package/dist/board/SwimlaneRow.d.ts.map +1 -0
- package/dist/board/SwimlaneRow.js +30 -0
- package/dist/board/SwimlaneRow.js.map +1 -0
- package/dist/board/dnd/boardDnd.d.ts +15 -0
- package/dist/board/dnd/boardDnd.d.ts.map +1 -0
- package/dist/board/dnd/boardDnd.js +69 -0
- package/dist/board/dnd/boardDnd.js.map +1 -0
- package/dist/board/dnd/dragTypes.d.ts +24 -0
- package/dist/board/dnd/dragTypes.d.ts.map +1 -0
- package/dist/board/dnd/dragTypes.js +22 -0
- package/dist/board/dnd/dragTypes.js.map +1 -0
- package/dist/board/dnd/mutateDragDrop.d.ts +37 -0
- package/dist/board/dnd/mutateDragDrop.d.ts.map +1 -0
- package/dist/board/dnd/mutateDragDrop.js +116 -0
- package/dist/board/dnd/mutateDragDrop.js.map +1 -0
- package/dist/board/dnd/onDragEnd.d.ts +24 -0
- package/dist/board/dnd/onDragEnd.d.ts.map +1 -0
- package/dist/board/dnd/onDragEnd.js +47 -0
- package/dist/board/dnd/onDragEnd.js.map +1 -0
- package/dist/board/layout/AxisBehavior.d.ts +35 -0
- package/dist/board/layout/AxisBehavior.d.ts.map +1 -0
- package/dist/board/layout/AxisBehavior.js +82 -0
- package/dist/board/layout/AxisBehavior.js.map +1 -0
- package/dist/board/layout/AxisDrawer.d.ts +17 -0
- package/dist/board/layout/AxisDrawer.d.ts.map +1 -0
- package/dist/board/layout/AxisDrawer.js +40 -0
- package/dist/board/layout/AxisDrawer.js.map +1 -0
- package/dist/board/layout/BoardDrawer.d.ts +11 -0
- package/dist/board/layout/BoardDrawer.d.ts.map +1 -0
- package/dist/board/layout/BoardDrawer.js +27 -0
- package/dist/board/layout/BoardDrawer.js.map +1 -0
- package/dist/board/layout/Drawer.d.ts +19 -0
- package/dist/board/layout/Drawer.d.ts.map +1 -0
- package/dist/board/layout/Drawer.js +18 -0
- package/dist/board/layout/Drawer.js.map +1 -0
- package/dist/board/layout/FilterEditor.d.ts +12 -0
- package/dist/board/layout/FilterEditor.d.ts.map +1 -0
- package/dist/board/layout/FilterEditor.js +11 -0
- package/dist/board/layout/FilterEditor.js.map +1 -0
- package/dist/board/layout/InlineControls.d.ts +22 -0
- package/dist/board/layout/InlineControls.d.ts.map +1 -0
- package/dist/board/layout/InlineControls.js +39 -0
- package/dist/board/layout/InlineControls.js.map +1 -0
- package/dist/board/layout/SortableAxis.d.ts +28 -0
- package/dist/board/layout/SortableAxis.d.ts.map +1 -0
- package/dist/board/layout/SortableAxis.js +39 -0
- package/dist/board/layout/SortableAxis.js.map +1 -0
- package/dist/board/layout/axis-defaults.d.ts +22 -0
- package/dist/board/layout/axis-defaults.d.ts.map +1 -0
- package/dist/board/layout/axis-defaults.js +37 -0
- package/dist/board/layout/axis-defaults.js.map +1 -0
- package/dist/board/layout/filter-draft.d.ts +21 -0
- package/dist/board/layout/filter-draft.d.ts.map +1 -0
- package/dist/board/layout/filter-draft.js +110 -0
- package/dist/board/layout/filter-draft.js.map +1 -0
- package/dist/board/layout/useBoardLayout.d.ts +27 -0
- package/dist/board/layout/useBoardLayout.d.ts.map +1 -0
- package/dist/board/layout/useBoardLayout.js +92 -0
- package/dist/board/layout/useBoardLayout.js.map +1 -0
- package/dist/breadcrumb.d.ts +22 -0
- package/dist/breadcrumb.d.ts.map +1 -0
- package/dist/breadcrumb.js +15 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/components/BoardAssigneeField.d.ts +10 -0
- package/dist/components/BoardAssigneeField.d.ts.map +1 -0
- package/dist/components/BoardAssigneeField.js +37 -0
- package/dist/components/BoardAssigneeField.js.map +1 -0
- package/dist/components/ConflictBanner.d.ts +12 -0
- package/dist/components/ConflictBanner.d.ts.map +1 -0
- package/dist/components/ConflictBanner.js +47 -0
- package/dist/components/ConflictBanner.js.map +1 -0
- package/dist/components/ConflictDiff.d.ts +13 -0
- package/dist/components/ConflictDiff.d.ts.map +1 -0
- package/dist/components/ConflictDiff.js +97 -0
- package/dist/components/ConflictDiff.js.map +1 -0
- package/dist/components/ConflictPanel.d.ts +16 -0
- package/dist/components/ConflictPanel.d.ts.map +1 -0
- package/dist/components/ConflictPanel.js +53 -0
- package/dist/components/ConflictPanel.js.map +1 -0
- package/dist/components/DeleteItemConfirmDialog.d.ts +14 -0
- package/dist/components/DeleteItemConfirmDialog.d.ts.map +1 -0
- package/dist/components/DeleteItemConfirmDialog.js +46 -0
- package/dist/components/DeleteItemConfirmDialog.js.map +1 -0
- package/dist/components/ItemEditorActions.d.ts +15 -0
- package/dist/components/ItemEditorActions.d.ts.map +1 -0
- package/dist/components/ItemEditorActions.js +48 -0
- package/dist/components/ItemEditorActions.js.map +1 -0
- package/dist/index.d.ts +32 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/derive-summary.d.ts +9 -0
- package/dist/lib/derive-summary.d.ts.map +1 -0
- package/dist/lib/derive-summary.js +27 -0
- package/dist/lib/derive-summary.js.map +1 -0
- package/dist/lib/item-board.d.ts +5 -0
- package/dist/lib/item-board.d.ts.map +1 -0
- package/dist/lib/item-board.js +14 -0
- package/dist/lib/item-board.js.map +1 -0
- package/dist/lib/property-display.d.ts +18 -0
- package/dist/lib/property-display.d.ts.map +1 -0
- package/dist/lib/property-display.js +81 -0
- package/dist/lib/property-display.js.map +1 -0
- package/dist/pages/BoardListPage.d.ts +9 -0
- package/dist/pages/BoardListPage.d.ts.map +1 -0
- package/dist/pages/BoardListPage.js +113 -0
- package/dist/pages/BoardListPage.js.map +1 -0
- package/dist/pages/BoardPage.d.ts +7 -0
- package/dist/pages/BoardPage.d.ts.map +1 -0
- package/dist/pages/BoardPage.js +37 -0
- package/dist/pages/BoardPage.js.map +1 -0
- package/dist/pages/ItemEditorPage.d.ts +3 -0
- package/dist/pages/ItemEditorPage.d.ts.map +1 -0
- package/dist/pages/ItemEditorPage.js +255 -0
- package/dist/pages/ItemEditorPage.js.map +1 -0
- package/dist/provider/ProviderContext.d.ts +17 -0
- package/dist/provider/ProviderContext.d.ts.map +1 -0
- package/dist/provider/ProviderContext.js +21 -0
- package/dist/provider/ProviderContext.js.map +1 -0
- package/dist/router/RouterAdapter.d.ts +43 -0
- package/dist/router/RouterAdapter.d.ts.map +1 -0
- package/dist/router/RouterAdapter.js +21 -0
- package/dist/router/RouterAdapter.js.map +1 -0
- package/dist/shell/SyncStatusDot.d.ts +8 -0
- package/dist/shell/SyncStatusDot.d.ts.map +1 -0
- package/dist/shell/SyncStatusDot.js +58 -0
- package/dist/shell/SyncStatusDot.js.map +1 -0
- package/dist/shell/ThemeToggle.d.ts +8 -0
- package/dist/shell/ThemeToggle.d.ts.map +1 -0
- package/dist/shell/ThemeToggle.js +21 -0
- package/dist/shell/ThemeToggle.js.map +1 -0
- package/dist/state/theme-store.d.ts +17 -0
- package/dist/state/theme-store.d.ts.map +1 -0
- package/dist/state/theme-store.js +58 -0
- package/dist/state/theme-store.js.map +1 -0
- package/dist/state/useBoardRender.d.ts +16 -0
- package/dist/state/useBoardRender.d.ts.map +1 -0
- package/dist/state/useBoardRender.js +53 -0
- package/dist/state/useBoardRender.js.map +1 -0
- package/dist/state/useProviderSubscribe.d.ts +22 -0
- package/dist/state/useProviderSubscribe.d.ts.map +1 -0
- package/dist/state/useProviderSubscribe.js +48 -0
- package/dist/state/useProviderSubscribe.js.map +1 -0
- package/dist/sync/conflict-api.d.ts +16 -0
- package/dist/sync/conflict-api.d.ts.map +1 -0
- package/dist/sync/conflict-api.js +35 -0
- package/dist/sync/conflict-api.js.map +1 -0
- package/dist/sync/conflict-store.d.ts +44 -0
- package/dist/sync/conflict-store.d.ts.map +1 -0
- package/dist/sync/conflict-store.js +159 -0
- package/dist/sync/conflict-store.js.map +1 -0
- package/fonts/InterTight-Medium.woff2 +0 -0
- package/fonts/InterTight-Regular.woff2 +0 -0
- package/fonts/JetBrainsMono-Medium.woff2 +0 -0
- package/fonts/JetBrainsMono-Regular.woff2 +0 -0
- package/fonts/LICENSE +14 -0
- package/package.json +58 -3
- package/styles.css +232 -0
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useEffect, useState, useCallback, useRef } from 'react';
|
|
3
|
+
import { useProvider } from '../provider/ProviderContext.js';
|
|
4
|
+
import { useProviderSubscribe } from '../state/useProviderSubscribe.js';
|
|
5
|
+
import { InlineTextInput } from '../board/layout/InlineControls.js';
|
|
6
|
+
import { slugify, uniqueSlug } from '../board/layout/axis-defaults.js';
|
|
7
|
+
import { RouterLink, useRouterAdapter } from '../router/RouterAdapter.js';
|
|
8
|
+
/**
|
|
9
|
+
* Board list page — rendered at route `/`.
|
|
10
|
+
* Lists all boards from the current provider; each links to `/boards/:slug`.
|
|
11
|
+
* "+ add board" asks for a title, creates an empty board and opens it —
|
|
12
|
+
* columns and swimlanes are then added on the board itself.
|
|
13
|
+
*/
|
|
14
|
+
export function BoardListPage() {
|
|
15
|
+
const provider = useProvider();
|
|
16
|
+
const { navigate } = useRouterAdapter();
|
|
17
|
+
const [boards, setBoards] = useState([]);
|
|
18
|
+
const [status, setStatus] = useState('loading');
|
|
19
|
+
const [hoveredSlug, setHoveredSlug] = useState(null);
|
|
20
|
+
const [creating, setCreating] = useState(false);
|
|
21
|
+
const [createError, setCreateError] = useState(null);
|
|
22
|
+
const createBoard = async (title) => {
|
|
23
|
+
setCreating(false);
|
|
24
|
+
try {
|
|
25
|
+
const taken = new Set((await provider.listBoards()).map((b) => b.slug));
|
|
26
|
+
const board = await provider.createBoard({ slug: uniqueSlug(slugify(title, 'board'), taken), title });
|
|
27
|
+
navigate(`/boards/${board.slug}`);
|
|
28
|
+
}
|
|
29
|
+
catch (err) {
|
|
30
|
+
setCreateError(`Failed to create board: ${err instanceof Error ? err.message : 'Unknown error'}`);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
const cancelledRef = useRef(false);
|
|
34
|
+
const load = useCallback(async () => {
|
|
35
|
+
try {
|
|
36
|
+
const result = await provider.listBoards();
|
|
37
|
+
if (!cancelledRef.current) {
|
|
38
|
+
setBoards(result);
|
|
39
|
+
setStatus('ready');
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
catch (err) {
|
|
43
|
+
console.error('Failed to list boards', err);
|
|
44
|
+
if (!cancelledRef.current)
|
|
45
|
+
setStatus('error');
|
|
46
|
+
}
|
|
47
|
+
}, [provider]);
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
cancelledRef.current = false;
|
|
50
|
+
void load();
|
|
51
|
+
return () => {
|
|
52
|
+
cancelledRef.current = true;
|
|
53
|
+
};
|
|
54
|
+
}, [load]);
|
|
55
|
+
useProviderSubscribe(() => void load());
|
|
56
|
+
if (status === 'loading') {
|
|
57
|
+
return (_jsx("div", { className: "flex items-center justify-center h-full", "data-testid": "board-list-loading", children: _jsx("span", { style: { color: 'var(--ink-muted)', fontSize: '1.125rem' }, children: "Loading boards\u2026" }) }));
|
|
58
|
+
}
|
|
59
|
+
if (status === 'error') {
|
|
60
|
+
return (_jsx("div", { className: "flex items-center justify-center h-full", style: { color: '#E53E3E' }, "data-testid": "board-list-error", children: "Failed to load boards. Please refresh." }));
|
|
61
|
+
}
|
|
62
|
+
return (_jsxs("div", { className: "p-8 max-w-2xl mx-auto", "data-testid": "board-list", children: [_jsxs("div", { style: {
|
|
63
|
+
display: 'flex',
|
|
64
|
+
alignItems: 'center',
|
|
65
|
+
justifyContent: 'space-between',
|
|
66
|
+
marginBottom: '24px',
|
|
67
|
+
}, children: [_jsx("h2", { style: {
|
|
68
|
+
fontFamily: 'var(--font-mono)',
|
|
69
|
+
fontSize: '20px',
|
|
70
|
+
fontWeight: 500,
|
|
71
|
+
color: 'var(--ink)',
|
|
72
|
+
margin: 0,
|
|
73
|
+
}, children: "Your Boards" }), creating ? (_jsx("div", { style: { width: '240px', fontFamily: 'var(--font-sans)', fontSize: '14px', padding: '6px 0' }, children: _jsx(InlineTextInput, { initial: "", placeholder: "Board title", ariaLabel: "New board title", testId: "create-board-title-input", onCommit: (title) => void createBoard(title), onCancel: () => setCreating(false) }) })) : (_jsx("button", { type: "button", onClick: () => {
|
|
74
|
+
setCreateError(null);
|
|
75
|
+
setCreating(true);
|
|
76
|
+
}, style: {
|
|
77
|
+
fontFamily: 'var(--font-mono)',
|
|
78
|
+
fontSize: '12px',
|
|
79
|
+
color: 'var(--ink)',
|
|
80
|
+
background: 'none',
|
|
81
|
+
border: '1px solid var(--border)',
|
|
82
|
+
borderRadius: 0,
|
|
83
|
+
padding: '6px 12px',
|
|
84
|
+
cursor: 'pointer',
|
|
85
|
+
}, "data-testid": "add-board-button", children: "+ add board" }))] }), createError !== null && (_jsx("p", { style: { color: 'var(--ink)', fontFamily: 'var(--font-mono)', fontSize: '12px', marginBottom: '16px' }, role: "alert", "data-testid": "create-board-error", children: createError })), boards.length === 0 ? (_jsx("div", { className: "text-center py-16", "data-testid": "board-list-empty", children: _jsx("p", { style: { color: 'var(--ink-muted)', fontFamily: 'var(--font-mono)', fontSize: '13px' }, children: "No boards yet. Use + add board to create one." }) })) : (_jsx("ul", { className: "space-y-3", style: { listStyle: 'none', padding: 0, margin: 0 }, "data-testid": "board-list-items", children: boards.map((board) => (_jsx("li", { children: _jsxs(RouterLink, { to: `/boards/${board.slug}`, "data-testid": `board-link-${board.slug}`, onMouseEnter: () => setHoveredSlug(board.slug), onMouseLeave: () => setHoveredSlug(null), style: {
|
|
86
|
+
display: 'flex',
|
|
87
|
+
flexDirection: 'column',
|
|
88
|
+
gap: '4px',
|
|
89
|
+
padding: '16px',
|
|
90
|
+
background: 'transparent',
|
|
91
|
+
border: hoveredSlug === board.slug
|
|
92
|
+
? '1px solid var(--accent)'
|
|
93
|
+
: '1px solid var(--border)',
|
|
94
|
+
borderRadius: 0,
|
|
95
|
+
textDecoration: 'none',
|
|
96
|
+
transition: 'border-color 0.15s',
|
|
97
|
+
}, children: [_jsx("span", { style: {
|
|
98
|
+
fontFamily: 'var(--font-sans)',
|
|
99
|
+
fontSize: '16px',
|
|
100
|
+
fontWeight: 500,
|
|
101
|
+
color: 'var(--ink)',
|
|
102
|
+
}, "data-testid": `board-title-${board.slug}`, children: board.title }), board.description && (_jsx("span", { style: {
|
|
103
|
+
fontFamily: 'var(--font-sans)',
|
|
104
|
+
fontSize: '13px',
|
|
105
|
+
color: 'var(--ink-muted)',
|
|
106
|
+
}, children: board.description })), _jsxs("span", { style: {
|
|
107
|
+
fontFamily: 'var(--font-mono)',
|
|
108
|
+
fontSize: '12px',
|
|
109
|
+
color: 'var(--ink-muted)',
|
|
110
|
+
marginTop: '4px',
|
|
111
|
+
}, children: ["/boards/", board.slug] })] }) }, board.slug))) }))] }));
|
|
112
|
+
}
|
|
113
|
+
//# sourceMappingURL=BoardListPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoardListPage.js","sourceRoot":"","sources":["../../src/pages/BoardListPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoardPage.d.ts","sourceRoot":"","sources":["../../src/pages/BoardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC;;;GAGG;AACH,wBAAgB,SAAS,IAAI,KAAK,CAAC,YAAY,CA4D9C"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useEffect } from 'react';
|
|
3
|
+
import { Board } from '../board/Board.js';
|
|
4
|
+
import { useBoardRender } from '../state/useBoardRender.js';
|
|
5
|
+
import { useBreadcrumb } from '../breadcrumb.js';
|
|
6
|
+
import { RouterLink, useRouterAdapter } from '../router/RouterAdapter.js';
|
|
7
|
+
/**
|
|
8
|
+
* Board page — rendered at route `/boards/:slug`.
|
|
9
|
+
* Loads the board's render envelope and renders the full kanban board.
|
|
10
|
+
*/
|
|
11
|
+
export function BoardPage() {
|
|
12
|
+
const { slug = '' } = useRouterAdapter().useParams();
|
|
13
|
+
const { status, render, homeless, refetch } = useBoardRender(slug);
|
|
14
|
+
const { setSegments } = useBreadcrumb();
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
setSegments([
|
|
17
|
+
{ label: 'boards', to: '/' },
|
|
18
|
+
{ label: slug },
|
|
19
|
+
]);
|
|
20
|
+
return () => setSegments([]);
|
|
21
|
+
}, [slug, setSegments]);
|
|
22
|
+
if (status === 'loading' || (status !== 'error' && render === null)) {
|
|
23
|
+
return (_jsx("div", { className: "flex items-center justify-center h-full", "data-testid": "loading", children: _jsx("span", { style: { color: 'var(--ink-muted)', fontSize: '1.125rem' }, children: "Loading\u2026" }) }));
|
|
24
|
+
}
|
|
25
|
+
if (status === 'error' || render === null) {
|
|
26
|
+
return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center p-8", "data-testid": "board-not-found", children: [_jsxs("h2", { style: { fontWeight: 500, color: 'var(--ink)', fontFamily: 'var(--font-mono)', fontSize: '16px', marginBottom: '8px' }, children: ["Board \"", slug, "\" not found"] }), _jsx("p", { style: { color: 'var(--ink-muted)', marginBottom: '24px', maxWidth: '360px' }, children: "No board with this slug exists in the current provider, or it failed to load." }), _jsx(RouterLink, { to: "/", style: {
|
|
27
|
+
padding: '8px 16px',
|
|
28
|
+
border: '1px solid var(--border)',
|
|
29
|
+
color: 'var(--ink)',
|
|
30
|
+
textDecoration: 'none',
|
|
31
|
+
fontFamily: 'var(--font-mono)',
|
|
32
|
+
fontSize: '12px',
|
|
33
|
+
}, "data-testid": "back-to-list", children: "\u2190 all boards" })] }));
|
|
34
|
+
}
|
|
35
|
+
return (_jsx("div", { className: "flex flex-col h-full", "data-testid": "board-page", children: _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(Board, { render: render, homeless: homeless, onRefetch: refetch }) }) }));
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=BoardPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoardPage.js","sourceRoot":"","sources":["../../src/pages/BoardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;;GAGG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,gBAAgB,EAAE,CAAC,SAAS,EAAE,CAAC;IACrD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC;YACV,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE;YAC5B,EAAE,KAAK,EAAE,IAAI,EAAE;SAChB,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC;QACpE,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,iBAAa,SAAS,YAC5E,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAU,EAAE,8BAAiB,GAC7E,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,CACL,eACE,SAAS,EAAC,kEAAkE,iBAChE,iBAAiB,aAE7B,cACE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,yBAEzG,IAAI,oBACd,EACL,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,8FAE5E,EACJ,KAAC,UAAU,IACT,EAAE,EAAC,GAAG,EACN,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,MAAM,EAAE,yBAAyB;wBACjC,KAAK,EAAE,YAAY;wBACnB,cAAc,EAAE,MAAM;wBACtB,UAAU,EAAE,kBAAkB;wBAC9B,QAAQ,EAAE,MAAM;qBACjB,iBACW,cAAc,kCAGf,IACT,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,iBAAa,YAAY,YAC5D,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAI,GAC7D,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemEditorPage.d.ts","sourceRoot":"","sources":["../../src/pages/ItemEditorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAahE,wBAAgB,cAAc,IAAI,KAAK,CAAC,YAAY,CAmXnD"}
|
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useEffect, useState, useCallback } from 'react';
|
|
3
|
+
import { useProvider } from '../provider/ProviderContext.js';
|
|
4
|
+
import { useBreadcrumb } from '../breadcrumb.js';
|
|
5
|
+
import { useRouterAdapter } from '../router/RouterAdapter.js';
|
|
6
|
+
import { BoardAssigneeField } from '../components/BoardAssigneeField.js';
|
|
7
|
+
import { DeleteItemConfirmDialog } from '../components/DeleteItemConfirmDialog.js';
|
|
8
|
+
import { ItemEditorActions } from '../components/ItemEditorActions.js';
|
|
9
|
+
import { getBoardScopedString } from '../lib/item-board.js';
|
|
10
|
+
import { useProviderSubscribe } from '../state/useProviderSubscribe.js';
|
|
11
|
+
import { useBoardRender } from '../state/useBoardRender.js';
|
|
12
|
+
import { PropertyValueDisplay } from '../lib/property-display.js';
|
|
13
|
+
export function ItemEditorPage() {
|
|
14
|
+
const router = useRouterAdapter();
|
|
15
|
+
const { slug } = router.useParams();
|
|
16
|
+
const searchParams = router.useSearchParams();
|
|
17
|
+
const { navigate } = router;
|
|
18
|
+
const provider = useProvider();
|
|
19
|
+
const { setSegments } = useBreadcrumb();
|
|
20
|
+
const boardSlug = searchParams.get('board') ?? undefined;
|
|
21
|
+
const backPath = boardSlug ? `/boards/${boardSlug}` : '/';
|
|
22
|
+
const { render: boardRender } = useBoardRender(boardSlug ?? '');
|
|
23
|
+
const detailLayout = boardRender?.board.detailLayout ?? [];
|
|
24
|
+
const [item, setItem] = useState(null);
|
|
25
|
+
const [title, setTitle] = useState('');
|
|
26
|
+
const [body, setBody] = useState('');
|
|
27
|
+
const [assignee, setAssignee] = useState('');
|
|
28
|
+
const [loading, setLoading] = useState(true);
|
|
29
|
+
const [saving, setSaving] = useState(false);
|
|
30
|
+
const [error, setError] = useState(null);
|
|
31
|
+
const [dirty, setDirty] = useState(false);
|
|
32
|
+
const [deleting, setDeleting] = useState(false);
|
|
33
|
+
const [confirmingDelete, setConfirmingDelete] = useState(false);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (!slug)
|
|
36
|
+
return;
|
|
37
|
+
setLoading(true);
|
|
38
|
+
provider
|
|
39
|
+
.getItem(slug)
|
|
40
|
+
.then((fetched) => {
|
|
41
|
+
if (!fetched) {
|
|
42
|
+
setError(`Item "${slug}" not found.`);
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
setItem(fetched);
|
|
46
|
+
setTitle(fetched.title);
|
|
47
|
+
setBody(fetched.body ?? '');
|
|
48
|
+
setAssignee(boardSlug ? getBoardScopedString(fetched, boardSlug, 'assignee') : '');
|
|
49
|
+
})
|
|
50
|
+
.catch((err) => {
|
|
51
|
+
setError(err instanceof Error ? err.message : 'Failed to load item.');
|
|
52
|
+
})
|
|
53
|
+
.finally(() => setLoading(false));
|
|
54
|
+
}, [slug, provider, boardSlug]);
|
|
55
|
+
useProviderSubscribe((event) => {
|
|
56
|
+
if (!slug)
|
|
57
|
+
return;
|
|
58
|
+
if (dirty)
|
|
59
|
+
return;
|
|
60
|
+
if (event !== null && event.type === 'change' && event.entitySlug !== slug)
|
|
61
|
+
return;
|
|
62
|
+
provider
|
|
63
|
+
.getItem(slug)
|
|
64
|
+
.then((fetched) => {
|
|
65
|
+
if (!fetched)
|
|
66
|
+
return;
|
|
67
|
+
setItem(fetched);
|
|
68
|
+
setTitle(fetched.title);
|
|
69
|
+
setBody(fetched.body ?? '');
|
|
70
|
+
setAssignee(boardSlug ? getBoardScopedString(fetched, boardSlug, 'assignee') : '');
|
|
71
|
+
})
|
|
72
|
+
.catch(() => { });
|
|
73
|
+
});
|
|
74
|
+
useEffect(() => {
|
|
75
|
+
const segments = boardSlug
|
|
76
|
+
? [
|
|
77
|
+
{ label: 'boards', to: '/' },
|
|
78
|
+
{ label: boardSlug, to: `/boards/${boardSlug}` },
|
|
79
|
+
{ label: 'items', arrow: true },
|
|
80
|
+
{ label: slug ?? '' },
|
|
81
|
+
]
|
|
82
|
+
: [{ label: 'items' }, { label: slug ?? '' }];
|
|
83
|
+
setSegments(segments);
|
|
84
|
+
return () => setSegments([]);
|
|
85
|
+
}, [slug, boardSlug, setSegments]);
|
|
86
|
+
const handleSave = useCallback(async () => {
|
|
87
|
+
if (!slug || !item)
|
|
88
|
+
return;
|
|
89
|
+
const trimmedTitle = title.trim();
|
|
90
|
+
if (!trimmedTitle) {
|
|
91
|
+
setError('Title cannot be empty.');
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
setSaving(true);
|
|
95
|
+
setError(null);
|
|
96
|
+
const mutations = [];
|
|
97
|
+
if (trimmedTitle !== item.title) {
|
|
98
|
+
mutations.push({ op: 'set', path: 'title', value: trimmedTitle });
|
|
99
|
+
}
|
|
100
|
+
if (body !== (item.body ?? '')) {
|
|
101
|
+
mutations.push({ op: 'set', path: 'body', value: body });
|
|
102
|
+
}
|
|
103
|
+
if (boardSlug) {
|
|
104
|
+
const nextAssignee = assignee.trim();
|
|
105
|
+
const currentAssignee = getBoardScopedString(item, boardSlug, 'assignee');
|
|
106
|
+
if (nextAssignee !== currentAssignee) {
|
|
107
|
+
mutations.push(nextAssignee === ''
|
|
108
|
+
? { op: 'delete', path: `boards.${boardSlug}.assignee` }
|
|
109
|
+
: { op: 'set', path: `boards.${boardSlug}.assignee`, value: nextAssignee });
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
if (mutations.length === 0) {
|
|
113
|
+
navigate(backPath);
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
try {
|
|
117
|
+
await provider.patchItem(slug, { mutations });
|
|
118
|
+
navigate(backPath);
|
|
119
|
+
}
|
|
120
|
+
catch (err) {
|
|
121
|
+
setError(err instanceof Error ? err.message : 'Failed to save item.');
|
|
122
|
+
}
|
|
123
|
+
finally {
|
|
124
|
+
setSaving(false);
|
|
125
|
+
}
|
|
126
|
+
}, [slug, item, title, body, assignee, boardSlug, provider, navigate, backPath]);
|
|
127
|
+
const handleCancel = useCallback(() => {
|
|
128
|
+
navigate(backPath);
|
|
129
|
+
}, [navigate, backPath]);
|
|
130
|
+
const handleDeleteRequest = useCallback(() => {
|
|
131
|
+
setConfirmingDelete(true);
|
|
132
|
+
}, []);
|
|
133
|
+
const handleDeleteCancel = useCallback(() => {
|
|
134
|
+
setConfirmingDelete(false);
|
|
135
|
+
}, []);
|
|
136
|
+
const handleDeleteConfirm = useCallback(async () => {
|
|
137
|
+
if (!slug)
|
|
138
|
+
return;
|
|
139
|
+
setDeleting(true);
|
|
140
|
+
setError(null);
|
|
141
|
+
try {
|
|
142
|
+
await provider.deleteItem(slug);
|
|
143
|
+
navigate(backPath);
|
|
144
|
+
}
|
|
145
|
+
catch (err) {
|
|
146
|
+
setError(err instanceof Error ? err.message : 'Failed to delete item.');
|
|
147
|
+
setDeleting(false);
|
|
148
|
+
setConfirmingDelete(false);
|
|
149
|
+
}
|
|
150
|
+
}, [slug, provider, navigate, backPath]);
|
|
151
|
+
const handleTitleChange = (e) => {
|
|
152
|
+
setTitle(e.target.value);
|
|
153
|
+
setDirty(true);
|
|
154
|
+
};
|
|
155
|
+
const handleBodyChange = (e) => {
|
|
156
|
+
setBody(e.target.value);
|
|
157
|
+
setDirty(true);
|
|
158
|
+
};
|
|
159
|
+
const handleAssigneeChange = (value) => {
|
|
160
|
+
setAssignee(value);
|
|
161
|
+
setDirty(true);
|
|
162
|
+
};
|
|
163
|
+
const handleKeyDown = (e) => {
|
|
164
|
+
if ((e.metaKey || e.ctrlKey) && e.key === 's') {
|
|
165
|
+
e.preventDefault();
|
|
166
|
+
void handleSave();
|
|
167
|
+
}
|
|
168
|
+
if (e.key === 'Escape') {
|
|
169
|
+
if (confirmingDelete) {
|
|
170
|
+
handleDeleteCancel();
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
handleCancel();
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
if (loading) {
|
|
177
|
+
return (_jsx("div", { style: {
|
|
178
|
+
display: 'flex',
|
|
179
|
+
alignItems: 'center',
|
|
180
|
+
justifyContent: 'center',
|
|
181
|
+
height: '100%',
|
|
182
|
+
fontFamily: 'var(--font-mono)',
|
|
183
|
+
fontSize: '13px',
|
|
184
|
+
color: 'var(--ink-muted)',
|
|
185
|
+
}, "data-testid": "item-editor-loading", children: "loading\u2026" }));
|
|
186
|
+
}
|
|
187
|
+
if (error && !item) {
|
|
188
|
+
return (_jsxs("div", { style: {
|
|
189
|
+
display: 'flex',
|
|
190
|
+
flexDirection: 'column',
|
|
191
|
+
alignItems: 'center',
|
|
192
|
+
justifyContent: 'center',
|
|
193
|
+
height: '100%',
|
|
194
|
+
gap: '12px',
|
|
195
|
+
fontFamily: 'var(--font-mono)',
|
|
196
|
+
fontSize: '13px',
|
|
197
|
+
color: 'var(--ink-muted)',
|
|
198
|
+
}, "data-testid": "item-editor-error", children: [_jsx("span", { children: error }), _jsx("button", { type: "button", onClick: handleCancel, style: {
|
|
199
|
+
fontFamily: 'var(--font-mono)',
|
|
200
|
+
fontSize: '13px',
|
|
201
|
+
color: 'var(--ink-muted)',
|
|
202
|
+
background: 'none',
|
|
203
|
+
border: 'none',
|
|
204
|
+
cursor: 'pointer',
|
|
205
|
+
textDecoration: 'underline',
|
|
206
|
+
}, children: "\u2190 back" })] }));
|
|
207
|
+
}
|
|
208
|
+
return (_jsxs("div", { style: {
|
|
209
|
+
maxWidth: '720px',
|
|
210
|
+
margin: '0 auto',
|
|
211
|
+
padding: '40px 24px',
|
|
212
|
+
display: 'flex',
|
|
213
|
+
flexDirection: 'column',
|
|
214
|
+
gap: '20px',
|
|
215
|
+
}, onKeyDown: handleKeyDown, "data-testid": "item-editor", children: [_jsx("div", { style: {
|
|
216
|
+
fontFamily: 'var(--font-mono)',
|
|
217
|
+
fontSize: '11px',
|
|
218
|
+
fontWeight: 400,
|
|
219
|
+
color: 'var(--ink-muted)',
|
|
220
|
+
textTransform: 'uppercase',
|
|
221
|
+
letterSpacing: '0.08em',
|
|
222
|
+
}, "data-testid": "item-editor-slug", children: slug }), _jsx("input", { type: "text", value: title, onChange: handleTitleChange, placeholder: "Title", disabled: saving, autoFocus: true, style: {
|
|
223
|
+
fontFamily: 'var(--font-sans)',
|
|
224
|
+
fontSize: '22px',
|
|
225
|
+
fontWeight: 500,
|
|
226
|
+
color: 'var(--ink)',
|
|
227
|
+
background: 'transparent',
|
|
228
|
+
border: 'none',
|
|
229
|
+
borderBottom: '1px solid var(--border)',
|
|
230
|
+
borderRadius: 0,
|
|
231
|
+
padding: '4px 0',
|
|
232
|
+
width: '100%',
|
|
233
|
+
outline: 'none',
|
|
234
|
+
}, onFocus: (e) => { e.currentTarget.style.borderBottomColor = 'var(--accent)'; }, onBlur: (e) => { e.currentTarget.style.borderBottomColor = 'var(--border)'; }, "data-testid": "item-editor-title" }), _jsx("textarea", { value: body, onChange: handleBodyChange, placeholder: "Add a description\u2026", disabled: saving, rows: 16, style: {
|
|
235
|
+
fontFamily: 'var(--font-mono)',
|
|
236
|
+
fontSize: '13px',
|
|
237
|
+
fontWeight: 400,
|
|
238
|
+
color: 'var(--ink)',
|
|
239
|
+
background: 'transparent',
|
|
240
|
+
border: '1px solid var(--border)',
|
|
241
|
+
borderRadius: 0,
|
|
242
|
+
padding: '12px',
|
|
243
|
+
width: '100%',
|
|
244
|
+
resize: 'vertical',
|
|
245
|
+
outline: 'none',
|
|
246
|
+
lineHeight: 1.6,
|
|
247
|
+
}, onFocus: (e) => { e.currentTarget.style.borderColor = 'var(--accent)'; }, onBlur: (e) => { e.currentTarget.style.borderColor = 'var(--border)'; }, "data-testid": "item-editor-body" }), boardSlug && (_jsx(BoardAssigneeField, { boardSlug: boardSlug, value: assignee, disabled: saving, onChange: handleAssigneeChange })), item && detailLayout.length > 0 && (_jsx("div", { className: "flex flex-col gap-2", style: { borderTop: '1px solid var(--border)', paddingTop: '16px' }, "data-testid": "item-editor-properties", children: detailLayout.map((layout) => (_jsx(PropertyValueDisplay, { item: item, boardSlug: boardSlug ?? '', layout: layout }, layout.property))) })), error && (_jsx("div", { style: {
|
|
248
|
+
fontFamily: 'var(--font-mono)',
|
|
249
|
+
fontSize: '12px',
|
|
250
|
+
color: 'var(--ink)',
|
|
251
|
+
borderLeft: '2px solid var(--ink-muted)',
|
|
252
|
+
paddingLeft: '12px',
|
|
253
|
+
}, "data-testid": "item-editor-save-error", children: error })), _jsx(ItemEditorActions, { saving: saving, deleting: deleting, dirty: dirty, onSave: () => void handleSave(), onCancel: handleCancel, onDeleteRequest: handleDeleteRequest }), confirmingDelete && (_jsx(DeleteItemConfirmDialog, { deleting: deleting, error: error, onCancel: handleDeleteCancel, onConfirm: () => void handleDeleteConfirm() }))] }));
|
|
254
|
+
}
|
|
255
|
+
//# sourceMappingURL=ItemEditorPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemEditorPage.js","sourceRoot":"","sources":["../../src/pages/ItemEditorPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PersistenceProvider } from '@awesome-markdown/contracts';
|
|
3
|
+
interface ProviderContextProviderProps {
|
|
4
|
+
provider: PersistenceProvider;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Injects a PersistenceProvider instance into the React tree.
|
|
9
|
+
* Wrap your root component with this to enable useProvider().
|
|
10
|
+
*/
|
|
11
|
+
export declare function ProviderContextProvider({ provider, children, }: ProviderContextProviderProps): React.ReactElement;
|
|
12
|
+
/**
|
|
13
|
+
* Returns the bound PersistenceProvider. Throws if used outside ProviderContextProvider.
|
|
14
|
+
*/
|
|
15
|
+
export declare function useProvider(): PersistenceProvider;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=ProviderContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProviderContext.d.ts","sourceRoot":"","sources":["../../src/provider/ProviderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAIvE,UAAU,4BAA4B;IACpC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,GAAG,KAAK,CAAC,YAAY,CAMnD;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,mBAAmB,CAMjD"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useContext } from 'react';
|
|
3
|
+
const ProviderContext = createContext(null);
|
|
4
|
+
/**
|
|
5
|
+
* Injects a PersistenceProvider instance into the React tree.
|
|
6
|
+
* Wrap your root component with this to enable useProvider().
|
|
7
|
+
*/
|
|
8
|
+
export function ProviderContextProvider({ provider, children, }) {
|
|
9
|
+
return (_jsx(ProviderContext.Provider, { value: provider, children: children }));
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Returns the bound PersistenceProvider. Throws if used outside ProviderContextProvider.
|
|
13
|
+
*/
|
|
14
|
+
export function useProvider() {
|
|
15
|
+
const ctx = useContext(ProviderContext);
|
|
16
|
+
if (ctx === null) {
|
|
17
|
+
throw new Error('useProvider must be used inside a ProviderContextProvider');
|
|
18
|
+
}
|
|
19
|
+
return ctx;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=ProviderContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProviderContext.js","sourceRoot":"","sources":["../../src/provider/ProviderContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,eAAe,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAOxE;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACtC,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,GAAG,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;IAC/E,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Router-agnostic navigation seam for board-ui.
|
|
4
|
+
*
|
|
5
|
+
* board-ui never imports a router. Every path it produces is *board-relative*
|
|
6
|
+
* (`/`, `/boards/:slug`, `/items/:slug?board=…`); the host app maps those onto
|
|
7
|
+
* its own URL space (e.g. prefixing `/w/:workspace`) inside its adapter.
|
|
8
|
+
*/
|
|
9
|
+
/** Props board-ui passes to `RouterAdapter.Link`. */
|
|
10
|
+
export interface RouterLinkProps {
|
|
11
|
+
/** Board-relative target path, e.g. `/boards/board-all`. */
|
|
12
|
+
to: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
title?: string;
|
|
17
|
+
'aria-label'?: string;
|
|
18
|
+
'data-testid'?: string;
|
|
19
|
+
onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
20
|
+
onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
21
|
+
}
|
|
22
|
+
export interface RouterAdapter {
|
|
23
|
+
/** Renders an in-app link to a board-relative path. */
|
|
24
|
+
Link: React.ComponentType<RouterLinkProps>;
|
|
25
|
+
/** Navigates to a board-relative path (may include a `?query`). */
|
|
26
|
+
navigate: (to: string) => void;
|
|
27
|
+
/** Hook: path params of the current route (`slug` for board/item pages). */
|
|
28
|
+
useParams: () => Record<string, string | undefined>;
|
|
29
|
+
/** Hook: query-string params of the current location. */
|
|
30
|
+
useSearchParams: () => URLSearchParams;
|
|
31
|
+
}
|
|
32
|
+
interface RouterAdapterProviderProps {
|
|
33
|
+
adapter: RouterAdapter;
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
}
|
|
36
|
+
/** Injects the host app's router adapter. Required above any board-ui page. */
|
|
37
|
+
export declare function RouterAdapterProvider({ adapter, children, }: RouterAdapterProviderProps): React.ReactElement;
|
|
38
|
+
/** Returns the bound router adapter. Throws outside `RouterAdapterProvider`. */
|
|
39
|
+
export declare function useRouterAdapter(): RouterAdapter;
|
|
40
|
+
/** Convenience link component that delegates to the adapter's `Link`. */
|
|
41
|
+
export declare function RouterLink(props: RouterLinkProps): React.ReactElement;
|
|
42
|
+
export {};
|
|
43
|
+
//# sourceMappingURL=RouterAdapter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RouterAdapter.d.ts","sourceRoot":"","sources":["../../src/router/RouterAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD;;;;;;GAMG;AAEH,qDAAqD;AACrD,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,aAAa;IAC5B,uDAAuD;IACvD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3C,mEAAmE;IACnE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,4EAA4E;IAC5E,SAAS,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACpD,yDAAyD;IACzD,eAAe,EAAE,MAAM,eAAe,CAAC;CACxC;AAID,UAAU,0BAA0B;IAClC,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,+EAA+E;AAC/E,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,GACT,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAIjD;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAGrE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useContext } from 'react';
|
|
3
|
+
const RouterAdapterContext = createContext(null);
|
|
4
|
+
/** Injects the host app's router adapter. Required above any board-ui page. */
|
|
5
|
+
export function RouterAdapterProvider({ adapter, children, }) {
|
|
6
|
+
return (_jsx(RouterAdapterContext.Provider, { value: adapter, children: children }));
|
|
7
|
+
}
|
|
8
|
+
/** Returns the bound router adapter. Throws outside `RouterAdapterProvider`. */
|
|
9
|
+
export function useRouterAdapter() {
|
|
10
|
+
const ctx = useContext(RouterAdapterContext);
|
|
11
|
+
if (ctx === null) {
|
|
12
|
+
throw new Error('useRouterAdapter must be used inside a RouterAdapterProvider');
|
|
13
|
+
}
|
|
14
|
+
return ctx;
|
|
15
|
+
}
|
|
16
|
+
/** Convenience link component that delegates to the adapter's `Link`. */
|
|
17
|
+
export function RouterLink(props) {
|
|
18
|
+
const { Link } = useRouterAdapter();
|
|
19
|
+
return _jsx(Link, { ...props });
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=RouterAdapter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RouterAdapter.js","sourceRoot":"","sources":["../../src/router/RouterAdapter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAmCzD,MAAM,oBAAoB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAOvE,+EAA+E;AAC/E,MAAM,UAAU,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,GACmB;IAC3B,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAAiC,CAC1F,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC7C,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;IAClF,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACpC,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC7B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* 6 px sync-status circle.
|
|
4
|
+
* No chromatic colors — grayscale tokens only per design spec.
|
|
5
|
+
* pulling state: pulsing animation.
|
|
6
|
+
*/
|
|
7
|
+
export declare function SyncStatusDot(): React.ReactElement;
|
|
8
|
+
//# sourceMappingURL=SyncStatusDot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyncStatusDot.d.ts","sourceRoot":"","sources":["../../src/shell/SyncStatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA6BnD;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,KAAK,CAAC,YAAY,CAuClD"}
|