@chengxianglibra/dsh-data-analysis 0.1.1 → 0.2.0

package/lib/client/credentials/report-publishing.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useCopy } from "./../i18n/context.js";
+const labels = {
+    accessKeyId: 'Access Key ID',
+    secretAccessKey: 'Secret Access Key',
+    sessionToken: 'Session Token',
+};
+export function ReportPublishingCredentials({ model, workspaceId, }) {
+    const t = useCopy();
+    const [view, setView] = useState();
+    const [editing, setEditing] = useState({});
+    const [deleting, setDeleting] = useState();
+    const [draft, setDraft] = useState({});
+    const [busy, setBusy] = useState(false);
+    const [message, setMessage] = useState('');
+    const [lifetime] = useState(() => new AbortController());
+    useEffect(() => {
+        const abort = new AbortController();
+        void model
+            .publishingCredentials('describe', workspaceId, {}, abort.signal)
+            .then((next) => {
+            if (!abort.signal.aborted)
+                setView(next);
+        })
+            .catch(() => {
+            if (!abort.signal.aborted)
+                setMessage('marivo.credentials.cannot-read-report-publishing-credential-status-reopen-the-page');
+        });
+        return () => abort.abort();
+    }, [model, workspaceId]);
+    useEffect(() => () => lifetime.abort(), [lifetime]);
+    async function change(field, remove) {
+        setBusy(true);
+        setMessage('');
+        try {
+            const next = await model.publishingCredentials(remove ? 'unset' : 'set', workspaceId, {
+                field,
+                configId: view?.configId,
+                ...(remove ? {} : { value: draft[field] }),
+            }, lifetime.signal);
+            if (lifetime.signal.aborted)
+                return;
+            setView(next);
+            setEditing((previous) => ({ ...previous, [field]: false }));
+            setDeleting(undefined);
+            setDraft((previous) => ({ ...previous, [field]: '' }));
+            setMessage(remove
+                ? 'marivo.credentials.saved-value-deleted-status-refreshed'
+                : 'marivo.credentials.saved-the-next-publication-will-use-the-new-credential');
+        }
+        catch (error) {
+            if (!lifetime.signal.aborted)
+                setMessage(error instanceof Error && error.message === 'report-publishing-config-changed'
+                    ? 'marivo.credentials.publishing-configuration-changed-refresh-credential-status-and-enter-values'
+                    : 'marivo.credentials.credential-operation-unconfirmed-refresh-status-before-retrying-credentials-from');
+        }
+        finally {
+            if (!lifetime.signal.aborted)
+                setBusy(false);
+        }
+    }
+    if (!view?.enabled)
+        return message ? _jsx("p", { role: "status", children: t(message) }) : null;
+    return (_jsxs("section", { className: "mc-publishing", "aria-label": t('marivo.credentials.report-publishing-credentials'), children: [_jsxs("h3", { className: "mc-section-heading", children: [t('marivo.credentials.report-publishing-credentials-228'), view.name] }), _jsxs("p", { className: "mc-note", children: ["Bucket\uFF1A", view.bucket, t('marivo.credentials.credentials-are-shared-by-the-current-harness-across-all')] }), _jsx("div", { className: "mc-fields", children: view.fields.map((item) => (_jsxs("fieldset", { className: "mc-field", disabled: busy, "aria-label": item.reference, children: [_jsxs("div", { className: "mc-field-header", children: [_jsxs("div", { className: "mc-field-title", children: [_jsx("h4", { children: item.reference }), _jsxs("p", { children: [t('marivo.credentials.field'), labels[item.field], item.required ? t('marivo.credentials.required') : '', ' ', t('marivo.credentials.source'), item.source ?? t('marivo.credentials.none'), !item.writable && t('marivo.credentials.read-only-source')] })] }), _jsxs("div", { className: "mc-field-actions", children: [_jsx("span", { className: "mc-badge", "data-ready": item.configured, children: item.configured
+                                                ? t('marivo.credentials.configured')
+                                                : t('marivo.credentials.not-configured') }), item.writable && item.configured && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => {
+                                                        setEditing({ ...editing, [item.field]: !editing[item.field] });
+                                                        setDraft({ ...draft, [item.field]: '' });
+                                                    }, children: editing[item.field]
+                                                        ? t('marivo.credentials.cancel-replacement')
+                                                        : t('marivo.credentials.replace') }), _jsx("button", { type: "button", className: "mc-danger", onClick: () => setDeleting(item.field), children: t('marivo.credentials.delete-saved-value') })] }))] })] }), item.writable && (!item.configured || editing[item.field]) && (_jsxs("label", { className: "mc-secret-input", children: [t('marivo.credentials.new-value'), _jsx("input", { id: `report-publishing-${item.field}`, type: "password", autoComplete: "new-password", maxLength: 65536, value: draft[item.field] ?? '', placeholder: t('marivo.credentials.enter-credential-value-127'), onChange: (event) => setDraft({ ...draft, [item.field]: event.target.value }) }), _jsx("button", { type: "button", className: "mc-primary", disabled: !draft[item.field], onClick: () => void change(item.field, false), children: item.configured
+                                        ? t('marivo.credentials.confirm-replacement')
+                                        : t('marivo.credentials.add-credential') })] })), deleting === item.field && (_jsxs("div", { className: "mc-confirm", children: [_jsxs("p", { children: [t('marivo.credentials.confirm-deletion-of'), item.reference, " ", t('marivo.credentials.the-saved-value')] }), _jsx("button", { type: "button", className: "mc-danger", onClick: () => void change(item.field, true), children: t('marivo.credentials.confirm-saved-value-deletion') }), _jsx("button", { type: "button", onClick: () => setDeleting(undefined), children: t('marivo.credentials.keep') })] }))] }, item.field))) }), _jsx("button", { type: "button", disabled: busy, onClick: () => {
+                    setBusy(true);
+                    void model
+                        .publishingCredentials('describe', workspaceId, {}, lifetime.signal)
+                        .then((next) => {
+                        if (!lifetime.signal.aborted) {
+                            setView(next);
+                            setDraft({});
+                            setEditing({});
+                            setDeleting(undefined);
+                            setMessage('marivo.credentials.status-refreshed');
+                        }
+                    })
+                        .catch(() => {
+                        if (!lifetime.signal.aborted)
+                            setMessage('marivo.credentials.refresh-failed-please-retry');
+                    })
+                        .finally(() => {
+                        if (!lifetime.signal.aborted)
+                            setBusy(false);
+                    });
+                }, children: t('marivo.credentials.refresh-credential-status') }), message && _jsx("p", { role: "status", children: t(message) })] }));
+}

