@super_studio/ecforce-ai-agent-react 0.4.0 → 0.5.0

package/dist/components/chatbot-frame.d.ts

@@ -1,7 +1,25 @@
+import type { MCP } from "./provider/use-chatbot-frame-handler";
 export type ChatbotFrameProps = {
+    /** 管理画面上のエージェントID */
     agentId: string;
+    /** エージェントにつなげるMCPの情報 */
+    mcps?: MCP[];
+    /** アプリ名のメタデータ */
+    appName?: string;
+    /**
+     * trueになるまで、初期化されません。
+     * 初期化せれたあとはもう使われません。
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * エージェントのURLを上書きしたい場合にこちらを使います。
+     * 基本的には使われません。
+     * [CHATBOT_URL]の環境変数でも設定可能。
+     * @internal
+     */
     url?: string;
     className?: string;
 };
-export declare function ChatbotFrame({ agentId, className, url }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatbotFrame({ agentId, appName, mcps, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chatbot-frame.d.ts.map

package/dist/components/chatbot-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,iBAAiB,2CAgB1E"}
+{"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CAkDnB"}

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./components/provider/chatbot-proivder";
-export * from "./hooks/use-chatbot-config";
 export * from "./components/chatbot-frame";
 export * from "./components/chatbot-sheet";
 export * from "./components/sheet";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/index.js

@@ -164,13 +164,25 @@ function ChatbotProvider({ children }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatbotContext.Provider, { value, children });
 }
 
-// src/hooks/use-chatbot-config.tsx
+// src/components/chatbot-frame.tsx
 
-function useChatbotConfig({
-  mcps,
+
+// src/lib/constants.ts
+var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+
+// src/components/chatbot-frame.tsx
+
+function ChatbotFrame({
+  agentId,
   appName,
-  enabled = true
+  mcps,
+  enabled = true,
+  url,
+  className
 }) {
+  var _a;
+  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
+  const { setIframeEl } = useChatbot();
   const { init, setMcps, setAppName, isReady } = useChatbot();
   const sentInitRef = React5.default.useRef(false);
   const [currentMcps, setCurrentMcps] = React5.default.useState();
@@ -195,17 +207,6 @@ function useChatbotConfig({
       setAppName(appName);
     }
   }, [appName]);
-}
-
-// src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
-
-// src/components/chatbot-frame.tsx
-
-function ChatbotFrame({ agentId, className, url }) {
-  var _a;
-  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
-  const { setIframeEl } = useChatbot();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "iframe",
     {
@@ -460,5 +461,4 @@ function EcforceAiIcon() {
 
 
 
-
-exports.ChatbotFrame = ChatbotFrame; exports.ChatbotProvider = ChatbotProvider; exports.ChatbotSheet = ChatbotSheet; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger; exports.Tooltip = Tooltip; exports.useChatbot = useChatbot; exports.useChatbotConfig = useChatbotConfig;
+exports.ChatbotFrame = ChatbotFrame; exports.ChatbotProvider = ChatbotProvider; exports.ChatbotSheet = ChatbotSheet; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger; exports.Tooltip = Tooltip; exports.useChatbot = useChatbot;

package/dist/index.mjs

@@ -164,13 +164,25 @@ function ChatbotProvider({ children }) {
   return /* @__PURE__ */ jsx(ChatbotContext.Provider, { value, children });
 }
 
-// src/hooks/use-chatbot-config.tsx
+// src/components/chatbot-frame.tsx
 import React4 from "react";
-function useChatbotConfig({
-  mcps,
+
+// src/lib/constants.ts
+var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+
+// src/components/chatbot-frame.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ChatbotFrame({
+  agentId,
   appName,
-  enabled = true
+  mcps,
+  enabled = true,
+  url,
+  className
 }) {
+  var _a;
+  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
+  const { setIframeEl } = useChatbot();
   const { init, setMcps, setAppName, isReady } = useChatbot();
   const sentInitRef = React4.useRef(false);
   const [currentMcps, setCurrentMcps] = React4.useState();
@@ -195,17 +207,6 @@ function useChatbotConfig({
       setAppName(appName);
     }
   }, [appName]);
-}
-
-// src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
-
-// src/components/chatbot-frame.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ChatbotFrame({ agentId, className, url }) {
-  var _a;
-  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
-  const { setIframeEl } = useChatbot();
   return /* @__PURE__ */ jsx2(
     "iframe",
     {
@@ -459,6 +460,5 @@ export {
   SheetTitle,
   SheetTrigger,
   Tooltip,
-  useChatbot,
-  useChatbotConfig
+  useChatbot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/components/chatbot-frame.tsx

@@ -1,15 +1,75 @@
+import React from "react";
 import { PROD_CHATBOT_URL } from "../lib/constants";
 import { useChatbot } from "./provider/chatbot-proivder";
+import type { MCP } from "./provider/use-chatbot-frame-handler";
 
 export type ChatbotFrameProps = {
+  /** 管理画面上のエージェントID */
   agentId: string;
+  /** エージェントにつなげるMCPの情報 */
+  mcps?: MCP[];
+  /** アプリ名のメタデータ */
+  appName?: string;
+  /**
+   * trueになるまで、初期化されません。
+   * 初期化せれたあとはもう使われません。
+   * @default true
+   */
+  enabled?: boolean;
+  /**
+   * エージェントのURLを上書きしたい場合にこちらを使います。
+   * 基本的には使われません。
+   * [CHATBOT_URL]の環境変数でも設定可能。
+   * @internal
+   */
   url?: string;
   className?: string;
 };
 
-export function ChatbotFrame({ agentId, className, url }: ChatbotFrameProps) {
+export function ChatbotFrame({
+  agentId,
+  appName,
+  mcps,
+  enabled = true,
+  url,
+  className,
+}: ChatbotFrameProps) {
   const chatbotUrl = url ?? process.env.CHATBOT_URL ?? PROD_CHATBOT_URL;
   const { setIframeEl } = useChatbot();
+  const { init, setMcps, setAppName, isReady } = useChatbot();
+  const sentInitRef = React.useRef(false);
+  const [currentMcps, setCurrentMcps] = React.useState<MCP[]>();
+  const [currentAppName, setCurrentAppName] = React.useState<string>();
+
+  // 初期化の仕組み
+  React.useEffect(() => {
+    if (enabled && isReady && !sentInitRef.current) {
+      init({ mcps, appName });
+      sentInitRef.current = true;
+      setCurrentMcps(mcps);
+      setCurrentAppName(appName);
+    }
+  }, [enabled, init, mcps, appName, isReady]);
+
+  // mcpsの更新の仕組み
+  React.useEffect(() => {
+    if (
+      sentInitRef.current &&
+      mcps &&
+      JSON.stringify(currentMcps) !== JSON.stringify(mcps)
+    ) {
+      setMcps(mcps);
+      setCurrentMcps(mcps);
+    }
+  }, [mcps]);
+
+  // appNameの更新の仕組み
+  React.useEffect(() => {
+    if (sentInitRef.current && appName && currentAppName !== appName) {
+      setCurrentAppName(appName);
+      setAppName(appName);
+    }
+  }, [appName]);
 
   return (
     <iframe

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from "./components/provider/chatbot-proivder";
-export * from "./hooks/use-chatbot-config";
 export * from "./components/chatbot-frame";
 export * from "./components/chatbot-sheet";
 export * from "./components/sheet";

package/dist/hooks/use-chatbot-config.d.ts

@@ -1,19 +0,0 @@
-import { type MCP } from "../components/provider/use-chatbot-frame-handler";
-type ChatbotConfig = {
-    /** エージェントにつなげるMCPの情報 */
-    mcps?: MCP[];
-    /** アプリ名のメタデータ */
-    appName?: string;
-    /**
-     * trueになるまで、初期化されません。
-     * 初期化せれたあとはもう使われません。
-     * @default true
-     */
-    enabled?: boolean;
-};
-/**
- * このフックに渡される情報で受動的にinitを呼び出し、mcpsとappNameを更新する
- */
-export declare function useChatbotConfig({ mcps, appName, enabled, }: ChatbotConfig): void;
-export {};
-//# sourceMappingURL=use-chatbot-config.d.ts.map

package/dist/hooks/use-chatbot-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-chatbot-config.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chatbot-config.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,kDAAkD,CAAC;AAE5E,KAAK,aAAa,GAAG;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,OAAc,GACf,EAAE,aAAa,QAmCf"}

package/src/hooks/use-chatbot-config.tsx

@@ -1,60 +0,0 @@
-import React from "react";
-import { useChatbot } from "../components/provider/chatbot-proivder";
-import { type MCP } from "../components/provider/use-chatbot-frame-handler";
-
-type ChatbotConfig = {
-  /** エージェントにつなげるMCPの情報 */
-  mcps?: MCP[];
-  /** アプリ名のメタデータ */
-  appName?: string;
-  /**
-   * trueになるまで、初期化されません。
-   * 初期化せれたあとはもう使われません。
-   * @default true
-   */
-  enabled?: boolean;
-};
-
-/**
- * このフックに渡される情報で受動的にinitを呼び出し、mcpsとappNameを更新する
- */
-export function useChatbotConfig({
-  mcps,
-  appName,
-  enabled = true,
-}: ChatbotConfig) {
-  const { init, setMcps, setAppName, isReady } = useChatbot();
-  const sentInitRef = React.useRef(false);
-  const [currentMcps, setCurrentMcps] = React.useState<MCP[]>();
-  const [currentAppName, setCurrentAppName] = React.useState<string>();
-
-  // 初期化の仕組み
-  React.useEffect(() => {
-    if (enabled && isReady && !sentInitRef.current) {
-      init({ mcps, appName });
-      sentInitRef.current = true;
-      setCurrentMcps(mcps);
-      setCurrentAppName(appName);
-    }
-  }, [enabled, init, mcps, appName, isReady]);
-
-  // mcpsの更新の仕組み
-  React.useEffect(() => {
-    if (
-      sentInitRef.current &&
-      mcps &&
-      JSON.stringify(currentMcps) !== JSON.stringify(mcps)
-    ) {
-      setMcps(mcps);
-      setCurrentMcps(mcps);
-    }
-  }, [mcps]);
-
-  // appNameの更新の仕組み
-  React.useEffect(() => {
-    if (sentInitRef.current && appName && currentAppName !== appName) {
-      setCurrentAppName(appName);
-      setAppName(appName);
-    }
-  }, [appName]);
-}