markdown-flow-ui 0.1.69-beta.2 → 0.1.69-beta.3

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.js

@@ -2,7 +2,7 @@ import $ from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import oe from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/extends.js";
 import r from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/defineProperty.js";
 import te from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/typeof.js";
-import d from "../../../../../../../../../_virtual/index3.js";
+import d from "../../../../../../../../../_virtual/index4.js";
 import l, { useRef as q, cloneElement as ie } from "react";
 import { hasPrefixSuffix as re, hasAddon as de } from "./utils/commonUtils.js";
 var xe = /* @__PURE__ */ l.forwardRef(function(e, z) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.js

@@ -4,7 +4,7 @@ import w from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import J from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/typeof.js";
 import s from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/slicedToArray.js";
 import K from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import Q from "../../../../../../../../../_virtual/index3.js";
+import Q from "../../../../../../../../../_virtual/index4.js";
 import ee from "../../../../rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.js";
 import M from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.js";
 import te from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useMergedState.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.js

@@ -4,7 +4,7 @@ import d from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/hel
 import Ae from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js";
 import x from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/slicedToArray.js";
 import Fe from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import h from "../../../../../../../../../_virtual/index3.js";
+import h from "../../../../../../../../../_virtual/index4.js";
 import Ne from "../../../../rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.js";
 import Te from "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useMergedState.js";
 import o, { useRef as Y, useImperativeHandle as $e, useEffect as Ie } from "react";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.js

@@ -1,5 +1,5 @@
 import t from "./TextArea.js";
-import "../../../../../../../../../_virtual/index3.js";
+import "../../../../../../../../../_virtual/index4.js";
 import "../../../../rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.js";
 import "../../../../rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.js";
 import "react";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-flow@0.1.3-beta.0/node_modules/remark-flow/dist/remark-custom-variable.js

@@ -1,5 +1,5 @@
 import { __exports as a } from "../../../../../../../../../_virtual/remark-custom-variable.js";
-import g from "../../../../../../../../../_virtual/index4.js";
+import g from "../../../../../../../../../_virtual/index3.js";
 import { __require as h } from "./interaction-parser.js";
 var m;
 function C() {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-flow@0.1.3-beta.0/node_modules/remark-flow/dist/remark-interaction.js

@@ -1,5 +1,5 @@
 import { __exports as n } from "../../../../../../../../../_virtual/remark-interaction.js";
-import I from "../../../../../../../../../_virtual/index4.js";
+import I from "../../../../../../../../../_virtual/index3.js";
 import { __require as g } from "./interaction-parser.js";
 var m;
 function k() {

package/dist/_virtual/index3.js

@@ -1,8 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as s } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
+import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  t as default
+  m as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index4.js

@@ -1,7 +1,8 @@
-import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
-import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
-const m = /* @__PURE__ */ e(r);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as s } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  m as default
+  t as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/ui/inputGroup/textarea.js

@@ -1,7 +1,7 @@
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 import * as d from "react";
 import n from "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.js";
-import "../../../_virtual/index3.js";
+import "../../../_virtual/index4.js";
 import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.js";
 import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.js";
 import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/raf.js";

package/dist/editor.d.ts

@@ -1,4 +1,3 @@
 import { default as MarkdownFlowEditor, EditMode, UploadProps, ImageResource } from './components/MarkdownFlowEditor';
-import { OnSendContentParams, CustomRenderBarProps } from './components/types';
 export { MarkdownFlowEditor };
-export type { OnSendContentParams, CustomRenderBarProps, EditMode, UploadProps, ImageResource, };
+export type { EditMode, UploadProps, ImageResource };

package/dist/index.js

@@ -1,14 +1,14 @@
-import { default as t } from "./components/MarkdownFlowEditor/MarkdownFlowEditor.js";
-import { default as l } from "./components/MarkdownFlow/MarkdownFlow.js";
-import { default as f } from "./components/MarkdownFlow/ScrollableMarkdownFlow.js";
-import { default as w } from "./components/ContentRender/ContentRender.js";
-import { default as m } from "./components/ContentRender/MarkdownFlowInput.js";
+import { default as d } from "./components/MarkdownFlowEditor/MarkdownFlowEditor.js";
+import { default as p } from "./components/MarkdownFlow/MarkdownFlow.js";
+import "./_virtual/jsx-runtime.js";
 import "react";
+/* empty css                                         */
+import { default as m } from "./components/ContentRender/ContentRender.js";
+import { default as w } from "./components/ContentRender/MarkdownFlowInput.js";
 export {
-  w as ContentRender,
-  l as MarkdownFlow,
-  t as MarkdownFlowEditor,
-  m as MarkdownFlowInput,
-  f as ScrollableMarkdownFlow
+  m as ContentRender,
+  p as MarkdownFlow,
+  d as MarkdownFlowEditor,
+  w as MarkdownFlowInput
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/renderer.d.ts

@@ -1,8 +1,8 @@
-import { default as MarkdownFlow, ScrollableMarkdownFlow } from './components/MarkdownFlow';
+import { default as MarkdownFlow } from './components/MarkdownFlow';
 import { default as ContentRender } from './components/ContentRender';
 import { default as MarkdownFlowInput, MarkdownFlowInputProps } from './components/ContentRender/MarkdownFlowInput';
 import { MarkdownFlowProps } from './components/MarkdownFlow/MarkdownFlow';
-import { ScrollableMarkdownFlowProps } from './components/MarkdownFlow/ScrollableMarkdownFlow';
 import { ContentRenderProps } from './components/ContentRender/ContentRender';
-export { MarkdownFlow, ScrollableMarkdownFlow, ContentRender, MarkdownFlowInput, };
-export type { MarkdownFlowProps, ScrollableMarkdownFlowProps, ContentRenderProps, MarkdownFlowInputProps, };
+import { OnSendContentParams, CustomRenderBarProps } from './components/types';
+export { MarkdownFlow, ContentRender, MarkdownFlowInput };
+export type { OnSendContentParams, CustomRenderBarProps, MarkdownFlowProps, ContentRenderProps, MarkdownFlowInputProps, };

package/dist/renderer.js

@@ -1,12 +1,12 @@
-import { default as e } from "./components/MarkdownFlow/MarkdownFlow.js";
-import { default as l } from "./components/MarkdownFlow/ScrollableMarkdownFlow.js";
-import { default as f } from "./components/ContentRender/ContentRender.js";
-import { default as p } from "./components/ContentRender/MarkdownFlowInput.js";
+import { default as p } from "./components/MarkdownFlow/MarkdownFlow.js";
+import "./_virtual/jsx-runtime.js";
 import "react";
+/* empty css                                         */
+import { default as f } from "./components/ContentRender/ContentRender.js";
+import { default as n } from "./components/ContentRender/MarkdownFlowInput.js";
 export {
   f as ContentRender,
-  e as MarkdownFlow,
-  p as MarkdownFlowInput,
-  l as ScrollableMarkdownFlow
+  p as MarkdownFlow,
+  n as MarkdownFlowInput
 };
 //# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"renderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -149,7 +149,7 @@
     "storybook": "storybook dev -p 6006",
     "test": "echo \"No tests specified\" && exit 0"
   },
-  "version": "0.1.69-beta.2",
+  "version": "0.1.69-beta.3",
   "type": "module",
   "exports": {
     ".": {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js

@@ -1,13 +0,0 @@
-import o from "../createLucideIcon.js";
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], c = o("chevron-down", e);
-export {
-  e as __iconNode,
-  c as default
-};
-//# sourceMappingURL=chevron-down.js.map

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-down.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js"],"sourcesContent":["/**\n * @license lucide-react v0.525.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]];\nconst ChevronDown = createLucideIcon(\"chevron-down\", __iconNode);\n\nexport { __iconNode, ChevronDown as default };\n//# sourceMappingURL=chevron-down.js.map\n"],"names":["__iconNode","ChevronDown","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAG,gBAAgB,KAAK,UAAU,CAAC,GAC5DC,IAAcC,EAAiB,gBAAgBF,CAAU;","x_google_ignoreList":[0]}

package/dist/components/MarkdownFlow/ScrollableMarkdownFlow.js

@@ -1,74 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import { useRef as b } from "react";
-import w from "./MarkdownFlow.js";
-import v from "./useScrollToBottom.js";
-import { Button as x } from "../ui/button.js";
-/* empty css                 */
-import g from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const T = ({
-  initialContentList: r = [],
-  customRenderBar: e,
-  onSend: t,
-  onBlockComplete: s,
-  typingSpeed: a,
-  enableTypewriter: n = !1,
-  height: m = "100%",
-  className: c = "",
-  confirmButtonText: i,
-  copyButtonText: h,
-  copiedButtonText: f,
-  ...u
-}) => {
-  const l = b(null), { showScrollToBottom: d, handleUserScrollToBottom: p } = v(
-    l,
-    [
-      r?.length >= 1 ? JSON.stringify(r[r?.length - 1]) : null
-    ],
-    {
-      // Listen for content count changes
-      behavior: "smooth",
-      autoScrollOnInit: !0,
-      scrollDelay: 100
-    }
-  );
-  return /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      className: `scrollable-markdown-container ${c}`,
-      style: { height: m, position: "relative" },
-      ...u,
-      children: [
-        /* @__PURE__ */ o.jsx("div", { ref: l, style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ o.jsx(
-          w,
-          {
-            initialContentList: r,
-            customRenderBar: e,
-            onSend: t,
-            typingSpeed: a,
-            enableTypewriter: n,
-            onBlockComplete: s,
-            confirmButtonText: i,
-            copyButtonText: h,
-            copiedButtonText: f
-          }
-        ) }),
-        d && /* @__PURE__ */ o.jsx(
-          x,
-          {
-            className: "h-6 w-6 border hover:bg-gray-200 scroll-to-bottom-btn",
-            type: "button",
-            variant: "ghost",
-            size: "icon",
-            onClick: p,
-            "aria-label": "滚动到底部",
-            children: /* @__PURE__ */ o.jsx(g, {})
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  T as default
-};
-//# sourceMappingURL=ScrollableMarkdownFlow.js.map

package/dist/components/MarkdownFlow/ScrollableMarkdownFlow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollableMarkdownFlow.js","sources":["../../../src/components/MarkdownFlow/ScrollableMarkdownFlow.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport MarkdownFlow from \"./MarkdownFlow\";\nimport useScrollToBottom from \"./useScrollToBottom\";\n// import type { OnSendContentParams, CustomRenderBarProps } from \"../types\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"../ui/button\";\nimport type { MarkdownFlowProps } from \"./MarkdownFlow\";\n\nimport \"./markdownFlow.css\";\n\nexport interface ScrollableMarkdownFlowProps extends MarkdownFlowProps {\n  height?: string | number;\n  className?: string;\n}\n\nconst ScrollableMarkdownFlow: React.FC<ScrollableMarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend,\n  onBlockComplete,\n  typingSpeed,\n  enableTypewriter = false,\n  height = \"100%\",\n  className = \"\",\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  ...restProps\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { showScrollToBottom, handleUserScrollToBottom } = useScrollToBottom(\n    containerRef,\n    [\n      initialContentList?.length >= 1\n        ? JSON.stringify(initialContentList[initialContentList?.length - 1])\n        : null,\n    ],\n    {\n      // Listen for content count changes\n      behavior: \"smooth\",\n      autoScrollOnInit: true,\n      scrollDelay: 100,\n    }\n  );\n\n  return (\n    <div\n      className={`scrollable-markdown-container ${className}`}\n      style={{ height, position: \"relative\" }}\n      {...restProps}\n    >\n      <div ref={containerRef} style={{ height: \"100%\", overflow: \"auto\" }}>\n        <MarkdownFlow\n          initialContentList={initialContentList}\n          customRenderBar={customRenderBar}\n          onSend={onSend}\n          typingSpeed={typingSpeed}\n          enableTypewriter={enableTypewriter}\n          onBlockComplete={onBlockComplete}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n        />\n      </div>\n      {showScrollToBottom && (\n        <Button\n          className=\"h-6 w-6 border hover:bg-gray-200 scroll-to-bottom-btn\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={handleUserScrollToBottom}\n          aria-label=\"滚动到底部\"\n        >\n          <ChevronDown />\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default ScrollableMarkdownFlow;\n"],"names":["ScrollableMarkdownFlow","initialContentList","customRenderBar","onSend","onBlockComplete","typingSpeed","enableTypewriter","height","className","confirmButtonText","copyButtonText","copiedButtonText","restProps","containerRef","useRef","showScrollToBottom","handleUserScrollToBottom","useScrollToBottom","jsxs","jsx","MarkdownFlow","Button","ChevronDown"],"mappings":";;;;;;;AAeA,MAAMA,IAAgE,CAAC;AAAA,EACrE,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,oBAAAC,GAAoB,0BAAAC,EAAA,IAA6BC;AAAA,IACvDJ;AAAA,IACA;AAAA,MACEZ,GAAoB,UAAU,IAC1B,KAAK,UAAUA,EAAmBA,GAAoB,SAAS,CAAC,CAAC,IACjE;AAAA,IAAA;AAAA,IAEN;AAAA;AAAA,MAEE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,aAAa;AAAA,IAAA;AAAA,EACf;AAGF,SACEiB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,iCAAiCV,CAAS;AAAA,MACrD,OAAO,EAAE,QAAAD,GAAQ,UAAU,WAAA;AAAA,MAC1B,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKN,GAAc,OAAO,EAAE,QAAQ,QAAQ,UAAU,OAAA,GACzD,UAAAM,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,oBAAAnB;AAAA,YACA,iBAAAC;AAAA,YACA,QAAAC;AAAA,YACA,aAAAE;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAF;AAAA,YACA,mBAAAK;AAAA,YACA,gBAAAC;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCI,KACCI,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAASL;AAAA,YACT,cAAW;AAAA,YAEX,gCAACM,GAAA,CAAA,CAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/MarkdownFlow/useScrollToBottom.js

@@ -1,68 +0,0 @@
-import { useState as A, useRef as f, useCallback as n, useEffect as a } from "react";
-const L = (e, E = [], b = {}) => {
-  const {
-    behavior: T = "smooth",
-    autoScrollOnInit: h = !0,
-    scrollDelay: B = 100,
-    scrollThreshold: S = 10
-  } = b, [g, s] = A(!1), [C, u] = A(!0), o = f(!0), m = f(!0), r = f({
-    scroll: null,
-    init: null,
-    content: null
-  }), d = n(() => {
-    Object.values(r.current).forEach((t) => {
-      t && clearTimeout(t);
-    });
-  }, []), w = n(() => {
-    const t = e.current;
-    if (!t) return !0;
-    const { scrollTop: i, scrollHeight: v, clientHeight: H } = t;
-    return i + H >= v - S;
-  }, [e, S]), c = n(() => {
-    const t = e.current;
-    t && t.scrollTo({
-      top: t.scrollHeight,
-      behavior: T
-    });
-  }, [e, T]), l = n(() => {
-    const t = w();
-    return u(t), s(!t), t;
-  }, [w]), p = n(() => {
-    c(), o.current = !0, s(!1), u(!0);
-  }, [c]);
-  return a(() => {
-    const t = e.current;
-    if (!t) return;
-    const i = () => {
-      r.current.scroll && clearTimeout(r.current.scroll), r.current.scroll = setTimeout(() => {
-        l() ? o.current = !0 : o.current = !1;
-      }, 150);
-    };
-    return t.addEventListener("scroll", i), l(), () => {
-      t.removeEventListener("scroll", i), r.current.scroll && clearTimeout(r.current.scroll);
-    };
-  }, [e, l]), a(() => (h && m.current && (r.current.init = setTimeout(() => {
-    c(), u(!0), s(!1), o.current = !0, m.current = !1;
-  }, B)), () => {
-    r.current.init && clearTimeout(r.current.init);
-  }), [h, c, B]), a(() => {
-    if (!m.current)
-      return r.current.content = setTimeout(() => {
-        o.current ? (c(), u(!0), s(!1)) : l();
-      }, 50), () => {
-        r.current.content && clearTimeout(r.current.content);
-      };
-  }, [...E, c, l]), a(() => () => {
-    d();
-  }, [d]), {
-    showScrollToBottom: g,
-    scrollToBottom: p,
-    handleUserScrollToBottom: p,
-    isAtBottom: C,
-    followNewContent: o.current
-  };
-};
-export {
-  L as default
-};
-//# sourceMappingURL=useScrollToBottom.js.map

package/dist/components/MarkdownFlow/useScrollToBottom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollToBottom.js","sources":["../../../src/components/MarkdownFlow/useScrollToBottom.ts"],"sourcesContent":["import { useRef, useEffect, useCallback, RefObject, useState } from \"react\";\n\ninterface UseScrollToBottomOptions {\n  behavior?: \"smooth\" | \"auto\";\n  autoScrollOnInit?: boolean;\n  scrollDelay?: number;\n  scrollThreshold?: number;\n}\n\ninterface UseScrollToBottomReturn {\n  showScrollToBottom: boolean;\n  scrollToBottom: () => void;\n  handleUserScrollToBottom: () => void;\n  isAtBottom: boolean;\n  followNewContent: boolean;\n}\n\nconst useScrollToBottom = (\n  containerRef: RefObject<HTMLDivElement | null>,\n  dependencies: any[] = [],\n  options: UseScrollToBottomOptions = {}\n): UseScrollToBottomReturn => {\n  const {\n    behavior = \"smooth\",\n    autoScrollOnInit = true,\n    scrollDelay = 100,\n    scrollThreshold = 10,\n  } = options;\n\n  const [showScrollToBottom, setShowScrollToBottom] = useState(false);\n  const [isAtBottom, setIsAtBottom] = useState(true);\n  const followNewContent = useRef(true);\n  const isFirstLoad = useRef(true);\n  const timers = useRef({\n    scroll: null as NodeJS.Timeout | null,\n    init: null as NodeJS.Timeout | null,\n    content: null as NodeJS.Timeout | null,\n  });\n\n  // Clear all timers\n  const clearAllTimers = useCallback(() => {\n    Object.values(timers.current).forEach((timer) => {\n      if (timer) clearTimeout(timer);\n    });\n  }, []);\n\n  // Check if scrolled to bottom\n  const checkIfAtBottom = useCallback((): boolean => {\n    const container = containerRef.current;\n    if (!container) return true;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    return scrollTop + clientHeight >= scrollHeight - scrollThreshold;\n  }, [containerRef, scrollThreshold]);\n\n  // Scroll to bottom\n  const scrollToBottom = useCallback(() => {\n    const container = containerRef.current;\n    if (container) {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior,\n      });\n    }\n  }, [containerRef, behavior]);\n\n  // Update scroll state\n  const updateScrollState = useCallback(() => {\n    const atBottom = checkIfAtBottom();\n    setIsAtBottom(atBottom);\n    setShowScrollToBottom(!atBottom);\n    return atBottom;\n  }, [checkIfAtBottom]);\n\n  // Handle user manually scrolling to bottom\n  const handleUserScrollToBottom = useCallback(() => {\n    scrollToBottom();\n    followNewContent.current = true;\n    setShowScrollToBottom(false);\n    setIsAtBottom(true);\n  }, [scrollToBottom]);\n\n  // Scroll event listener\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      // Debounce handling\n      if (timers.current.scroll) {\n        clearTimeout(timers.current.scroll);\n      }\n\n      timers.current.scroll = setTimeout(() => {\n        const atBottom = updateScrollState();\n\n        // Key logic: disable auto-follow when user manually scrolls\n        if (!atBottom) {\n          followNewContent.current = false;\n        } else {\n          followNewContent.current = true;\n        }\n      }, 150);\n    };\n\n    container.addEventListener(\"scroll\", handleScroll);\n    // Initialize state\n    updateScrollState();\n\n    return () => {\n      container.removeEventListener(\"scroll\", handleScroll);\n      if (timers.current.scroll) {\n        clearTimeout(timers.current.scroll);\n      }\n    };\n  }, [containerRef, updateScrollState]);\n\n  // Auto-scroll on first load\n  useEffect(() => {\n    if (autoScrollOnInit && isFirstLoad.current) {\n      timers.current.init = setTimeout(() => {\n        scrollToBottom();\n        setIsAtBottom(true);\n        setShowScrollToBottom(false);\n        followNewContent.current = true;\n        isFirstLoad.current = false;\n      }, scrollDelay);\n    }\n\n    return () => {\n      if (timers.current.init) {\n        clearTimeout(timers.current.init);\n      }\n    };\n  }, [autoScrollOnInit, scrollToBottom, scrollDelay]);\n\n  // Handle content changes\n  useEffect(() => {\n    if (isFirstLoad.current) return;\n\n    timers.current.content = setTimeout(() => {\n      if (followNewContent.current) {\n        // Auto-scroll when user hasn't manually scrolled\n        scrollToBottom();\n        setIsAtBottom(true);\n        setShowScrollToBottom(false);\n      } else {\n        // Only update button state after user manual scroll\n        updateScrollState();\n      }\n    }, 50);\n\n    return () => {\n      if (timers.current.content) {\n        clearTimeout(timers.current.content);\n      }\n    };\n  }, [...dependencies, scrollToBottom, updateScrollState]);\n\n  // Cleanup on component unmount\n  useEffect(() => {\n    return () => {\n      clearAllTimers();\n    };\n  }, [clearAllTimers]);\n\n  return {\n    showScrollToBottom,\n    scrollToBottom: handleUserScrollToBottom,\n    handleUserScrollToBottom,\n    isAtBottom,\n    followNewContent: followNewContent.current,\n  };\n};\n\nexport default useScrollToBottom;\n"],"names":["useScrollToBottom","containerRef","dependencies","options","behavior","autoScrollOnInit","scrollDelay","scrollThreshold","showScrollToBottom","setShowScrollToBottom","useState","isAtBottom","setIsAtBottom","followNewContent","useRef","isFirstLoad","timers","clearAllTimers","useCallback","timer","checkIfAtBottom","container","scrollTop","scrollHeight","clientHeight","scrollToBottom","updateScrollState","atBottom","handleUserScrollToBottom","useEffect","handleScroll"],"mappings":"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"}