package/lib/client/credentials/styles.js

@@ -0,0 +1,21 @@
+export const credentialStyles = `
+.mc-panel,.rt-page[data-rt-kind=datasources]{--mc-accent:#2563eb;--mc-tint:#eff6ff}
+.rt-page[data-rt-kind=datasources] :focus-visible{outline-color:var(--mc-accent)}
+.mc-input-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.mc-input-name{font-weight:500;color:var(--mc-text);overflow-wrap:anywhere}.mc-input-description{flex:1 1 200px;min-width:0;font-size:11px;line-height:1.6;color:var(--mc-muted);overflow-wrap:anywhere}
+.mc-panel{--mc-bg:var(--dsw-alias-surface-primary,#fff);--mc-soft:var(--dsw-alias-interactive-bg-hover,#f5f7f9);--mc-text:var(--dsw-alias-label-primary,#182a33);--mc-muted:var(--dsw-alias-label-secondary,#627580);--mc-border:var(--dsw-alias-border-l2,#dce4e8);--mc-danger:#b04436;--mc-warning:#886217;color:var(--mc-text);background:var(--mc-bg);min-width:0;width:100%;font:14px/1.55 system-ui,sans-serif}
+
+.mc-panel *{box-sizing:border-box}.mc-shell{display:flex;flex-direction:column}.mc-panel button,.mc-panel input,.mc-panel select{font:inherit;color:inherit}.mc-panel button{cursor:pointer;border:1px solid var(--mc-border);border-radius:8px;padding:7px 12px;background:var(--mc-bg);line-height:1.5}.mc-panel button:hover{background:var(--mc-soft)}.mc-panel button:disabled{cursor:default;opacity:.5}.mc-panel :focus-visible{outline:2px solid var(--mc-accent);outline-offset:3px}.mc-panel select,.mc-panel input{border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-bg);padding:9px 10px;max-width:100%;min-width:0}.mc-panel select{width:100%}.mc-panel button.mc-primary{color:#fff;background:var(--mc-accent);border-color:var(--mc-accent)}.mc-panel button.mc-primary:hover{filter:brightness(.93)}.mc-panel button.mc-danger{color:var(--mc-danger);background:#fef2f2;border-color:#fecaca}.mc-panel button.mc-danger:hover:not(:disabled){background:#fee2e2}.mc-panel button.mc-quiet{border-color:transparent;background:transparent;color:var(--mc-muted)}.mc-panel button.mc-quiet:hover{background:var(--mc-soft)}
+.mc-columns{display:flex;flex-direction:column;min-width:0}.mc-nav{padding:0 0 16px;border-bottom:1px solid var(--mc-border);min-width:0}.mc-nav>button{margin-bottom:12px}.mc-nav-heading{font-size:12px;color:var(--mc-muted);margin-bottom:8px}.mc-nav-heading h3{font:inherit;margin:0}.mc-datasources{list-style:none;padding:0;margin:0;display:flex;overflow-x:auto;gap:6px;padding:3px}.mc-datasources li{flex:0 0 200px;max-width:240px}.mc-panel .mc-datasource{display:flex;align-items:start;gap:10px;width:100%;padding:12px 10px;border:1px solid transparent;background:transparent;text-align:left}.mc-panel .mc-datasource[aria-pressed=true]{border-color:var(--mc-border);background:var(--mc-bg);box-shadow:0 2px 5px #102a3a05}.mc-datasource>svg{margin-top:2px;flex:none;color:var(--mc-muted)}.mc-datasource[aria-pressed=true]>svg{color:var(--mc-accent)}.mc-datasource-copy{min-width:0;display:grid;gap:4px}.mc-datasource-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.mc-datasource-status{font-size:11px;color:var(--mc-muted);display:flex;align-items:center;gap:5px}.mc-dot{width:6px;height:6px;background:var(--mc-muted);border-radius:50%;flex:none}.mc-dot[data-ready=true]{background:var(--mc-accent)}.mc-dot[data-ready=false]{background:#c58a26}
+.mc-main{min-width:0;overflow:auto;display:flex;flex-direction:column}.mc-form{display:flex;flex-direction:column;flex:1;min-width:0}.mc-form-body{padding:26px 30px;flex:1}.mc-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.mc-eyebrow{font-size:11px;color:var(--mc-muted);margin:0 0 5px}.mc-detail-heading h3{font-size:22px;font-weight:650;line-height:1.4;margin:0;overflow-wrap:anywhere}.mc-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--mc-border);border-radius:6px;padding:3px 7px;font-size:11px;white-space:nowrap;color:var(--mc-muted)}.mc-badge[data-ready=true]{color:var(--mc-accent);background:var(--mc-tint);border-color:transparent}.mc-badge[data-ready=false]{color:var(--mc-warning)}
+.mc-section-heading{font-size:13px;font-weight:600;margin:0 0 12px}.mc-properties{margin:0 0 24px;min-width:0}.mc-property-list{margin:0;border:1px solid var(--mc-border);border-radius:12px;overflow:hidden}.mc-property{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:16px;padding:12px 18px;align-items:start}.mc-property+.mc-property{border-top:1px solid var(--mc-border)}.mc-property dt{font-size:12px;color:var(--mc-muted);overflow-wrap:anywhere}.mc-property dd{margin:0;min-width:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.mc-property pre{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mc-property-json{max-height:240px;overflow:auto}
+.mc-publishing{margin-top:28px;padding-top:24px;border-top:1px solid var(--mc-border)}
+.mc-fields{border:1px solid var(--mc-border);border-radius:12px;overflow:hidden;margin:0 0 14px}.mc-field{min-width:0;border:0;padding:18px;margin:0}.mc-field+.mc-field{border-top:1px solid var(--mc-border)}.mc-field-header{display:flex;align-items:start;gap:12px;justify-content:space-between}.mc-field-title{min-width:0}.mc-field-title h4{font-size:13px;margin:0 0 4px;font-weight:600;overflow-wrap:anywhere}.mc-field-title p{margin:0;font-size:11px;color:var(--mc-muted);overflow-wrap:anywhere}.mc-field-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}.mc-panel .mc-field-actions button{font-size:12px;padding:5px 9px}.mc-secret-input{display:grid;gap:7px;margin-top:14px;font-size:12px;color:var(--mc-muted)}.mc-secret-input input{width:100%;color:var(--mc-text)}.mc-field-note{font-size:11px;color:var(--mc-muted);margin:10px 0 0;overflow-wrap:anywhere}.mc-confirm{margin-top:12px;padding:12px;border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-soft);display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.mc-confirm p{flex-basis:100%;margin:0}.mc-note{font-size:12px;color:var(--mc-muted);margin:12px 0;overflow-wrap:anywhere}
+.mc-test{margin-top:24px;padding-top:20px;border-top:1px solid var(--mc-border)}.mc-test-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.mc-test-heading h4{margin:0;font-size:13px}.mc-test-heading time{font-size:11px;color:var(--mc-muted)}.mc-result{border-radius:9px;padding:12px 14px;background:var(--mc-tint);color:var(--mc-accent);font-size:12px}.mc-result[data-tone=error]{background:var(--mc-soft);color:var(--mc-danger)}.mc-result[data-tone=stale]{background:var(--mc-soft);color:var(--mc-muted)}.mc-result-title{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.mc-result p{margin:6px 0 0}.mc-result details{margin-top:9px}.mc-result summary{cursor:pointer}.mc-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font:12px/1.6 ui-monospace,monospace}.mc-empty-test{font-size:12px;color:var(--mc-muted);margin:0}
+.mc-form-footer{padding:16px 30px;border-top:1px solid var(--mc-border);background:var(--mc-bg);position:sticky;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mc-form-footer button{font-size:13px}.mc-form-footer .mc-cancel{margin-left:auto}.mc-alert{margin:16px 30px 0;padding:12px 14px;border-radius:8px;font-size:12px;background:var(--mc-soft);color:var(--mc-danger);white-space:pre-wrap;overflow-wrap:anywhere}.mc-request-status{margin:0 0 18px;padding:12px 14px;border-radius:9px;background:var(--mc-soft);font-size:12px}.mc-request-status p{margin:4px 0 0;color:var(--mc-muted)}.mc-requests{padding:12px 20px;border-bottom:1px solid var(--mc-border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.mc-requests button{font-size:12px}.mc-pending-entry{font:inherit;font-size:12px;cursor:pointer;border:1px solid currentColor;border-radius:7px;padding:5px 9px;background:transparent;color:inherit}
+.mc-activity{padding:14px 30px;background:var(--mc-soft);border-top:1px solid var(--mc-border)}.mc-activity-heading{font-size:12px;color:var(--mc-muted);margin:0 0 8px}.mc-activity-list{display:flex;gap:6px;flex-wrap:wrap}.mc-activity-list button{font-size:12px}.mc-activity-list button[aria-pressed=true]{border-color:var(--mc-accent);color:var(--mc-accent)}.mc-progress{font-size:12px;margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-progress p{margin:0}.mc-progress button{font-size:12px;margin-left:auto}.mc-operation-note{font-size:12px;margin-top:12px;color:var(--mc-muted)}.mc-operation-note p{margin:6px 0}.mc-operation-note[data-error=true]{color:var(--mc-danger)}.mc-empty{padding:64px 28px;text-align:center;color:var(--mc-muted);margin:auto}.mc-empty>svg{margin-bottom:10px;opacity:.65}.mc-empty h3{font-size:15px;color:var(--mc-text);margin:0 0 8px}.mc-empty p{font-size:12px;margin:0}.mc-loading{padding:18px 30px;font-size:12px;color:var(--mc-muted)}
+.mc-request-status{padding:18px;margin:0 0 8px;border:1px solid var(--mc-border);background:var(--mc-bg)}.mc-request-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-request-heading h3{margin:0;font-size:14px;font-weight:600}.mc-request-heading>button{margin-left:auto;font-size:12px}.mc-request-reason{margin-top:14px;color:var(--mc-muted)}.mc-request-reason summary{cursor:pointer;line-height:1.6}.mc-request-reason p{margin:10px 0 0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.mc-request-choice{border:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--mc-border)}.mc-request-choice button[aria-pressed=true]{color:var(--mc-accent);border-color:var(--mc-accent);background:var(--mc-tint)}.mc-existing-source{margin-top:14px}.mc-inline-credentials{margin-top:28px;padding-top:20px;border-top:1px solid var(--mc-border)}.mc-inline-credentials h4{font-size:14px;margin:0}.mc-credential-entry{margin:16px 0 20px}.mc-reference-options{margin-top:10px;font-size:12px;color:var(--mc-muted)}.mc-reference-options summary{cursor:pointer}.mc-reference-options[open]{padding:12px;border:1px solid var(--mc-border);border-radius:8px}.mc-reference-options .mc-note{line-height:1.7}.mc-credential-group>button{font-size:12px}
+.mc-panel .mc-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;flex:none;border-color:transparent;background:transparent}.mc-heading-actions{display:flex;align-items:center;gap:8px;min-width:0}.mc-panel .mc-datasource-heading{display:block}.mc-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mc-name-row h3{min-width:0}.mc-test-heading>.mc-heading-actions{margin-left:auto}.mc-heading-actions time{text-align:right}
+@media(prefers-color-scheme:dark){.mc-panel,.rt-page[data-rt-kind=datasources]{--mc-accent:#60a5fa;--mc-tint:#172b4d}.mc-panel{--mc-bg:var(--dsw-alias-surface-primary,#182127);--mc-soft:var(--dsw-alias-interactive-bg-hover,#202d34);--mc-text:var(--dsw-alias-label-primary,#e4edf1);--mc-muted:var(--dsw-alias-label-secondary,#9baeb9);--mc-border:var(--dsw-alias-border-l2,#35464f);--mc-danger:#ef998b;--mc-warning:#d6b778}.mc-panel button.mc-primary{color:#10213b}.mc-panel button.mc-danger{background:#40272b;border-color:#704047}.mc-panel button.mc-danger:hover:not(:disabled){background:#513037}}
+@container(max-width:650px){.mc-property{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 14px}.mc-field-header{flex-wrap:wrap}.mc-field-actions{margin-left:auto}.mc-test-heading{flex-wrap:wrap}}
+.mc-panel .mc-form-body{padding:22px 0}.mc-panel .mc-form-footer{padding:14px 0;position:static}.mc-panel .mc-alert{margin:16px 0 0}.mc-panel .mc-activity{padding:14px}.mc-panel .mc-main{overflow:visible}.mc-panel .mc-requests{padding:12px 0;margin-bottom:16px}.mc-panel .mc-detail-heading h3{font-size:20px}
+`;

