dsh-vault 1.2.0-rc.2 → 1.2.0-rc.4

package/lib/client.js

@@ -17,80 +17,80 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var VaultSection_module_css_default = {
-			"backupButton": "t_j5va_backupButton",
-			"footer": "t_j5va_footer",
-			"saveButton": "t_j5va_saveButton",
-			"emptyHint": "t_j5va_emptyHint",
+			"reportBox": "t_j5va_reportBox",
+			"modeAuto": "t_j5va_modeAuto",
 			"status": "t_j5va_status",
-			"kindIcon": "t_j5va_kindIcon",
-			"searchBox": "t_j5va_searchBox",
-			"intro": "t_j5va_intro",
-			"detailItem": "t_j5va_detailItem",
-			"policyField": "t_j5va_policyField",
-			"field": "t_j5va_field",
-			"pwFair": "t_j5va_pwFair",
-			"identity": "t_j5va_identity",
-			"checkField": "t_j5va_checkField",
-			"pwLabel": "t_j5va_pwLabel",
-			"dupGroup": "t_j5va_dupGroup",
-			"modeReadonly": "t_j5va_modeReadonly",
-			"badge": "t_j5va_badge",
-			"dupNames": "t_j5va_dupNames",
-			"badgeWarn": "t_j5va_badgeWarn",
-			"auditRow": "t_j5va_auditRow",
-			"genOptRow": "t_j5va_genOptRow",
 			"rowDue": "t_j5va_rowDue",
-			"deleteButton": "t_j5va_deleteButton",
-			"detailBox": "t_j5va_detailBox",
-			"emptyBox": "t_j5va_emptyBox",
+			"section": "t_j5va_section",
 			"rowActions": "t_j5va_rowActions",
-			"kindFilter": "t_j5va_kindFilter",
+			"totp": "t_j5va_totp",
+			"row": "t_j5va_row",
 			"reportTitle": "t_j5va_reportTitle",
-			"empty": "t_j5va_empty",
-			"pwWeak": "t_j5va_pwWeak",
-			"copied": "t_j5va_copied",
-			"scoreRing": "t_j5va_scoreRing",
-			"dangerButton": "t_j5va_dangerButton",
 			"pwBar": "t_j5va_pwBar",
-			"list": "t_j5va_list",
-			"error": "t_j5va_error",
+			"addButton": "t_j5va_addButton",
+			"intro": "t_j5va_intro",
+			"reportLine": "t_j5va_reportLine",
+			"backupButton": "t_j5va_backupButton",
+			"pwMeter": "t_j5va_pwMeter",
+			"policyField": "t_j5va_policyField",
+			"badge": "t_j5va_badge",
+			"detailItem": "t_j5va_detailItem",
+			"identity": "t_j5va_identity",
+			"kindIcon": "t_j5va_kindIcon",
+			"dupMerge": "t_j5va_dupMerge",
+			"trashButton": "t_j5va_trashButton",
 			"sortButton": "t_j5va_sortButton",
+			"copied": "t_j5va_copied",
+			"auditIssues": "t_j5va_auditIssues",
 			"editorBody": "t_j5va_editorBody",
-			"trashButton": "t_j5va_trashButton",
 			"retryButton": "t_j5va_retryButton",
+			"genOptRow": "t_j5va_genOptRow",
+			"clearButton": "t_j5va_clearButton",
+			"kindFilter": "t_j5va_kindFilter",
+			"policyBar": "t_j5va_policyBar",
+			"pwFair": "t_j5va_pwFair",
+			"checkField": "t_j5va_checkField",
+			"error": "t_j5va_error",
+			"saveButton": "t_j5va_saveButton",
+			"rowMain": "t_j5va_rowMain",
+			"emptyBox": "t_j5va_emptyBox",
+			"editor": "t_j5va_editor",
+			"pinStar": "t_j5va_pinStar",
 			"title": "t_j5va_title",
-			"badgeOk": "t_j5va_badgeOk",
-			"dupMerge": "t_j5va_dupMerge",
-			"reportLine": "t_j5va_reportLine",
-			"totp": "t_j5va_totp",
-			"reportSub": "t_j5va_reportSub",
-			"secretField": "t_j5va_secretField",
+			"searchBox": "t_j5va_searchBox",
 			"genOpts": "t_j5va_genOpts",
-			"dueBadge": "t_j5va_dueBadge",
-			"rowMain": "t_j5va_rowMain",
+			"toolbar": "t_j5va_toolbar",
+			"healthBar": "t_j5va_healthBar",
+			"badgeDanger": "t_j5va_badgeDanger",
+			"dangerButton": "t_j5va_dangerButton",
+			"pwLabel": "t_j5va_pwLabel",
 			"revealButton": "t_j5va_revealButton",
-			"pinStar": "t_j5va_pinStar",
-			"rowExpired": "t_j5va_rowExpired",
-			"pwMeter": "t_j5va_pwMeter",
+			"badgeWarn": "t_j5va_badgeWarn",
+			"field": "t_j5va_field",
+			"dupNames": "t_j5va_dupNames",
+			"auditRow": "t_j5va_auditRow",
+			"totpRing": "t_j5va_totpRing",
+			"empty": "t_j5va_empty",
 			"lockedBanner": "t_j5va_lockedBanner",
-			"modeAuto": "t_j5va_modeAuto",
-			"clearButton": "t_j5va_clearButton",
-			"badgeDanger": "t_j5va_badgeDanger",
 			"modeAsk": "t_j5va_modeAsk",
+			"dueBadge": "t_j5va_dueBadge",
+			"deleteButton": "t_j5va_deleteButton",
+			"rowExpired": "t_j5va_rowExpired",
+			"secretField": "t_j5va_secretField",
 			"editorActions": "t_j5va_editorActions",
-			"policyBar": "t_j5va_policyBar",
-			"pwStrong": "t_j5va_pwStrong",
-			"healthBar": "t_j5va_healthBar",
-			"totpRing": "t_j5va_totpRing",
-			"section": "t_j5va_section",
-			"toolbar": "t_j5va_toolbar",
-			"srOnly": "t_j5va_srOnly",
 			"highBadge": "t_j5va_highBadge",
-			"row": "t_j5va_row",
-			"reportBox": "t_j5va_reportBox",
-			"editor": "t_j5va_editor",
-			"auditIssues": "t_j5va_auditIssues",
-			"addButton": "t_j5va_addButton"
+			"reportSub": "t_j5va_reportSub",
+			"modeReadonly": "t_j5va_modeReadonly",
+			"list": "t_j5va_list",
+			"detailBox": "t_j5va_detailBox",
+			"dupGroup": "t_j5va_dupGroup",
+			"scoreRing": "t_j5va_scoreRing",
+			"badgeOk": "t_j5va_badgeOk",
+			"srOnly": "t_j5va_srOnly",
+			"footer": "t_j5va_footer",
+			"pwWeak": "t_j5va_pwWeak",
+			"pwStrong": "t_j5va_pwStrong",
+			"emptyHint": "t_j5va_emptyHint"
 		};
 		//#endregion
 		//#region src/client/VaultSection.tsx
