nsrb
5615d989fa
- Implemented a migration process to move resources from the legacy owner "default" to the new default owner "local", ensuring no data loss during the transition.
- Updated configuration reference handling to replace legacy `$VAR_`, `$SECRET_`, and `$CONTEXT_` prefixes with mustache-style `{{ vars.name }}`, `{{ secrets.name }}`, and `{{ context.name }}`.
- Enhanced YAML configuration files and scripts to reflect the new mustache syntax, improving consistency across the application.
- Added tests to validate the migration process and ensure proper handling of legacy references.
- Updated documentation to guide users on the new configuration reference format.
88 lines
2.9 KiB
React
88 lines
2.9 KiB
React
import { useState } from "react";
|
|
import { errorMessage } from "../api/client.js";
|
|
import { useUpsertSecret } from "../api/hooks.js";
|
|
import { FormInput } from "./FormControls.jsx";
|
|
import { Modal } from "./Modal.jsx";
|
|
import { DEFAULT_OWNER } from "../lib/tenant.js";
|
|
|
|
/**
|
|
* Add / replace an encrypted secret.
|
|
*
|
|
* @param {"add" | "replace"} mode
|
|
* @param {{ owner: string, name?: string }} initial
|
|
* @param {() => void} onClose
|
|
* @param {(saved: unknown) => void} [onSaved]
|
|
*/
|
|
export function SecretEditorModal({ mode, initial, onClose, onSaved }) {
|
|
const upsert = useUpsertSecret();
|
|
const [form, setForm] = useState(() => ({
|
|
owner: initial.owner || DEFAULT_OWNER,
|
|
name: initial.name || "",
|
|
value: "",
|
|
}));
|
|
|
|
function onSubmit(e) {
|
|
e.preventDefault();
|
|
upsert.mutate(
|
|
{ owner: form.owner, name: form.name, value: form.value },
|
|
{
|
|
onSuccess: (data) => {
|
|
onSaved?.(data?.secret ?? data);
|
|
onClose();
|
|
},
|
|
},
|
|
);
|
|
}
|
|
|
|
const title = mode === "add" ? "New secret" : `Replace ${form.name}`;
|
|
|
|
return (
|
|
<Modal open onClose={onClose} boxClassName="max-w-md" aria-label={title}>
|
|
<h3 className="font-bold">{title}</h3>
|
|
<form className="mt-3 space-y-2" onSubmit={onSubmit}>
|
|
{mode === "add" ? (
|
|
<label className="form-control w-full">
|
|
<span className="label py-0 text-sm">Name</span>
|
|
<FormInput
|
|
className="w-full font-mono"
|
|
value={form.name}
|
|
onChange={(e) => setForm({ ...form, name: e.target.value })}
|
|
required
|
|
pattern="[A-Za-z0-9._-]+"
|
|
title="Letters, numbers, dots, underscores, hyphens"
|
|
/>
|
|
</label>
|
|
) : null}
|
|
<label className="form-control w-full">
|
|
<span className="label py-0 text-sm">Value</span>
|
|
<FormInput
|
|
type="password"
|
|
className="w-full"
|
|
value={form.value}
|
|
onChange={(e) => setForm({ ...form, value: e.target.value })}
|
|
required
|
|
autoComplete="new-password"
|
|
/>
|
|
</label>
|
|
<p className="text-xs opacity-60">
|
|
Values are encrypted at rest and never shown again after save. Values shorter than 8
|
|
characters are not redacted from logs. In workflows use{" "}
|
|
<span className="font-mono">{"{{ secrets.name }}"}</span> (quote in YAML).
|
|
</p>
|
|
{upsert.isError ? (
|
|
<p className="text-error text-sm">{errorMessage(upsert.error)}</p>
|
|
) : null}
|
|
<div className="modal-action">
|
|
<button type="button" className="btn btn-ghost" onClick={onClose}>
|
|
Cancel
|
|
</button>
|
|
<button type="submit" className="btn btn-primary" disabled={upsert.isPending}>
|
|
{upsert.isPending ? <span className="loading loading-spinner loading-xs" /> : null}
|
|
Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</Modal>
|
|
);
|
|
}
|