package/lib/client/i18n/context.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { translator } from "./copy.js";
+// The standalone reader supplies its document language. Host roots supply the DSH service.
+const CopyContext = createContext(translator('en-US'));
+const ActionsContext = createContext(undefined);
+export function CopyProvider({ t, children }) {
+    return _jsx(CopyContext.Provider, { value: t, children: children });
+}
+export function HostCopyProvider({ t, children }) {
+    return (_jsx(ActionsContext.Provider, { value: t, children: _jsx(CopyProvider, { t: t, children: children }) }));
+}
+export function ReportCopyProvider({ locale, children, }) {
+    return _jsx(CopyProvider, { t: translator(locale), children: children });
+}
+export function useCopy() {
+    return useContext(CopyContext);
+}
+export function useActionCopy() {
+    const report = useCopy();
+    return useContext(ActionsContext) ?? report;
+}

package/lib/client/i18n/copy.js

@@ -0,0 +1,57 @@
+import * as credentials from "./credentials.js";
+import * as navigation from "./navigation.js";
+import * as presentation from "./presentation.js";
+import * as python from "./python.js";
+import * as semantic from "./semantic.js";
+export const dictionaries = { credentials, navigation, presentation, semantic, python };
+export const zh = {
+    ...credentials.zh,
+    ...navigation.zh,
+    ...presentation.zh,
+    ...semantic.zh,
+    ...python.zh,
+};
+export const en = {
+    ...credentials.en,
+    ...navigation.en,
+    ...presentation.en,
+    ...semantic.en,
+    ...python.en,
+};
+export function message(key, params = {}) {
+    return { key, params };
+}
+export class CopyError extends Error {
+    copy;
+    constructor(copy) {
+        super(typeof copy === 'string' ? copy : copy.key);
+        this.copy = copy;
+    }
+}
+export function errorMessage(error) {
+    return error instanceof CopyError
+        ? error.copy
+        : error instanceof Error
+            ? error.message
+            : String(error);
+}
+export function translator(locale, lookup) {
+    const translate = (value, params) => {
+        if (value === undefined)
+            return '';
+        const key = typeof value === 'string' ? value : value.key;
+        const values = params ?? (typeof value === 'string' ? {} : value.params);
+        const template = Object.hasOwn(zh, key)
+            ? (lookup?.(key) ?? (locale === 'zh-CN' ? zh : en)[key])
+            : key;
+        return template.replace(/\{(\w+)\}/g, (match, name) => {
+            const entry = values[name];
+            return entry === undefined
+                ? match
+                : typeof entry === 'number'
+                    ? String(entry)
+                    : translate(entry);
+        });
+    };
+    return Object.assign(translate, { locale });
+}