whistle.mock-plugins 1.3.1 → 1.4.0-beta.0

package/ui/src/styles/webdav-sync.css

@@ -0,0 +1,408 @@
+.webdav-sync-modal .ant-modal-content {
+  display: flex;
+  max-height: calc(100vh - 24px);
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+}
+
+.webdav-sync-modal {
+  top: 12px;
+  max-width: calc(100vw - 32px);
+  padding-bottom: 0;
+}
+
+.webdav-sync-modal-wrap {
+  overflow: hidden;
+}
+
+.webdav-sync-modal .ant-modal-body {
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.webdav-sync-modal .ant-modal-close {
+  top: 12px;
+  color: rgba(255, 255, 255, 0.86);
+}
+
+.webdav-sync-hero {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 20px;
+  color: #fff;
+  background:
+    radial-gradient(circle at 85% 0%, rgba(56, 189, 248, 0.32), transparent 38%),
+    linear-gradient(135deg, #102a43 0%, #0b7285 100%);
+}
+
+.webdav-sync-hero .ant-typography {
+  margin: 0;
+  color: inherit;
+}
+
+.webdav-sync-hero .ant-typography.ant-typography-secondary {
+  color: rgba(255, 255, 255, 0.68);
+}
+
+.webdav-sync-hero-copy {
+  min-width: 0;
+}
+
+.webdav-sync-hero-copy .ant-typography:last-child {
+  font-size: 13px;
+  white-space: nowrap;
+}
+
+.webdav-sync-hero-icon {
+  display: flex;
+  width: 40px;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 11px;
+  background: rgba(255, 255, 255, 0.12);
+  font-size: 20px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.18);
+}
+
+.webdav-sync-kicker {
+  display: block;
+  margin-bottom: 1px !important;
+  color: #67e8f9 !important;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.18em;
+}
+
+.webdav-sync-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.65fr);
+  gap: 12px;
+  padding: 12px;
+  background: #f3f6f8;
+}
+
+.webdav-sync-error {
+  margin: 10px 12px 0;
+  padding: 8px 12px;
+}
+
+.webdav-sync-error .ant-alert-description {
+  overflow-wrap: anywhere;
+}
+
+.webdav-sync-modal .ant-descriptions-item-label {
+  width: 82px;
+  white-space: nowrap;
+}
+
+.webdav-sync-modal .ant-descriptions-item-content {
+  min-width: 0;
+}
+
+.webdav-sync-card,
+.webdav-sync-note,
+.webdav-sync-status-card,
+.webdav-sync-connection-card,
+.webdav-sync-module-card {
+  border-radius: 10px;
+  box-shadow: 0 5px 18px rgba(15, 42, 67, 0.06);
+}
+
+.webdav-sync-card .ant-card-body,
+.webdav-sync-note .ant-card-body {
+  padding: 16px;
+}
+
+.webdav-sync-modal .ant-form-item {
+  margin-bottom: 14px;
+}
+
+.webdav-sync-connected {
+  display: grid;
+  gap: 10px;
+  padding: 12px;
+  background: #f3f6f8;
+}
+
+.webdav-sync-connection-card .ant-card-body {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: end;
+  gap: 12px;
+  padding: 12px 16px;
+}
+
+.webdav-sync-connection-card .ant-descriptions {
+  min-width: 0;
+}
+
+.webdav-sync-connection-card .ant-descriptions-header {
+  margin-bottom: 8px;
+}
+
+.webdav-sync-connection-card .ant-descriptions-row > th,
+.webdav-sync-connection-card .ant-descriptions-row > td {
+  padding-bottom: 6px;
+}
+
+.webdav-sync-form-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+.webdav-sync-form-actions,
+.webdav-sync-form-actions .ant-space-item {
+  display: flex;
+  width: 100%;
+}
+
+.webdav-sync-form-actions .ant-btn {
+  flex: 1;
+}
+
+.webdav-sync-note {
+  color: #475569;
+  background: linear-gradient(160deg, #ecfeff, #f8fafc 62%);
+}
+
+.webdav-sync-note-icon {
+  display: block;
+  margin-bottom: 10px;
+  color: #0891b2;
+  font-size: 24px;
+}
+
+.webdav-sync-file-tree,
+.webdav-sync-file-name {
+  padding: 8px 10px;
+  border-radius: 7px;
+  color: #d8f3f5;
+  background: #102a43;
+  font-family: SFMono-Regular, Consolas, "Liberation Mono", monospace;
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.webdav-sync-break-all {
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+
+.webdav-sync-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.webdav-sync-actions .ant-btn {
+  white-space: nowrap;
+}
+
+.webdav-sync-pull-button {
+  border-color: #059669 !important;
+  background: #059669 !important;
+}
+
+.webdav-sync-disconnect {
+  padding-inline: 0;
+}
+
+.webdav-sync-module-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.webdav-sync-module-card .ant-card-body {
+  display: flex;
+  height: min(440px, calc(100vh - 300px));
+  min-height: 280px;
+  flex-direction: column;
+  padding: 14px;
+}
+
+.webdav-sync-module-header,
+.webdav-sync-select-all {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.webdav-sync-module-header {
+  align-items: flex-start;
+}
+
+.webdav-sync-module-header .ant-typography {
+  margin: 0;
+}
+
+.webdav-sync-module-eyebrow {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+}
+
+.webdav-sync-select-all {
+  margin-top: 8px;
+  padding: 7px 10px;
+  border-radius: 7px;
+  background: #f8fafc;
+}
+
+.webdav-sync-module-list {
+  min-height: 0;
+  flex: 1;
+  margin: 8px 0 10px;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.webdav-sync-module-list .ant-checkbox-group {
+  display: grid;
+  gap: 5px;
+}
+
+.webdav-sync-module-option.ant-checkbox-wrapper {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  margin-inline-start: 0;
+  padding: 7px 9px;
+  border: 1px solid #e6edf2;
+  border-radius: 7px;
+  background: #fff;
+}
+
+.webdav-sync-module-option .ant-checkbox + span {
+  display: contents;
+  padding-inline-start: 0;
+}
+
+.webdav-sync-module-name {
+  min-width: 0;
+  font-weight: 500;
+  overflow-wrap: anywhere;
+}
+
+.webdav-sync-module-count {
+  color: #94a3b8;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.webdav-sync-manual-note {
+  padding: 8px 12px;
+  border-radius: 8px;
+}
+
+.webdav-sync-manual-note .ant-alert-message {
+  margin-bottom: 1px;
+}
+
+.webdav-sync-manual-note .ant-alert-description {
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.webdav-sync-status-title {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.webdav-sync-status-title .ant-typography {
+  margin: 0;
+}
+
+.webdav-sync-status-title > div > .ant-typography:first-child {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+}
+
+.webdav-sync-file-name {
+  margin-bottom: 16px;
+  line-height: 1.5;
+}
+
+body.cyber-theme .webdav-sync-grid {
+  background: #071116;
+}
+
+body.cyber-theme .webdav-sync-connected {
+  background: #071116;
+}
+
+body.cyber-theme .webdav-sync-card,
+body.cyber-theme .webdav-sync-note,
+body.cyber-theme .webdav-sync-status-card,
+body.cyber-theme .webdav-sync-connection-card,
+body.cyber-theme .webdav-sync-module-card {
+  border: 1px solid rgba(0, 240, 255, 0.2);
+  background: #0b1c24;
+}
+
+body.cyber-theme .webdav-sync-select-all,
+body.cyber-theme .webdav-sync-module-option.ant-checkbox-wrapper {
+  border-color: rgba(0, 240, 255, 0.18);
+  background: #102730;
+}
+
+body.earth-theme .webdav-sync-grid {
+  background: #f0ebe3;
+}
+
+body.earth-theme .webdav-sync-connected {
+  background: #f0ebe3;
+}
+
+body.earth-theme .webdav-sync-hero {
+  background:
+    radial-gradient(circle at 85% 0%, rgba(212, 160, 23, 0.3), transparent 38%),
+    linear-gradient(135deg, #3d3630 0%, #8b5e3c 100%);
+}
+
+@media (max-width: 720px) {
+  .webdav-sync-hero {
+    grid-template-columns: auto 1fr;
+    padding: 12px 14px;
+  }
+
+  .webdav-sync-hero > .ant-tag {
+    grid-column: 2;
+    justify-self: start;
+  }
+
+  .webdav-sync-hero-copy .ant-typography:last-child {
+    white-space: normal;
+  }
+
+  .webdav-sync-grid,
+  .webdav-sync-form-row,
+  .webdav-sync-actions,
+  .webdav-sync-module-grid,
+  .webdav-sync-connection-card .ant-card-body {
+    grid-template-columns: 1fr;
+  }
+
+  .webdav-sync-module-card .ant-card-body {
+    height: auto;
+    min-height: 300px;
+  }
+
+  .webdav-sync-module-list {
+    max-height: 240px;
+  }
+}

package/ui/src/utils/api-error.js

@@ -0,0 +1,57 @@
+const normalizeMessage = (value) => {
+  if (typeof value != 'string') return '';
+  return value
+    .replace(/<style[\s\S]*?<\/style>/gi, ' ')
+    .replace(/<script[\s\S]*?<\/script>/gi, ' ')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .slice(0, 300);
+};
+
+const parseResponseData = (data) => {
+  if (!data) return {};
+  if (typeof data == 'object') {
+    return {
+      message: normalizeMessage(data.message || data.error || data.detail),
+      conflict: data.conflict || null,
+    };
+  }
+  if (typeof data != 'string') return {};
+
+  const text = data.trim();
+  if (!text) return {};
+  try {
+    return parseResponseData(JSON.parse(text));
+  } catch (error) {
+    return { message: normalizeMessage(text), conflict: null };
+  }
+};
+
+const getApiError = (error, fallback) => {
+  const safeFallback = normalizeMessage(fallback) || 'WebDAV 操作失败';
+  const response = error && error.response;
+  const responseError = parseResponseData(response && response.data);
+  if (responseError.message) return responseError;
+
+  const status = response && response.status;
+  if (status) {
+    const statusText = normalizeMessage(response.statusText);
+    return {
+      message: `${safeFallback}（HTTP ${status}${statusText ? ` ${statusText}` : ''}）`,
+      conflict: responseError.conflict || null,
+    };
+  }
+
+  if (error && error.code == 'ECONNABORTED') {
+    return { message: `${safeFallback}：请求超时，请检查 WebDAV 地址和网络`, conflict: null };
+  }
+
+  const message = normalizeMessage(error && error.message);
+  if (message && message != 'Network Error') {
+    return { message, conflict: null };
+  }
+  return { message: `${safeFallback}：网络请求失败，请检查 Whistle 服务日志`, conflict: null };
+};
+
+module.exports = { getApiError, normalizeMessage, parseResponseData };