mtxuilib 0.6.2 → 0.6.6

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.6.2",
+  "version": "0.6.6",
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "files": ["dist", "src"],
+  "files": ["dist"],
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "repository": {

package/src/assistant-ui/CodeHeader.tsx

@@ -1,27 +0,0 @@
-'use client'
-
-import { CodeHeaderProps } from "@assistant-ui/react-markdown";
-import { CheckIcon, CopyIcon } from "lucide-react";
-
-import { FC } from "react";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard";
-import { TooltipIconButton } from "./tooltip-icon-button";
-
-export const CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {
-  const { isCopied, copyToClipboard } = useCopyToClipboard();
-  const onCopy = () => {
-    if (!code || isCopied) return;
-    copyToClipboard(code);
-  };
-
-  return (
-    <div className="flex items-center justify-between gap-4 rounded-t-lg bg-zinc-900 px-4 py-2 text-sm font-semibold text-white">
-      <span className="lowercase [&>span]:text-xs">{language}</span>
-      <TooltipIconButton tooltip="Copy" onClick={onCopy}>
-        {!isCopied && <CopyIcon />}
-        {isCopied && <CheckIcon />}
-      </TooltipIconButton>
-    </div>
-  );
-};
-

package/src/assistant-ui/assistant-modal.tsx

@@ -1,76 +0,0 @@
-"use client";
-
-import { BotIcon, ChevronDownIcon } from "lucide-react";
-
-import { TooltipProvider } from "@radix-ui/react-tooltip";
-import dynamic from "next/dynamic";
-import { forwardRef, useState } from "react";
-import { cn } from "../lib/utils";
-import { Button } from "../ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
-import { Thread } from "./thread";
-
-const LzThread = dynamic(() => import("./thread").then((mod) => mod.Thread), {
-  ssr: false,
-});
-export const AssistantModal = () => {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <FloatingAssistantButton />
-      </PopoverTrigger>
-      <PopoverContent
-        side="top"
-        align="end"
-        className="h-[500px] w-[400px] rounded p-0"
-      >
-        <Thread />
-      </PopoverContent>
-    </Popover>
-  );
-};
-
-type FloatingAssistantButton = { "data-state"?: "open" | "closed" };
-
-const FloatingAssistantButton = forwardRef<
-  HTMLButtonElement,
-  FloatingAssistantButton
->(({ "data-state": state, ...rest }, forwardedRef) => {
-  const tooltip = state === "open" ? "Close Assistant" : "Open Assistant";
-  return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button
-            variant="default"
-            size="icon"
-            className="fixed right-4 bottom-4 size-12 rounded-full shadow hover:scale-70"
-            {...rest}
-            ref={forwardedRef}
-          >
-            <BotIcon
-              className={cn(
-                "absolute size-6 transition-all",
-                state === "open" && "rotate-90 scale-0",
-                state === "closed" && "rotate-0 scale-100",
-              )}
-            />
-
-            <ChevronDownIcon
-              className={cn(
-                "absolute size-6 transition-all",
-                state === "open" && "rotate-0 scale-100",
-                state === "closed" && "-rotate-90 scale-0",
-              )}
-            />
-            <span className="sr-only">{tooltip}</span>
-          </Button>
-        </TooltipTrigger>
-        <TooltipContent side="left">{tooltip}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  );
-});

package/src/assistant-ui/index.ts

@@ -1,14 +0,0 @@
-export * from "./assistant-modal";
-// export * from "./markdown-text";
-// export * from "./markdown-text-lz";
-// export * from "./tooltip-icon-button";
-
-// export * from "./syntax-highlighter";
-// export * from "./thread";
-
-// export const AssistantModal = dynamic(
-//   () => import("./assistant-modal").then((mod) => mod.AssistantModal),
-//   {
-//     ssr: false,
-//   },
-// );

package/src/assistant-ui/markdown-text-lz.tsx

@@ -1,5 +0,0 @@
-"use client";
-
-import dynamic from "next/dynamic";
-
-export const LzMarkdownText= dynamic(import("./markdown-text").then(x=>x.MarkdownText),{ssr:false})

package/src/assistant-ui/markdown-text.tsx

