@pageops/sdk 0.1.6 → 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.es.js +121 -95
- package/dist/pageops-sdk.umd.cjs +15 -15
- 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.es.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
var w = Object.defineProperty;
|
|
2
|
-
var x = (
|
|
3
|
-
var c = (
|
|
4
|
-
class
|
|
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
8
|
async createContext(t = ((n) => (n = ((e) => ((s) => (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e))())()) != null ? n : {})()) {
|
|
9
|
-
var
|
|
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,73 +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 (!n.ok) throw new Error((
|
|
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 P(
|
|
63
|
-
return
|
|
62
|
+
function P(r) {
|
|
63
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
64
64
|
}
|
|
65
|
-
function f(
|
|
66
|
-
return P(
|
|
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
71
|
const n = [];
|
|
72
|
-
let
|
|
73
|
-
for (;
|
|
74
|
-
n.push(i
|
|
75
|
-
const
|
|
76
|
-
return { html: `<table><thead><tr>${
|
|
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
82
|
const n = t[s];
|
|
83
83
|
if (n.trim().startsWith("```")) {
|
|
84
|
-
const
|
|
84
|
+
const o = [];
|
|
85
85
|
for (s += 1; s < t.length && !t[s].trim().startsWith("```"); )
|
|
86
|
-
|
|
87
|
-
e.push(`<pre><code>${P(
|
|
86
|
+
o.push(t[s]), s += 1;
|
|
87
|
+
e.push(`<pre><code>${P(o.join(`
|
|
88
88
|
`))}</code></pre>`);
|
|
89
89
|
continue;
|
|
90
90
|
}
|
|
91
|
-
const
|
|
92
|
-
if (
|
|
93
|
-
e.push(
|
|
91
|
+
const i = T(t, s);
|
|
92
|
+
if (i) {
|
|
93
|
+
e.push(i.html), s = i.next - 1;
|
|
94
94
|
continue;
|
|
95
95
|
}
|
|
96
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>");
|
|
97
97
|
}
|
|
98
98
|
return e.join("");
|
|
99
99
|
}
|
|
100
|
-
async function
|
|
101
|
-
var
|
|
102
|
-
const e =
|
|
100
|
+
async function U(r, t) {
|
|
101
|
+
var i, o, a;
|
|
102
|
+
const e = r.getReader(), s = new TextDecoder();
|
|
103
103
|
let n = "";
|
|
104
104
|
for (; ; ) {
|
|
105
|
-
const { done:
|
|
106
|
-
if (
|
|
107
|
-
n += s.decode(
|
|
108
|
-
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(`
|
|
109
109
|
|
|
110
110
|
`);
|
|
111
|
-
n = (
|
|
112
|
-
for (const y of
|
|
113
|
-
const
|
|
114
|
-
|
|
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));
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
class
|
|
118
|
+
class C {
|
|
119
119
|
constructor() {
|
|
120
120
|
c(this, "client", null);
|
|
121
121
|
c(this, "options", null);
|
|
@@ -132,24 +132,25 @@ class T {
|
|
|
132
132
|
c(this, "sourceUploadStatus", "");
|
|
133
133
|
c(this, "sourceUploadError", "");
|
|
134
134
|
c(this, "sourceUploading", !1);
|
|
135
|
+
c(this, "sourceRefreshTimer", null);
|
|
135
136
|
c(this, "streaming", "");
|
|
136
137
|
}
|
|
137
138
|
mount(t) {
|
|
138
139
|
var e;
|
|
139
|
-
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();
|
|
140
141
|
}
|
|
141
142
|
unmount() {
|
|
142
143
|
var t;
|
|
143
|
-
(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 = "";
|
|
144
145
|
}
|
|
145
146
|
open() {
|
|
146
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());
|
|
147
148
|
}
|
|
148
149
|
close() {
|
|
149
|
-
this.renderClosed();
|
|
150
|
+
this.stopSourceRefresh(), this.renderClosed();
|
|
150
151
|
}
|
|
151
152
|
updateContext(t) {
|
|
152
|
-
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 = "");
|
|
153
154
|
}
|
|
154
155
|
renderClosed() {
|
|
155
156
|
var t;
|
|
@@ -165,12 +166,12 @@ class T {
|
|
|
165
166
|
return (s = (e = (t = this.options) == null ? void 0 : t.getPageContext) == null ? void 0 : e.call(t)) != null ? s : {};
|
|
166
167
|
}
|
|
167
168
|
getPageContextKey(t) {
|
|
168
|
-
var e, s, n,
|
|
169
|
+
var e, s, n, i;
|
|
169
170
|
return JSON.stringify([
|
|
170
171
|
(e = t.route) != null ? e : "",
|
|
171
172
|
(s = t.url) != null ? s : location.href,
|
|
172
173
|
(n = t.title) != null ? n : document.title,
|
|
173
|
-
(
|
|
174
|
+
(i = t.menuPath) != null ? i : []
|
|
174
175
|
]);
|
|
175
176
|
}
|
|
176
177
|
async loadSources() {
|
|
@@ -180,7 +181,7 @@ class T {
|
|
|
180
181
|
} catch (t) {
|
|
181
182
|
this.sourceUploadError = t instanceof Error ? t.message : "源码包状态加载失败";
|
|
182
183
|
}
|
|
183
|
-
this.renderPanel();
|
|
184
|
+
this.scheduleSourceRefresh(), this.renderPanel();
|
|
184
185
|
}
|
|
185
186
|
}
|
|
186
187
|
async loadConversations() {
|
|
@@ -199,7 +200,7 @@ class T {
|
|
|
199
200
|
if (this.client) {
|
|
200
201
|
this.sourceUploading = !0, this.sourceUploadStatus = "上传中...", this.sourceUploadError = "", this.renderPanel();
|
|
201
202
|
try {
|
|
202
|
-
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();
|
|
203
204
|
} catch (e) {
|
|
204
205
|
this.sourceUploadError = e instanceof Error ? e.message : "源码包上传失败", this.sourceUploadStatus = "";
|
|
205
206
|
} finally {
|
|
@@ -208,49 +209,73 @@ class T {
|
|
|
208
209
|
}
|
|
209
210
|
}
|
|
210
211
|
async ask(t) {
|
|
212
|
+
var i;
|
|
211
213
|
if (!this.client) return;
|
|
212
|
-
|
|
213
|
-
|
|
214
|
+
const e = this.questionUnavailableReason();
|
|
215
|
+
if (e) {
|
|
216
|
+
this.sourceUploadError = e, this.renderPanel();
|
|
214
217
|
return;
|
|
215
218
|
}
|
|
216
|
-
const
|
|
217
|
-
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;
|
|
218
221
|
this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.streaming = "", this.renderPanel();
|
|
219
|
-
const
|
|
220
|
-
if (!
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
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();
|
|
224
231
|
});
|
|
225
232
|
}
|
|
226
233
|
upsertStep(t) {
|
|
227
234
|
const e = this.steps.findIndex((s) => s.id === t.id);
|
|
228
235
|
this.steps = e === -1 ? [...this.steps, t] : this.steps.map((s) => s.id === t.id ? { ...s, ...t } : s);
|
|
229
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
|
+
}
|
|
230
253
|
renderPanel() {
|
|
231
|
-
|
|
254
|
+
if (!this.panel) return;
|
|
255
|
+
const t = this.questionUnavailableReason(), e = t || "请输入页面分析问题，Enter 发送，Shift + Enter 换行";
|
|
256
|
+
this.panel.innerHTML = `
|
|
232
257
|
<aside class="po-sidebar">
|
|
233
258
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
234
259
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
235
260
|
<input class="po-search" placeholder="搜索问答" />
|
|
236
|
-
<div class="po-thread-list">${this.conversations.map((
|
|
237
|
-
var
|
|
261
|
+
<div class="po-thread-list">${this.conversations.map((s) => {
|
|
262
|
+
var n;
|
|
238
263
|
return `
|
|
239
|
-
<button class="po-thread ${
|
|
240
|
-
<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>
|
|
241
266
|
</button>`;
|
|
242
267
|
}).join("")}</div>
|
|
243
268
|
</aside>
|
|
244
269
|
<main class="po-chat">
|
|
245
270
|
<header><div><p>问数回答</p><h2>${this.currentThread ? u(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
246
271
|
<section class="po-messages">
|
|
247
|
-
${this.messages.map((
|
|
248
|
-
${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>` : ""}
|
|
249
274
|
</section>
|
|
250
|
-
<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>
|
|
251
276
|
</main>
|
|
252
277
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
253
|
-
`, this.bindPanelEvents()
|
|
278
|
+
`, this.bindPanelEvents();
|
|
254
279
|
}
|
|
255
280
|
renderSourceUploader() {
|
|
256
281
|
return `
|
|
@@ -268,8 +293,9 @@ class T {
|
|
|
268
293
|
`;
|
|
269
294
|
}
|
|
270
295
|
renderSourceItem(t) {
|
|
271
|
-
|
|
272
|
-
|
|
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>`;
|
|
273
299
|
}
|
|
274
300
|
renderSteps() {
|
|
275
301
|
return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
|
|
@@ -278,43 +304,43 @@ class T {
|
|
|
278
304
|
}).join("");
|
|
279
305
|
}
|
|
280
306
|
bindPanelEvents() {
|
|
281
|
-
var t, e, s, n,
|
|
282
|
-
(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()), (
|
|
283
|
-
var
|
|
284
|
-
const
|
|
285
|
-
|
|
286
|
-
}), (
|
|
287
|
-
|
|
288
|
-
const
|
|
289
|
-
|
|
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);
|
|
290
316
|
});
|
|
291
|
-
}), (
|
|
317
|
+
}), (h = (d = this.panel) == null ? void 0 : d.querySelector("form")) == null || h.addEventListener("submit", (p) => {
|
|
292
318
|
var v;
|
|
293
|
-
|
|
294
|
-
const
|
|
295
|
-
|
|
296
|
-
}), (y = (
|
|
297
|
-
var
|
|
298
|
-
const
|
|
299
|
-
|
|
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());
|
|
300
326
|
});
|
|
301
327
|
}
|
|
302
328
|
}
|
|
303
|
-
function u(
|
|
304
|
-
return
|
|
329
|
+
function u(r) {
|
|
330
|
+
return r.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
305
331
|
}
|
|
306
|
-
function b(
|
|
307
|
-
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));
|
|
308
334
|
}
|
|
309
|
-
function
|
|
310
|
-
if (!
|
|
335
|
+
function E(r) {
|
|
336
|
+
if (!r) return "0 B";
|
|
311
337
|
const t = ["B", "KB", "MB", "GB"];
|
|
312
|
-
let e =
|
|
338
|
+
let e = r, s = 0;
|
|
313
339
|
for (; e >= 1024 && s < t.length - 1; )
|
|
314
340
|
e /= 1024, s += 1;
|
|
315
341
|
return `${e >= 10 || s === 0 ? e.toFixed(0) : e.toFixed(1)} ${t[s]}`;
|
|
316
342
|
}
|
|
317
|
-
const _ = new
|
|
343
|
+
const _ = new C();
|
|
318
344
|
export {
|
|
319
345
|
_ as PageOpsSDK
|
|
320
346
|
};
|
package/dist/pageops-sdk.umd.cjs
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
`),
|
|
3
|
-
`))}</code></pre>`);continue}const i=x(
|
|
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(`
|
|
4
4
|
|
|
5
|
-
`);n=(i=
|
|
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=`
|
|
6
6
|
<aside class="po-sidebar">
|
|
7
7
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
8
8
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
9
9
|
<input class="po-search" placeholder="搜索问答" />
|
|
10
|
-
<div class="po-thread-list">${this.conversations.map(
|
|
11
|
-
<button class="po-thread ${
|
|
12
|
-
<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>
|
|
13
13
|
</button>`}).join("")}</div>
|
|
14
14
|
</aside>
|
|
15
15
|
<main class="po-chat">
|
|
16
|
-
<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>
|
|
17
17
|
<section class="po-messages">
|
|
18
|
-
${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("")}
|
|
19
19
|
${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${P(this.streaming)}</div></article>`:""}
|
|
20
20
|
</section>
|
|
21
|
-
<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>
|
|
22
22
|
</main>
|
|
23
23
|
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
24
|
-
`,this.bindPanelEvents()
|
|
24
|
+
`,this.bindPanelEvents()}renderSourceUploader(){return`
|
|
25
25
|
<div class="po-source-uploader">
|
|
26
26
|
<strong>源码包</strong>
|
|
27
27
|
<p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
<span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
|
|
30
30
|
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
|
|
31
31
|
</label>
|
|
32
|
-
${this.sourceUploadStatus?`<p class="po-upload-status">${
|
|
33
|
-
${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(
|
|
34
|
-
${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>`:""}
|
|
35
35
|
</div>
|
|
36
|
-
`}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"
|