@@ -231,7 +231,7 @@ window.__ModuleLoader__.load({
 		}
 		/** Render the Vault settings section. */
 		function VaultSection(props) {
-			const { t, config, setAccessMode, setAutoCapture, list, search, get, add, update, remove, trash, rotation, health, duplicates, duplicateGroups, merge, history, stats, backupStatus, backup, recent, restore, undeleteAll, totp, status, switchVault, listVaults, touch, verifyAll, breachCheck, generatePassword, strength, generateUsername } = props;
+			const { t, config, setAccessMode, setAutoCapture, list, search, get, add, update, remove, trash, rotation, health, duplicates, duplicateGroups, merge, history, stats, backupStatus, backup, recent, restore, undeleteAll, totp, status, switchVault, listVaults, touch, verifyAll, breachCheck, generatePassword, strength, generateUsername, templates, saveTemplate } = props;
 			const searchId = (0, react.useId)();
 			const [query, setQuery] = (0, react.useState)("");
 			const [state, setState] = (0, react.useState)({ status: "loading" });
@@ -255,6 +255,7 @@ window.__ModuleLoader__.load({
 			});
 			const [showGenOpts, setShowGenOpts] = (0, react.useState)(false);
 			const [pwStrength, setPwStrength] = (0, react.useState)(null);
+			const [tplList, setTplList] = (0, react.useState)([]);
 			const [kindFilter, setKindFilter] = (0, react.useState)("");
 			const [tagFilter, setTagFilter] = (0, react.useState)("");
 			const [expandedId, setExpandedId] = (0, react.useState)(null);
@@ -276,6 +277,43 @@ window.__ModuleLoader__.load({
 			const [audit, setAudit] = (0, react.useState)([]);
 			const [breach, setBreach] = (0, react.useState)(null);
 			const readonly = policy?.accessMode === "readonly";
+			(0, react.useEffect)(() => {
+				const url = form.url ?? "";
+				if (url.length === 0 || (form.icon ?? "").length > 0) return;
+				const host = url.replace(/^https?:\/\//i, "").split("/")[0].toLowerCase();
+				const map = {
+					github: "🐙",
+					gitlab: "🦊",
+					google: "🔎",
+					"google.com": "🔎",
+					amazon: "📦",
+					apple: "",
+					aws: "☁️",
+					azure: "☁️",
+					digitalocean: "🐳",
+					docker: "🐳",
+					npm: "📦",
+					figma: "🎨",
+					notion: "📝",
+					slack: "💬",
+					discord: "🎮",
+					twitter: "🐦",
+					facebook: "👥",
+					instagram: "📷",
+					linkedin: "💼",
+					youtube: "▶️",
+					netflix: "🎬",
+					spotify: "🎵",
+					dropbox: "📁",
+					drive: "🗂️"
+				};
+				const hostBase = host.split(".")[0] ?? "";
+				const icon = map[host] ?? map[hostBase] ?? "";
+				if (icon) setForm((previous) => ({
+					...previous,
+					icon
+				}));
+			}, [form.url, form.icon]);
 			(0, react.useEffect)(() => {
 				const pw = form.password ?? "";
 				if (pw.length === 0) {
@@ -290,6 +328,44 @@ window.__ModuleLoader__.load({
 				}, 250);
 				return () => window.clearTimeout(timer);
 			}, [form.password, strength]);
+			/** Apply a template's field values to the current form. */
+			function applyTemplate(name) {
+				const tpl = tplList.find((t) => t.name === name);
+				if (!tpl) return;
+				const next = {};
+				if (tpl.kind !== "builtin:custom") next.kind = tpl.kind.replace("builtin:", "");
+				for (const [key, value] of Object.entries(tpl.fields)) {
+					if (key === "password" || key === "otpSecret" || key === "apiKey" || key === "secret") continue;
+					next[key] = value;
+				}
+				setForm((previous) => ({
+					...previous,
+					...next
+				}));
+			}
+			/** Save the current form as a reusable template. */
+			async function saveAsTemplate() {
+				const name = window.prompt(t("tplNamePrompt"));
+				if (!name) return;
+				const fields = {};
+				for (const key of [
+					"username",
+					"email",
+					"phone",
+					"host",
+					"port",
+					"url",
+					"notes",
+					"icon",
+					"color"
+				]) {
+					const v = form[key];
+					if (typeof v === "string" && v.length > 0) fields[key] = v;
+				}
+				await saveTemplate(name.trim(), form.kind ?? "login", fields);
+				await templates().then(setTplList).catch(() => {});
+				setMessage(`${t("tplSaved")} ${name.trim()}`);
+			}
 			/** Switch the active vault and reload everything. */
 			async function switchVaultTo(name) {
 				setBusy(true);
@@ -363,13 +439,15 @@ window.__ModuleLoader__.load({
 					if (current) setLocked(value.locked);
 				}, () => {});
 				listVaults().then(setVaults).catch(() => {});
+				templates().then(setTplList).catch(() => {});
 				return () => {
 					current = false;
 				};
 			}, [
 				config,
 				status,
-				listVaults
+				listVaults,
+				templates
 			]);
 			const refresh = (0, react.useMemo)(() => async () => {
 				setState({ status: "loading" });
@@ -1482,6 +1560,32 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: VaultSection_module_css_default.editorBody,
 							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: VaultSection_module_css_default.genOpts,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: VaultSection_module_css_default.genOptRow,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("tplApply") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											value: "",
+											onChange: (event) => {
+												const v = event.target.value;
+												if (v) applyTemplate(v);
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "",
+												children: "—"
+											}), tplList.map((tpl) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: tpl.name,
+												children: tpl.name
+											}, tpl.name))]
+										})]
+									}), editor.status === "editing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: VaultSection_module_css_default.retryButton,
+										onClick: () => void saveAsTemplate(),
+										disabled: busy,
+										children: t("tplSave")
+									})]
+								}),
 								FORM_FIELDS.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: VaultSection_module_css_default.field,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(field.label) }), field.key === "kind" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
