@pageops/sdk 0.1.2 → 0.1.4
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/client.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/pageops-sdk.css +1 -1
- package/dist/pageops-sdk.es.js +92 -64
- package/dist/pageops-sdk.umd.cjs +12 -12
- package/dist/types.d.ts +8 -0
- package/package.json +1 -1
package/dist/client.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare class PageOpsClient {
|
|
|
6
6
|
listConversations(): Promise<ConversationThread[]>;
|
|
7
7
|
createConversation(contextSessionId: string, title?: string): Promise<ConversationThread>;
|
|
8
8
|
listMessages(threadId: string): Promise<ConversationMessage[]>;
|
|
9
|
+
listSources(): Promise<SourceSnapshot[]>;
|
|
9
10
|
uploadSource(file: File): Promise<SourceSnapshot>;
|
|
10
11
|
streamQuestion(threadId: string, question: string): Promise<Response>;
|
|
11
12
|
private request;
|
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ declare class PageOpsSDKController {
|
|
|
10
10
|
private conversations;
|
|
11
11
|
private messages;
|
|
12
12
|
private steps;
|
|
13
|
-
private
|
|
13
|
+
private sourceSnapshots;
|
|
14
14
|
private sourceUploadStatus;
|
|
15
15
|
private sourceUploadError;
|
|
16
16
|
private sourceUploading;
|
|
@@ -22,6 +22,7 @@ declare class PageOpsSDKController {
|
|
|
22
22
|
updateContext(options: Partial<PageOpsMountOptions>): void;
|
|
23
23
|
private renderClosed;
|
|
24
24
|
private ensureContext;
|
|
25
|
+
private loadSources;
|
|
25
26
|
private loadConversations;
|
|
26
27
|
private newConversation;
|
|
27
28
|
private selectThread;
|
|
@@ -30,6 +31,7 @@ declare class PageOpsSDKController {
|
|
|
30
31
|
private upsertStep;
|
|
31
32
|
private renderPanel;
|
|
32
33
|
private renderSourceUploader;
|
|
34
|
+
private renderSourceItem;
|
|
33
35
|
private renderSteps;
|
|
34
36
|
private bindPanelEvents;
|
|
35
37
|
}
|
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-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 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,13 +1,13 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var a = (
|
|
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 a = (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
8
|
async createContext() {
|
|
9
|
-
var e, s,
|
|
10
|
-
const t = (
|
|
9
|
+
var e, s, o, n, c;
|
|
10
|
+
const t = (o = (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e)) != null ? o : {};
|
|
11
11
|
return this.request("/context/session", {
|
|
12
12
|
method: "POST",
|
|
13
13
|
body: JSON.stringify({
|
|
@@ -23,32 +23,35 @@ class b {
|
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
async listConversations() {
|
|
26
|
-
return (await this.request(
|
|
26
|
+
return (await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations;
|
|
27
27
|
}
|
|
28
28
|
async createConversation(t, e) {
|
|
29
29
|
return this.request("/conversations", {
|
|
30
30
|
method: "POST",
|
|
31
|
-
body: JSON.stringify({ context_session_id: t, title: e })
|
|
31
|
+
body: JSON.stringify({ app_id: this.options.appId, context_session_id: t, title: e })
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
async listMessages(t) {
|
|
35
|
-
return (await this.request(`/conversations/${encodeURIComponent(t)}/messages`)).messages;
|
|
35
|
+
return (await this.request(`/conversations/${encodeURIComponent(t)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages;
|
|
36
|
+
}
|
|
37
|
+
async listSources() {
|
|
38
|
+
return (await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources;
|
|
36
39
|
}
|
|
37
40
|
uploadSource(t) {
|
|
38
41
|
const e = new FormData();
|
|
39
|
-
return e.append("file", t), this.request(
|
|
42
|
+
return e.append("file", t), this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`, { method: "POST", body: e, headers: {} });
|
|
40
43
|
}
|
|
41
44
|
streamQuestion(t, e) {
|
|
42
45
|
return fetch(`${this.base()}/question/stream`, {
|
|
43
46
|
method: "POST",
|
|
44
47
|
headers: { "content-type": "application/json" },
|
|
45
|
-
body: JSON.stringify({ thread_id: t, question: e })
|
|
48
|
+
body: JSON.stringify({ app_id: this.options.appId, thread_id: t, question: e })
|
|
46
49
|
});
|
|
47
50
|
}
|
|
48
51
|
async request(t, e) {
|
|
49
52
|
var c, h;
|
|
50
|
-
const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(c = e == null ? void 0 : e.headers) != null ? c : {} },
|
|
51
|
-
if (!
|
|
53
|
+
const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(c = e == null ? void 0 : e.headers) != null ? c : {} }, o = await fetch(`${this.base()}${t}`, { ...e, headers: s }), n = await o.json();
|
|
54
|
+
if (!o.ok) throw new Error((h = n.message) != null ? h : "PageOps 请求失败");
|
|
52
55
|
return n;
|
|
53
56
|
}
|
|
54
57
|
base() {
|
|
@@ -56,29 +59,29 @@ class b {
|
|
|
56
59
|
return t.endsWith("/api") ? t : `${t}/api`;
|
|
57
60
|
}
|
|
58
61
|
}
|
|
59
|
-
function
|
|
60
|
-
return
|
|
62
|
+
function E(r) {
|
|
63
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
61
64
|
}
|
|
62
|
-
function f(
|
|
63
|
-
return
|
|
65
|
+
function f(r) {
|
|
66
|
+
return E(r).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
|
|
64
67
|
}
|
|
65
|
-
function
|
|
66
|
-
const e =
|
|
68
|
+
function U(r, t) {
|
|
69
|
+
const e = r[t], s = r[t + 1];
|
|
67
70
|
if (!(e != null && e.includes("|")) || !/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s != null ? s : "")) return null;
|
|
68
|
-
const
|
|
71
|
+
const o = [];
|
|
69
72
|
let n = t;
|
|
70
|
-
for (; n <
|
|
71
|
-
|
|
72
|
-
const c = (d) => d.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((
|
|
73
|
+
for (; n < r.length && r[n].includes("|") && r[n].trim(); )
|
|
74
|
+
o.push(r[n]), n += 1;
|
|
75
|
+
const c = (d) => d.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((m) => f(m.trim())), h = c(o[0]).map((d) => `<th>${d}</th>`).join(""), g = o.slice(2).map((d) => `<tr>${c(d).map((m) => `<td>${m}</td>`).join("")}</tr>`).join("");
|
|
73
76
|
return { html: `<table><thead><tr>${h}</tr></thead><tbody>${g}</tbody></table>`, next: n };
|
|
74
77
|
}
|
|
75
|
-
function
|
|
76
|
-
const t =
|
|
78
|
+
function b(r) {
|
|
79
|
+
const t = r.split(`
|
|
77
80
|
`), e = [];
|
|
78
81
|
for (let s = 0; s < t.length; s += 1) {
|
|
79
|
-
const
|
|
80
|
-
if (
|
|
81
|
-
e.push(
|
|
82
|
+
const o = U(t, s);
|
|
83
|
+
if (o) {
|
|
84
|
+
e.push(o.html), s = o.next - 1;
|
|
82
85
|
continue;
|
|
83
86
|
}
|
|
84
87
|
const n = t[s];
|
|
@@ -86,19 +89,19 @@ function S(o) {
|
|
|
86
89
|
}
|
|
87
90
|
return e.join("");
|
|
88
91
|
}
|
|
89
|
-
async function
|
|
92
|
+
async function C(r, t) {
|
|
90
93
|
var n, c, h;
|
|
91
|
-
const e =
|
|
92
|
-
let
|
|
94
|
+
const e = r.getReader(), s = new TextDecoder();
|
|
95
|
+
let o = "";
|
|
93
96
|
for (; ; ) {
|
|
94
97
|
const { done: g, value: d } = await e.read();
|
|
95
98
|
if (g) break;
|
|
96
|
-
|
|
97
|
-
const
|
|
99
|
+
o += s.decode(d, { stream: !0 });
|
|
100
|
+
const m = o.split(`
|
|
98
101
|
|
|
99
102
|
`);
|
|
100
|
-
|
|
101
|
-
for (const v of
|
|
103
|
+
o = (n = m.pop()) != null ? n : "";
|
|
104
|
+
for (const v of m) {
|
|
102
105
|
const l = (c = v.match(/^event: (.+)$/m)) == null ? void 0 : c[1], i = (h = v.match(/^data: (.+)$/m)) == null ? void 0 : h[1];
|
|
103
106
|
l && i && t(l, JSON.parse(i));
|
|
104
107
|
}
|
|
@@ -115,7 +118,7 @@ class P {
|
|
|
115
118
|
a(this, "conversations", []);
|
|
116
119
|
a(this, "messages", []);
|
|
117
120
|
a(this, "steps", []);
|
|
118
|
-
a(this, "
|
|
121
|
+
a(this, "sourceSnapshots", []);
|
|
119
122
|
a(this, "sourceUploadStatus", "");
|
|
120
123
|
a(this, "sourceUploadError", "");
|
|
121
124
|
a(this, "sourceUploading", !1);
|
|
@@ -123,20 +126,20 @@ class P {
|
|
|
123
126
|
}
|
|
124
127
|
mount(t) {
|
|
125
128
|
var e;
|
|
126
|
-
this.unmount(), this.options = t, this.client = new
|
|
129
|
+
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();
|
|
127
130
|
}
|
|
128
131
|
unmount() {
|
|
129
132
|
var t;
|
|
130
|
-
(t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.
|
|
133
|
+
(t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshots = [], this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1, this.streaming = "";
|
|
131
134
|
}
|
|
132
135
|
open() {
|
|
133
|
-
this.root && (this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadConversations(), this.renderPanel());
|
|
136
|
+
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());
|
|
134
137
|
}
|
|
135
138
|
close() {
|
|
136
139
|
this.renderClosed();
|
|
137
140
|
}
|
|
138
141
|
updateContext(t) {
|
|
139
|
-
this.options && (this.options = { ...this.options, ...t }, this.client = new
|
|
142
|
+
this.options && (this.options = { ...this.options, ...t }, this.client = new S(this.options));
|
|
140
143
|
}
|
|
141
144
|
renderClosed() {
|
|
142
145
|
var t;
|
|
@@ -147,6 +150,16 @@ class P {
|
|
|
147
150
|
if (!this.client) throw new Error("PageOps SDK 未初始化");
|
|
148
151
|
return this.context = await this.client.createContext(), this.context;
|
|
149
152
|
}
|
|
153
|
+
async loadSources() {
|
|
154
|
+
if (this.client) {
|
|
155
|
+
try {
|
|
156
|
+
this.sourceSnapshots = await this.client.listSources(), this.sourceUploadError = "";
|
|
157
|
+
} catch (t) {
|
|
158
|
+
this.sourceUploadError = t instanceof Error ? t.message : "源码包状态加载失败";
|
|
159
|
+
}
|
|
160
|
+
this.renderPanel();
|
|
161
|
+
}
|
|
162
|
+
}
|
|
150
163
|
async loadConversations() {
|
|
151
164
|
this.client && (this.conversations = await this.client.listConversations(), this.renderPanel());
|
|
152
165
|
}
|
|
@@ -162,7 +175,7 @@ class P {
|
|
|
162
175
|
if (this.client) {
|
|
163
176
|
this.sourceUploading = !0, this.sourceUploadStatus = "上传中...", this.sourceUploadError = "", this.renderPanel();
|
|
164
177
|
try {
|
|
165
|
-
this.
|
|
178
|
+
await this.client.uploadSource(t), this.sourceSnapshots = await this.client.listSources(), this.sourceUploadStatus = "上传完成";
|
|
166
179
|
} catch (e) {
|
|
167
180
|
this.sourceUploadError = e instanceof Error ? e.message : "源码包上传失败", this.sourceUploadStatus = "";
|
|
168
181
|
} finally {
|
|
@@ -171,13 +184,18 @@ class P {
|
|
|
171
184
|
}
|
|
172
185
|
}
|
|
173
186
|
async ask(t) {
|
|
174
|
-
if (!this.client
|
|
187
|
+
if (!this.client) return;
|
|
188
|
+
if (!this.sourceSnapshots.length) {
|
|
189
|
+
this.sourceUploadError = "请先上传代码包后再提问。", this.renderPanel();
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
if (this.currentThread || await this.newConversation(), !this.currentThread) return;
|
|
175
193
|
this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.streaming = "", this.renderPanel();
|
|
176
194
|
const e = await this.client.streamQuestion(this.currentThread.id, t);
|
|
177
195
|
if (!e.ok || !e.body) throw new Error("PageOps 流式问答失败");
|
|
178
|
-
await
|
|
196
|
+
await C(e.body, (s, o) => {
|
|
179
197
|
var n;
|
|
180
|
-
s === "step" && this.upsertStep(
|
|
198
|
+
s === "step" && this.upsertStep(o), s === "delta" && (this.streaming += String((n = o.content) != null ? n : "")), s === "done" && this.selectThread(this.currentThread), s === "error" && this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: o }), this.renderPanel();
|
|
181
199
|
});
|
|
182
200
|
}
|
|
183
201
|
upsertStep(t) {
|
|
@@ -194,24 +212,22 @@ class P {
|
|
|
194
212
|
var e;
|
|
195
213
|
return `
|
|
196
214
|
<button class="po-thread ${t.id === ((e = this.currentThread) == null ? void 0 : e.id) ? "active" : ""}" data-thread="${t.id}">
|
|
197
|
-
<strong>${
|
|
215
|
+
<strong>${u(t.title)}</strong><span>${y(t.created_at)}</span>
|
|
198
216
|
</button>`;
|
|
199
217
|
}).join("")}</div>
|
|
200
218
|
</aside>
|
|
201
219
|
<main class="po-chat">
|
|
202
|
-
<header><div><p>问数回答</p><h2>${this.currentThread ?
|
|
220
|
+
<header><div><p>问数回答</p><h2>${this.currentThread ? u(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
203
221
|
<section class="po-messages">
|
|
204
|
-
${this.messages.map((t) => `<article class="po-message ${t.role}"><b>${t.role === "user" ? "你" : "PageOps 分析"}</b><div>${t.role === "assistant" ?
|
|
205
|
-
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${
|
|
222
|
+
${this.messages.map((t) => `<article class="po-message ${t.role}"><b>${t.role === "user" ? "你" : "PageOps 分析"}</b><div>${t.role === "assistant" ? b(t.content) : u(t.content)}</div></article>`).join("")}
|
|
223
|
+
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${b(this.streaming)}</div></article>` : ""}
|
|
206
224
|
</section>
|
|
207
|
-
<form class="po-composer"><textarea placeholder="请输入页面分析问题，Enter 发送，Shift + Enter 换行"></textarea><button type="submit"
|
|
225
|
+
<form class="po-composer"><textarea ${this.sourceSnapshots.length ? "" : "disabled"} placeholder="${this.sourceSnapshots.length ? "请输入页面分析问题，Enter 发送，Shift + Enter 换行" : "请先上传代码包后再提问"}"></textarea><button type="submit" ${this.sourceSnapshots.length ? "" : "disabled"}>${this.sourceSnapshots.length ? "发送" : "请先上传代码包"}</button></form>
|
|
208
226
|
</main>
|
|
209
227
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
210
228
|
`, this.bindPanelEvents());
|
|
211
229
|
}
|
|
212
230
|
renderSourceUploader() {
|
|
213
|
-
var e, s, r;
|
|
214
|
-
const t = (r = (e = this.sourceSnapshot) == null ? void 0 : e.source_snapshot_id) != null ? r : (s = this.sourceSnapshot) == null ? void 0 : s.id;
|
|
215
231
|
return `
|
|
216
232
|
<div class="po-source-uploader">
|
|
217
233
|
<strong>源码包</strong>
|
|
@@ -220,21 +236,25 @@ class P {
|
|
|
220
236
|
<span>${this.sourceUploading ? "上传中..." : "选择代码包"}</span>
|
|
221
237
|
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading ? "disabled" : ""} />
|
|
222
238
|
</label>
|
|
223
|
-
${this.sourceUploadStatus ? `<p class="po-upload-status">${
|
|
224
|
-
${this.
|
|
225
|
-
${this.sourceUploadError ? `<p class="po-upload-error">${
|
|
239
|
+
${this.sourceUploadStatus ? `<p class="po-upload-status">${u(this.sourceUploadStatus)}</p>` : ""}
|
|
240
|
+
${this.sourceSnapshots.length ? `<div class="po-source-list">${this.sourceSnapshots.map((t) => this.renderSourceItem(t)).join("")}</div>` : '<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
|
|
241
|
+
${this.sourceUploadError ? `<p class="po-upload-error">${u(this.sourceUploadError)}</p>` : ""}
|
|
226
242
|
</div>
|
|
227
243
|
`;
|
|
228
244
|
}
|
|
245
|
+
renderSourceItem(t) {
|
|
246
|
+
const e = t.filename || "未命名代码包", s = t.created_at ? y(t.created_at) : "刚刚上传", o = T(t.archive_bytes || t.total_bytes || 0);
|
|
247
|
+
return `<article class="po-source-item"><strong>${u(e)}</strong><span>${u(s)} · ${u(o)}</span></article>`;
|
|
248
|
+
}
|
|
229
249
|
renderSteps() {
|
|
230
250
|
return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
|
|
231
251
|
var s;
|
|
232
|
-
return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${
|
|
252
|
+
return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${u(e.title)}</strong><span>${e.status}</span></summary><pre>${u(JSON.stringify((s = e.details) != null ? s : {}, null, 2))}</pre></details>`;
|
|
233
253
|
}).join("");
|
|
234
254
|
}
|
|
235
255
|
bindPanelEvents() {
|
|
236
|
-
var t, e, s,
|
|
237
|
-
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (
|
|
256
|
+
var t, e, s, o, n, c, h, g, d, m, v;
|
|
257
|
+
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (o = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || o.addEventListener("click", () => this.close()), (c = (n = this.panel) == null ? void 0 : n.querySelector('[data-action="upload-source"]')) == null || c.addEventListener("change", (l) => {
|
|
238
258
|
var p;
|
|
239
259
|
const i = (p = l.target.files) == null ? void 0 : p[0];
|
|
240
260
|
i && this.uploadSource(i);
|
|
@@ -248,20 +268,28 @@ class P {
|
|
|
248
268
|
l.preventDefault();
|
|
249
269
|
const i = ($ = this.panel) == null ? void 0 : $.querySelector("textarea"), p = i == null ? void 0 : i.value.trim();
|
|
250
270
|
p && (i.value = "", this.ask(p));
|
|
251
|
-
}), (v = (
|
|
271
|
+
}), (v = (m = this.panel) == null ? void 0 : m.querySelector("textarea")) == null || v.addEventListener("keydown", (l) => {
|
|
252
272
|
var p, $;
|
|
253
273
|
const i = l;
|
|
254
274
|
i.key === "Enter" && !i.shiftKey && (i.preventDefault(), ($ = (p = this.panel) == null ? void 0 : p.querySelector("form")) == null || $.requestSubmit());
|
|
255
275
|
});
|
|
256
276
|
}
|
|
257
277
|
}
|
|
258
|
-
function
|
|
259
|
-
return
|
|
278
|
+
function u(r) {
|
|
279
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
280
|
+
}
|
|
281
|
+
function y(r) {
|
|
282
|
+
return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(r));
|
|
260
283
|
}
|
|
261
|
-
function
|
|
262
|
-
|
|
284
|
+
function T(r) {
|
|
285
|
+
if (!r) return "0 B";
|
|
286
|
+
const t = ["B", "KB", "MB", "GB"];
|
|
287
|
+
let e = r, s = 0;
|
|
288
|
+
for (; e >= 1024 && s < t.length - 1; )
|
|
289
|
+
e /= 1024, s += 1;
|
|
290
|
+
return `${e >= 10 || s === 0 ? e.toFixed(0) : e.toFixed(1)} ${t[s]}`;
|
|
263
291
|
}
|
|
264
|
-
const
|
|
292
|
+
const _ = new P();
|
|
265
293
|
export {
|
|
266
|
-
|
|
294
|
+
_ as PageOpsSDK
|
|
267
295
|
};
|
package/dist/pageops-sdk.umd.cjs
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
(function(d,
|
|
2
|
-
`),e=[];for(let s=0;s<t.length;s+=1){const
|
|
1
|
+
(function(d,c){typeof exports=="object"&&typeof module!="undefined"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(d=typeof globalThis!="undefined"?globalThis:d||self,c(d.PageOpsSDK={}))})(this,(function(d){"use strict";var O=Object.defineProperty;var _=(d,c,v)=>c in d?O(d,c,{enumerable:!0,configurable:!0,writable:!0,value:v}):d[c]=v;var a=(d,c,v)=>_(d,typeof c!="symbol"?c+"":c,v);class c{constructor(t){this.options=t}async createContext(){var e,s,o,n,l;const t=(o=(s=(e=this.options).getPageContext)==null?void 0:s.call(e))!=null?o:{};return this.request("/context/session",{method:"POST",body:JSON.stringify({app_id:this.options.appId,env:this.options.env,route:t.route,url:(n=t.url)!=null?n:location.href,title:(l=t.title)!=null?l:document.title,tenant_id:t.tenantId,user_role:t.userRole,build_version:t.buildVersion})})}async listConversations(){return(await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations}async createConversation(t,e){return this.request("/conversations",{method:"POST",body:JSON.stringify({app_id:this.options.appId,context_session_id:t,title:e})})}async listMessages(t){return(await this.request(`/conversations/${encodeURIComponent(t)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages}async listSources(){return(await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources}uploadSource(t){const e=new FormData;return e.append("file",t),this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`,{method:"POST",body:e,headers:{}})}streamQuestion(t,e){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({app_id:this.options.appId,thread_id:t,question:e})})}async request(t,e){var l,u;const s=(e==null?void 0:e.body)instanceof FormData?e.headers:{"content-type":"application/json",...(l=e==null?void 0:e.headers)!=null?l:{}},o=await fetch(`${this.base()}${t}`,{...e,headers:s}),n=await o.json();if(!o.ok)throw new Error((u=n.message)!=null?u:"PageOps 请求失败");return n}base(){const t=this.options.apiBase.replace(/\/$/,"");return t.endsWith("/api")?t:`${t}/api`}}function v(i){return i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}function S(i){return v(i).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function E(i,t){const e=i[t],s=i[t+1];if(!(e!=null&&e.includes("|"))||!/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s!=null?s:""))return null;const o=[];let n=t;for(;n<i.length&&i[n].includes("|")&&i[n].trim();)o.push(i[n]),n+=1;const l=m=>m.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(g=>S(g.trim())),u=l(o[0]).map(m=>`<th>${m}</th>`).join(""),$=o.slice(2).map(m=>`<tr>${l(m).map(g=>`<td>${g}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${u}</tr></thead><tbody>${$}</tbody></table>`,next:n}}function w(i){const t=i.split(`
|
|
2
|
+
`),e=[];for(let s=0;s<t.length;s+=1){const o=E(t,s);if(o){e.push(o.html),s=o.next-1;continue}const n=t[s];n.startsWith("### ")?e.push(`<h4>${S(n.slice(4))}</h4>`):n.startsWith("## ")?e.push(`<h3>${S(n.slice(3))}</h3>`):n.startsWith("# ")?e.push(`<h2>${S(n.slice(2))}</h2>`):n.startsWith("- ")?e.push(`<li>${S(n.slice(2))}</li>`):n.trim()?e.push(`<p>${S(n)}</p>`):e.push("<br>")}return e.join("")}async function P(i,t){var n,l,u;const e=i.getReader(),s=new TextDecoder;let o="";for(;;){const{done:$,value:m}=await e.read();if($)break;o+=s.decode(m,{stream:!0});const g=o.split(`
|
|
3
3
|
|
|
4
|
-
`);
|
|
4
|
+
`);o=(n=g.pop())!=null?n:"";for(const y of g){const h=(l=y.match(/^event: (.+)$/m))==null?void 0:l[1],r=(u=y.match(/^data: (.+)$/m))==null?void 0:u[1];h&&r&&t(h,JSON.parse(r))}}}class T{constructor(){a(this,"client",null);a(this,"options",null);a(this,"root",null);a(this,"panel",null);a(this,"context",null);a(this,"currentThread",null);a(this,"conversations",[]);a(this,"messages",[]);a(this,"steps",[]);a(this,"sourceSnapshots",[]);a(this,"sourceUploadStatus","");a(this,"sourceUploadError","");a(this,"sourceUploading",!1);a(this,"streaming","")}mount(t){var e;this.unmount(),this.options=t,this.client=new c(t),this.root=document.createElement("div"),this.root.className="pageops-sdk",((e=t.container)!=null?e:document.body).appendChild(this.root),this.renderClosed()}unmount(){var t;(t=this.root)==null||t.remove(),this.root=null,this.panel=null,this.context=null,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.renderClosed()}updateContext(t){this.options&&(this.options={...this.options,...t},this.client=new c(this.options))}renderClosed(){var t;this.root&&(this.root.innerHTML='<button class="po-fab" type="button">多轮问答</button>',(t=this.root.querySelector("button"))==null||t.addEventListener("click",()=>this.open()))}async ensureContext(){if(this.context)return this.context;if(!this.client)throw new Error("PageOps SDK 未初始化");return this.context=await this.client.createContext(),this.context}async loadSources(){if(this.client){try{this.sourceSnapshots=await this.client.listSources(),this.sourceUploadError=""}catch(t){this.sourceUploadError=t instanceof Error?t.message:"源码包状态加载失败"}this.renderPanel()}}async loadConversations(){this.client&&(this.conversations=await this.client.listConversations(),this.renderPanel())}async newConversation(){if(!this.client)return;const t=await this.ensureContext();this.currentThread=await this.client.createConversation(t.id,t.route||document.title||"新的问答"),this.conversations=[this.currentThread,...this.conversations],this.messages=[],this.steps=[],this.streaming="",this.renderPanel()}async selectThread(t){this.client&&(this.currentThread=t,this.messages=await this.client.listMessages(t.id),this.steps=[],this.streaming="",this.renderPanel())}async uploadSource(t){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{await this.client.uploadSource(t),this.sourceSnapshots=await this.client.listSources(),this.sourceUploadStatus="上传完成"}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(t){if(!this.client)return;if(!this.sourceSnapshots.length){this.sourceUploadError="请先上传代码包后再提问。",this.renderPanel();return}if(this.currentThread||await this.newConversation(),!this.currentThread)return;this.messages.push({id:`local-${Date.now()}`,role:"user",content:t,metadata_json:{}}),this.steps=[],this.streaming="",this.renderPanel();const e=await this.client.streamQuestion(this.currentThread.id,t);if(!e.ok||!e.body)throw new Error("PageOps 流式问答失败");await P(e.body,(s,o)=>{var n;s==="step"&&this.upsertStep(o),s==="delta"&&(this.streaming+=String((n=o.content)!=null?n:"")),s==="done"&&this.selectThread(this.currentThread),s==="error"&&this.upsertStep({id:"error",title:"执行失败",status:"failed",details:o}),this.renderPanel()})}upsertStep(t){const e=this.steps.findIndex(s=>s.id===t.id);this.steps=e===-1?[...this.steps,t]:this.steps.map(s=>s.id===t.id?{...s,...t}:s)}renderPanel(){this.panel&&(this.panel.innerHTML=`
|
|
5
5
|
<aside class="po-sidebar">
|
|
6
6
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
7
7
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
8
8
|
<input class="po-search" placeholder="搜索问答" />
|
|
9
9
|
<div class="po-thread-list">${this.conversations.map(t=>{var e;return`
|
|
10
10
|
<button class="po-thread ${t.id===((e=this.currentThread)==null?void 0:e.id)?"active":""}" data-thread="${t.id}">
|
|
11
|
-
<strong>${
|
|
11
|
+
<strong>${p(t.title)}</strong><span>${x(t.created_at)}</span>
|
|
12
12
|
</button>`}).join("")}</div>
|
|
13
13
|
</aside>
|
|
14
14
|
<main class="po-chat">
|
|
15
|
-
<header><div><p>问数回答</p><h2>${this.currentThread?
|
|
15
|
+
<header><div><p>问数回答</p><h2>${this.currentThread?p(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
16
16
|
<section class="po-messages">
|
|
17
|
-
${this.messages.map(t=>`<article class="po-message ${t.role}"><b>${t.role==="user"?"你":"PageOps 分析"}</b><div>${t.role==="assistant"?w(t.content):
|
|
17
|
+
${this.messages.map(t=>`<article class="po-message ${t.role}"><b>${t.role==="user"?"你":"PageOps 分析"}</b><div>${t.role==="assistant"?w(t.content):p(t.content)}</div></article>`).join("")}
|
|
18
18
|
${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${w(this.streaming)}</div></article>`:""}
|
|
19
19
|
</section>
|
|
20
|
-
<form class="po-composer"><textarea placeholder="请输入页面分析问题，Enter 发送，Shift + Enter 换行"></textarea><button type="submit"
|
|
20
|
+
<form class="po-composer"><textarea ${this.sourceSnapshots.length?"":"disabled"} placeholder="${this.sourceSnapshots.length?"请输入页面分析问题，Enter 发送，Shift + Enter 换行":"请先上传代码包后再提问"}"></textarea><button type="submit" ${this.sourceSnapshots.length?"":"disabled"}>${this.sourceSnapshots.length?"发送":"请先上传代码包"}</button></form>
|
|
21
21
|
</main>
|
|
22
22
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
23
|
-
`,this.bindPanelEvents())}renderSourceUploader(){
|
|
23
|
+
`,this.bindPanelEvents())}renderSourceUploader(){return`
|
|
24
24
|
<div class="po-source-uploader">
|
|
25
25
|
<strong>源码包</strong>
|
|
26
26
|
<p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
<span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
|
|
29
29
|
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
|
|
30
30
|
</label>
|
|
31
|
-
${this.sourceUploadStatus?`<p class="po-upload-status">${
|
|
32
|
-
${this.
|
|
33
|
-
${this.sourceUploadError?`<p class="po-upload-error">${
|
|
31
|
+
${this.sourceUploadStatus?`<p class="po-upload-status">${p(this.sourceUploadStatus)}</p>`:""}
|
|
32
|
+
${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(t=>this.renderSourceItem(t)).join("")}</div>`:'<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
|
|
33
|
+
${this.sourceUploadError?`<p class="po-upload-error">${p(this.sourceUploadError)}</p>`:""}
|
|
34
34
|
</div>
|
|
35
|
-
`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(e=>{var s;return`<details class="po-step ${e.status}" ${e.status==="running"||e.status==="failed"?"open":""}><summary><strong>${
|
|
35
|
+
`}renderSourceItem(t){const e=t.filename||"未命名代码包",s=t.created_at?x(t.created_at):"刚刚上传",o=U(t.archive_bytes||t.total_bytes||0);return`<article class="po-source-item"><strong>${p(e)}</strong><span>${p(s)} · ${p(o)}</span></article>`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(e=>{var s;return`<details class="po-step ${e.status}" ${e.status==="running"||e.status==="failed"?"open":""}><summary><strong>${p(e.title)}</strong><span>${e.status}</span></summary><pre>${p(JSON.stringify((s=e.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var t,e,s,o,n,l,u,$,m,g,y;(e=(t=this.panel)==null?void 0:t.querySelector('[data-action="new"]'))==null||e.addEventListener("click",()=>void this.newConversation()),(o=(s=this.panel)==null?void 0:s.querySelector('[data-action="close"]'))==null||o.addEventListener("click",()=>this.close()),(l=(n=this.panel)==null?void 0:n.querySelector('[data-action="upload-source"]'))==null||l.addEventListener("change",h=>{var f;const r=(f=h.target.files)==null?void 0:f[0];r&&this.uploadSource(r)}),(u=this.panel)==null||u.querySelectorAll("[data-thread]").forEach(h=>{h.addEventListener("click",()=>{const r=this.conversations.find(f=>f.id===h.dataset.thread);r&&this.selectThread(r)})}),(m=($=this.panel)==null?void 0:$.querySelector("form"))==null||m.addEventListener("submit",h=>{var b;h.preventDefault();const r=(b=this.panel)==null?void 0:b.querySelector("textarea"),f=r==null?void 0:r.value.trim();f&&(r.value="",this.ask(f))}),(y=(g=this.panel)==null?void 0:g.querySelector("textarea"))==null||y.addEventListener("keydown",h=>{var f,b;const r=h;r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),(b=(f=this.panel)==null?void 0:f.querySelector("form"))==null||b.requestSubmit())})}}function p(i){return i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function x(i){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(i))}function U(i){if(!i)return"0 B";const t=["B","KB","MB","GB"];let e=i,s=0;for(;e>=1024&&s<t.length-1;)e/=1024,s+=1;return`${e>=10||s===0?e.toFixed(0):e.toFixed(1)} ${t[s]}`}const C=new T;d.PageOpsSDK=C,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/types.d.ts
CHANGED
|
@@ -46,9 +46,17 @@ export interface ExecutionStep {
|
|
|
46
46
|
export interface SourceSnapshot {
|
|
47
47
|
id?: string;
|
|
48
48
|
source_snapshot_id?: string | null;
|
|
49
|
+
project_id?: string;
|
|
50
|
+
filename?: string | null;
|
|
51
|
+
archive_bytes?: number;
|
|
49
52
|
status: string;
|
|
50
53
|
message?: string | null;
|
|
51
54
|
file_count: number;
|
|
55
|
+
total_bytes?: number;
|
|
56
|
+
created_at?: string | null;
|
|
57
|
+
}
|
|
58
|
+
export interface SourceSnapshotListResponse {
|
|
59
|
+
sources: SourceSnapshot[];
|
|
52
60
|
}
|
|
53
61
|
export interface StreamDonePayload {
|
|
54
62
|
message_id: string;
|