@pageops/sdk 0.1.5 → 0.1.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/dist/index.d.ts +6 -0
- package/dist/pageops-sdk.css +1 -1
- package/dist/pageops-sdk.es.js +132 -98
- package/dist/pageops-sdk.umd.cjs +15 -14
- package/dist/types.d.ts +1 -0
- package/package.json +4 -2
package/dist/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ declare class PageOpsSDKController {
|
|
|
16
16
|
private sourceUploadStatus;
|
|
17
17
|
private sourceUploadError;
|
|
18
18
|
private sourceUploading;
|
|
19
|
+
private sourceRefreshTimer;
|
|
19
20
|
private streaming;
|
|
20
21
|
mount(options: PageOpsMountOptions): void;
|
|
21
22
|
unmount(): void;
|
|
@@ -33,6 +34,11 @@ declare class PageOpsSDKController {
|
|
|
33
34
|
private uploadSource;
|
|
34
35
|
private ask;
|
|
35
36
|
private upsertStep;
|
|
37
|
+
private latestAnalysisStatus;
|
|
38
|
+
private isProjectMemoryUpdating;
|
|
39
|
+
private questionUnavailableReason;
|
|
40
|
+
private scheduleSourceRefresh;
|
|
41
|
+
private stopSourceRefresh;
|
|
36
42
|
private renderPanel;
|
|
37
43
|
private renderSourceUploader;
|
|
38
44
|
private renderSourceItem;
|
package/dist/pageops-sdk.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-source-uploader{display:grid;gap:8px;border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-source-uploader p{margin:0;color:var(--po-muted);font-size:12px;line-height:1.5}.po-upload-button{display:inline-flex;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:var(--po-primary-dark);padding:8px 10px;font-weight:750;cursor:pointer}.po-upload-button input{display:none}.po-upload-status{color:#166534!important}.po-upload-empty{color:#92400e!important}.po-source-list{display:grid;gap:6px}.po-source-item{display:grid;gap:3px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;padding:8px}.po-source-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-source-item span{color:var(--po-muted);font-size:12px}.po-composer textarea:disabled,.po-composer button:disabled{cursor:not-allowed;opacity:.62}.po-upload-error{color:#b91c1c!important}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}
|
|
1
|
+
.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message pre{max-width:100%;margin:8px 0;overflow:auto;border:1px solid var(--po-border);border-radius:6px;background:#f8fafc;padding:10px 12px;white-space:pre}.po-message pre code{border-radius:0;background:transparent;color:#1f2937;padding:0}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-source-uploader{display:grid;gap:8px;border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-source-uploader p{margin:0;color:var(--po-muted);font-size:12px;line-height:1.5}.po-upload-button{display:inline-flex;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:var(--po-primary-dark);padding:8px 10px;font-weight:750;cursor:pointer}.po-upload-button input{display:none}.po-upload-status{color:#166534!important}.po-upload-empty{color:#92400e!important}.po-source-list{display:grid;gap:6px}.po-source-item{display:grid;gap:3px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;padding:8px}.po-source-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-source-item span{color:var(--po-muted);font-size:12px}.po-composer textarea:disabled,.po-composer button:disabled{cursor:not-allowed;opacity:.62}.po-upload-error{color:#b91c1c!important}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}
|
package/dist/pageops-sdk.es.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var c = (
|
|
4
|
-
class
|
|
1
|
+
var w = Object.defineProperty;
|
|
2
|
+
var x = (r, t, e) => t in r ? w(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
|
|
3
|
+
var c = (r, t, e) => x(r, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
+
class S {
|
|
5
5
|
constructor(t) {
|
|
6
6
|
this.options = t;
|
|
7
7
|
}
|
|
8
|
-
async createContext(t = ((
|
|
9
|
-
var
|
|
8
|
+
async createContext(t = ((n) => (n = ((e) => ((s) => (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e))())()) != null ? n : {})()) {
|
|
9
|
+
var i, o, a;
|
|
10
10
|
return this.request("/context/session", {
|
|
11
11
|
method: "POST",
|
|
12
12
|
body: JSON.stringify({
|
|
13
13
|
app_id: this.options.appId,
|
|
14
14
|
env: this.options.env,
|
|
15
15
|
route: t.route,
|
|
16
|
-
url: (
|
|
17
|
-
title: (
|
|
18
|
-
menu_path: (
|
|
16
|
+
url: (i = t.url) != null ? i : location.href,
|
|
17
|
+
title: (o = t.title) != null ? o : document.title,
|
|
18
|
+
menu_path: (a = t.menuPath) != null ? a : [],
|
|
19
19
|
tenant_id: t.tenantId,
|
|
20
20
|
user_role: t.userRole,
|
|
21
21
|
build_version: t.buildVersion
|
|
@@ -49,65 +49,73 @@ class $ {
|
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
async request(t, e) {
|
|
52
|
-
var
|
|
53
|
-
const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(
|
|
54
|
-
if (!
|
|
55
|
-
return
|
|
52
|
+
var o, a;
|
|
53
|
+
const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(o = e == null ? void 0 : e.headers) != null ? o : {} }, n = await fetch(`${this.base()}${t}`, { ...e, headers: s }), i = await n.json();
|
|
54
|
+
if (!n.ok) throw new Error((a = i.message) != null ? a : "PageOps 请求失败");
|
|
55
|
+
return i;
|
|
56
56
|
}
|
|
57
57
|
base() {
|
|
58
58
|
const t = this.options.apiBase.replace(/\/$/, "");
|
|
59
59
|
return t.endsWith("/api") ? t : `${t}/api`;
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
function
|
|
63
|
-
return
|
|
62
|
+
function P(r) {
|
|
63
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
64
64
|
}
|
|
65
|
-
function f(
|
|
66
|
-
return
|
|
65
|
+
function f(r) {
|
|
66
|
+
return P(r).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
|
|
67
67
|
}
|
|
68
|
-
function
|
|
69
|
-
const e =
|
|
68
|
+
function T(r, t) {
|
|
69
|
+
const e = r[t], s = r[t + 1];
|
|
70
70
|
if (!(e != null && e.includes("|")) || !/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s != null ? s : "")) return null;
|
|
71
|
-
const
|
|
72
|
-
let
|
|
73
|
-
for (;
|
|
74
|
-
|
|
75
|
-
const
|
|
76
|
-
return { html: `<table><thead><tr>${
|
|
71
|
+
const n = [];
|
|
72
|
+
let i = t;
|
|
73
|
+
for (; i < r.length && r[i].includes("|") && r[i].trim(); )
|
|
74
|
+
n.push(r[i]), i += 1;
|
|
75
|
+
const o = (h) => h.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((m) => f(m.trim())), a = o(n[0]).map((h) => `<th>${h}</th>`).join(""), d = n.slice(2).map((h) => `<tr>${o(h).map((m) => `<td>${m}</td>`).join("")}</tr>`).join("");
|
|
76
|
+
return { html: `<table><thead><tr>${a}</tr></thead><tbody>${d}</tbody></table>`, next: i };
|
|
77
77
|
}
|
|
78
|
-
function
|
|
79
|
-
const t =
|
|
78
|
+
function $(r) {
|
|
79
|
+
const t = r.split(`
|
|
80
80
|
`), e = [];
|
|
81
81
|
for (let s = 0; s < t.length; s += 1) {
|
|
82
|
-
const
|
|
83
|
-
if (
|
|
84
|
-
|
|
82
|
+
const n = t[s];
|
|
83
|
+
if (n.trim().startsWith("```")) {
|
|
84
|
+
const o = [];
|
|
85
|
+
for (s += 1; s < t.length && !t[s].trim().startsWith("```"); )
|
|
86
|
+
o.push(t[s]), s += 1;
|
|
87
|
+
e.push(`<pre><code>${P(o.join(`
|
|
88
|
+
`))}</code></pre>`);
|
|
89
|
+
continue;
|
|
90
|
+
}
|
|
91
|
+
const i = T(t, s);
|
|
92
|
+
if (i) {
|
|
93
|
+
e.push(i.html), s = i.next - 1;
|
|
85
94
|
continue;
|
|
86
95
|
}
|
|
87
|
-
const n = t[s];
|
|
88
96
|
n.startsWith("### ") ? e.push(`<h4>${f(n.slice(4))}</h4>`) : n.startsWith("## ") ? e.push(`<h3>${f(n.slice(3))}</h3>`) : n.startsWith("# ") ? e.push(`<h2>${f(n.slice(2))}</h2>`) : n.startsWith("- ") ? e.push(`<li>${f(n.slice(2))}</li>`) : n.trim() ? e.push(`<p>${f(n)}</p>`) : e.push("<br>");
|
|
89
97
|
}
|
|
90
98
|
return e.join("");
|
|
91
99
|
}
|
|
92
|
-
async function
|
|
93
|
-
var
|
|
94
|
-
const e =
|
|
95
|
-
let
|
|
100
|
+
async function U(r, t) {
|
|
101
|
+
var i, o, a;
|
|
102
|
+
const e = r.getReader(), s = new TextDecoder();
|
|
103
|
+
let n = "";
|
|
96
104
|
for (; ; ) {
|
|
97
|
-
const { done:
|
|
98
|
-
if (
|
|
99
|
-
|
|
100
|
-
const
|
|
105
|
+
const { done: d, value: h } = await e.read();
|
|
106
|
+
if (d) break;
|
|
107
|
+
n += s.decode(h, { stream: !0 });
|
|
108
|
+
const m = n.split(`
|
|
101
109
|
|
|
102
110
|
`);
|
|
103
|
-
|
|
104
|
-
for (const y of
|
|
105
|
-
const
|
|
106
|
-
|
|
111
|
+
n = (i = m.pop()) != null ? i : "";
|
|
112
|
+
for (const y of m) {
|
|
113
|
+
const p = (o = y.match(/^event: (.+)$/m)) == null ? void 0 : o[1], l = (a = y.match(/^data: (.+)$/m)) == null ? void 0 : a[1];
|
|
114
|
+
p && l && t(p, JSON.parse(l));
|
|
107
115
|
}
|
|
108
116
|
}
|
|
109
117
|
}
|
|
110
|
-
class
|
|
118
|
+
class C {
|
|
111
119
|
constructor() {
|
|
112
120
|
c(this, "client", null);
|
|
113
121
|
c(this, "options", null);
|
|
@@ -124,24 +132,25 @@ class T {
|
|
|
124
132
|
c(this, "sourceUploadStatus", "");
|
|
125
133
|
c(this, "sourceUploadError", "");
|
|
126
134
|
c(this, "sourceUploading", !1);
|
|
135
|
+
c(this, "sourceRefreshTimer", null);
|
|
127
136
|
c(this, "streaming", "");
|
|
128
137
|
}
|
|
129
138
|
mount(t) {
|
|
130
139
|
var e;
|
|
131
|
-
this.unmount(), this.options = t, this.client = new
|
|
140
|
+
this.unmount(), this.options = t, this.client = new S(t), this.root = document.createElement("div"), this.root.className = "pageops-sdk", ((e = t.container) != null ? e : document.body).appendChild(this.root), this.renderClosed();
|
|
132
141
|
}
|
|
133
142
|
unmount() {
|
|
134
143
|
var t;
|
|
135
|
-
(t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshots = [], this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1, this.streaming = "";
|
|
144
|
+
this.stopSourceRefresh(), (t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshots = [], this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1, this.streaming = "";
|
|
136
145
|
}
|
|
137
146
|
open() {
|
|
138
147
|
this.root && (this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadSources(), this.loadConversations(), this.renderPanel());
|
|
139
148
|
}
|
|
140
149
|
close() {
|
|
141
|
-
this.renderClosed();
|
|
150
|
+
this.stopSourceRefresh(), this.renderClosed();
|
|
142
151
|
}
|
|
143
152
|
updateContext(t) {
|
|
144
|
-
this.options && (this.options = { ...this.options, ...t }, this.client = new
|
|
153
|
+
this.options && (this.options = { ...this.options, ...t }, this.client = new S(this.options), this.context = null, this.contextKey = "");
|
|
145
154
|
}
|
|
146
155
|
renderClosed() {
|
|
147
156
|
var t;
|
|
@@ -157,12 +166,12 @@ class T {
|
|
|
157
166
|
return (s = (e = (t = this.options) == null ? void 0 : t.getPageContext) == null ? void 0 : e.call(t)) != null ? s : {};
|
|
158
167
|
}
|
|
159
168
|
getPageContextKey(t) {
|
|
160
|
-
var e, s,
|
|
169
|
+
var e, s, n, i;
|
|
161
170
|
return JSON.stringify([
|
|
162
171
|
(e = t.route) != null ? e : "",
|
|
163
172
|
(s = t.url) != null ? s : location.href,
|
|
164
|
-
(
|
|
165
|
-
(
|
|
173
|
+
(n = t.title) != null ? n : document.title,
|
|
174
|
+
(i = t.menuPath) != null ? i : []
|
|
166
175
|
]);
|
|
167
176
|
}
|
|
168
177
|
async loadSources() {
|
|
@@ -172,7 +181,7 @@ class T {
|
|
|
172
181
|
} catch (t) {
|
|
173
182
|
this.sourceUploadError = t instanceof Error ? t.message : "源码包状态加载失败";
|
|
174
183
|
}
|
|
175
|
-
this.renderPanel();
|
|
184
|
+
this.scheduleSourceRefresh(), this.renderPanel();
|
|
176
185
|
}
|
|
177
186
|
}
|
|
178
187
|
async loadConversations() {
|
|
@@ -191,7 +200,7 @@ class T {
|
|
|
191
200
|
if (this.client) {
|
|
192
201
|
this.sourceUploading = !0, this.sourceUploadStatus = "上传中...", this.sourceUploadError = "", this.renderPanel();
|
|
193
202
|
try {
|
|
194
|
-
await this.client.uploadSource(t), this.sourceSnapshots = await this.client.listSources(), this.sourceUploadStatus = "上传完成";
|
|
203
|
+
await this.client.uploadSource(t), this.sourceSnapshots = await this.client.listSources(), this.sourceUploadStatus = this.isProjectMemoryUpdating() ? "源码上传完成，项目记忆更新中..." : "上传完成", this.scheduleSourceRefresh();
|
|
195
204
|
} catch (e) {
|
|
196
205
|
this.sourceUploadError = e instanceof Error ? e.message : "源码包上传失败", this.sourceUploadStatus = "";
|
|
197
206
|
} finally {
|
|
@@ -200,49 +209,73 @@ class T {
|
|
|
200
209
|
}
|
|
201
210
|
}
|
|
202
211
|
async ask(t) {
|
|
212
|
+
var i;
|
|
203
213
|
if (!this.client) return;
|
|
204
|
-
|
|
205
|
-
|
|
214
|
+
const e = this.questionUnavailableReason();
|
|
215
|
+
if (e) {
|
|
216
|
+
this.sourceUploadError = e, this.renderPanel();
|
|
206
217
|
return;
|
|
207
218
|
}
|
|
208
|
-
const
|
|
209
|
-
if (this.currentThread && this.selectedPageKey && this.selectedPageKey !==
|
|
219
|
+
const s = this.getPageContextKey(this.getPageContext());
|
|
220
|
+
if (this.currentThread && this.selectedPageKey && this.selectedPageKey !== s && (this.currentThread = null), this.currentThread || await this.newConversation(), !this.currentThread) return;
|
|
210
221
|
this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.streaming = "", this.renderPanel();
|
|
211
|
-
const
|
|
212
|
-
if (!
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
222
|
+
const n = await this.client.streamQuestion(this.currentThread.id, t);
|
|
223
|
+
if (!n.ok) {
|
|
224
|
+
const o = await n.json().catch(() => ({}));
|
|
225
|
+
throw new Error(String((i = o.message) != null ? i : "PageOps 流式问答失败"));
|
|
226
|
+
}
|
|
227
|
+
if (!n.body) throw new Error("PageOps 流式问答失败");
|
|
228
|
+
await U(n.body, (o, a) => {
|
|
229
|
+
var d;
|
|
230
|
+
o === "step" && this.upsertStep(a), o === "delta" && (this.streaming += String((d = a.content) != null ? d : "")), o === "done" && this.selectThread(this.currentThread), o === "error" && this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: a }), this.renderPanel();
|
|
216
231
|
});
|
|
217
232
|
}
|
|
218
233
|
upsertStep(t) {
|
|
219
234
|
const e = this.steps.findIndex((s) => s.id === t.id);
|
|
220
235
|
this.steps = e === -1 ? [...this.steps, t] : this.steps.map((s) => s.id === t.id ? { ...s, ...t } : s);
|
|
221
236
|
}
|
|
237
|
+
latestAnalysisStatus() {
|
|
238
|
+
var t, e, s;
|
|
239
|
+
return String((s = (e = (t = this.sourceSnapshots[0]) == null ? void 0 : t.metadata) == null ? void 0 : e.analysis_status) != null ? s : "");
|
|
240
|
+
}
|
|
241
|
+
isProjectMemoryUpdating() {
|
|
242
|
+
return ["pending", "running"].includes(this.latestAnalysisStatus());
|
|
243
|
+
}
|
|
244
|
+
questionUnavailableReason() {
|
|
245
|
+
return this.sourceSnapshots.length ? this.isProjectMemoryUpdating() ? "项目记忆正在更新，完成前暂不能问答。" : this.latestAnalysisStatus() === "failed" ? "项目记忆更新失败，请重新上传或重新索引。" : "" : "请先上传代码包后再提问。";
|
|
246
|
+
}
|
|
247
|
+
scheduleSourceRefresh() {
|
|
248
|
+
this.stopSourceRefresh(), this.isProjectMemoryUpdating() && (this.sourceRefreshTimer = setTimeout(() => void this.loadSources(), 1500));
|
|
249
|
+
}
|
|
250
|
+
stopSourceRefresh() {
|
|
251
|
+
this.sourceRefreshTimer && clearTimeout(this.sourceRefreshTimer), this.sourceRefreshTimer = null;
|
|
252
|
+
}
|
|
222
253
|
renderPanel() {
|
|
223
|
-
|
|
254
|
+
if (!this.panel) return;
|
|
255
|
+
const t = this.questionUnavailableReason(), e = t || "请输入页面分析问题，Enter 发送，Shift + Enter 换行";
|
|
256
|
+
this.panel.innerHTML = `
|
|
224
257
|
<aside class="po-sidebar">
|
|
225
258
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
226
259
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
227
260
|
<input class="po-search" placeholder="搜索问答" />
|
|
228
|
-
<div class="po-thread-list">${this.conversations.map((
|
|
229
|
-
var
|
|
261
|
+
<div class="po-thread-list">${this.conversations.map((s) => {
|
|
262
|
+
var n;
|
|
230
263
|
return `
|
|
231
|
-
<button class="po-thread ${
|
|
232
|
-
<strong>${u(
|
|
264
|
+
<button class="po-thread ${s.id === ((n = this.currentThread) == null ? void 0 : n.id) ? "active" : ""}" data-thread="${s.id}">
|
|
265
|
+
<strong>${u(s.title)}</strong><span>${b(s.created_at)}</span>
|
|
233
266
|
</button>`;
|
|
234
267
|
}).join("")}</div>
|
|
235
268
|
</aside>
|
|
236
269
|
<main class="po-chat">
|
|
237
270
|
<header><div><p>问数回答</p><h2>${this.currentThread ? u(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
238
271
|
<section class="po-messages">
|
|
239
|
-
${this.messages.map((
|
|
240
|
-
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${
|
|
272
|
+
${this.messages.map((s) => `<article class="po-message ${s.role}"><b>${s.role === "user" ? "你" : "PageOps 分析"}</b><div>${s.role === "assistant" ? $(s.content) : u(s.content)}</div></article>`).join("")}
|
|
273
|
+
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${$(this.streaming)}</div></article>` : ""}
|
|
241
274
|
</section>
|
|
242
|
-
<form class="po-composer"><textarea ${
|
|
275
|
+
<form class="po-composer"><textarea ${t ? "disabled" : ""} placeholder="${u(e)}"></textarea><button type="submit" ${t ? "disabled" : ""}>${t ? "暂不可提问" : "发送"}</button></form>
|
|
243
276
|
</main>
|
|
244
277
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
245
|
-
`, this.bindPanelEvents()
|
|
278
|
+
`, this.bindPanelEvents();
|
|
246
279
|
}
|
|
247
280
|
renderSourceUploader() {
|
|
248
281
|
return `
|
|
@@ -260,8 +293,9 @@ class T {
|
|
|
260
293
|
`;
|
|
261
294
|
}
|
|
262
295
|
renderSourceItem(t) {
|
|
263
|
-
|
|
264
|
-
|
|
296
|
+
var a, d, h;
|
|
297
|
+
const e = t.filename || "未命名代码包", s = t.created_at ? b(t.created_at) : "刚刚上传", n = E(t.archive_bytes || t.total_bytes || 0), i = String((d = (a = t.metadata) == null ? void 0 : a.analysis_status) != null ? d : "unknown"), o = (h = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[i]) != null ? h : "项目记忆状态未知";
|
|
298
|
+
return `<article class="po-source-item"><strong>${u(e)}</strong><span>${u(s)} · ${u(n)}</span><span>${u(o)}</span></article>`;
|
|
265
299
|
}
|
|
266
300
|
renderSteps() {
|
|
267
301
|
return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
|
|
@@ -270,43 +304,43 @@ class T {
|
|
|
270
304
|
}).join("");
|
|
271
305
|
}
|
|
272
306
|
bindPanelEvents() {
|
|
273
|
-
var t, e, s,
|
|
274
|
-
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (
|
|
275
|
-
var
|
|
276
|
-
const
|
|
277
|
-
|
|
278
|
-
}), (
|
|
279
|
-
|
|
280
|
-
const
|
|
281
|
-
|
|
307
|
+
var t, e, s, n, i, o, a, d, h, m, y;
|
|
308
|
+
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (n = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || n.addEventListener("click", () => this.close()), (o = (i = this.panel) == null ? void 0 : i.querySelector('[data-action="upload-source"]')) == null || o.addEventListener("change", (p) => {
|
|
309
|
+
var g;
|
|
310
|
+
const l = (g = p.target.files) == null ? void 0 : g[0];
|
|
311
|
+
l && this.uploadSource(l);
|
|
312
|
+
}), (a = this.panel) == null || a.querySelectorAll("[data-thread]").forEach((p) => {
|
|
313
|
+
p.addEventListener("click", () => {
|
|
314
|
+
const l = this.conversations.find((g) => g.id === p.dataset.thread);
|
|
315
|
+
l && this.selectThread(l);
|
|
282
316
|
});
|
|
283
|
-
}), (
|
|
317
|
+
}), (h = (d = this.panel) == null ? void 0 : d.querySelector("form")) == null || h.addEventListener("submit", (p) => {
|
|
284
318
|
var v;
|
|
285
|
-
|
|
286
|
-
const
|
|
287
|
-
|
|
288
|
-
}), (y = (
|
|
289
|
-
var
|
|
290
|
-
const
|
|
291
|
-
|
|
319
|
+
p.preventDefault();
|
|
320
|
+
const l = (v = this.panel) == null ? void 0 : v.querySelector("textarea"), g = l == null ? void 0 : l.value.trim();
|
|
321
|
+
g && (l.value = "", this.ask(g));
|
|
322
|
+
}), (y = (m = this.panel) == null ? void 0 : m.querySelector("textarea")) == null || y.addEventListener("keydown", (p) => {
|
|
323
|
+
var g, v;
|
|
324
|
+
const l = p;
|
|
325
|
+
l.key === "Enter" && !l.shiftKey && (l.preventDefault(), (v = (g = this.panel) == null ? void 0 : g.querySelector("form")) == null || v.requestSubmit());
|
|
292
326
|
});
|
|
293
327
|
}
|
|
294
328
|
}
|
|
295
|
-
function u(
|
|
296
|
-
return
|
|
329
|
+
function u(r) {
|
|
330
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
297
331
|
}
|
|
298
|
-
function b(
|
|
299
|
-
return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(
|
|
332
|
+
function b(r) {
|
|
333
|
+
return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(r));
|
|
300
334
|
}
|
|
301
|
-
function
|
|
302
|
-
if (!
|
|
335
|
+
function E(r) {
|
|
336
|
+
if (!r) return "0 B";
|
|
303
337
|
const t = ["B", "KB", "MB", "GB"];
|
|
304
|
-
let e =
|
|
338
|
+
let e = r, s = 0;
|
|
305
339
|
for (; e >= 1024 && s < t.length - 1; )
|
|
306
340
|
e /= 1024, s += 1;
|
|
307
341
|
return `${e >= 10 || s === 0 ? e.toFixed(0) : e.toFixed(1)} ${t[s]}`;
|
|
308
342
|
}
|
|
309
|
-
const _ = new
|
|
343
|
+
const _ = new C();
|
|
310
344
|
export {
|
|
311
345
|
_ as PageOpsSDK
|
|
312
346
|
};
|
package/dist/pageops-sdk.umd.cjs
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
`),
|
|
1
|
+
(function(u,h){typeof exports=="object"&&typeof module!="undefined"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(u=typeof globalThis!="undefined"?globalThis:u||self,h(u.PageOpsSDK={}))})(this,(function(u){"use strict";var K=Object.defineProperty;var O=(u,h,S)=>h in u?K(u,h,{enumerable:!0,configurable:!0,writable:!0,value:S}):u[h]=S;var c=(u,h,S)=>O(u,typeof h!="symbol"?h+"":h,S);class h{constructor(e){this.options=e}async createContext(e=(n=>(n=(t=>(s=>(s=(t=this.options).getPageContext)==null?void 0:s.call(t))())())!=null?n:{})()){var i,r,a;return this.request("/context/session",{method:"POST",body:JSON.stringify({app_id:this.options.appId,env:this.options.env,route:e.route,url:(i=e.url)!=null?i:location.href,title:(r=e.title)!=null?r:document.title,menu_path:(a=e.menuPath)!=null?a:[],tenant_id:e.tenantId,user_role:e.userRole,build_version:e.buildVersion})})}async listConversations(){return(await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations}async createConversation(e,t){return this.request("/conversations",{method:"POST",body:JSON.stringify({app_id:this.options.appId,context_session_id:e,title:t})})}async listMessages(e){return(await this.request(`/conversations/${encodeURIComponent(e)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages}async listSources(){return(await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources}uploadSource(e){const t=new FormData;return t.append("file",e),this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`,{method:"POST",body:t,headers:{}})}streamQuestion(e,t){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({app_id:this.options.appId,thread_id:e,question:t})})}async request(e,t){var r,a;const s=(t==null?void 0:t.body)instanceof FormData?t.headers:{"content-type":"application/json",...(r=t==null?void 0:t.headers)!=null?r:{}},n=await fetch(`${this.base()}${e}`,{...t,headers:s}),i=await n.json();if(!n.ok)throw new Error((a=i.message)!=null?a:"PageOps 请求失败");return i}base(){const e=this.options.apiBase.replace(/\/$/,"");return e.endsWith("/api")?e:`${e}/api`}}function S(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}function v(o){return S(o).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function x(o,e){const t=o[e],s=o[e+1];if(!(t!=null&&t.includes("|"))||!/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s!=null?s:""))return null;const n=[];let i=e;for(;i<o.length&&o[i].includes("|")&&o[i].trim();)n.push(o[i]),i+=1;const r=d=>d.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(y=>v(y.trim())),a=r(n[0]).map(d=>`<th>${d}</th>`).join(""),g=n.slice(2).map(d=>`<tr>${r(d).map(y=>`<td>${y}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${a}</tr></thead><tbody>${g}</tbody></table>`,next:i}}function P(o){const e=o.split(`
|
|
2
|
+
`),t=[];for(let s=0;s<e.length;s+=1){const n=e[s];if(n.trim().startsWith("```")){const r=[];for(s+=1;s<e.length&&!e[s].trim().startsWith("```");)r.push(e[s]),s+=1;t.push(`<pre><code>${S(r.join(`
|
|
3
|
+
`))}</code></pre>`);continue}const i=x(e,s);if(i){t.push(i.html),s=i.next-1;continue}n.startsWith("### ")?t.push(`<h4>${v(n.slice(4))}</h4>`):n.startsWith("## ")?t.push(`<h3>${v(n.slice(3))}</h3>`):n.startsWith("# ")?t.push(`<h2>${v(n.slice(2))}</h2>`):n.startsWith("- ")?t.push(`<li>${v(n.slice(2))}</li>`):n.trim()?t.push(`<p>${v(n)}</p>`):t.push("<br>")}return t.join("")}async function T(o,e){var i,r,a;const t=o.getReader(),s=new TextDecoder;let n="";for(;;){const{done:g,value:d}=await t.read();if(g)break;n+=s.decode(d,{stream:!0});const y=n.split(`
|
|
3
4
|
|
|
4
|
-
`);
|
|
5
|
+
`);n=(i=y.pop())!=null?i:"";for(const $ of y){const m=(r=$.match(/^event: (.+)$/m))==null?void 0:r[1],l=(a=$.match(/^data: (.+)$/m))==null?void 0:a[1];m&&l&&e(m,JSON.parse(l))}}}class U{constructor(){c(this,"client",null);c(this,"options",null);c(this,"root",null);c(this,"panel",null);c(this,"context",null);c(this,"contextKey","");c(this,"selectedPageKey","");c(this,"currentThread",null);c(this,"conversations",[]);c(this,"messages",[]);c(this,"steps",[]);c(this,"sourceSnapshots",[]);c(this,"sourceUploadStatus","");c(this,"sourceUploadError","");c(this,"sourceUploading",!1);c(this,"sourceRefreshTimer",null);c(this,"streaming","")}mount(e){var t;this.unmount(),this.options=e,this.client=new h(e),this.root=document.createElement("div"),this.root.className="pageops-sdk",((t=e.container)!=null?t:document.body).appendChild(this.root),this.renderClosed()}unmount(){var e;this.stopSourceRefresh(),(e=this.root)==null||e.remove(),this.root=null,this.panel=null,this.context=null,this.contextKey="",this.selectedPageKey="",this.currentThread=null,this.conversations=[],this.messages=[],this.steps=[],this.sourceSnapshots=[],this.sourceUploadStatus="",this.sourceUploadError="",this.sourceUploading=!1,this.streaming=""}open(){this.root&&(this.root.innerHTML="",this.panel=document.createElement("div"),this.panel.className="po-panel",this.root.appendChild(this.panel),this.loadSources(),this.loadConversations(),this.renderPanel())}close(){this.stopSourceRefresh(),this.renderClosed()}updateContext(e){this.options&&(this.options={...this.options,...e},this.client=new h(this.options),this.context=null,this.contextKey="")}renderClosed(){var e;this.root&&(this.root.innerHTML='<button class="po-fab" type="button">多轮问答</button>',(e=this.root.querySelector("button"))==null||e.addEventListener("click",()=>this.open()))}async ensureContext(){if(!this.client||!this.options)throw new Error("PageOps SDK 未初始化");const e=this.getPageContext(),t=this.getPageContextKey(e);return this.context&&this.contextKey===t?this.context:(this.context=await this.client.createContext(e),this.contextKey=t,this.context)}getPageContext(){var e,t,s;return(s=(t=(e=this.options)==null?void 0:e.getPageContext)==null?void 0:t.call(e))!=null?s:{}}getPageContextKey(e){var t,s,n,i;return JSON.stringify([(t=e.route)!=null?t:"",(s=e.url)!=null?s:location.href,(n=e.title)!=null?n:document.title,(i=e.menuPath)!=null?i:[]])}async loadSources(){if(this.client){try{this.sourceSnapshots=await this.client.listSources(),this.sourceUploadError=""}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包状态加载失败"}this.scheduleSourceRefresh(),this.renderPanel()}}async loadConversations(){this.client&&(this.conversations=await this.client.listConversations(),this.renderPanel())}async newConversation(){var s;if(!this.client)return;const e=await this.ensureContext(),t=(s=e.menu_path)!=null&&s.length?e.menu_path.join(" / "):e.route||document.title||"新的问答";this.currentThread=await this.client.createConversation(e.id,t),this.selectedPageKey=this.contextKey,this.conversations=[this.currentThread,...this.conversations],this.messages=[],this.steps=[],this.streaming="",this.renderPanel()}async selectThread(e){this.client&&(this.currentThread=e,this.selectedPageKey=this.getPageContextKey(this.getPageContext()),this.messages=await this.client.listMessages(e.id),this.steps=[],this.streaming="",this.renderPanel())}async uploadSource(e){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{await this.client.uploadSource(e),this.sourceSnapshots=await this.client.listSources(),this.sourceUploadStatus=this.isProjectMemoryUpdating()?"源码上传完成，项目记忆更新中...":"上传完成",this.scheduleSourceRefresh()}catch(t){this.sourceUploadError=t instanceof Error?t.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(e){var i;if(!this.client)return;const t=this.questionUnavailableReason();if(t){this.sourceUploadError=t,this.renderPanel();return}const s=this.getPageContextKey(this.getPageContext());if(this.currentThread&&this.selectedPageKey&&this.selectedPageKey!==s&&(this.currentThread=null),this.currentThread||await this.newConversation(),!this.currentThread)return;this.messages.push({id:`local-${Date.now()}`,role:"user",content:e,metadata_json:{}}),this.steps=[],this.streaming="",this.renderPanel();const n=await this.client.streamQuestion(this.currentThread.id,e);if(!n.ok){const r=await n.json().catch(()=>({}));throw new Error(String((i=r.message)!=null?i:"PageOps 流式问答失败"))}if(!n.body)throw new Error("PageOps 流式问答失败");await T(n.body,(r,a)=>{var g;r==="step"&&this.upsertStep(a),r==="delta"&&(this.streaming+=String((g=a.content)!=null?g:"")),r==="done"&&this.selectThread(this.currentThread),r==="error"&&this.upsertStep({id:"error",title:"执行失败",status:"failed",details:a}),this.renderPanel()})}upsertStep(e){const t=this.steps.findIndex(s=>s.id===e.id);this.steps=t===-1?[...this.steps,e]:this.steps.map(s=>s.id===e.id?{...s,...e}:s)}latestAnalysisStatus(){var e,t,s;return String((s=(t=(e=this.sourceSnapshots[0])==null?void 0:e.metadata)==null?void 0:t.analysis_status)!=null?s:"")}isProjectMemoryUpdating(){return["pending","running"].includes(this.latestAnalysisStatus())}questionUnavailableReason(){return this.sourceSnapshots.length?this.isProjectMemoryUpdating()?"项目记忆正在更新，完成前暂不能问答。":this.latestAnalysisStatus()==="failed"?"项目记忆更新失败，请重新上传或重新索引。":"":"请先上传代码包后再提问。"}scheduleSourceRefresh(){this.stopSourceRefresh(),this.isProjectMemoryUpdating()&&(this.sourceRefreshTimer=setTimeout(()=>void this.loadSources(),1500))}stopSourceRefresh(){this.sourceRefreshTimer&&clearTimeout(this.sourceRefreshTimer),this.sourceRefreshTimer=null}renderPanel(){if(!this.panel)return;const e=this.questionUnavailableReason(),t=e||"请输入页面分析问题，Enter 发送，Shift + Enter 换行";this.panel.innerHTML=`
|
|
5
6
|
<aside class="po-sidebar">
|
|
6
7
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
7
8
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
8
9
|
<input class="po-search" placeholder="搜索问答" />
|
|
9
|
-
<div class="po-thread-list">${this.conversations.map(
|
|
10
|
-
<button class="po-thread ${
|
|
11
|
-
<strong>${
|
|
10
|
+
<div class="po-thread-list">${this.conversations.map(s=>{var n;return`
|
|
11
|
+
<button class="po-thread ${s.id===((n=this.currentThread)==null?void 0:n.id)?"active":""}" data-thread="${s.id}">
|
|
12
|
+
<strong>${p(s.title)}</strong><span>${w(s.created_at)}</span>
|
|
12
13
|
</button>`}).join("")}</div>
|
|
13
14
|
</aside>
|
|
14
15
|
<main class="po-chat">
|
|
15
|
-
<header><div><p>问数回答</p><h2>${this.currentThread?
|
|
16
|
+
<header><div><p>问数回答</p><h2>${this.currentThread?p(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
16
17
|
<section class="po-messages">
|
|
17
|
-
${this.messages.map(
|
|
18
|
+
${this.messages.map(s=>`<article class="po-message ${s.role}"><b>${s.role==="user"?"你":"PageOps 分析"}</b><div>${s.role==="assistant"?P(s.content):p(s.content)}</div></article>`).join("")}
|
|
18
19
|
${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${P(this.streaming)}</div></article>`:""}
|
|
19
20
|
</section>
|
|
20
|
-
<form class="po-composer"><textarea ${
|
|
21
|
+
<form class="po-composer"><textarea ${e?"disabled":""} placeholder="${p(t)}"></textarea><button type="submit" ${e?"disabled":""}>${e?"暂不可提问":"发送"}</button></form>
|
|
21
22
|
</main>
|
|
22
23
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
23
|
-
`,this.bindPanelEvents()
|
|
24
|
+
`,this.bindPanelEvents()}renderSourceUploader(){return`
|
|
24
25
|
<div class="po-source-uploader">
|
|
25
26
|
<strong>源码包</strong>
|
|
26
27
|
<p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
|
|
@@ -28,8 +29,8 @@
|
|
|
28
29
|
<span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
|
|
29
30
|
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
|
|
30
31
|
</label>
|
|
31
|
-
${this.sourceUploadStatus?`<p class="po-upload-status">${
|
|
32
|
-
${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(
|
|
33
|
-
${this.sourceUploadError?`<p class="po-upload-error">${
|
|
32
|
+
${this.sourceUploadStatus?`<p class="po-upload-status">${p(this.sourceUploadStatus)}</p>`:""}
|
|
33
|
+
${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(e=>this.renderSourceItem(e)).join("")}</div>`:'<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
|
|
34
|
+
${this.sourceUploadError?`<p class="po-upload-error">${p(this.sourceUploadError)}</p>`:""}
|
|
34
35
|
</div>
|
|
35
|
-
`}renderSourceItem(
|
|
36
|
+
`}renderSourceItem(e){var a,g,d;const t=e.filename||"未命名代码包",s=e.created_at?w(e.created_at):"刚刚上传",n=C(e.archive_bytes||e.total_bytes||0),i=String((g=(a=e.metadata)==null?void 0:a.analysis_status)!=null?g:"unknown"),r=(d={pending:"项目记忆等待更新",running:"项目记忆更新中",ready:"项目记忆已就绪",failed:"项目记忆更新失败"}[i])!=null?d:"项目记忆状态未知";return`<article class="po-source-item"><strong>${p(t)}</strong><span>${p(s)} · ${p(n)}</span><span>${p(r)}</span></article>`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(t=>{var s;return`<details class="po-step ${t.status}" ${t.status==="running"||t.status==="failed"?"open":""}><summary><strong>${p(t.title)}</strong><span>${t.status}</span></summary><pre>${p(JSON.stringify((s=t.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var e,t,s,n,i,r,a,g,d,y,$;(t=(e=this.panel)==null?void 0:e.querySelector('[data-action="new"]'))==null||t.addEventListener("click",()=>void this.newConversation()),(n=(s=this.panel)==null?void 0:s.querySelector('[data-action="close"]'))==null||n.addEventListener("click",()=>this.close()),(r=(i=this.panel)==null?void 0:i.querySelector('[data-action="upload-source"]'))==null||r.addEventListener("change",m=>{var f;const l=(f=m.target.files)==null?void 0:f[0];l&&this.uploadSource(l)}),(a=this.panel)==null||a.querySelectorAll("[data-thread]").forEach(m=>{m.addEventListener("click",()=>{const l=this.conversations.find(f=>f.id===m.dataset.thread);l&&this.selectThread(l)})}),(d=(g=this.panel)==null?void 0:g.querySelector("form"))==null||d.addEventListener("submit",m=>{var b;m.preventDefault();const l=(b=this.panel)==null?void 0:b.querySelector("textarea"),f=l==null?void 0:l.value.trim();f&&(l.value="",this.ask(f))}),($=(y=this.panel)==null?void 0:y.querySelector("textarea"))==null||$.addEventListener("keydown",m=>{var f,b;const l=m;l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),(b=(f=this.panel)==null?void 0:f.querySelector("form"))==null||b.requestSubmit())})}}function p(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function w(o){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(o))}function C(o){if(!o)return"0 B";const e=["B","KB","MB","GB"];let t=o,s=0;for(;t>=1024&&s<e.length-1;)t/=1024,s+=1;return`${t>=10||s===0?t.toFixed(0):t.toFixed(1)} ${e[s]}`}const E=new U;u.PageOpsSDK=E,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pageops/sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "PageOps embeddable frontend SDK",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/pageops-sdk.umd.cjs",
|
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
},
|
|
16
16
|
"./dist/pageops-sdk.css": "./dist/pageops-sdk.css"
|
|
17
17
|
},
|
|
18
|
-
"files": [
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
19
21
|
"scripts": {
|
|
20
22
|
"build": "vite build && tsc --emitDeclarationOnly",
|
|
21
23
|
"pack:check": "npm pack --dry-run"
|