@kwirthmagnify/kwirth-sender-tee 0.1.1 → 0.1.2
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/front.js +206 -0
- package/package.json +1 -1
package/front.js
ADDED
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
(() => {
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
10
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
|
|
29
|
+
// kwirth-globals:react
|
|
30
|
+
var require_react = __commonJS({
|
|
31
|
+
"kwirth-globals:react"(exports, module) {
|
|
32
|
+
module.exports = window.__kwirth__.React;
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// kwirth-globals:@mui/material
|
|
37
|
+
var require_material = __commonJS({
|
|
38
|
+
"kwirth-globals:@mui/material"(exports, module) {
|
|
39
|
+
module.exports = window.__kwirth__.MUI.material;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
// kwirth-globals:@mui/icons-material
|
|
44
|
+
var require_icons_material = __commonJS({
|
|
45
|
+
"kwirth-globals:@mui/icons-material"(exports, module) {
|
|
46
|
+
module.exports = window.__kwirth__.MUI.icons;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
// src/front/TeeSenderDialog.tsx
|
|
51
|
+
var import_react = __toESM(require_react(), 1);
|
|
52
|
+
var import_material = __toESM(require_material(), 1);
|
|
53
|
+
var import_icons_material = __toESM(require_icons_material(), 1);
|
|
54
|
+
function authGet(token) {
|
|
55
|
+
return { headers: { Authorization: token ? `Bearer ${token}` : "", "X-Kwirth-App": "true" } };
|
|
56
|
+
}
|
|
57
|
+
function authPost(token, body) {
|
|
58
|
+
return { method: "POST", body, headers: { Authorization: token ? `Bearer ${token}` : "", "X-Kwirth-App": "true", "Content-Type": "application/json" } };
|
|
59
|
+
}
|
|
60
|
+
function authDelete(token) {
|
|
61
|
+
return { method: "DELETE", headers: { Authorization: token ? `Bearer ${token}` : "", "X-Kwirth-App": "true" } };
|
|
62
|
+
}
|
|
63
|
+
var TeeSenderDialog = ({ onClose, backendUrl, accessString }) => {
|
|
64
|
+
const [configs, setConfigs] = (0, import_react.useState)([]);
|
|
65
|
+
const [senders, setSenders] = (0, import_react.useState)([]);
|
|
66
|
+
const [selectedName, setSelectedName] = (0, import_react.useState)();
|
|
67
|
+
const [originalName, setOriginalName] = (0, import_react.useState)();
|
|
68
|
+
const [editName, setEditName] = (0, import_react.useState)("");
|
|
69
|
+
const [editDescription, setEditDescription] = (0, import_react.useState)("");
|
|
70
|
+
const [targets, setTargets] = (0, import_react.useState)([]);
|
|
71
|
+
const [newSenderId, setNewSenderId] = (0, import_react.useState)("");
|
|
72
|
+
const [newConfigName, setNewConfigName] = (0, import_react.useState)("");
|
|
73
|
+
const [saving, setSaving] = (0, import_react.useState)(false);
|
|
74
|
+
const [deleting, setDeleting] = (0, import_react.useState)();
|
|
75
|
+
const [error, setError] = (0, import_react.useState)();
|
|
76
|
+
(0, import_react.useEffect)(() => {
|
|
77
|
+
loadConfigs();
|
|
78
|
+
loadSenders();
|
|
79
|
+
}, []);
|
|
80
|
+
const loadConfigs = async () => {
|
|
81
|
+
try {
|
|
82
|
+
const res = await fetch(`${backendUrl}/senders/tee/configs`, authGet(accessString));
|
|
83
|
+
if (res.ok) setConfigs(await res.json());
|
|
84
|
+
} catch {
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
const loadSenders = async () => {
|
|
88
|
+
try {
|
|
89
|
+
const res = await fetch(`${backendUrl}/senders`, authGet(accessString));
|
|
90
|
+
if (res.ok) setSenders((await res.json()).filter((s) => s.id !== "tee"));
|
|
91
|
+
} catch {
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
const selectConfig = (cfg) => {
|
|
95
|
+
setSelectedName(cfg.name);
|
|
96
|
+
setOriginalName(cfg.name);
|
|
97
|
+
setEditName(cfg.name);
|
|
98
|
+
setEditDescription(cfg.description ?? "");
|
|
99
|
+
setTargets([...cfg.targets]);
|
|
100
|
+
setNewSenderId("");
|
|
101
|
+
setNewConfigName("");
|
|
102
|
+
setError(void 0);
|
|
103
|
+
};
|
|
104
|
+
const newConfig = () => {
|
|
105
|
+
setSelectedName(void 0);
|
|
106
|
+
setOriginalName(void 0);
|
|
107
|
+
setEditName("");
|
|
108
|
+
setEditDescription("");
|
|
109
|
+
setTargets([]);
|
|
110
|
+
setNewSenderId("");
|
|
111
|
+
setNewConfigName("");
|
|
112
|
+
setError(void 0);
|
|
113
|
+
};
|
|
114
|
+
const cloneConfig = () => {
|
|
115
|
+
if (!selectedName) return;
|
|
116
|
+
const base = configs.find((c) => c.name === selectedName);
|
|
117
|
+
if (!base) return;
|
|
118
|
+
setSelectedName(void 0);
|
|
119
|
+
setOriginalName(void 0);
|
|
120
|
+
setEditName(`${base.name} (copy)`);
|
|
121
|
+
setEditDescription(base.description ?? "");
|
|
122
|
+
setTargets([...base.targets]);
|
|
123
|
+
setNewSenderId("");
|
|
124
|
+
setNewConfigName("");
|
|
125
|
+
setError(void 0);
|
|
126
|
+
};
|
|
127
|
+
const addTarget = () => {
|
|
128
|
+
if (!newSenderId || !newConfigName) return;
|
|
129
|
+
if (targets.some((t) => t.senderId === newSenderId && t.configName === newConfigName)) return;
|
|
130
|
+
setTargets((prev) => [...prev, { senderId: newSenderId, configName: newConfigName }]);
|
|
131
|
+
setNewSenderId("");
|
|
132
|
+
setNewConfigName("");
|
|
133
|
+
};
|
|
134
|
+
const save = async () => {
|
|
135
|
+
const trimmed = editName.trim();
|
|
136
|
+
if (!trimmed) return;
|
|
137
|
+
setSaving(true);
|
|
138
|
+
setError(void 0);
|
|
139
|
+
try {
|
|
140
|
+
const res = await fetch(`${backendUrl}/senders/tee/configs`, authPost(accessString, JSON.stringify({ name: trimmed, ...editDescription.trim() ? { description: editDescription.trim() } : {}, targets })));
|
|
141
|
+
if (!res.ok) throw new Error((await res.json()).error ?? `HTTP ${res.status}`);
|
|
142
|
+
if (originalName && originalName !== trimmed) {
|
|
143
|
+
await fetch(`${backendUrl}/senders/tee/configs/${encodeURIComponent(originalName)}`, authDelete(accessString));
|
|
144
|
+
}
|
|
145
|
+
setSelectedName(trimmed);
|
|
146
|
+
setOriginalName(trimmed);
|
|
147
|
+
await loadConfigs();
|
|
148
|
+
} catch (err) {
|
|
149
|
+
setError(`Save failed: ${err}`);
|
|
150
|
+
} finally {
|
|
151
|
+
setSaving(false);
|
|
152
|
+
}
|
|
153
|
+
};
|
|
154
|
+
const deleteConfig = async (name) => {
|
|
155
|
+
setDeleting(name);
|
|
156
|
+
try {
|
|
157
|
+
const res = await fetch(`${backendUrl}/senders/tee/configs/${encodeURIComponent(name)}`, authDelete(accessString));
|
|
158
|
+
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
|
159
|
+
if (selectedName === name) newConfig();
|
|
160
|
+
await loadConfigs();
|
|
161
|
+
} catch (err) {
|
|
162
|
+
setError(`Delete failed: ${err}`);
|
|
163
|
+
} finally {
|
|
164
|
+
setDeleting(void 0);
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
const newSenderConfigs = senders.find((s) => s.id === newSenderId)?.configNames ?? [];
|
|
168
|
+
return /* @__PURE__ */ import_react.default.createElement(import_material.Dialog, { open: true, maxWidth: false, sx: { "& .MuiDialog-paper": { width: "700px", height: "520px" } } }, /* @__PURE__ */ import_react.default.createElement(import_material.DialogTitle, null, "Configure: Tee Sender"), /* @__PURE__ */ import_react.default.createElement(import_material.DialogContent, { sx: { display: "flex", gap: 2, p: 2, pt: 2, overflow: "hidden", height: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_material.Box, { sx: { width: 190, display: "flex", flexDirection: "column", gap: 1, flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, "Configs"), /* @__PURE__ */ import_react.default.createElement(import_material.Box, { sx: { flex: 1, border: 1, borderColor: "divider", borderRadius: 1, overflowY: "auto" } }, /* @__PURE__ */ import_react.default.createElement(import_material.List, { dense: true, disablePadding: true }, configs.map((cfg) => /* @__PURE__ */ import_react.default.createElement(import_material.ListItem, { key: cfg.name, disablePadding: true, secondaryAction: /* @__PURE__ */ import_react.default.createElement(import_material.IconButton, { size: "small", color: "error", disabled: deleting === cfg.name, onClick: () => deleteConfig(cfg.name) }, deleting === cfg.name ? /* @__PURE__ */ import_react.default.createElement(import_material.CircularProgress, { size: 12 }) : /* @__PURE__ */ import_react.default.createElement(import_icons_material.Delete, { sx: { fontSize: 14 } })) }, /* @__PURE__ */ import_react.default.createElement(import_material.ListItemButton, { selected: selectedName === cfg.name, onClick: () => selectConfig(cfg), dense: true, sx: { pr: 4 } }, /* @__PURE__ */ import_react.default.createElement(
|
|
169
|
+
import_material.ListItemText,
|
|
170
|
+
{
|
|
171
|
+
primary: cfg.name,
|
|
172
|
+
secondary: `${cfg.targets.length} target${cfg.targets.length !== 1 ? "s" : ""}`,
|
|
173
|
+
primaryTypographyProps: { variant: "body2", noWrap: true },
|
|
174
|
+
secondaryTypographyProps: { variant: "caption" }
|
|
175
|
+
}
|
|
176
|
+
)))))), /* @__PURE__ */ import_react.default.createElement(import_material.Stack, { direction: "row", spacing: 0.5 }, /* @__PURE__ */ import_react.default.createElement(import_material.Button, { size: "small", startIcon: /* @__PURE__ */ import_react.default.createElement(import_icons_material.Add, null), onClick: newConfig, sx: { flex: 1 } }, "New"), /* @__PURE__ */ import_react.default.createElement(import_material.Button, { size: "small", startIcon: /* @__PURE__ */ import_react.default.createElement(import_icons_material.ContentCopy, null), onClick: cloneConfig, disabled: !selectedName, sx: { flex: 1 } }, "Clone"))), /* @__PURE__ */ import_react.default.createElement(import_material.Divider, { orientation: "vertical", flexItem: true }), /* @__PURE__ */ import_react.default.createElement(import_material.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", gap: 1.5, minWidth: 0, pt: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, selectedName ? `Editing: ${selectedName}` : "New config"), /* @__PURE__ */ import_react.default.createElement(
|
|
177
|
+
import_material.TextField,
|
|
178
|
+
{
|
|
179
|
+
size: "small",
|
|
180
|
+
label: "Name *",
|
|
181
|
+
value: editName,
|
|
182
|
+
onChange: (e) => setEditName(e.target.value),
|
|
183
|
+
fullWidth: true
|
|
184
|
+
}
|
|
185
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
186
|
+
import_material.TextField,
|
|
187
|
+
{
|
|
188
|
+
size: "small",
|
|
189
|
+
label: "Description",
|
|
190
|
+
value: editDescription,
|
|
191
|
+
onChange: (e) => setEditDescription(e.target.value),
|
|
192
|
+
fullWidth: true,
|
|
193
|
+
multiline: true,
|
|
194
|
+
maxRows: 2
|
|
195
|
+
}
|
|
196
|
+
), /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, "Targets"), /* @__PURE__ */ import_react.default.createElement(import_material.Box, { sx: { flex: 1, border: 1, borderColor: "divider", borderRadius: 1, overflowY: "auto" } }, targets.length === 0 ? /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "caption", color: "text.disabled", sx: { p: 1, display: "block" } }, "No targets yet.") : targets.map((t, i) => /* @__PURE__ */ import_react.default.createElement(import_material.Box, { key: i, sx: { display: "flex", alignItems: "center", gap: 1, px: 1, py: 0.5, borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "body2", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, t.senderId), /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "body2", color: "text.secondary", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, t.configName), /* @__PURE__ */ import_react.default.createElement(import_material.IconButton, { size: "small", color: "error", onClick: () => setTargets((prev) => prev.filter((_, idx) => idx !== i)) }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Delete, { sx: { fontSize: 14 } }))))), /* @__PURE__ */ import_react.default.createElement(import_material.Stack, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_material.FormControl, { size: "small", sx: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_material.InputLabel, null, "Sender"), /* @__PURE__ */ import_react.default.createElement(import_material.Select, { label: "Sender", value: newSenderId, onChange: (e) => {
|
|
197
|
+
setNewSenderId(e.target.value);
|
|
198
|
+
setNewConfigName("");
|
|
199
|
+
} }, senders.map((s) => /* @__PURE__ */ import_react.default.createElement(import_material.MenuItem, { key: s.id, value: s.id }, s.displayName || s.id)))), /* @__PURE__ */ import_react.default.createElement(import_material.FormControl, { size: "small", sx: { flex: 1 }, disabled: !newSenderId }, /* @__PURE__ */ import_react.default.createElement(import_material.InputLabel, null, "Config"), /* @__PURE__ */ import_react.default.createElement(import_material.Select, { label: "Config", value: newConfigName, onChange: (e) => setNewConfigName(e.target.value) }, newSenderConfigs.map((c) => /* @__PURE__ */ import_react.default.createElement(import_material.MenuItem, { key: c, value: c }, c)))), /* @__PURE__ */ import_react.default.createElement(import_material.Tooltip, { title: "Add target" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_material.IconButton, { size: "small", color: "primary", disabled: !newSenderId || !newConfigName, onClick: addTarget }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Add, null))))), /* @__PURE__ */ import_react.default.createElement(import_material.Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", spacing: 1 }, error && /* @__PURE__ */ import_react.default.createElement(import_material.Typography, { variant: "caption", color: "error", sx: { flex: 1 } }, error), /* @__PURE__ */ import_react.default.createElement(import_material.Button, { size: "small", variant: "contained", disabled: saving || !editName.trim(), onClick: save }, saving ? /* @__PURE__ */ import_react.default.createElement(import_material.CircularProgress, { size: 14 }) : selectedName ? "Update" : "Add")))), /* @__PURE__ */ import_react.default.createElement(import_material.DialogActions, null, /* @__PURE__ */ import_react.default.createElement(import_material.Button, { size: "small", onClick: onClose }, "Close")));
|
|
200
|
+
};
|
|
201
|
+
var TeeSenderDialog_default = TeeSenderDialog;
|
|
202
|
+
|
|
203
|
+
// src/front/index.tsx
|
|
204
|
+
window.__kwirth_senders__ = window.__kwirth_senders__ ?? {};
|
|
205
|
+
window.__kwirth_senders__["tee"] = TeeSenderDialog_default;
|
|
206
|
+
})();
|
package/package.json
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"id": "tee",
|
|
3
3
|
"name": "@kwirthmagnify/kwirth-sender-tee",
|
|
4
4
|
"displayName": "Tee Sender",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.2",
|
|
6
6
|
"description": "Tee sender plugin for Kwirth — fans out an incoming message to multiple downstream senders simultaneously, acting as an intermediate pipeline node"
|
|
7
7
|
}
|