nsrb/jerapah-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(workflows): add revision history, trash, UUID naming, and backup

Browse Source 
- Store up to 50 revisions per workflow in SQLite with normalized SHA dedup
- Soft-delete workflows to trash (7-day retention) with restore and permanent purge
- Assign UUID filenames for new and duplicated workflows; show name + file in UI
- Warn on invalid YAML, unknown scripts, and plaintext secrets with save-anyway option
- Add workflow backup zip (workflows + plugins) and merge/replace restore
- Trash page, history panel on editor, and smoke test

Co-authored-by: Nasyarobby Putra <nasyarobby@gmail.com>
This commit is contained in:
Cursor Agent
2026-08-20 02:14:50 +00:00
co-authored by nsrb
parent 611511ae60
commit 7d51ff433f
20 changed files with 1943 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/DuplicateWorkflowDialog.jsx
+9 -47
View File
@@ -1,44 +1,22 @@
import { useEffect, useMemo, useRef, useState } from "react";
import { useState } from "react";
import { errorMessage } from "../api/client.js";
import { useDuplicateWorkflow, useOwners, useWorkflows } from "../api/hooks.js";
import { ensureWorkflowFilename, suggestCopyFilename } from "../lib/workflow-doc.js";
import { useDuplicateWorkflow, useOwners } from "../api/hooks.js";
import { useNotifications } from "../notifications.jsx";
const EMPTY_WORKFLOWS = [];
export function DuplicateWorkflowDialog({ source, warnUnsaved, onClose, onDuplicated }) {
const { notify } = useNotifications();
const { data: owners = [] } = useOwners();
const { data: workflows = EMPTY_WORKFLOWS } = useWorkflows();
const duplicate = useDuplicateWorkflow();
const [destOwner, setDestOwner] = useState(source.owner);
const [destFile, setDestFile] = useState(() => suggestCopyFilename(source.file));
const fileTouched = useRef(false);
const existingFiles = useMemo(
() => workflows.filter((w) => w.owner === destOwner).map((w) => w.file),
[workflows, destOwner],
);
useEffect(() => {
if (fileTouched.current) return;
setDestFile(suggestCopyFilename(source.file, existingFiles));
}, [source.file, existingFiles]);
const yamlFile = ensureWorkflowFilename(destFile);
const sameAsSource = destOwner === source.owner && yamlFile === source.file;
const exists = existingFiles.includes(yamlFile);
const canSubmit = Boolean(destOwner && yamlFile) && !sameAsSource && !exists && !duplicate.isPending;
function onSubmit(e) {
e.preventDefault();
if (!canSubmit) return;
if (destOwner === source.owner && duplicate.isPending) return;
duplicate.mutate(
{
owner: source.owner,
file: source.file,
destOwner,
destFile: yamlFile,
},
{
onSuccess: (data) => {
@@ -54,11 +32,13 @@ export function DuplicateWorkflowDialog({ source, warnUnsaved, onClose, onDuplic
<div className="modal-box">
<h3 className="font-bold">Duplicate {source.key}?</h3>
<p className="mt-2 text-sm opacity-70">
The copy starts disabled. HTTP paths are rewritten when staying under the same owner so
triggers do not collide.
A new UUID filename is assigned automatically. The copy starts disabled. HTTP paths are
rewritten when staying under the same owner so triggers do not collide.
</p>
{warnUnsaved ? (
<p className="text-warning mt-2 text-sm">The copy uses the last saved YAML, not unsaved edits.</p>
<p className="text-warning mt-2 text-sm">
The copy uses the last saved YAML, not unsaved edits.
</p>
) : null}
<form className="mt-4 space-y-3" onSubmit={onSubmit}>
<label className="form-control w-full">
@@ -76,24 +56,6 @@ export function DuplicateWorkflowDialog({ source, warnUnsaved, onClose, onDuplic
))}
</datalist>
</label>
<label className="form-control w-full">
<span className="label py-0 text-sm">File</span>
<input
className="input input-sm w-full font-mono"
placeholder="file.yaml"
value={destFile}
onChange={(e) => {
fileTouched.current = true;
setDestFile(e.target.value);
}}
required
/>
</label>
{sameAsSource ? (
<p className="text-error text-sm">Choose a different owner or filename.</p>
) : exists ? (
<p className="text-error text-sm">{destOwner}/{yamlFile} already exists.</p>
) : null}
{duplicate.isError ? (
<p className="text-error text-sm">{errorMessage(duplicate.error)}</p>
) : null}
@@ -101,7 +63,7 @@ export function DuplicateWorkflowDialog({ source, warnUnsaved, onClose, onDuplic
<button type="button" className="btn btn-ghost" onClick={onClose}>
Cancel
</button>
<button type="submit" className="btn btn-primary" disabled={!canSubmit}>
<button type="submit" className="btn btn-primary" disabled={duplicate.isPending}>
{duplicate.isPending ? (
<span className="loading loading-spinner loading-xs" />
) : null}