@max-null/dsh-plugin-center 0.2.4 → 0.2.7
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/client.js +23 -20
- package/package.json +1 -1
package/client.js
CHANGED
|
@@ -50,7 +50,7 @@ var CSS = `
|
|
|
50
50
|
|
|
51
51
|
.pc-card { border: 1px solid var(--dsw-alias-border-l2); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; background: var(--dsw-alias-bg-layer-3); min-width: 0; transition: border-color .16s, background .16s; display: flex; flex-direction: column; }
|
|
52
52
|
.pc-card:hover { border-color: var(--dsw-alias-label-dimmed); }
|
|
53
|
-
.pc-name { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--dsw-alias-label-primary); }
|
|
53
|
+
.pc-name { font-size: 15px; font-weight: 600; line-height: 1.4; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-primary); }
|
|
54
54
|
.pc-ver { color: var(--dsw-alias-label-caption); font-size: 12px; }
|
|
55
55
|
.pc-desc { color: var(--dsw-alias-label-tertiary); font-size: 13px; margin-top: 6px; word-break: break-word; overflow-wrap: break-word; }
|
|
56
56
|
.pc-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
|
|
@@ -111,6 +111,7 @@ body[data-ds-dark-theme] .pc-select { background-image: url("data:image/svg+xml,
|
|
|
111
111
|
.pc-panel { width: 760px; max-width: 94vw; max-height: 86vh; background: var(--dsw-alias-bg-base); border-radius: 12px; box-shadow: 0 24px 64px rgba(0,0,0,.24); display: flex; flex-direction: column; overflow: hidden; }
|
|
112
112
|
.pc-panel-head { flex: none; display: flex; align-items: center; padding: 20px 28px 0; }
|
|
113
113
|
.pc-panel-body { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 8px 28px 20px; }
|
|
114
|
+
.pc-panel-footer { flex: none; display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 14px 28px; border-top: 1px solid var(--dsw-alias-border-l2); }
|
|
114
115
|
.pc-scroll { flex: 1; min-height: 0; overflow: auto; }
|
|
115
116
|
.pc-close { background: none; border: none; color: var(--dsw-alias-label-tertiary); font-size: 20px; cursor: pointer; padding: 4px 8px; border-radius: 6px; font-family: inherit; }
|
|
116
117
|
.pc-close:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
|
|
@@ -814,7 +815,7 @@ function UpdatesView({ updates, refresh, updateOne, busy, doneUpdates, onDoneCli
|
|
|
814
815
|
] });
|
|
815
816
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
816
817
|
updates.map((u) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-card", children: [
|
|
817
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-row", children: [
|
|
818
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-row", style: { flexWrap: "nowrap" }, children: [
|
|
818
819
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-name", children: u.name }),
|
|
819
820
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-ver", children: u.fromVersion }),
|
|
820
821
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-ver", children: "\u2192" }),
|
|
@@ -828,7 +829,7 @@ function UpdatesView({ updates, refresh, updateOne, busy, doneUpdates, onDoneCli
|
|
|
828
829
|
] }),
|
|
829
830
|
u.changelog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "pc-wn-list", children: u.changelog.slice(0, 5).map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: line }, i)) })
|
|
830
831
|
] }, u.name)),
|
|
831
|
-
doneOnly.map((d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pc-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-row", children: [
|
|
832
|
+
doneOnly.map((d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pc-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-row", style: { flexWrap: "nowrap" }, children: [
|
|
832
833
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-name", children: d.name }),
|
|
833
834
|
d.fromVersion !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
834
835
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-ver", children: d.fromVersion }),
|
|
@@ -1013,6 +1014,10 @@ function CenterPanel({ variant = "section" }) {
|
|
|
1013
1014
|
const [restartAsk, setRestartAsk] = (0, import_react.useState)(0);
|
|
1014
1015
|
const runRestartNow = (n) => {
|
|
1015
1016
|
void fetch("/ssid/api/sessionRoot.restart", { method: "POST", headers: { "content-type": "application/json" }, body: "{}" }).then((res) => res.json()).then((body2) => {
|
|
1017
|
+
if (body2.ok !== true) {
|
|
1018
|
+
showToast(t("restartUnavailable"), "error", 8e3);
|
|
1019
|
+
return;
|
|
1020
|
+
}
|
|
1016
1021
|
if (body2.value?.code === "busy") {
|
|
1017
1022
|
showToast(t("updateRestartBusy", { n: body2.value.activeSessions ?? 0 }), "error", 8e3);
|
|
1018
1023
|
}
|
|
@@ -1429,23 +1434,21 @@ function WhatsNewDialog() {
|
|
|
1429
1434
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-spacer" }),
|
|
1430
1435
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "pc-close", onClick: closeWhatsNew, "aria-label": t("close"), children: "\u2715" })
|
|
1431
1436
|
] }),
|
|
1432
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
1433
|
-
|
|
1434
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
}, children: busy ? t("updating") : t("updateNow") })
|
|
1448
|
-
] })
|
|
1437
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pc-panel-body", style: { overflow: "auto" }, children: whatsNewDigests.map((u) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-wn-item", children: [
|
|
1438
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-row", children: [
|
|
1439
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-name", children: u.name }),
|
|
1440
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-ver", children: u.fromVersion }),
|
|
1441
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pc-ver", children: "\u2192" }),
|
|
1442
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--dsw-alias-state-business-primary)", fontWeight: 500 }, children: u.toVersion })
|
|
1443
|
+
] }),
|
|
1444
|
+
u.changelog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "pc-wn-list", children: u.changelog.slice(0, 5).map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: line }, i)) })
|
|
1445
|
+
] }, u.name)) }),
|
|
1446
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pc-panel-footer", children: [
|
|
1447
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "pc-btn", onClick: closeWhatsNew, children: t("later") }),
|
|
1448
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "pc-btn", onClick: closeWhatsNew, children: t("markAllRead") }),
|
|
1449
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "pc-btn primary", disabled: busy, onClick: () => {
|
|
1450
|
+
void updateNow();
|
|
1451
|
+
}, children: busy ? t("updating") : t("updateNow") })
|
|
1449
1452
|
] })
|
|
1450
1453
|
] }) });
|
|
1451
1454
|
}
|
package/package.json
CHANGED