mtxuilib 0.1.968 → 0.1.969

package/dist/components/devtools/DevTools.d.ts

@@ -1,8 +1,7 @@
-import type { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-export declare const ReactQueryDevtoolsProduction: typeof ReactQueryDevtools;
-interface DevToolsProps {
+interface DevToolsLoaderProps {
+    hotKey?: string;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare const DevTools: (props: DevToolsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DevTools: (props: DevToolsLoaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/devtools/DevTools.js

@@ -1,26 +1,14 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import dynamic from "next/dynamic";
-import { useState } from "react";
+import { lazy, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
-import { TailwindIndicator } from "../../components/tailwind-indicator";
-export const ReactQueryDevtoolsProduction = dynamic(() => import("@tanstack/react-query-devtools/build/modern/production.js").then((d) => ({
-    default: d.ReactQueryDevtools,
-})), {
-    ssr: false,
-});
-const hotKeyDebug = "alt+.";
+import { TailwindIndicator } from "../tailwind-indicator";
+const LzDevTools = lazy(() => import("./DevToolsView").then((x) => ({ default: x.DevToolsView })));
 export const DevTools = (props) => {
-    const { open: propsOpen, onOpenChange } = props;
-    const [internalOpen, setInternalOpen] = useState(false);
-    const open = propsOpen ?? internalOpen;
-    const setOpen = onOpenChange ?? setInternalOpen;
-    useHotkeys(hotKeyDebug, () => {
-        console.log("debug2:%o", !open);
+    const [open, setOpen] = useState(props.open);
+    const hotKey = props.hotKey || "ctrl+0";
+    useHotkeys(hotKey, () => {
         setOpen(!open);
-    }, [open, setOpen]);
-    if (!open) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(ReactQueryDevtoolsProduction, { buttonPosition: "bottom-right" }), _jsx(TailwindIndicator, {})] }));
+    });
+    return (_jsxs(_Fragment, { children: [open && _jsx(LzDevTools, { open: open, onOpenChange: setOpen }), _jsx(TailwindIndicator, {})] }));
 };

package/dist/components/devtools/DevToolsView.d.ts

@@ -0,0 +1,8 @@
+import type { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+export declare const ReactQueryDevtoolsProduction: typeof ReactQueryDevtools;
+interface DevToolsProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const DevToolsView: (props: DevToolsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/devtools/DevToolsView.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import dynamic from "next/dynamic";
+import { useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+export const ReactQueryDevtoolsProduction = dynamic(() => import("@tanstack/react-query-devtools/build/modern/production.js").then((d) => ({
+    default: d.ReactQueryDevtools,
+})), {
+    ssr: false,
+});
+const hotKeyDebug = "alt+.";
+export const DevToolsView = (props) => {
+    const { open: propsOpen, onOpenChange } = props;
+    const [internalOpen, setInternalOpen] = useState(false);
+    const open = propsOpen ?? internalOpen;
+    const setOpen = onOpenChange ?? setInternalOpen;
+    useHotkeys(hotKeyDebug, () => {
+        console.log("debug2:%o", !open);
+        setOpen(!open);
+    }, [open, setOpen]);
+    if (!open) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(ReactQueryDevtoolsProduction, { buttonPosition: "bottom-right" }), _jsx(TanStackRouterDevtools, { position: "bottom-right" })] }));
+};

package/dist/hooks/index.d.ts

@@ -7,6 +7,10 @@ export * from "./use-enter-submit";
 export * from "./use-local-storage";
 export * from "./use-mobile";
 export * from "./use-mounted";
+export * from "./use-scroll-anchor";
 export * from "./use-scroll-to-bottom";
+export * from "./useAgentEventStream";
+export * from "./useHighlighter";
+export * from "./useLeaveConfirm";
 export * from "./useScript";
 export * from "./useSnapScroll";

package/dist/hooks/index.js

@@ -8,6 +8,10 @@ export * from "./use-enter-submit";
 export * from "./use-local-storage";
 export * from "./use-mobile";
 export * from "./use-mounted";
+export * from "./use-scroll-anchor";
 export * from "./use-scroll-to-bottom";
+export * from "./useAgentEventStream";
+export * from "./useHighlighter";
+export * from "./useLeaveConfirm";
 export * from "./useScript";
 export * from "./useSnapScroll";

package/dist/index.d.ts

@@ -6,6 +6,6 @@ export * from "./form";
 export * from "./hooks";
 export * from "./i18n";
 export * from "./icons";
-export * from "./lib/utils";
+export * from "./lib";
 export * from "./mt";
 export * from "./ui";

package/dist/index.js

@@ -6,6 +6,6 @@ export * from "./form";
 export * from "./hooks";
 export * from "./i18n";
 export * from "./icons";
-export * from "./lib/utils";
+export * from "./lib";
 export * from "./mt";
 export * from "./ui";

package/dist/mt/logs.d.ts

@@ -12,4 +12,4 @@ type LogProps = {
     autoScroll?: boolean;
 };
 export declare const LoggingComponent: React.FC<LogProps>;
-export default LoggingComponent;
+export {};

package/dist/mt/logs.js

@@ -130,4 +130,3 @@ const cyrb53 = (str, seed = 0) => {
     h2 ^= Math.imul(h1 ^ (h1 >>> 13), 3266489909);
     return 4294967296 * (2097151 & h2) + (h1 >>> 0);
 };
-export default LoggingComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.968",
+  "version": "0.1.969",
   "publishConfig": {
     "access": "public"
   },
@@ -129,9 +129,9 @@
     "@rjsf/core": "^5.23.2",
     "@rjsf/utils": "^5.23.2",
     "@rjsf/validator-ajv8": "^5.23.2",
-    "@tanstack/react-query": "^5.51.23",
-    "@tanstack/react-query-devtools": "^5.51.23",
-    "@tanstack/react-query-next-experimental": "^5.51.23",
+    "@tanstack/react-query": "^5.62.14",
+    "@tanstack/react-query-devtools": "^5.62.14",
+    "@tanstack/react-query-next-experimental": "^5.62.14",
     "@tanstack/react-table": "^8.20.1",
     "@visx/axis": "^3.12.0",
     "@visx/brush": "^3.6.0",

package/src/components/devtools/DevTools.tsx

@@ -1,47 +1,26 @@
 "use client";
-import type { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import dynamic from "next/dynamic";
-import { useState } from "react";
+import { lazy, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
-import { TailwindIndicator } from "../../components/tailwind-indicator";
+import { TailwindIndicator } from "../tailwind-indicator";
 
-export const ReactQueryDevtoolsProduction: typeof ReactQueryDevtools = dynamic(
-  () =>
-    import("@tanstack/react-query-devtools/build/modern/production.js").then(
-      (d) => ({
-        default: d.ReactQueryDevtools,
-      }),
-    ),
-  {
-    ssr: false,
-  },
-) as typeof ReactQueryDevtools;
+const LzDevTools = lazy(() =>
+  import("./DevToolsView").then((x) => ({ default: x.DevToolsView })),
+);
 
-const hotKeyDebug = "alt+.";
-interface DevToolsProps {
+interface DevToolsLoaderProps {
+  hotKey?: string;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 }
-export const DevTools = (props: DevToolsProps) => {
-  const { open: propsOpen, onOpenChange } = props;
-  const [internalOpen, setInternalOpen] = useState(false);
-  const open = propsOpen ?? internalOpen;
-  const setOpen = onOpenChange ?? setInternalOpen;
-  useHotkeys(
-    hotKeyDebug,
-    () => {
-      console.log("debug2:%o", !open);
-      setOpen(!open);
-    },
-    [open, setOpen],
-  );
-
-  if (!open) {
-    return null;
-  }
+export const DevTools = (props: DevToolsLoaderProps) => {
+  const [open, setOpen] = useState(props.open);
+  const hotKey = props.hotKey || "ctrl+0";
+  useHotkeys(hotKey, () => {
+    setOpen(!open);
+  });
   return (
     <>
-      <ReactQueryDevtoolsProduction buttonPosition="bottom-right" />
+      {open && <LzDevTools open={open} onOpenChange={setOpen} />}
       <TailwindIndicator />
     </>
   );

package/src/components/devtools/DevToolsView.tsx

@@ -0,0 +1,48 @@
+"use client";
+import type { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import dynamic from "next/dynamic";
+import { useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+
+export const ReactQueryDevtoolsProduction: typeof ReactQueryDevtools = dynamic(
+  () =>
+    import("@tanstack/react-query-devtools/build/modern/production.js").then(
+      (d) => ({
+        default: d.ReactQueryDevtools,
+      }),
+    ),
+  {
+    ssr: false,
+  },
+) as typeof ReactQueryDevtools;
+
+const hotKeyDebug = "alt+.";
+interface DevToolsProps {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}
+export const DevToolsView = (props: DevToolsProps) => {
+  const { open: propsOpen, onOpenChange } = props;
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = propsOpen ?? internalOpen;
+  const setOpen = onOpenChange ?? setInternalOpen;
+  useHotkeys(
+    hotKeyDebug,
+    () => {
+      console.log("debug2:%o", !open);
+      setOpen(!open);
+    },
+    [open, setOpen],
+  );
+
+  if (!open) {
+    return null;
+  }
+  return (
+    <>
+      <ReactQueryDevtoolsProduction buttonPosition="bottom-right" />
+      <TanStackRouterDevtools position="bottom-right" />
+    </>
+  );
+};

package/src/components/devtools/index.tsx

@@ -0,0 +1,2 @@
+export * from "./DebugValue";
+export * from "./DevTools";

package/src/hooks/index.ts

@@ -10,6 +10,10 @@ export * from "./use-enter-submit";
 export * from "./use-local-storage";
 export * from "./use-mobile";
 export * from "./use-mounted";
+export * from "./use-scroll-anchor";
 export * from "./use-scroll-to-bottom";
+export * from "./useAgentEventStream";
+export * from "./useHighlighter";
+export * from "./useLeaveConfirm";
 export * from "./useScript";
 export * from "./useSnapScroll";

package/src/index.ts

@@ -6,6 +6,7 @@ export * from "./form";
 export * from "./hooks";
 export * from "./i18n";
 export * from "./icons";
-export * from "./lib/utils";
+export * from "./lib";
+// export * from "./lib/utils";
 export * from "./mt";
 export * from "./ui";

package/src/mt/logs.tsx

@@ -210,5 +210,3 @@ const cyrb53 = (str: string, seed = 0) => {
   h2 ^= Math.imul(h1 ^ (h1 >>> 13), 3266489909);
   return 4294967296 * (2097151 & h2) + (h1 >>> 0);
 };
-
-export default LoggingComponent;

package/src/components/devtools/index.ts

@@ -1,2 +0,0 @@
-export * from "./DebugValue"
-export * from "./DevTools"