@arbidocs/react 0.4.4 → 0.4.5
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 +11 -0
- package/dist/artifacts/index.cjs +458 -0
- package/dist/artifacts/index.cjs.map +1 -0
- package/dist/artifacts/index.d.cts +276 -0
- package/dist/artifacts/index.d.ts +276 -0
- package/dist/artifacts/index.js +434 -0
- package/dist/artifacts/index.js.map +1 -0
- package/dist/artifacts/redline-core.cjs +20 -0
- package/dist/artifacts/redline-core.cjs.map +1 -0
- package/dist/artifacts/redline-core.d.cts +36 -0
- package/dist/artifacts/redline-core.d.ts +36 -0
- package/dist/artifacts/redline-core.js +3 -0
- package/dist/artifacts/redline-core.js.map +1 -0
- package/dist/chunk-2DXS7L7M.cjs +302 -0
- package/dist/chunk-2DXS7L7M.cjs.map +1 -0
- package/dist/{chunk-ORKGCXG3.cjs → chunk-7BDGLRQX.cjs} +123 -427
- package/dist/chunk-7BDGLRQX.cjs.map +1 -0
- package/dist/chunk-7V7B7OEM.cjs +318 -0
- package/dist/chunk-7V7B7OEM.cjs.map +1 -0
- package/dist/{chunk-MIJRORQL.js → chunk-DVRJFLE7.js} +8 -302
- package/dist/chunk-DVRJFLE7.js.map +1 -0
- package/dist/{chunk-EJ2BMHYK.js → chunk-FSMIN5VX.js} +4 -3
- package/dist/chunk-FSMIN5VX.js.map +1 -0
- package/dist/chunk-H7ZZQ4ZV.js +305 -0
- package/dist/chunk-H7ZZQ4ZV.js.map +1 -0
- package/dist/{chunk-JKO3NR5L.js → chunk-HDCRPPBW.js} +5 -23
- package/dist/chunk-HDCRPPBW.js.map +1 -0
- package/dist/chunk-J4MX2W4H.js +26 -0
- package/dist/chunk-J4MX2W4H.js.map +1 -0
- package/dist/{chunk-6ALMBER7.js → chunk-N5SVBDLC.js} +4 -9
- package/dist/chunk-N5SVBDLC.js.map +1 -0
- package/dist/{chunk-RZQACYNQ.cjs → chunk-OBNTJEEO.cjs} +14 -20
- package/dist/chunk-OBNTJEEO.cjs.map +1 -0
- package/dist/{chunk-BXP6S34V.cjs → chunk-PGLV23SB.cjs} +13 -12
- package/dist/chunk-PGLV23SB.cjs.map +1 -0
- package/dist/chunk-RKWNX32A.js +299 -0
- package/dist/chunk-RKWNX32A.js.map +1 -0
- package/dist/chunk-S6A6FSG7.cjs +13 -0
- package/dist/chunk-S6A6FSG7.cjs.map +1 -0
- package/dist/chunk-SN5YV6FF.js +11 -0
- package/dist/chunk-SN5YV6FF.js.map +1 -0
- package/dist/{chunk-7IOCMCC5.cjs → chunk-TMPDW7J5.cjs} +3 -23
- package/dist/chunk-TMPDW7J5.cjs.map +1 -0
- package/dist/chunk-VJWAP2HJ.cjs +303 -0
- package/dist/chunk-VJWAP2HJ.cjs.map +1 -0
- package/dist/chunk-ZMTLGO3K.cjs +29 -0
- package/dist/chunk-ZMTLGO3K.cjs.map +1 -0
- package/dist/chunk-ZY53R6I4.js +276 -0
- package/dist/chunk-ZY53R6I4.js.map +1 -0
- package/dist/index.cjs +497 -690
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -282
- package/dist/index.js.map +1 -1
- package/dist/shell/index.cjs +8 -7
- package/dist/shell/index.js +3 -2
- package/dist/ui/index.cjs +156 -154
- package/dist/ui/index.js +4 -2
- package/dist/viewers/index.cjs +9 -8
- package/dist/viewers/index.cjs.map +1 -1
- package/dist/viewers/index.js +3 -2
- package/dist/viewers/index.js.map +1 -1
- package/package.json +19 -3
- package/dist/chunk-6ALMBER7.js.map +0 -1
- package/dist/chunk-7IOCMCC5.cjs.map +0 -1
- package/dist/chunk-BXP6S34V.cjs.map +0 -1
- package/dist/chunk-EJ2BMHYK.js.map +0 -1
- package/dist/chunk-JKO3NR5L.js.map +0 -1
- package/dist/chunk-MIJRORQL.js.map +0 -1
- package/dist/chunk-ORKGCXG3.cjs.map +0 -1
- package/dist/chunk-RZQACYNQ.cjs.map +0 -1
package/README.md
CHANGED
|
@@ -101,6 +101,17 @@ That's it — three hooks and you have a streaming RAG chat.
|
|
|
101
101
|
| `useAssistantQuery()` | Streaming mutation | Call `.mutate()` |
|
|
102
102
|
| `useHealth()` | Backend status | Pass `{ enabled: true }` |
|
|
103
103
|
|
|
104
|
+
## Artifact editing (`@arbidocs/react/artifacts`)
|
|
105
|
+
|
|
106
|
+
`useArtifactSession({ workspaceId, docId })` loads an artifact, holds the edit buffer, saves it as a
|
|
107
|
+
NEW immutable version (a child document via `parent_ext_id`), lists the version lineage and compares
|
|
108
|
+
any two versions with track changes. It returns props for the `@arbidocs/blocks/artifacts` parts:
|
|
109
|
+
`view` (for `ArtifactEditor`), `editorProps` and `redlineProps`. The pieces underneath are
|
|
110
|
+
SDK-free and usable on their own: `useArtifactEditSession` (buffer, baseline, dirty, save,
|
|
111
|
+
compare), `useRedline` (diff with a pluggable, worker-capable `RedlineEngine`), `buildVersionChain`
|
|
112
|
+
and `versionLabel`. `useArtifactText`, `useArtifactVersions` and `useSaveArtifactVersion` are the
|
|
113
|
+
SDK bindings.
|
|
114
|
+
|
|
104
115
|
## Streaming callbacks
|
|
105
116
|
|
|
106
117
|
Pass these to `mutation.mutate()` alongside `question` and `docIds`:
|
|
@@ -0,0 +1,458 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunk2DXS7L7M_cjs = require('../chunk-2DXS7L7M.cjs');
|
|
4
|
+
var chunkVJWAP2HJ_cjs = require('../chunk-VJWAP2HJ.cjs');
|
|
5
|
+
var chunk7V7B7OEM_cjs = require('../chunk-7V7B7OEM.cjs');
|
|
6
|
+
require('../chunk-S6A6FSG7.cjs');
|
|
7
|
+
var chunkZMTLGO3K_cjs = require('../chunk-ZMTLGO3K.cjs');
|
|
8
|
+
var react = require('react');
|
|
9
|
+
var reactQuery = require('@tanstack/react-query');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
+
|
|
12
|
+
// src/artifacts/redline-engine.ts
|
|
13
|
+
var mainThreadRedlineEngine = {
|
|
14
|
+
buildRedline: chunkVJWAP2HJ_cjs.buildHybridRedlineMarkdown,
|
|
15
|
+
buildRedlineWithRegions: chunkVJWAP2HJ_cjs.buildHybridRedlineWithRegions,
|
|
16
|
+
revertRegion: chunkVJWAP2HJ_cjs.revertRedlineRegion
|
|
17
|
+
};
|
|
18
|
+
function useRedline({
|
|
19
|
+
baseText,
|
|
20
|
+
compareText,
|
|
21
|
+
isLoading = false,
|
|
22
|
+
withRegions = false,
|
|
23
|
+
engine = mainThreadRedlineEngine
|
|
24
|
+
}) {
|
|
25
|
+
const [state, setState] = react.useState({ kind: "idle" });
|
|
26
|
+
const requestIdRef = react.useRef(0);
|
|
27
|
+
react.useEffect(() => {
|
|
28
|
+
if (baseText === void 0 || compareText === void 0) {
|
|
29
|
+
setState({ kind: "idle" });
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (isLoading) {
|
|
33
|
+
setState({ kind: "computing" });
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (baseText === null || compareText === null) {
|
|
37
|
+
setState({ kind: "unavailable" });
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (baseText === compareText) {
|
|
41
|
+
setState({ kind: "identical" });
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const id = ++requestIdRef.current;
|
|
45
|
+
let cancelled = false;
|
|
46
|
+
setState({ kind: "computing" });
|
|
47
|
+
Promise.resolve(
|
|
48
|
+
withRegions ? engine.buildRedlineWithRegions(baseText, compareText) : Promise.resolve(engine.buildRedline(baseText, compareText)).then((markdown) => ({
|
|
49
|
+
markdown,
|
|
50
|
+
regions: []
|
|
51
|
+
}))
|
|
52
|
+
).then((result) => {
|
|
53
|
+
if (cancelled || id !== requestIdRef.current) return;
|
|
54
|
+
setState({ kind: "ready", markdown: result.markdown, regions: result.regions });
|
|
55
|
+
}).catch(() => {
|
|
56
|
+
if (cancelled || id !== requestIdRef.current) return;
|
|
57
|
+
setState({ kind: "unavailable" });
|
|
58
|
+
});
|
|
59
|
+
return () => {
|
|
60
|
+
cancelled = true;
|
|
61
|
+
};
|
|
62
|
+
}, [baseText, compareText, isLoading, withRegions, engine]);
|
|
63
|
+
const latest = react.useRef({ baseText, compareText });
|
|
64
|
+
react.useEffect(() => {
|
|
65
|
+
latest.current = { baseText, compareText };
|
|
66
|
+
}, [baseText, compareText]);
|
|
67
|
+
const revertRegion = react.useCallback(
|
|
68
|
+
async (regionId) => {
|
|
69
|
+
const { baseText: base, compareText: compare } = latest.current;
|
|
70
|
+
if (!base || !compare) return null;
|
|
71
|
+
try {
|
|
72
|
+
const next = await engine.revertRegion(base, compare, regionId);
|
|
73
|
+
return next !== compare ? next : null;
|
|
74
|
+
} catch {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
[engine]
|
|
79
|
+
);
|
|
80
|
+
return react.useMemo(() => ({ state, revertRegion }), [state, revertRegion]);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
// src/artifacts/versions.ts
|
|
84
|
+
function buildVersionChain(docs, docId) {
|
|
85
|
+
if (!docId) return [];
|
|
86
|
+
const byId = /* @__PURE__ */ new Map();
|
|
87
|
+
for (const d of docs) if (d.external_id) byId.set(d.external_id, d);
|
|
88
|
+
const current = byId.get(docId);
|
|
89
|
+
if (!current) return [];
|
|
90
|
+
let root = current;
|
|
91
|
+
const up = /* @__PURE__ */ new Set();
|
|
92
|
+
while (root.parent_ext_id && byId.has(root.parent_ext_id) && root.external_id && !up.has(root.external_id)) {
|
|
93
|
+
up.add(root.external_id);
|
|
94
|
+
root = byId.get(root.parent_ext_id);
|
|
95
|
+
}
|
|
96
|
+
const byParent = /* @__PURE__ */ new Map();
|
|
97
|
+
for (const d of docs) {
|
|
98
|
+
if (d.parent_ext_id) {
|
|
99
|
+
const siblings = byParent.get(d.parent_ext_id) ?? [];
|
|
100
|
+
siblings.push(d);
|
|
101
|
+
byParent.set(d.parent_ext_id, siblings);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
const out = [];
|
|
105
|
+
const visited = /* @__PURE__ */ new Set();
|
|
106
|
+
const walk = (d) => {
|
|
107
|
+
if (!d.external_id || visited.has(d.external_id)) return;
|
|
108
|
+
visited.add(d.external_id);
|
|
109
|
+
out.push(d);
|
|
110
|
+
for (const child of byParent.get(d.external_id) ?? []) walk(child);
|
|
111
|
+
};
|
|
112
|
+
walk(root);
|
|
113
|
+
out.sort((a, b) => (a.created_at ?? "").localeCompare(b.created_at ?? ""));
|
|
114
|
+
return out;
|
|
115
|
+
}
|
|
116
|
+
function toArtifactVersions(chain) {
|
|
117
|
+
return chain.flatMap(
|
|
118
|
+
(d) => d.external_id ? [
|
|
119
|
+
{
|
|
120
|
+
id: d.external_id,
|
|
121
|
+
name: d.file_name ?? "",
|
|
122
|
+
createdAt: d.created_at ?? "",
|
|
123
|
+
parentId: d.parent_ext_id
|
|
124
|
+
}
|
|
125
|
+
] : []
|
|
126
|
+
);
|
|
127
|
+
}
|
|
128
|
+
function versionLabel(versions, docId) {
|
|
129
|
+
if (!docId || versions.length <= 1) return null;
|
|
130
|
+
const index = versions.findIndex((v) => v.id === docId);
|
|
131
|
+
return index === -1 ? null : `v${index + 1}`;
|
|
132
|
+
}
|
|
133
|
+
function flattenChunks(chunks) {
|
|
134
|
+
return (chunks ?? []).map((c) => (c.content ?? "").trim()).join("\n\n");
|
|
135
|
+
}
|
|
136
|
+
function useArtifactEditSession(options) {
|
|
137
|
+
const {
|
|
138
|
+
docId,
|
|
139
|
+
baseline: loadedBaseline,
|
|
140
|
+
startEditing = false,
|
|
141
|
+
initialContent,
|
|
142
|
+
parentId,
|
|
143
|
+
compareId: controlledCompareId,
|
|
144
|
+
onCompareChange,
|
|
145
|
+
compareText,
|
|
146
|
+
compareLoading = false,
|
|
147
|
+
compareOpensEditor = true,
|
|
148
|
+
save: persist,
|
|
149
|
+
onSaved,
|
|
150
|
+
onSaveError,
|
|
151
|
+
onContentChange,
|
|
152
|
+
onDirtyChange,
|
|
153
|
+
redlineEngine,
|
|
154
|
+
diffDelayMs = 300
|
|
155
|
+
} = options;
|
|
156
|
+
const [isEditing, setIsEditing] = react.useState(false);
|
|
157
|
+
const [baseline, setBaseline] = react.useState("");
|
|
158
|
+
const [buffer, setBuffer] = react.useState("");
|
|
159
|
+
const [isSaving, setIsSaving] = react.useState(false);
|
|
160
|
+
const [showTrackChanges, setShowTrackChanges] = react.useState(false);
|
|
161
|
+
const [ownCompareId, setOwnCompareId] = react.useState(null);
|
|
162
|
+
const controlled = controlledCompareId !== void 0;
|
|
163
|
+
const compareId = controlled ? controlledCompareId : ownCompareId;
|
|
164
|
+
const setCompareId = react.useCallback(
|
|
165
|
+
(id) => {
|
|
166
|
+
if (!controlled) setOwnCompareId(id);
|
|
167
|
+
onCompareChange?.(id);
|
|
168
|
+
},
|
|
169
|
+
[controlled, onCompareChange]
|
|
170
|
+
);
|
|
171
|
+
const latest = react.useRef({ buffer, baseline, isEditing, initialContent });
|
|
172
|
+
latest.current = { buffer, baseline, isEditing, initialContent };
|
|
173
|
+
react.useEffect(() => {
|
|
174
|
+
if (loadedBaseline !== void 0) setBaseline(loadedBaseline);
|
|
175
|
+
}, [loadedBaseline]);
|
|
176
|
+
react.useEffect(() => {
|
|
177
|
+
if (startEditing) {
|
|
178
|
+
const seed = latest.current.initialContent ?? "";
|
|
179
|
+
setIsEditing(true);
|
|
180
|
+
setBaseline(seed);
|
|
181
|
+
setBuffer(seed);
|
|
182
|
+
} else {
|
|
183
|
+
setIsEditing(false);
|
|
184
|
+
setBuffer("");
|
|
185
|
+
}
|
|
186
|
+
setCompareId(null);
|
|
187
|
+
setShowTrackChanges(false);
|
|
188
|
+
}, [docId]);
|
|
189
|
+
const startEdit = react.useCallback(() => {
|
|
190
|
+
setBuffer(latest.current.baseline);
|
|
191
|
+
setIsEditing(true);
|
|
192
|
+
}, []);
|
|
193
|
+
const stopCompare = react.useCallback(() => {
|
|
194
|
+
setCompareId(null);
|
|
195
|
+
setShowTrackChanges(false);
|
|
196
|
+
}, [setCompareId]);
|
|
197
|
+
const cancel = react.useCallback(() => {
|
|
198
|
+
setIsEditing(false);
|
|
199
|
+
setBuffer("");
|
|
200
|
+
stopCompare();
|
|
201
|
+
}, [stopCompare]);
|
|
202
|
+
const compare = react.useCallback(
|
|
203
|
+
(id) => {
|
|
204
|
+
const target = id ?? parentId;
|
|
205
|
+
if (target) setCompareId(target);
|
|
206
|
+
},
|
|
207
|
+
[parentId, setCompareId]
|
|
208
|
+
);
|
|
209
|
+
const hasBaseline = baseline !== "";
|
|
210
|
+
react.useEffect(() => {
|
|
211
|
+
if (!compareId || !compareOpensEditor || !hasBaseline) return;
|
|
212
|
+
if (!latest.current.isEditing) startEdit();
|
|
213
|
+
setShowTrackChanges(true);
|
|
214
|
+
}, [compareId, compareOpensEditor, hasBaseline, startEdit]);
|
|
215
|
+
const save = react.useCallback(async () => {
|
|
216
|
+
const content2 = latest.current.buffer;
|
|
217
|
+
setIsSaving(true);
|
|
218
|
+
try {
|
|
219
|
+
const result = await persist(content2) ?? {};
|
|
220
|
+
setBaseline(content2);
|
|
221
|
+
setIsEditing(false);
|
|
222
|
+
stopCompare();
|
|
223
|
+
onSaved?.(result, content2);
|
|
224
|
+
return true;
|
|
225
|
+
} catch (error) {
|
|
226
|
+
onSaveError?.(error);
|
|
227
|
+
return false;
|
|
228
|
+
} finally {
|
|
229
|
+
setIsSaving(false);
|
|
230
|
+
}
|
|
231
|
+
}, [persist, stopCompare, onSaved, onSaveError]);
|
|
232
|
+
const content = buffer || baseline;
|
|
233
|
+
const hasChanges = isEditing && !!buffer && buffer !== baseline;
|
|
234
|
+
react.useEffect(() => {
|
|
235
|
+
onDirtyChange?.(hasChanges);
|
|
236
|
+
return () => onDirtyChange?.(false);
|
|
237
|
+
}, [hasChanges, onDirtyChange]);
|
|
238
|
+
const setContent = react.useCallback(
|
|
239
|
+
(markdown) => {
|
|
240
|
+
setBuffer(markdown);
|
|
241
|
+
onContentChange?.(markdown);
|
|
242
|
+
},
|
|
243
|
+
[onContentChange]
|
|
244
|
+
);
|
|
245
|
+
const normalized = react.useCallback((markdown) => {
|
|
246
|
+
setBaseline(markdown);
|
|
247
|
+
setBuffer(markdown);
|
|
248
|
+
}, []);
|
|
249
|
+
const [diffContent, setDiffContent] = react.useState(content);
|
|
250
|
+
react.useEffect(() => {
|
|
251
|
+
const id = setTimeout(() => setDiffContent(content), diffDelayMs);
|
|
252
|
+
return () => clearTimeout(id);
|
|
253
|
+
}, [content, diffDelayMs]);
|
|
254
|
+
const redline = useRedline({
|
|
255
|
+
baseText: compareId ? compareText : void 0,
|
|
256
|
+
compareText: compareId ? diffContent || baseline : void 0,
|
|
257
|
+
isLoading: compareLoading,
|
|
258
|
+
withRegions: true,
|
|
259
|
+
engine: redlineEngine
|
|
260
|
+
});
|
|
261
|
+
const { revertRegion: revertInRedline } = redline;
|
|
262
|
+
const revertRegion = react.useCallback(
|
|
263
|
+
async (regionId) => {
|
|
264
|
+
const next = await revertInRedline(regionId);
|
|
265
|
+
if (next !== null) setContent(next);
|
|
266
|
+
},
|
|
267
|
+
[revertInRedline, setContent]
|
|
268
|
+
);
|
|
269
|
+
return react.useMemo(
|
|
270
|
+
() => ({
|
|
271
|
+
isEditing,
|
|
272
|
+
baseline,
|
|
273
|
+
content,
|
|
274
|
+
hasChanges,
|
|
275
|
+
isSaving,
|
|
276
|
+
canCompare: !!parentId && !compareId,
|
|
277
|
+
compareId,
|
|
278
|
+
showTrackChanges,
|
|
279
|
+
redline,
|
|
280
|
+
startEdit,
|
|
281
|
+
cancel,
|
|
282
|
+
save,
|
|
283
|
+
change: setContent,
|
|
284
|
+
normalized,
|
|
285
|
+
compare,
|
|
286
|
+
stopCompare,
|
|
287
|
+
setShowTrackChanges,
|
|
288
|
+
revertRegion
|
|
289
|
+
}),
|
|
290
|
+
[
|
|
291
|
+
isEditing,
|
|
292
|
+
baseline,
|
|
293
|
+
content,
|
|
294
|
+
hasChanges,
|
|
295
|
+
isSaving,
|
|
296
|
+
parentId,
|
|
297
|
+
compareId,
|
|
298
|
+
showTrackChanges,
|
|
299
|
+
redline,
|
|
300
|
+
startEdit,
|
|
301
|
+
cancel,
|
|
302
|
+
save,
|
|
303
|
+
setContent,
|
|
304
|
+
normalized,
|
|
305
|
+
compare,
|
|
306
|
+
stopCompare,
|
|
307
|
+
revertRegion
|
|
308
|
+
]
|
|
309
|
+
);
|
|
310
|
+
}
|
|
311
|
+
function useArtifactText(docId, options) {
|
|
312
|
+
const { data, isLoading, isError } = chunk2DXS7L7M_cjs.useParsedDocument(docId ?? void 0, "marker", {
|
|
313
|
+
enabled: (options?.enabled ?? true) && !!docId
|
|
314
|
+
});
|
|
315
|
+
const text = react.useMemo(() => {
|
|
316
|
+
if (!docId) return void 0;
|
|
317
|
+
if (isError) return null;
|
|
318
|
+
if (!data) return void 0;
|
|
319
|
+
return data.chunks?.length ? flattenChunks(data.chunks) : null;
|
|
320
|
+
}, [docId, data, isError]);
|
|
321
|
+
return { text, isLoading: !!docId && isLoading };
|
|
322
|
+
}
|
|
323
|
+
function useArtifactVersions(workspaceId, docId) {
|
|
324
|
+
const { data: documents } = chunk2DXS7L7M_cjs.useDocuments(workspaceId);
|
|
325
|
+
return react.useMemo(
|
|
326
|
+
() => toArtifactVersions(buildVersionChain(documents ?? [], docId)),
|
|
327
|
+
[documents, docId]
|
|
328
|
+
);
|
|
329
|
+
}
|
|
330
|
+
function useSaveArtifactVersion() {
|
|
331
|
+
const arbi = chunkZMTLGO3K_cjs.useArbi();
|
|
332
|
+
const queryClient = reactQuery.useQueryClient();
|
|
333
|
+
return reactQuery.useMutation({
|
|
334
|
+
mutationFn: async ({ title, content, parentId, configId, wpType, workspaceId }) => {
|
|
335
|
+
const fileName = /\.md$/i.test(title) ? title : `${title}.md`;
|
|
336
|
+
const result = await arbi.documents.uploadFile(
|
|
337
|
+
new Blob([content], { type: "text/markdown" }),
|
|
338
|
+
fileName,
|
|
339
|
+
{
|
|
340
|
+
wpType: wpType ?? "artifact",
|
|
341
|
+
parentExtId: parentId ?? void 0,
|
|
342
|
+
configExtId: configId ?? void 0
|
|
343
|
+
}
|
|
344
|
+
);
|
|
345
|
+
if (workspaceId) {
|
|
346
|
+
await queryClient.invalidateQueries({ queryKey: chunk2DXS7L7M_cjs.arbiQueryKeys.documents(workspaceId) });
|
|
347
|
+
}
|
|
348
|
+
return { docId: result.doc_ext_ids?.[0] };
|
|
349
|
+
}
|
|
350
|
+
});
|
|
351
|
+
}
|
|
352
|
+
function useArtifactSession(options) {
|
|
353
|
+
const { workspaceId, docId, title, configId, compareId, onCompareChange, ...passthrough } = options;
|
|
354
|
+
const [ownCompareId, setOwnCompareId] = react.useState(null);
|
|
355
|
+
const activeCompareId = compareId === void 0 ? ownCompareId : compareId;
|
|
356
|
+
const changeCompare = react.useCallback(
|
|
357
|
+
(id) => {
|
|
358
|
+
setOwnCompareId(id);
|
|
359
|
+
onCompareChange?.(id);
|
|
360
|
+
},
|
|
361
|
+
[onCompareChange]
|
|
362
|
+
);
|
|
363
|
+
const { text, isLoading } = useArtifactText(docId);
|
|
364
|
+
const versions = useArtifactVersions(workspaceId, docId);
|
|
365
|
+
const { text: compareText, isLoading: compareLoading } = useArtifactText(activeCompareId, {
|
|
366
|
+
enabled: !!activeCompareId
|
|
367
|
+
});
|
|
368
|
+
const saveVersion = useSaveArtifactVersion();
|
|
369
|
+
const current = versions.find((v) => v.id === docId);
|
|
370
|
+
const save = react.useCallback(
|
|
371
|
+
(content) => saveVersion.mutateAsync({
|
|
372
|
+
title: title ?? current?.name ?? "Untitled",
|
|
373
|
+
content,
|
|
374
|
+
parentId: docId,
|
|
375
|
+
configId,
|
|
376
|
+
workspaceId
|
|
377
|
+
}),
|
|
378
|
+
[saveVersion, title, current?.name, docId, configId, workspaceId]
|
|
379
|
+
);
|
|
380
|
+
const session = useArtifactEditSession({
|
|
381
|
+
...passthrough,
|
|
382
|
+
docId,
|
|
383
|
+
baseline: text ?? void 0,
|
|
384
|
+
parentId: current?.parentId,
|
|
385
|
+
compareId: activeCompareId,
|
|
386
|
+
onCompareChange: changeCompare,
|
|
387
|
+
compareText,
|
|
388
|
+
compareLoading,
|
|
389
|
+
save
|
|
390
|
+
});
|
|
391
|
+
const { redline } = session;
|
|
392
|
+
return react.useMemo(
|
|
393
|
+
() => ({
|
|
394
|
+
...session,
|
|
395
|
+
isLoading,
|
|
396
|
+
versions,
|
|
397
|
+
labelOf: (id) => versionLabel(versions, id),
|
|
398
|
+
view: {
|
|
399
|
+
content: session.baseline,
|
|
400
|
+
isEditing: session.isEditing,
|
|
401
|
+
hasChanges: session.hasChanges,
|
|
402
|
+
isSaving: session.isSaving,
|
|
403
|
+
canCompare: session.canCompare,
|
|
404
|
+
comparing: !!session.compareId,
|
|
405
|
+
compareId: session.compareId,
|
|
406
|
+
showTrackChanges: session.showTrackChanges,
|
|
407
|
+
versions,
|
|
408
|
+
currentVersionId: docId ?? "",
|
|
409
|
+
onStartEdit: session.startEdit,
|
|
410
|
+
onCancel: session.cancel,
|
|
411
|
+
onSave: () => void session.save(),
|
|
412
|
+
onCompare: () => session.compare(),
|
|
413
|
+
onStopCompare: session.stopCompare,
|
|
414
|
+
onToggleTrackChanges: () => session.setShowTrackChanges(!session.showTrackChanges)
|
|
415
|
+
},
|
|
416
|
+
editorProps: {
|
|
417
|
+
markdown: session.content,
|
|
418
|
+
onChange: session.change,
|
|
419
|
+
onNormalized: session.normalized
|
|
420
|
+
},
|
|
421
|
+
redlineProps: {
|
|
422
|
+
state: redline.state,
|
|
423
|
+
onRevert: (regionId) => void session.revertRegion(regionId)
|
|
424
|
+
}
|
|
425
|
+
}),
|
|
426
|
+
[session, redline, isLoading, versions, docId]
|
|
427
|
+
);
|
|
428
|
+
}
|
|
429
|
+
function renderArtifactMarkdown(markdown, components) {
|
|
430
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk7V7B7OEM_cjs.MarkdownRenderer, { components, children: markdown });
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
Object.defineProperty(exports, "buildHybridRedlineMarkdown", {
|
|
434
|
+
enumerable: true,
|
|
435
|
+
get: function () { return chunkVJWAP2HJ_cjs.buildHybridRedlineMarkdown; }
|
|
436
|
+
});
|
|
437
|
+
Object.defineProperty(exports, "buildHybridRedlineWithRegions", {
|
|
438
|
+
enumerable: true,
|
|
439
|
+
get: function () { return chunkVJWAP2HJ_cjs.buildHybridRedlineWithRegions; }
|
|
440
|
+
});
|
|
441
|
+
Object.defineProperty(exports, "revertRedlineRegion", {
|
|
442
|
+
enumerable: true,
|
|
443
|
+
get: function () { return chunkVJWAP2HJ_cjs.revertRedlineRegion; }
|
|
444
|
+
});
|
|
445
|
+
exports.buildVersionChain = buildVersionChain;
|
|
446
|
+
exports.flattenChunks = flattenChunks;
|
|
447
|
+
exports.mainThreadRedlineEngine = mainThreadRedlineEngine;
|
|
448
|
+
exports.renderArtifactMarkdown = renderArtifactMarkdown;
|
|
449
|
+
exports.toArtifactVersions = toArtifactVersions;
|
|
450
|
+
exports.useArtifactEditSession = useArtifactEditSession;
|
|
451
|
+
exports.useArtifactSession = useArtifactSession;
|
|
452
|
+
exports.useArtifactText = useArtifactText;
|
|
453
|
+
exports.useArtifactVersions = useArtifactVersions;
|
|
454
|
+
exports.useRedline = useRedline;
|
|
455
|
+
exports.useSaveArtifactVersion = useSaveArtifactVersion;
|
|
456
|
+
exports.versionLabel = versionLabel;
|
|
457
|
+
//# sourceMappingURL=index.cjs.map
|
|
458
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/artifacts/redline-engine.ts","../../src/artifacts/useRedline.ts","../../src/artifacts/versions.ts","../../src/artifacts/useArtifactEditSession.ts","../../src/artifacts/useArtifactSession.ts","../../src/artifacts/renderArtifactMarkdown.tsx"],"names":["buildHybridRedlineMarkdown","buildHybridRedlineWithRegions","revertRedlineRegion","useState","useRef","useEffect","useCallback","useMemo","content","useParsedDocument","useDocuments","useArbi","useQueryClient","useMutation","arbiQueryKeys","jsx","MarkdownRenderer"],"mappings":"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","file":"index.cjs","sourcesContent":["import {\n buildHybridRedlineMarkdown,\n buildHybridRedlineWithRegions,\n revertRedlineRegion,\n type RedlineWithRegions,\n} from './redline-diff'\n\n/**\n * Where a redline is computed. The default runs on the calling thread; a host with large\n * documents passes an engine backed by a Web Worker (for example a Comlink proxy exposing the same\n * three functions) so typing never waits on a diff.\n */\nexport interface RedlineEngine {\n buildRedline(baseText: string, compareText: string): string | Promise<string>\n buildRedlineWithRegions(\n baseText: string,\n compareText: string\n ): RedlineWithRegions | Promise<RedlineWithRegions>\n revertRegion(baseText: string, compareText: string, regionId: string): string | Promise<string>\n}\n\n/** Main-thread engine: the pure functions of `redline-diff`. */\nexport const mainThreadRedlineEngine: RedlineEngine = {\n buildRedline: buildHybridRedlineMarkdown,\n buildRedlineWithRegions: buildHybridRedlineWithRegions,\n revertRegion: revertRedlineRegion,\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { RedlineRegion } from './redline-diff'\nimport { mainThreadRedlineEngine, type RedlineEngine } from './redline-engine'\n\n/** What a redline view can show. Mirrors the status parts of `@arbidocs/blocks/artifacts`. */\nexport type RedlineState =\n | { kind: 'idle' }\n | { kind: 'computing' }\n | { kind: 'ready'; markdown: string; regions: RedlineRegion[] }\n | { kind: 'identical' }\n | { kind: 'unavailable' }\n\nexport interface UseRedlineOptions {\n /** The older side. `null` means the text could not be loaded; `undefined` means not chosen. */\n baseText: string | null | undefined\n /** The newer side (a loaded version, or the live edit buffer). */\n compareText: string | null | undefined\n /** Either text is still being fetched. */\n isLoading?: boolean\n /** Tag every change with a stable id so a view can offer per-change undo. */\n withRegions?: boolean\n /** Defaults to the main thread; pass a worker-backed engine for big documents. */\n engine?: RedlineEngine\n}\n\nexport interface UseRedlineResult {\n state: RedlineState\n /** Undo one change: resolves with the compare text rebuilt without it (null if nothing changed). */\n revertRegion: (regionId: string) => Promise<string | null>\n}\n\n/**\n * Track-changes between two texts. Stale results are dropped when the inputs change mid-compute,\n * and a failed diff reports `unavailable` instead of throwing into the render.\n */\nexport function useRedline({\n baseText,\n compareText,\n isLoading = false,\n withRegions = false,\n engine = mainThreadRedlineEngine,\n}: UseRedlineOptions): UseRedlineResult {\n const [state, setState] = useState<RedlineState>({ kind: 'idle' })\n const requestIdRef = useRef(0)\n\n useEffect(() => {\n if (baseText === undefined || compareText === undefined) {\n setState({ kind: 'idle' })\n return\n }\n if (isLoading) {\n setState({ kind: 'computing' })\n return\n }\n if (baseText === null || compareText === null) {\n setState({ kind: 'unavailable' })\n return\n }\n if (baseText === compareText) {\n setState({ kind: 'identical' })\n return\n }\n\n const id = ++requestIdRef.current\n let cancelled = false\n setState({ kind: 'computing' })\n Promise.resolve(\n withRegions\n ? engine.buildRedlineWithRegions(baseText, compareText)\n : Promise.resolve(engine.buildRedline(baseText, compareText)).then((markdown) => ({\n markdown,\n regions: [] as RedlineRegion[],\n }))\n )\n .then((result) => {\n if (cancelled || id !== requestIdRef.current) return\n setState({ kind: 'ready', markdown: result.markdown, regions: result.regions })\n })\n .catch(() => {\n if (cancelled || id !== requestIdRef.current) return\n setState({ kind: 'unavailable' })\n })\n return () => {\n cancelled = true\n }\n }, [baseText, compareText, isLoading, withRegions, engine])\n\n // The latest texts, so `revertRegion` stays referentially stable while the user types.\n const latest = useRef({ baseText, compareText })\n useEffect(() => {\n latest.current = { baseText, compareText }\n }, [baseText, compareText])\n\n const revertRegion = useCallback(\n async (regionId: string): Promise<string | null> => {\n const { baseText: base, compareText: compare } = latest.current\n if (!base || !compare) return null\n try {\n const next = await engine.revertRegion(base, compare, regionId)\n return next !== compare ? next : null\n } catch {\n return null\n }\n },\n [engine]\n )\n\n return useMemo(() => ({ state, revertRegion }), [state, revertRegion])\n}\n","/**\n * Version lineage of an artifact. Every save creates a NEW document whose `parent_ext_id` is the\n * version it was saved from, so a lineage is a tree (a save from an old version is a deliberate\n * branch). Computed from a document list the host already has; no extra request.\n */\n\n/** The fields of a workspace document the lineage needs (structurally a subset of the API type). */\nexport interface VersionedDoc {\n external_id?: string | null\n parent_ext_id?: string | null\n file_name?: string | null\n created_at?: string | null\n}\n\n/** One row of a version list. Matches `VersionEntry` of `@arbidocs/blocks/artifacts`. */\nexport interface ArtifactVersion {\n id: string\n /** File name as stored. */\n name: string\n /** ISO timestamp. */\n createdAt: string\n /** The version this one was saved from. */\n parentId?: string | null\n}\n\n/**\n * The whole lineage of `docId` (root first, then oldest to newest), or `[]` when the document is\n * not in `docs`. Cycle-safe.\n */\nexport function buildVersionChain<T extends VersionedDoc>(\n docs: readonly T[],\n docId: string | null | undefined\n): T[] {\n if (!docId) return []\n const byId = new Map<string, T>()\n for (const d of docs) if (d.external_id) byId.set(d.external_id, d)\n\n const current = byId.get(docId)\n if (!current) return []\n\n let root = current\n const up = new Set<string>()\n while (\n root.parent_ext_id &&\n byId.has(root.parent_ext_id) &&\n root.external_id &&\n !up.has(root.external_id)\n ) {\n up.add(root.external_id)\n root = byId.get(root.parent_ext_id) as T\n }\n\n const byParent = new Map<string, T[]>()\n for (const d of docs) {\n if (d.parent_ext_id) {\n const siblings = byParent.get(d.parent_ext_id) ?? []\n siblings.push(d)\n byParent.set(d.parent_ext_id, siblings)\n }\n }\n const out: T[] = []\n const visited = new Set<string>()\n const walk = (d: T): void => {\n if (!d.external_id || visited.has(d.external_id)) return\n visited.add(d.external_id)\n out.push(d)\n for (const child of byParent.get(d.external_id) ?? []) walk(child)\n }\n walk(root)\n\n out.sort((a, b) => (a.created_at ?? '').localeCompare(b.created_at ?? ''))\n return out\n}\n\n/** The lineage of `docId` as plain version rows. */\nexport function toArtifactVersions(chain: readonly VersionedDoc[]): ArtifactVersion[] {\n return chain.flatMap((d) =>\n d.external_id\n ? [\n {\n id: d.external_id,\n name: d.file_name ?? '',\n createdAt: d.created_at ?? '',\n parentId: d.parent_ext_id,\n },\n ]\n : []\n )\n}\n\n/**\n * \"v2\": the 1-based position of `docId` in its lineage. `null` when there is nothing to tell apart\n * (the lineage is just this document, or it is unknown), so unversioned documents stay unlabelled.\n */\nexport function versionLabel(\n versions: readonly ArtifactVersion[],\n docId: string | null | undefined\n): string | null {\n if (!docId || versions.length <= 1) return null\n const index = versions.findIndex((v) => v.id === docId)\n return index === -1 ? null : `v${index + 1}`\n}\n\n/** Join parsed chunks into one markdown text (blank line between chunks). */\nexport function flattenChunks(\n chunks: readonly { content?: string | null }[] | null | undefined\n): string {\n return (chunks ?? []).map((c) => (c.content ?? '').trim()).join('\\n\\n')\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useRedline, type UseRedlineResult } from './useRedline'\nimport type { RedlineEngine } from './redline-engine'\n\n/** What a save reports back. `docId` is the new version when the backend already knows it. */\nexport interface ArtifactSaveResult {\n docId?: string\n}\n\nexport interface ArtifactEditSessionOptions {\n /** The artifact being edited. Changing it discards the buffer and any comparison. */\n docId: string | null | undefined\n /**\n * The saved text of the open version. `undefined` while it loads; whenever it changes the\n * baseline follows it (a version arriving from the realtime channel, a finished stream).\n */\n baseline: string | undefined\n /**\n * A new document the user types from scratch: open straight in the editor, seeded with\n * `initialContent`, instead of showing a read-only view. Read when `docId` changes.\n */\n startEditing?: boolean\n initialContent?: string\n /** The version this one was saved from. Offering \"compare with previous\" needs it. */\n parentId?: string | null\n /** Controlled comparison target. Omit for an uncontrolled one the session owns. */\n compareId?: string | null\n onCompareChange?: (id: string | null) => void\n /** The saved text of the compare target (the older side of the diff). */\n compareText?: string | null\n compareLoading?: boolean\n /** Starting a comparison opens the editor with track changes on (default true). */\n compareOpensEditor?: boolean\n /** Persist the buffer as a NEW version. Rejecting keeps the buffer so nothing is lost. */\n save: (content: string) => Promise<ArtifactSaveResult | void>\n onSaved?: (result: ArtifactSaveResult, content: string) => void\n onSaveError?: (error: unknown) => void\n /** Every buffer change (a host keeps a draft store in sync with it). */\n onContentChange?: (content: string) => void\n /** The unsaved-changes flag, for a host that warns before a panel is closed. */\n onDirtyChange?: (dirty: boolean) => void\n /** Where the diff runs. Defaults to the main thread. */\n redlineEngine?: RedlineEngine\n /** Typing is never debounced; the diff trails the buffer by this long. Default 300ms. */\n diffDelayMs?: number\n}\n\nexport interface ArtifactEditSession {\n isEditing: boolean\n /** The saved text of the open version. */\n baseline: string\n /** The text in the editor (the baseline until the first edit). */\n content: string\n hasChanges: boolean\n isSaving: boolean\n canCompare: boolean\n compareId: string | null\n showTrackChanges: boolean\n /** Track changes between the compare target and the (debounced) buffer. */\n redline: UseRedlineResult\n startEdit: () => void\n /** Discard the buffer and any comparison; back to the rendered view. */\n cancel: () => void\n /** Save the buffer as a new version. Resolves false when it failed (the buffer is kept). */\n save: () => Promise<boolean>\n /** The editor's `onChange`; also replaces the buffer (for example after an undo-this-change). */\n change: (markdown: string) => void\n /** The editor's `onNormalized`: adopt its canonical form as the baseline so Save does not fire. */\n normalized: (markdown: string) => void\n /** Compare with the previous version (when no id is given). */\n compare: (id?: string) => void\n stopCompare: () => void\n setShowTrackChanges: (show: boolean) => void\n /** Undo one tracked change in the buffer. */\n revertRegion: (regionId: string) => Promise<void>\n}\n\n/**\n * The state machine of an artifact edit session, with no SDK and no network: the edit buffer and\n * its baseline, the dirty flag, immutable-version saves and a track-changes comparison. A host\n * supplies the saved text and a `save` function (see `useArtifactSession` for the SDK binding).\n */\nexport function useArtifactEditSession(options: ArtifactEditSessionOptions): ArtifactEditSession {\n const {\n docId,\n baseline: loadedBaseline,\n startEditing = false,\n initialContent,\n parentId,\n compareId: controlledCompareId,\n onCompareChange,\n compareText,\n compareLoading = false,\n compareOpensEditor = true,\n save: persist,\n onSaved,\n onSaveError,\n onContentChange,\n onDirtyChange,\n redlineEngine,\n diffDelayMs = 300,\n } = options\n\n const [isEditing, setIsEditing] = useState(false)\n const [baseline, setBaseline] = useState('')\n const [buffer, setBuffer] = useState('')\n const [isSaving, setIsSaving] = useState(false)\n const [showTrackChanges, setShowTrackChanges] = useState(false)\n const [ownCompareId, setOwnCompareId] = useState<string | null>(null)\n const controlled = controlledCompareId !== undefined\n const compareId = controlled ? controlledCompareId : ownCompareId\n\n const setCompareId = useCallback(\n (id: string | null) => {\n if (!controlled) setOwnCompareId(id)\n onCompareChange?.(id)\n },\n [controlled, onCompareChange]\n )\n\n // The latest values for callbacks that must not change identity while the user types.\n const latest = useRef({ buffer, baseline, isEditing, initialContent })\n latest.current = { buffer, baseline, isEditing, initialContent }\n\n // The baseline follows the loaded text. A draft has none and seeds itself below.\n useEffect(() => {\n if (loadedBaseline !== undefined) setBaseline(loadedBaseline)\n }, [loadedBaseline])\n\n // Another artifact: drop stale edits and comparison. A new typed document starts in the editor.\n useEffect(() => {\n if (startEditing) {\n const seed = latest.current.initialContent ?? ''\n setIsEditing(true)\n setBaseline(seed)\n setBuffer(seed)\n } else {\n setIsEditing(false)\n setBuffer('')\n }\n setCompareId(null)\n setShowTrackChanges(false)\n // Only the identity of the artifact resets the session.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [docId])\n\n const startEdit = useCallback(() => {\n setBuffer(latest.current.baseline)\n setIsEditing(true)\n }, [])\n\n const stopCompare = useCallback(() => {\n setCompareId(null)\n setShowTrackChanges(false)\n }, [setCompareId])\n\n const cancel = useCallback(() => {\n setIsEditing(false)\n setBuffer('')\n stopCompare()\n }, [stopCompare])\n\n const compare = useCallback(\n (id?: string) => {\n const target = id ?? parentId\n if (target) setCompareId(target)\n },\n [parentId, setCompareId]\n )\n\n // Comparing and editing are one surface: a comparison opens the editor with the diff showing,\n // like Word's Compare yields tracked changes you can keep typing through.\n const hasBaseline = baseline !== ''\n useEffect(() => {\n if (!compareId || !compareOpensEditor || !hasBaseline) return\n if (!latest.current.isEditing) startEdit()\n setShowTrackChanges(true)\n }, [compareId, compareOpensEditor, hasBaseline, startEdit])\n\n const save = useCallback(async (): Promise<boolean> => {\n const content = latest.current.buffer\n setIsSaving(true)\n try {\n const result = (await persist(content)) ?? {}\n setBaseline(content)\n setIsEditing(false)\n stopCompare()\n onSaved?.(result, content)\n return true\n } catch (error) {\n onSaveError?.(error)\n return false\n } finally {\n setIsSaving(false)\n }\n }, [persist, stopCompare, onSaved, onSaveError])\n\n const content = buffer || baseline\n const hasChanges = isEditing && !!buffer && buffer !== baseline\n useEffect(() => {\n onDirtyChange?.(hasChanges)\n return () => onDirtyChange?.(false)\n }, [hasChanges, onDirtyChange])\n\n const setContent = useCallback(\n (markdown: string) => {\n setBuffer(markdown)\n onContentChange?.(markdown)\n },\n [onContentChange]\n )\n const normalized = useCallback((markdown: string) => {\n setBaseline(markdown)\n setBuffer(markdown)\n }, [])\n\n // The diff trails the buffer so it runs on a settled text.\n const [diffContent, setDiffContent] = useState(content)\n useEffect(() => {\n const id = setTimeout(() => setDiffContent(content), diffDelayMs)\n return () => clearTimeout(id)\n }, [content, diffDelayMs])\n\n const redline = useRedline({\n baseText: compareId ? compareText : undefined,\n compareText: compareId ? diffContent || baseline : undefined,\n isLoading: compareLoading,\n withRegions: true,\n engine: redlineEngine,\n })\n const { revertRegion: revertInRedline } = redline\n const revertRegion = useCallback(\n async (regionId: string): Promise<void> => {\n const next = await revertInRedline(regionId)\n if (next !== null) setContent(next)\n },\n [revertInRedline, setContent]\n )\n\n return useMemo(\n () => ({\n isEditing,\n baseline,\n content,\n hasChanges,\n isSaving,\n canCompare: !!parentId && !compareId,\n compareId,\n showTrackChanges,\n redline,\n startEdit,\n cancel,\n save,\n change: setContent,\n normalized,\n compare,\n stopCompare,\n setShowTrackChanges,\n revertRegion,\n }),\n [\n isEditing,\n baseline,\n content,\n hasChanges,\n isSaving,\n parentId,\n compareId,\n showTrackChanges,\n redline,\n startEdit,\n cancel,\n save,\n setContent,\n normalized,\n compare,\n stopCompare,\n revertRegion,\n ]\n )\n}\n","import { useCallback, useMemo, useState } from 'react'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useArbi } from '../useArbi'\nimport { arbiQueryKeys, useDocuments, useParsedDocument } from '../hooks'\nimport {\n buildVersionChain,\n flattenChunks,\n toArtifactVersions,\n versionLabel,\n type ArtifactVersion,\n} from './versions'\nimport {\n useArtifactEditSession,\n type ArtifactEditSession,\n type ArtifactEditSessionOptions,\n type ArtifactSaveResult,\n} from './useArtifactEditSession'\n\n/** The saved markdown of a document (its parsed chunks, joined). */\nexport function useArtifactText(\n docId: string | null | undefined,\n options?: { enabled?: boolean }\n): { text: string | null | undefined; isLoading: boolean } {\n const { data, isLoading, isError } = useParsedDocument(docId ?? undefined, 'marker', {\n enabled: (options?.enabled ?? true) && !!docId,\n })\n const text = useMemo(() => {\n if (!docId) return undefined\n if (isError) return null\n if (!data) return undefined\n return data.chunks?.length ? flattenChunks(data.chunks) : null\n }, [docId, data, isError])\n return { text, isLoading: !!docId && isLoading }\n}\n\n/** The version lineage of an artifact in a workspace, oldest first. */\nexport function useArtifactVersions(\n workspaceId: string | undefined,\n docId: string | null | undefined\n): ArtifactVersion[] {\n const { data: documents } = useDocuments(workspaceId)\n return useMemo(\n () => toArtifactVersions(buildVersionChain(documents ?? [], docId)),\n [documents, docId]\n )\n}\n\nexport interface SaveArtifactVersionInput {\n /** File name of the new version (`.md` is added when missing). */\n title: string\n content: string\n /** The version this one is saved from; omit for a first version. */\n parentId?: string | null\n /** The processing config (auto-title, parsing) to run the upload with. */\n configId?: string | null\n /** `artifact` (default) for AI-style drafts; `source` for a document the user typed. */\n wpType?: 'artifact' | 'source'\n}\n\n/**\n * Save markdown as a NEW immutable version (a child document of `parentId`) and refresh the\n * workspace document list so the version list picks it up. The id of the new version is often not\n * known yet (the document is parsed asynchronously); it then arrives through the list.\n */\nexport function useSaveArtifactVersion() {\n const arbi = useArbi()\n const queryClient = useQueryClient()\n return useMutation<\n ArtifactSaveResult,\n Error,\n SaveArtifactVersionInput & { workspaceId?: string }\n >({\n mutationFn: async ({ title, content, parentId, configId, wpType, workspaceId }) => {\n // The backend classifies uploads by extension: a title without one is silently dropped.\n const fileName = /\\.md$/i.test(title) ? title : `${title}.md`\n const result = await arbi.documents.uploadFile(\n new Blob([content], { type: 'text/markdown' }),\n fileName,\n {\n wpType: wpType ?? 'artifact',\n parentExtId: parentId ?? undefined,\n configExtId: configId ?? undefined,\n }\n )\n if (workspaceId) {\n await queryClient.invalidateQueries({ queryKey: arbiQueryKeys.documents(workspaceId) })\n }\n return { docId: result.doc_ext_ids?.[0] }\n },\n })\n}\n\nexport interface ArtifactSessionOptions extends Pick<\n ArtifactEditSessionOptions,\n | 'onSaved'\n | 'onSaveError'\n | 'onCompareChange'\n | 'compareId'\n | 'compareOpensEditor'\n | 'redlineEngine'\n | 'onDirtyChange'\n> {\n workspaceId: string | undefined\n /** The open version. */\n docId: string | null | undefined\n /** Name for saved versions. Defaults to the open version's file name, else \"Untitled\". */\n title?: string\n /** Processing config for saved versions. */\n configId?: string | null\n}\n\n/** Everything `ArtifactEditor` (`@arbidocs/blocks/artifacts`) takes from a session, flat. */\nexport interface ArtifactSessionView {\n content: string\n isEditing: boolean\n hasChanges: boolean\n isSaving: boolean\n canCompare: boolean\n comparing: boolean\n compareId: string | null\n showTrackChanges: boolean\n versions: ArtifactVersion[]\n currentVersionId: string\n onStartEdit: () => void\n onCancel: () => void\n onSave: () => void\n onCompare: () => void\n onStopCompare: () => void\n onToggleTrackChanges: () => void\n}\n\nexport interface ArtifactSession extends ArtifactEditSession {\n isLoading: boolean\n versions: ArtifactVersion[]\n /** \"v2\" for any version in the lineage. */\n labelOf: (id: string | null | undefined) => string | null\n /** Props for `<ArtifactEditor>`. */\n view: ArtifactSessionView\n /** Props for `<ArtifactMarkdownEditor>` (`@arbidocs/blocks/artifacts/editor`). */\n editorProps: {\n markdown: string\n onChange: (markdown: string) => void\n onNormalized: (markdown: string) => void\n }\n /** Props for `<ArtifactRedlineView>`. */\n redlineProps: {\n state: ArtifactEditSession['redline']['state']\n onRevert: (regionId: string) => void\n }\n}\n\n/**\n * Edit an artifact through the SDK: load it, edit it, save it as a new version, list its versions\n * and compare any two with track changes. Needs an `<ArbiProvider>` and a selected workspace.\n *\n * ```tsx\n * const session = useArtifactSession({ workspaceId, docId, onSaved: ({ docId }) => docId && open(docId) })\n * <ArtifactEditor {...session.view} onOpenVersion={open}\n * editor={<ArtifactMarkdownEditor {...session.editorProps} />}\n * redline={<ArtifactRedlineView {...session.redlineProps} />} />\n * ```\n */\nexport function useArtifactSession(options: ArtifactSessionOptions): ArtifactSession {\n const { workspaceId, docId, title, configId, compareId, onCompareChange, ...passthrough } =\n options\n // Owned here (not in the edit session) because the compare target's text must be loaded first.\n const [ownCompareId, setOwnCompareId] = useState<string | null>(null)\n const activeCompareId = compareId === undefined ? ownCompareId : compareId\n const changeCompare = useCallback(\n (id: string | null) => {\n setOwnCompareId(id)\n onCompareChange?.(id)\n },\n [onCompareChange]\n )\n\n const { text, isLoading } = useArtifactText(docId)\n const versions = useArtifactVersions(workspaceId, docId)\n const { text: compareText, isLoading: compareLoading } = useArtifactText(activeCompareId, {\n enabled: !!activeCompareId,\n })\n const saveVersion = useSaveArtifactVersion()\n const current = versions.find((v) => v.id === docId)\n\n const save = useCallback(\n (content: string) =>\n saveVersion.mutateAsync({\n title: title ?? current?.name ?? 'Untitled',\n content,\n parentId: docId,\n configId,\n workspaceId,\n }),\n [saveVersion, title, current?.name, docId, configId, workspaceId]\n )\n\n const session = useArtifactEditSession({\n ...passthrough,\n docId,\n baseline: text ?? undefined,\n parentId: current?.parentId,\n compareId: activeCompareId,\n onCompareChange: changeCompare,\n compareText,\n compareLoading,\n save,\n })\n\n const { redline } = session\n return useMemo<ArtifactSession>(\n () => ({\n ...session,\n isLoading,\n versions,\n labelOf: (id) => versionLabel(versions, id),\n view: {\n content: session.baseline,\n isEditing: session.isEditing,\n hasChanges: session.hasChanges,\n isSaving: session.isSaving,\n canCompare: session.canCompare,\n comparing: !!session.compareId,\n compareId: session.compareId,\n showTrackChanges: session.showTrackChanges,\n versions,\n currentVersionId: docId ?? '',\n onStartEdit: session.startEdit,\n onCancel: session.cancel,\n onSave: () => void session.save(),\n onCompare: () => session.compare(),\n onStopCompare: session.stopCompare,\n onToggleTrackChanges: () => session.setShowTrackChanges(!session.showTrackChanges),\n },\n editorProps: {\n markdown: session.content,\n onChange: session.change,\n onNormalized: session.normalized,\n },\n redlineProps: {\n state: redline.state,\n onRevert: (regionId) => void session.revertRegion(regionId),\n },\n }),\n [session, redline, isLoading, versions, docId]\n )\n}\n","import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react'\nimport { MarkdownRenderer } from '../ai/MarkdownRenderer'\n\n/** The `<del>` / `<ins>` renderers `ArtifactRedlineView` hands to a markdown renderer. */\nexport interface ArtifactRedlineComponents {\n del: FC<ComponentPropsWithoutRef<'del'> & { 'data-cid'?: string }>\n ins: FC<ComponentPropsWithoutRef<'ins'> & { 'data-cid'?: string }>\n}\n\n/**\n * The kit's markdown renderer as the `renderMarkdown` slot of `ArtifactEditor` and\n * `ArtifactRedlineView`: full markdown (tables, lists, code) plus the raw `<del>` / `<ins>` tags\n * of a redline.\n */\nexport function renderArtifactMarkdown(\n markdown: string,\n components?: ArtifactRedlineComponents\n): ReactNode {\n return <MarkdownRenderer components={components}>{markdown}</MarkdownRenderer>\n}\n"]}
|