npm - iskills-vue-sdk - Versions diffs - 0.1.0-beta.1 - Mend

iskills-vue-sdk 0.1.0-beta.1

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.

Files changed (4) hide show

package/dist/index.js ADDED Viewed

@@ -0,0 +1,479 @@
+var H = Object.defineProperty;
+var L = (n, e, t) => e in n ? H(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var F = (n, e, t) => L(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as h, computed as E, shallowRef as P, defineComponent as D, provide as K, reactive as R, openBlock as g, createElementBlock as p, renderSlot as G, createElementVNode as f, toDisplayString as I, withDirectives as V, withKeys as N, vModelDynamic as J, Fragment as B, renderList as O, normalizeClass as T, createCommentVNode as x, inject as M, watch as Q, nextTick as W, unref as k, createStaticVNode as X, createBlock as Y, vModelText as Z } from "vue";
+class ee {
+  constructor(e) {
+    F(this, "config");
+    this.config = e;
+  }
+  getHeaders() {
+    const e = {
+      "Content-Type": "application/json"
+    };
+    return this.config.apiKey && (e.Authorization = `Bearer ${this.config.apiKey}`), e;
+  }
+  async request(e, t, s, a) {
+    const i = new URL(`/api${t}`, this.config.baseUrl);
+    s && Object.entries(s).forEach(([o, l]) => {
+      l != null && i.searchParams.append(o, String(l));
+    });
+    const u = await fetch(i.toString(), {
+      method: e,
+      headers: this.getHeaders(),
+      body: a ? JSON.stringify(a) : void 0,
+      signal: AbortSignal.timeout(this.config.timeout || 3e4)
+    });
+    if (!u.ok)
+      throw new Error(`HTTP Error: ${u.status}`);
+    const r = await u.json();
+    if (r.code !== 0 && r.code !== 200)
+      throw new Error(r.message || "Unknown error");
+    return r.data;
+  }
+  async get(e, t) {
+    return this.request("GET", e, t);
+  }
+  async post(e, t) {
+    return this.request("POST", e, void 0, t);
+  }
+  async put(e, t) {
+    return this.request("PUT", e, void 0, t);
+  }
+  async delete(e) {
+    return this.request("DELETE", e);
+  }
+}
+function te(n) {
+  return new ee(n);
+}
+function Me(n) {
+  const e = h([]), t = h(!1), s = h(null), a = E(
+    () => e.value.filter((o) => o.status === "enabled")
+  );
+  async function i(o) {
+    t.value = !0, s.value = null;
+    try {
+      const l = await n.get("/agents/list", o);
+      e.value = l.list || [];
+    } catch (l) {
+      throw s.value = l.message, l;
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function u(o) {
+    return n.get(`/agents/${o}`);
+  }
+  function r(o) {
+    return e.value.find((l) => l.agent_id === o);
+  }
+  return {
+    agents: e,
+    loading: t,
+    error: s,
+    enabledAgents: a,
+    fetchAgents: i,
+    getAgent: u,
+    getAgentByAgentId: r
+  };
+}
+function Pe(n) {
+  const e = h([]), t = h(!1), s = h(null);
+  async function a(o) {
+    t.value = !0, s.value = null;
+    try {
+      const l = await n.get("/agent-flows/", o);
+      e.value = l.list || [];
+    } catch (l) {
+      throw s.value = l.message, l;
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function i(o) {
+    return n.get(`/agent-flows/${o}`);
+  }
+  async function u(o) {
+    return n.get(`/agent-flows/${o}/export`);
+  }
+  function r(o) {
+    return e.value.find((l) => l.agent_id === o && l.is_main_flow);
+  }
+  return {
+    flows: e,
+    loading: t,
+    error: s,
+    fetchFlows: a,
+    getFlow: i,
+    exportFlow: u,
+    getMainFlow: r
+  };
+}
+function ne(n) {
+  const e = h([]), t = h(!1), s = P(null), a = h(null), i = h(null);
+  function u(c) {
+    e.value.push({
+      id: Date.now(),
+      role: "user",
+      content: c,
+      timestamp: /* @__PURE__ */ new Date()
+    });
+  }
+  function r(c) {
+    e.value.push({
+      id: Date.now() + 1,
+      role: "assistant",
+      content: c,
+      timestamp: /* @__PURE__ */ new Date()
+    });
+  }
+  function o(c) {
+    e.value.push({
+      id: Date.now() + 2,
+      role: "system",
+      content: c,
+      timestamp: /* @__PURE__ */ new Date()
+    });
+  }
+  async function l(c, d, S) {
+    t.value = !0, i.value = null, u(d);
+    try {
+      const q = await n.post(
+        "/agent-executions",
+        {
+          flow_id: c,
+          variables: S
+        }
+      );
+      a.value = q.execution_id;
+      const C = await n.post(
+        `/agent-executions/${q.execution_id}/run`,
+        { user_input: d }
+      );
+      return s.value = C, C.output && r(String(C.output)), C;
+    } catch (q) {
+      throw i.value = q.message, o(`执行失败: ${i.value}`), q;
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function _(c) {
+    if (!a.value)
+      throw new Error("没有待处理的执行");
+    t.value = !0, i.value = null;
+    try {
+      const d = await n.post(
+        `/agent-executions/${a.value}/resume`,
+        c
+      );
+      return s.value = d, d.output && r(String(d.output)), d;
+    } catch (d) {
+      throw i.value = d.message, o(`恢复执行失败: ${i.value}`), d;
+    } finally {
+      t.value = !1;
+    }
+  }
+  function $() {
+    e.value = [];
+  }
+  function m() {
+    e.value = [], s.value = null, a.value = null, i.value = null;
+  }
+  return {
+    messages: e,
+    loading: t,
+    result: s,
+    executionId: a,
+    error: i,
+    execute: l,
+    resume: _,
+    clearMessages: $,
+    reset: m,
+    addUserMessage: u,
+    addAssistantMessage: r,
+    addSystemMessage: o
+  };
+}
+function se() {
+  const n = P(null), e = h(!1), t = h(null);
+  function s(u) {
+    return n.value = u, e.value = !0, new Promise((r) => {
+      t.value = r;
+    });
+  }
+  function a(u) {
+    t.value && (t.value(u), t.value = null), n.value = null, e.value = !1;
+  }
+  function i() {
+    t.value && (t.value({ value: null }), t.value = null), n.value = null, e.value = !1;
+  }
+  return {
+    interaction: n,
+    waiting: e,
+    showInteraction: s,
+    submit: a,
+    cancel: i
+  };
+}
+const ae = { class: "iskills-provider" }, ie = /* @__PURE__ */ D({
+  __name: "IskillsProvider",
+  props: {
+    baseUrl: {},
+    apiKey: {},
+    theme: {},
+    locale: {}
+  },
+  setup(n) {
+    const e = n, t = te({
+      baseUrl: e.baseUrl,
+      apiKey: e.apiKey
+    });
+    return K("iskills-api", t), K("iskills-config", R({
+      baseUrl: e.baseUrl,
+      theme: e.theme || "light",
+      locale: e.locale || "zh-CN"
+    })), (s, a) => (g(), p("div", ae, [
+      G(s.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), U = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [s, a] of e)
+    t[s] = a;
+  return t;
+}, Ve = /* @__PURE__ */ U(ie, [["__scopeId", "data-v-0f46f6a7"]]), oe = { class: "interaction-dialog" }, le = { class: "dialog-content" }, re = { class: "dialog-header" }, ce = { class: "dialog-body" }, ue = { class: "prompt" }, de = {
+  key: 0,
+  class: "input-group"
+}, ve = ["type", "placeholder"], fe = {
+  key: 1,
+  class: "confirm-group"
+}, ge = {
+  key: 2,
+  class: "select-group"
+}, pe = ["onClick"], me = { class: "option-label" }, he = {
+  key: 0,
+  class: "option-description"
+}, _e = { class: "dialog-footer" }, ye = ["disabled"], we = /* @__PURE__ */ D({
+  __name: "InteractionDialog",
+  props: {
+    request: {}
+  },
+  emits: ["submit", "cancel"],
+  setup(n, { emit: e }) {
+    const t = n, s = e, a = h(t.request.default_value || ""), i = h(null), u = E(() => {
+      switch (t.request.type) {
+        case "input":
+          return "请输入";
+        case "confirm":
+          return "请确认";
+        case "select":
+          return "请选择";
+        default:
+          return "交互";
+      }
+    }), r = E(() => t.request.type === "input" ? a.value.toString().trim().length > 0 : t.request.type === "select" ? i.value !== null : !0);
+    function o() {
+      var $;
+      if (r.value) {
+        if (t.request.type === "input")
+          s("submit", { value: a.value });
+        else if (t.request.type === "select" && i.value !== null) {
+          const m = ($ = t.request.options) == null ? void 0 : $[i.value];
+          s("submit", {
+            value: (m == null ? void 0 : m.value) ?? (m == null ? void 0 : m.id) ?? i.value,
+            option_id: m == null ? void 0 : m.id
+          });
+        }
+      }
+    }
+    function l() {
+      s("submit", { value: !0 });
+    }
+    function _() {
+      s("cancel");
+    }
+    return ($, m) => (g(), p("div", oe, [
+      f("div", {
+        class: "dialog-overlay",
+        onClick: _
+      }),
+      f("div", le, [
+        f("div", re, [
+          f("h3", null, I(u.value), 1)
+        ]),
+        f("div", ce, [
+          f("p", ue, I(n.request.prompt), 1),
+          n.request.type === "input" ? (g(), p("div", de, [
+            V(f("input", {
+              "onUpdate:modelValue": m[0] || (m[0] = (c) => a.value = c),
+              type: n.request.input_type || "text",
+              placeholder: n.request.prompt,
+              onKeyup: N(o, ["enter"])
+            }, null, 40, ve), [
+              [J, a.value]
+            ])
+          ])) : n.request.type === "confirm" ? (g(), p("div", fe, [
+            f("button", {
+              class: "btn btn-primary",
+              onClick: l
+            }, "确认"),
+            f("button", {
+              class: "btn btn-secondary",
+              onClick: _
+            }, "取消")
+          ])) : n.request.type === "select" ? (g(), p("div", ge, [
+            (g(!0), p(B, null, O(n.request.options, (c, d) => (g(), p("div", {
+              key: d,
+              class: T(["select-option", { selected: i.value === d }]),
+              onClick: (S) => i.value = d
+            }, [
+              f("div", me, I(c.label), 1),
+              c.description ? (g(), p("div", he, I(c.description), 1)) : x("", !0)
+            ], 10, pe))), 128))
+          ])) : x("", !0)
+        ]),
+        f("div", _e, [
+          n.request.type === "input" || n.request.type === "select" ? (g(), p("button", {
+            key: 0,
+            class: "btn btn-primary",
+            disabled: !r.value,
+            onClick: o
+          }, " 提交 ", 8, ye)) : x("", !0),
+          f("button", {
+            class: "btn btn-secondary",
+            onClick: _
+          }, "取消")
+        ])
+      ])
+    ]));
+  }
+}), be = /* @__PURE__ */ U(we, [["__scopeId", "data-v-fa8759d4"]]), ke = { class: "message-avatar" }, $e = { key: 0 }, qe = { key: 1 }, Ce = { key: 2 }, Ie = { class: "message-content" }, xe = { class: "message-text" }, Se = { class: "message-time" }, Ae = {
+  key: 0,
+  class: "chat-loading"
+}, Ee = {
+  key: 1,
+  class: "chat-input"
+}, Te = ["disabled"], De = ["disabled"], Ue = /* @__PURE__ */ D({
+  __name: "AgentChat",
+  props: {
+    agentId: {},
+    flowId: {},
+    initialVariables: {}
+  },
+  emits: ["complete", "error", "interaction"],
+  setup(n, { emit: e }) {
+    const t = n, s = e, a = M("iskills-api"), i = M("iskills-config"), {
+      messages: u,
+      loading: r,
+      execute: o,
+      resume: l
+    } = ne(a), {
+      interaction: _,
+      submit: $,
+      cancel: m
+    } = se(), c = h(""), d = h();
+    Q(u, async () => {
+      await W(), d.value && (d.value.scrollTop = d.value.scrollHeight);
+    }, { deep: !0 });
+    async function S() {
+      const w = c.value.trim();
+      if (!(!w || r.value)) {
+        c.value = "";
+        try {
+          const v = t.flowId || await j(), b = await o(v, w, t.initialVariables);
+          b.needs_interaction && b.interaction_data ? (_.value = b.interaction_data, s("interaction", b.interaction_data)) : s("complete", b);
+        } catch (v) {
+          s("error", v);
+        }
+      }
+    }
+    async function q(w) {
+      await $(w), _.value = null;
+      try {
+        const v = await l(w);
+        v.needs_interaction && v.interaction_data ? (_.value = v.interaction_data, s("interaction", v.interaction_data)) : s("complete", v);
+      } catch (v) {
+        s("error", v);
+      }
+    }
+    function C() {
+      m(), _.value = null;
+    }
+    async function j() {
+      const v = ((await a.get("/agents/list")).list || []).find((A) => A.agent_id === t.agentId);
+      if (!v) throw new Error(`Agent ${t.agentId} not found`);
+      const y = ((await a.get("/agent-flows/", {
+        agent_id: v.agent_id
+      })).list || []).find((A) => A.is_main_flow);
+      if (!y) throw new Error("No main flow found");
+      return y.flow_id;
+    }
+    function z(w) {
+      return w.toLocaleTimeString("zh-CN", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }
+    return (w, v) => {
+      var b;
+      return g(), p("div", {
+        class: T(["agent-chat", [`theme-${((b = k(i)) == null ? void 0 : b.theme) || "light"}`]])
+      }, [
+        f("div", {
+          class: "chat-messages",
+          ref_key: "messagesRef",
+          ref: d
+        }, [
+          (g(!0), p(B, null, O(k(u), (y) => (g(), p("div", {
+            key: y.id,
+            class: T(["chat-message", [`message-${y.role}`]])
+          }, [
+            f("div", ke, [
+              y.role === "user" ? (g(), p("span", $e, "👤")) : y.role === "assistant" ? (g(), p("span", qe, "🤖")) : (g(), p("span", Ce, "ℹ️"))
+            ]),
+            f("div", Ie, [
+              f("div", xe, I(y.content), 1),
+              f("div", Se, I(z(y.timestamp)), 1)
+            ])
+          ], 2))), 128)),
+          k(r) ? (g(), p("div", Ae, [...v[1] || (v[1] = [
+            X('<div class="message-avatar" data-v-71936282>🤖</div><div class="loading-dots" data-v-71936282><span class="dot" data-v-71936282></span><span class="dot" data-v-71936282></span><span class="dot" data-v-71936282></span></div>', 2)
+          ])])) : x("", !0)
+        ], 512),
+        k(_) ? (g(), Y(be, {
+          key: 0,
+          request: k(_),
+          onSubmit: q,
+          onCancel: C
+        }, null, 8, ["request"])) : x("", !0),
+        k(_) ? x("", !0) : (g(), p("div", Ee, [
+          V(f("input", {
+            "onUpdate:modelValue": v[0] || (v[0] = (y) => c.value = y),
+            disabled: k(r),
+            placeholder: "输入消息...",
+            onKeyup: N(S, ["enter"])
+          }, null, 40, Te), [
+            [Z, c.value]
+          ]),
+          f("button", {
+            disabled: k(r) || !c.value.trim(),
+            onClick: S
+          }, " 发送 ", 8, De)
+        ]))
+      ], 2);
+    };
+  }
+}), Ne = /* @__PURE__ */ U(Ue, [["__scopeId", "data-v-71936282"]]), Be = "0.1.0";
+export {
+  Ne as AgentChat,
+  ee as ApiClient,
+  be as InteractionDialog,
+  Ve as IskillsProvider,
+  te as createApiClient,
+  Me as useAgent,
+  ne as useExecution,
+  Pe as useFlow,
+  se as useInteraction,
+  Be as version
+};

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .iskills-provider[data-v-0f46f6a7]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.interaction-dialog[data-v-fa8759d4]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-overlay[data-v-fa8759d4]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.dialog-content[data-v-fa8759d4]{position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:480px;width:90%}.dialog-header[data-v-fa8759d4]{padding:16px 20px;border-bottom:1px solid #e4e7ed}.dialog-header h3[data-v-fa8759d4]{margin:0;font-size:16px;color:#303133}.dialog-body[data-v-fa8759d4]{padding:20px}.prompt[data-v-fa8759d4]{margin:0 0 16px;color:#606266;line-height:1.5}.input-group input[data-v-fa8759d4]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;outline:none;box-sizing:border-box}.input-group input[data-v-fa8759d4]:focus{border-color:#409eff}.confirm-group[data-v-fa8759d4]{display:flex;gap:12px;justify-content:center}.select-group[data-v-fa8759d4]{display:flex;flex-direction:column;gap:8px}.select-option[data-v-fa8759d4]{padding:12px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;transition:all .2s}.select-option[data-v-fa8759d4]:hover,.select-option.selected[data-v-fa8759d4]{border-color:#409eff;background:#ecf5ff}.option-label[data-v-fa8759d4]{font-weight:500;color:#303133}.option-description[data-v-fa8759d4]{font-size:12px;color:#909399;margin-top:4px}.dialog-footer[data-v-fa8759d4]{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e4e7ed}.btn[data-v-fa8759d4]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-fa8759d4]{background:#409eff;color:#fff}.btn-primary[data-v-fa8759d4]:disabled{background:#a0cfff;cursor:not-allowed}.btn-secondary[data-v-fa8759d4]{background:#909399;color:#fff}.agent-chat[data-v-71936282]{display:flex;flex-direction:column;height:100%;border:1px solid #e4e7ed;border-radius:8px;overflow:hidden}.chat-messages[data-v-71936282]{flex:1;overflow-y:auto;padding:16px}.chat-message[data-v-71936282]{display:flex;gap:12px;margin-bottom:16px}.message-user[data-v-71936282]{flex-direction:row-reverse}.message-content[data-v-71936282]{max-width:70%}.message-text[data-v-71936282]{padding:10px 14px;border-radius:8px;line-height:1.5}.message-user .message-text[data-v-71936282]{background:#409eff;color:#fff}.message-assistant .message-text[data-v-71936282]{background:#f4f4f5;color:#303133}.message-system .message-text[data-v-71936282]{background:#fdf6ec;color:#e6a23c;font-size:12px}.message-time[data-v-71936282]{font-size:12px;color:#909399;margin-top:4px}.chat-loading[data-v-71936282]{display:flex;gap:12px;margin-bottom:16px}.loading-dots[data-v-71936282]{display:flex;gap:4px;padding:10px 14px;background:#f4f4f5;border-radius:8px}.dot[data-v-71936282]{width:8px;height:8px;background:#909399;border-radius:50%;animation:bounce-71936282 1.4s infinite ease-in-out}.dot[data-v-71936282]:nth-child(1){animation-delay:-.32s}.dot[data-v-71936282]:nth-child(2){animation-delay:-.16s}@keyframes bounce-71936282{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input[data-v-71936282]{display:flex;gap:8px;padding:12px;border-top:1px solid #e4e7ed}.chat-input input[data-v-71936282]{flex:1;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;outline:none}.chat-input input[data-v-71936282]:focus{border-color:#409eff}.chat-input button[data-v-71936282]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.chat-input button[data-v-71936282]:disabled{background:#a0cfff;cursor:not-allowed}

package/package.json ADDED Viewed

@@ -0,0 +1,51 @@
+{
+  "name": "iskills-vue-sdk",
+  "version": "0.1.0-beta.1",
+  "description": "iSkills Vue3 SDK - 智能体流程执行组件库",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vue": "^3.3.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "iskills",
+    "agent",
+    "workflow",
+    "ai"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-org/iskills-sdk.git"
+  },
+  "homepage": "https://github.com/your-org/iskills-sdk#readme"
+}