langgraph-ui-components 0.0.3 → 0.0.6

package/dist/index.es23.js

@@ -1,36 +1,21 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useStreamContext } from "./index.es6.js";
-import { useCustomComponents } from "./index.es8.js";
-import "./index.es17.js";
-import React__default from "react";
-import { LoadExternalComponent } from "./index.es19.js";
-function CustomComponentRender({
-  message,
-  thread
-}) {
-  const { values } = useStreamContext();
-  const customComponents = values.ui?.filter(
-    (ui) => ui?.id === message.id
-  );
-  const { components } = useCustomComponents();
-  if (!customComponents?.length) return null;
-  console.log("Rendering CustomComponentRender for message id:", message);
-  console.log("Custom components found:", customComponents);
-  return /* @__PURE__ */ jsx(Fragment, { children: customComponents?.filter((c) => !!components?.[c.name]).map((customComponent) => /* @__PURE__ */ jsx(
-    LoadExternalComponent,
-    {
-      stream: thread,
-      message: customComponent,
-      components,
-      meta: { ui: customComponent }
-    },
-    `${message.id}-${customComponent.id}`
-  )) });
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css           */
+function Thinking() {
+  return /* @__PURE__ */ jsxs("div", { className: "loader-wrapper", children: [
+    /* @__PURE__ */ jsx("div", { className: "loader" }),
+    /* @__PURE__ */ jsxs("div", { className: "letter-wrapper", children: [
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "T" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "h" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "k" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "g" })
+    ] })
+  ] });
 }
-const CustomComponentRender$1 = React__default.memo(CustomComponentRender, (prevProps, nextProps) => {
-  return prevProps.message.id === nextProps.message.id;
-});
 export {
-  CustomComponentRender$1 as default
+  Thinking as default
 };
 //# sourceMappingURL=index.es23.js.map

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/messages/CustomComponentRender.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport { useCustomComponents } from \"@/providers/CustomComponentProvider\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { LoadExternalComponent } from \"@langchain/langgraph-sdk/react-ui\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport React from \"react\";\n\nfunction CustomComponentRender({\n  message,\n  thread,\n}: {\n  message: Message;\n  thread: ReturnType<typeof useStreamContext>;\n}) {\n  const { values } = useStreamContext();\n  const customComponents = values.ui?.filter(\n    (ui) => ui?.id === message.id\n  );\n  const { components } = useCustomComponents();\n\n  if (!customComponents?.length) return null;\n  console.log(\"Rendering CustomComponentRender for message id:\", message);\n  console.log(\"Custom components found:\", customComponents);\n  \n  return (\n    <Fragment>\n      {customComponents\n        ?.filter((c) => !!components?.[c.name as keyof typeof components])\n        .map((customComponent) => (\n          <LoadExternalComponent\n            key={`${message.id}-${customComponent.id}`}\n            stream={thread}\n            message={customComponent}\n            components={components}\n            meta={{ ui: customComponent }}\n          />\n        ))}\n    </Fragment>\n  );\n}\n\nexport default React.memo(CustomComponentRender, (prevProps, nextProps) => {\n  return prevProps.message.id === nextProps.message.id;\n});"],"names":["React"],"mappings":";;;;;;AAOA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,OAAA,IAAW,iBAAA;AACnB,QAAM,mBAAmB,OAAO,IAAI;AAAA,IAClC,CAAC,OAAO,IAAI,OAAO,QAAQ;AAAA,EAAA;AAE7B,QAAM,EAAE,WAAA,IAAe,oBAAA;AAEvB,MAAI,CAAC,kBAAkB,OAAQ,QAAO;AACtC,UAAQ,IAAI,mDAAmD,OAAO;AACtE,UAAQ,IAAI,4BAA4B,gBAAgB;AAExD,SACE,oBAAC,UAAA,EACE,UAAA,kBACG,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,IAA+B,CAAC,EAChE,IAAI,CAAC,oBACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,MAAM,EAAE,IAAI,gBAAA;AAAA,IAAgB;AAAA,IAJvB,GAAG,QAAQ,EAAE,IAAI,gBAAgB,EAAE;AAAA,EAAA,CAM3C,GACL;AAEJ;AAEA,MAAA,0BAAeA,eAAM,KAAK,uBAAuB,CAAC,WAAW,cAAc;AACzE,SAAO,UAAU,QAAQ,OAAO,UAAU,QAAQ;AACpD,CAAC;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/Thinking.tsx"],"sourcesContent":["import './Thinking.css'\n\nexport default function Thinking() {\n    return (\n        <div className=\"loader-wrapper\">\n            <div className=\"loader\"></div>\n            <div className=\"letter-wrapper\">\n                <span className=\"loader-letter\">T</span>\n                <span className=\"loader-letter\">h</span>\n                <span className=\"loader-letter\">i</span>\n                <span className=\"loader-letter\">n</span>\n                <span className=\"loader-letter\">k</span>\n                <span className=\"loader-letter\">i</span>\n                <span className=\"loader-letter\">n</span>\n                <span className=\"loader-letter\">g</span>\n            </div>\n        </div>\n\n    )\n}\n"],"names":[],"mappings":";;AAEA,SAAwB,WAAW;AAC/B,SACI,qBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IACxB,qBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GACJ;AAGR;"}