@@ -1775,6 +1879,10 @@ window.__ModuleLoader__.load({
 			genOptSymbols: "Symbols",
 			genOptExcludeAmbiguous: "No ambiguous chars",
 			strengthLabel: "Strength",
+			tplApply: "Apply template",
+			tplSave: "Save as template",
+			tplNamePrompt: "Template name:",
+			tplSaved: "Template saved:",
 			httpSites: "HTTP sites",
 			healthStrength: "strength",
 			dueExpired: "EXPIRED",
@@ -1913,6 +2021,10 @@ window.__ModuleLoader__.load({
 			genOptSymbols: "符号",
 			genOptExcludeAmbiguous: "排除易混淆字符",
 			strengthLabel: "强度",
+			tplApply: "套用模板",
+			tplSave: "存为模板",
+			tplNamePrompt: "模板名称：",
+			tplSaved: "模板已保存：",
 			httpSites: "HTTP站点",
 			healthStrength: "强度",
 			dueExpired: "已过期",
@@ -2043,6 +2155,12 @@ window.__ModuleLoader__.load({
 				breachCheck: (online) => invoke("breachCheck", { online: online ?? true }),
 				generatePassword: (options) => invoke("generatePassword", { ...options ?? {} }),
 				strength: (password) => invoke("strength", { password }),
+				templates: () => invoke("templates"),
+				saveTemplate: (name, kind, fields) => invoke("saveTemplate", {
+					name,
+					kind,
+					fields
+				}),
 				generateUsername: () => invoke("generateUsername"),
 				duplicateGroups: () => invoke("duplicateGroups"),
 				merge: (fromId, toId, keepSource) => invoke("merge", {