@lattice-php/lattice 0.4.0 → 0.5.0

package/dist/remote/components/chat-box.js

@@ -1,65 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { testIdentity } from "../../core/test-id.js";
-import { useT } from "../../i18n/instance.js";
-import { remoteJson } from "../../core/api.js";
-import { createRemoteNdjsonChatTransport, ndjsonChatTransport } from "../../chat/transport.js";
-import { useChat } from "../../chat/use-chat.js";
-import { MessageList } from "../../chat/components/message-list.js";
-import { PromptInput } from "../../chat/components/prompt-input.js";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/remote/components/chat-box.tsx
-var RemoteChatBox = ({ node }) => {
-	const props = node.props;
-	const { t } = useT("lattice");
-	const transport = useMemo(() => props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport, [props.remote]);
-	const { messages, status, error, sendMessage, setMessages } = useChat({
-		endpoint: props.streamEndpoint ?? "",
-		transport
-	});
-	const seededRef = useRef(false);
-	const seedHistory = useCallback(async () => {
-		if (seededRef.current || !props.historyEndpoint || !props.remote) return;
-		seededRef.current = true;
-		setMessages((await remoteJson(props.historyEndpoint, { remote: props.remote })).messages);
-	}, [
-		props.historyEndpoint,
-		props.remote,
-		setMessages
-	]);
-	useEffect(() => {
-		seedHistory().catch(() => {});
-	}, [seedHistory]);
-	const disabled = status === "submitted" || status === "streaming" || !props.remote || !props.streamEndpoint;
-	const visibleError = error;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col overflow-hidden border border-lt-border bg-lt-bg", props.fill ? "sticky top-0 h-full min-h-[28rem] w-full" : "h-[28rem] w-80 rounded-lt shadow-lt-lg"),
-		"data-test": testIdentity("chat-box"),
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "flex items-center border-b border-lt-border px-3 py-2",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "text-sm font-medium text-lt-fg",
-					children: props.title ?? t("chat.title", "Chat")
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ jsx(MessageList, { messages })
-			}),
-			visibleError ? /* @__PURE__ */ jsx("div", {
-				className: "border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger",
-				children: visibleError
-			}) : null,
-			/* @__PURE__ */ jsx(PromptInput, {
-				disabled,
-				onSubmit: sendMessage,
-				placeholder: props.placeholder ?? void 0
-			})
-		]
-	});
-};
-//#endregion
-export { RemoteChatBox, RemoteChatBox as default };
-
-//# sourceMappingURL=chat-box.js.map

package/dist/remote/components/chat-box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-box.js","names":[],"sources":["../../../resources/js/remote/components/chat-box.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { remoteJson } from \"@lattice-php/lattice/core/api\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { RemoteChatBox as RemoteChatBoxProps } from \"@lattice-php/lattice/types/generated\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport {\n  createRemoteNdjsonChatTransport,\n  ndjsonChatTransport,\n} from \"@lattice-php/lattice/chat/transport\";\nimport { useChat } from \"@lattice-php/lattice/chat/use-chat\";\nimport type { ChatMessage } from \"@lattice-php/lattice/chat/types\";\nimport { MessageList } from \"@lattice-php/lattice/chat/components/message-list\";\nimport { PromptInput } from \"@lattice-php/lattice/chat/components/prompt-input\";\n\ntype ChatHistoryResponse = { messages: ChatMessage[] };\n\nexport const RemoteChatBox: RendererComponent<\"remote.chat-box\"> = ({ node }) => {\n  const props: RemoteChatBoxProps = node.props;\n  const { t } = useT(\"lattice\");\n  const transport = useMemo(\n    () => (props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport),\n    [props.remote],\n  );\n  const { messages, status, error, sendMessage, setMessages } = useChat({\n    endpoint: props.streamEndpoint ?? \"\",\n    transport,\n  });\n\n  const seededRef = useRef(false);\n\n  const seedHistory = useCallback(async (): Promise<void> => {\n    if (seededRef.current || !props.historyEndpoint || !props.remote) {\n      return;\n    }\n\n    seededRef.current = true;\n\n    const payload = await remoteJson<ChatHistoryResponse>(props.historyEndpoint, {\n      remote: props.remote,\n    });\n\n    setMessages(payload.messages);\n  }, [props.historyEndpoint, props.remote, setMessages]);\n\n  useEffect(() => {\n    void seedHistory().catch(() => {});\n  }, [seedHistory]);\n\n  const busy = status === \"submitted\" || status === \"streaming\";\n  const disabled = busy || !props.remote || !props.streamEndpoint;\n  const visibleError = error;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col overflow-hidden border border-lt-border bg-lt-bg\",\n        props.fill\n          ? \"sticky top-0 h-full min-h-[28rem] w-full\"\n          : \"h-[28rem] w-80 rounded-lt shadow-lt-lg\",\n      )}\n      data-test={testIdentity(\"chat-box\")}\n    >\n      <div className=\"flex items-center border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium text-lt-fg\">\n          {props.title ?? t(\"chat.title\", \"Chat\")}\n        </span>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        <MessageList messages={messages} />\n      </div>\n      {visibleError ? (\n        <div className=\"border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger\">\n          {visibleError}\n        </div>\n      ) : null}\n      <PromptInput\n        disabled={disabled}\n        onSubmit={sendMessage}\n        placeholder={props.placeholder ?? undefined}\n      />\n    </div>\n  );\n};\n\nexport default RemoteChatBox;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,iBAAuD,EAAE,WAAW;CAC/E,MAAM,QAA4B,KAAK;CACvC,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,YAAY,cACT,MAAM,SAAS,gCAAgC,MAAM,MAAM,IAAI,qBACtE,CAAC,MAAM,MAAM,CACf;CACA,MAAM,EAAE,UAAU,QAAQ,OAAO,aAAa,gBAAgB,QAAQ;EACpE,UAAU,MAAM,kBAAkB;EAClC;CACF,CAAC;CAED,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,cAAc,YAAY,YAA2B;EACzD,IAAI,UAAU,WAAW,CAAC,MAAM,mBAAmB,CAAC,MAAM,QACxD;EAGF,UAAU,UAAU;EAMpB,aAAY,MAJU,WAAgC,MAAM,iBAAiB,EAC3E,QAAQ,MAAM,OAChB,CAAC,GAEmB,QAAQ;CAC9B,GAAG;EAAC,MAAM;EAAiB,MAAM;EAAQ;CAAW,CAAC;CAErD,gBAAgB;EACd,YAAiB,EAAE,YAAY,CAAC,CAAC;CACnC,GAAG,CAAC,WAAW,CAAC;CAGhB,MAAM,WADO,WAAW,eAAe,WAAW,eACzB,CAAC,MAAM,UAAU,CAAC,MAAM;CACjD,MAAM,eAAe;CAErB,OACE,qBAAC,OAAD;EACE,WAAW,GACT,kEACA,MAAM,OACF,6CACA,wCACN;EACA,aAAW,aAAa,UAAU;YAPpC;GASE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KAAM,WAAU;eACb,MAAM,SAAS,EAAE,cAAc,MAAM;IAClC,CAAA;GACH,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAuB,SAAW,CAAA;GAC/B,CAAA;GACJ,eACC,oBAAC,OAAD;IAAK,WAAU;cACZ;GACE,CAAA,IACH;GACJ,oBAAC,aAAD;IACY;IACV,UAAU;IACV,aAAa,MAAM,eAAe,KAAA;GACnC,CAAA;EACE;;AAET"}