@@ -1,204 +0,0 @@
-"use client";
-
-import {
-  MarkdownTextPrimitive,
-  useIsMarkdownCodeBlock,
-} from "@assistant-ui/react-markdown";
-// 警告: 不要这样直接导入,后果是 构建出来的 (tailwinddcss css 文件体积非常大,里面包含了内联的katex字体)
-// import "katex/dist/katex.min.css";
-import { memo } from "react";
-import rehypeKatex from "rehype-katex";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import { cn } from "../lib/utils";
-// import { TooltipIconButton } from "./tooltip-icon-button";
-import { CodeHeader } from "./CodeHeader";
-import { SyntaxHighlighter } from "./syntax-highlighter";
-const MarkdownTextImpl = () => {
-  return (
-    <MarkdownTextPrimitive
-      remarkPlugins={[remarkGfm, remarkMath]}
-      rehypePlugins={[rehypeKatex]}
-      components={{
-        h1: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h1
-            className={cn(
-              "mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        h2: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h2
-            className={cn(
-              "mb-4 mt-8 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        h3: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h3
-            className={cn(
-              "mb-4 mt-6 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        h4: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h4
-            className={cn(
-              "mb-4 mt-6 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        h5: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h5
-            className={cn(
-              "my-4 text-lg font-semibold first:mt-0 last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        h6: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <h6
-            className={cn("my-4 font-semibold first:mt-0 last:mb-0", className)}
-            {...props}
-          />
-        ),
-        p: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <p
-            className={cn(
-              "mb-5 mt-5 leading-7 first:mt-0 last:mb-0",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        a: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <a
-            target="_blank"
-            className={cn(
-              "text-primary font-medium underline underline-offset-4",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        blockquote: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <blockquote
-            className={cn("border-l-2 pl-6 italic", className)}
-            {...props}
-          />
-        ),
-        ul: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <ul
-            className={cn("my-5 ml-6 list-disc [&>li]:mt-2", className)}
-            {...props}
-          />
-        ),
-        ol: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <ol
-            className={cn("my-5 ml-6 list-decimal [&>li]:mt-2", className)}
-            {...props}
-          />
-        ),
-        hr: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <hr className={cn("my-5 border-b", className)} {...props} />
-        ),
-        table: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          //@ts-ignore
-          <table
-            className={cn(
-              "my-5 w-full border-separate border-spacing-0 overflow-y-auto",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        th: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <th
-            className={cn(
-              "bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        td: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <td
-            className={cn(
-              "border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        tr: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <tr
-            className={cn(
-              "m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        sup: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <sup
-            className={cn("[&>a]:text-xs [&>a]:no-underline", className)}
-            {...props}
-          />
-        ),
-        pre: ({ node: _node, className, ...props }) => (
-          //@ts-ignore
-          <pre
-            className={cn(
-              "overflow-x-auto rounded-b-lg bg-black p-4 text-white",
-              className,
-            )}
-            {...props}
-          />
-        ),
-        code: function Code({ node: _node, className, ...props }) {
-          const isCodeBlock = useIsMarkdownCodeBlock();
-          return (
-            //@ts-ignore
-            <code
-              className={cn(
-                !isCodeBlock && "bg-aui-muted rounded border font-semibold",
-                className,
-              )}
-              {...props}
-            />
-          );
-        },
-        CodeHeader,
-        SyntaxHighlighter,
-      }}
-    />
-  );
-};
-
-export const MarkdownText = memo(MarkdownTextImpl);

package/src/assistant-ui/syntax-highlighter.tsx

@@ -1,25 +0,0 @@
-"use client";
-import { makePrismAsyncLightSyntaxHighlighter } from "@assistant-ui/react-syntax-highlighter";
-import { PrismAsyncLight } from "react-syntax-highlighter";
-
-import python from "react-syntax-highlighter/dist/esm/languages/prism/python";
-import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx";
-
-import { coldarkDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-
-// register languages you want to support
-PrismAsyncLight.registerLanguage("js", tsx);
-PrismAsyncLight.registerLanguage("jsx", tsx);
-PrismAsyncLight.registerLanguage("ts", tsx);
-PrismAsyncLight.registerLanguage("tsx", tsx);
-PrismAsyncLight.registerLanguage("python", python);
-
-export const SyntaxHighlighter = makePrismAsyncLightSyntaxHighlighter({
-  style: coldarkDark,
-  customStyle: {
-    margin: 0,
-    width: "100%",
-    background: "transparent",
-    padding: "1.5rem 1rem",
-  },
-});

package/src/assistant-ui/thread.tsx

@@ -1,93 +0,0 @@
-"use client";
-
-import {
-  ComposerPrimitive,
-  MessagePrimitive,
-  ThreadPrimitive,
-} from "@assistant-ui/react";
-import type { FC } from "react";
-
-import { SendHorizonalIcon } from "lucide-react";
-import { Avatar, AvatarFallback } from "../ui/avatar";
-
-export const Thread: FC = () => {
-  return (
-    <ThreadPrimitive.Root className="flex h-full flex-col items-center pb-3">
-      <ThreadPrimitive.Viewport className="flex w-full flex-grow flex-col items-center overflow-y-scroll scroll-smooth px-4 pt-12">
-        <ThreadPrimitive.Empty>
-          <ThreadEmpty />
-        </ThreadPrimitive.Empty>
-
-        <ThreadPrimitive.Messages
-          components={{
-            UserMessage,
-            AssistantMessage,
-          }}
-        />
-      </ThreadPrimitive.Viewport>
-
-      <Composer />
-    </ThreadPrimitive.Root>
-  );
-};
-
-const ThreadEmpty: FC = () => {
-  return (
-    <div className="flex flex-grow flex-col items-center justify-center">
-      <Avatar>
-        <AvatarFallback>C</AvatarFallback>
-      </Avatar>
-      <p className="mt-4 text-xl">How can I help you today?</p>
-    </div>
-  );
-};
-
-const Composer: FC = () => {
-  return (
-    <ComposerPrimitive.Root className="flex w-[calc(100%-32px)] max-w-[40rem] items-end rounded-lg border p-0.5 transition-shadow focus-within:shadow-sm">
-      <ComposerPrimitive.Input
-        placeholder="Write a message..."
-        className="h-12 max-h-40 flex-grow resize-none bg-transparent p-3.5 text-sm outline-none placeholder:text-foreground/50"
-      />
-      <ComposerPrimitive.Send className="m-2 flex h-8 w-8 items-center justify-center rounded-md bg-foreground font-bold text-2xl shadow transition-opacity disabled:opacity-10">
-        <SendHorizonalIcon className="size-4 text-background" />
-      </ComposerPrimitive.Send>
-    </ComposerPrimitive.Root>
-  );
-};
-
-const UserMessage: FC = () => {
-  return (
-    <MessagePrimitive.Root className="relative flex w-full max-w-2xl gap-3 pb-12">
-      <Avatar>
-        <AvatarFallback>Y</AvatarFallback>
-      </Avatar>
-
-      <div className="flex-grow">
-        <p className="font-semibold">You</p>
-
-        <p className="whitespace-pre-line text-foreground">
-          <MessagePrimitive.Content />
-        </p>
-      </div>
-    </MessagePrimitive.Root>
-  );
-};
-
-const AssistantMessage: FC = () => {
-  return (
-    <MessagePrimitive.Root className="relative flex w-full max-w-2xl gap-3 pb-12">
-      <Avatar>
-        <AvatarFallback>A</AvatarFallback>
-      </Avatar>
-
-      <div className="flex-grow">
-        <p className="font-semibold">Assistant</p>
-
-        <p className="whitespace-pre-line text-foreground">
-          <MessagePrimitive.Content />
-        </p>
-      </div>
-    </MessagePrimitive.Root>
-  );
-};

package/src/assistant-ui/tooltip-icon-button.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import { forwardRef } from "react";
-
-import { cn } from "../lib/utils";
-import { Button, type ButtonProps } from "../ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "../ui/tooltip";
-
-export type TooltipIconButtonProps = ButtonProps & {
-  tooltip: string | React.ReactNode;
-  side?: "top" | "bottom" | "left" | "right";
-  /**
-   * @default 700
-   */
-  delayDuration?: number;
-};
-
-export const TooltipIconButton = forwardRef<
-  HTMLButtonElement,
-  TooltipIconButtonProps
->(
-  (
-    { children, tooltip, side = "bottom", className, delayDuration, ...rest },
-    ref,
-  ) => {
-    return (
-      <TooltipProvider>
-        <Tooltip delayDuration={delayDuration ?? 700}>
-          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="icon"
-              {...rest}
-              className={cn("size-6 p-1", className)}
-              ref={ref}
-            >
-              {children}
-              <span className="sr-only">{tooltip}</span>
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side={side}>{tooltip}</TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
-    );
-  },
-);
-
-TooltipIconButton.displayName = "TooltipIconButton";

package/src/cli/build_tsc.ts

@@ -1,40 +0,0 @@
-import {} from "node:child_process";
-import fs from "node:fs";
-import path from "node:path";
-import { exec } from "../lib/exec";
-
-export const buildWithTsc = async () => {
-  try {
-    // Run TypeScript compiler programmatically
-    const tsconfig = path.resolve("./tsconfig.json");
-    console.log("tsconfig path:", tsconfig);
-    const commandLine = `tsc --outDir dist --jsx react-jsx --incremental false --declaration true --noEmit false --removeComments true --project ${tsconfig}`;
-    console.log("(mtxuilib)build tsc", commandLine);
-    await exec(commandLine);
-
-    // Copy styles directory recursively using Node.js fs
-    const copyDir = (src: string, dest: string) => {
-      if (!fs.existsSync(dest)) {
-        fs.mkdirSync(dest, { recursive: true });
-      }
-
-      const entries = fs.readdirSync(src, { withFileTypes: true });
-
-      for (const entry of entries) {
-        const srcPath = path.join(src, entry.name);
-        const destPath = path.join(dest, entry.name);
-
-        if (entry.isDirectory()) {
-          copyDir(srcPath, destPath);
-        } else {
-          fs.copyFileSync(srcPath, destPath);
-        }
-      }
-    };
-
-    copyDir("src/styles", "dist/styles");
-  } catch (e) {
-    console.error("执行 buildWithTsc 失败", e);
-    process.exit(1);
-  }
-};

package/src/cli/build_vite.ts

@@ -1,11 +0,0 @@
-import {} from "node:child_process";
-import { exec } from "../lib/exec";
-
-export async function buildWithViteBuild() {
-  try {
-    await exec("vite build --logLevel warn --emptyOutDir=false");
-  } catch (e) {
-    console.error("执行 vite build 失败", e);
-    throw e;
-  }
-}

package/src/cli/compile-migrations.ts

@@ -1,23 +0,0 @@
-import { readMigrationFiles } from "drizzle-orm/migrator";
-import { join } from "node:path";
-import { cwd } from "node:process";
-
-/**
- * 编译migrations.json 为 在浏览器端 实现 drizzle + pglite 的 migrate 功能
- * 参考： https://github.com/drizzle-team/drizzle-orm/discussions/2532
- */
-export async function compileMigrations() {
-  const drizzleMigrationsFolder = join(cwd(), "./src/db/migrations");
-  // console.log("drizzleMigrationsFolder", drizzleMigrationsFolder);
-  const migrations = readMigrationFiles({
-    migrationsFolder: drizzleMigrationsFolder,
-  });
-  const outputPath = join(
-    drizzleMigrationsFolder,
-    "pglite_full_migrations.json",
-  );
-
-  await Bun.write(outputPath, JSON.stringify(migrations));
-
-  console.log("pglite_full_migrations compiled:\n", outputPath);
-}

package/src/cli/main.ts

@@ -1,66 +0,0 @@
-#!/usr/bin/env node
-import { program } from "commander";
-import dotenv from "dotenv";
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { exec } from "../lib/exec";
-import { buildWithTsc } from "./build_tsc";
-import { buildWithViteBuild } from "./build_vite";
-import { compileMigrations } from "./compile-migrations";
-
-const envFiles = ["../../env/dev.env", "./env/dev.env", ".env"];
-function loadEnv() {
-  // biome-ignore lint/complexity/noForEach: <explanation>
-  envFiles.forEach((envFile) => {
-    if (fs.existsSync(envFile)) {
-      const envPath = path.resolve(envFile);
-      const dotenvConfig = dotenv.config({
-        path: envPath,
-      });
-      if (dotenvConfig.error) {
-        throw new Error("parse env error", dotenvConfig.error);
-      }
-    }
-  });
-}
-(async () => {
-  await loadEnv();
-  program.command("build").action(async () => {
-    console.log("(mtxuilib)build vite");
-    await buildWithViteBuild();
-    console.log("(mtxuilib)build tsc");
-    await buildWithTsc();
-  });
-
-  program.command("gen").action(async () => {
-    try {
-      await exec("drizzle-kit generate");
-      await compileMigrations();
-    } catch (e) {
-      console.error("执行 compile-migrations 失败", e);
-      process.exit(1);
-    }
-  });
-  program.command("dp_workflow").action(async () => {
-    try {
-      const codeRoot = path.resolve(
-        path.dirname(fileURLToPath(import.meta.url)),
-        "../",
-      );
-      const cmd = `cd ${codeRoot} && bun run dp_workflow`;
-      console.log("执行命令：", cmd);
-      await exec(cmd);
-    } catch (e) {
-      console.error("执行 dp_workflow 失败", e);
-      process.exit(1);
-    }
-  });
-  program.parse();
-})();
-
-// 构建tailwindcss 样式
-// console.log("build tailwindcss 样式");
-// await exec(
-//   "bun run tailwindcss -i ./src/styles/globals.css -o ./dist/globals.css",
-// );