@lark-apaas/client-toolkit 0.1.0-alpha.log.2 → 0.1.0-alpha.message.1

package/lib/components/ui/avatar.js

@@ -0,0 +1,27 @@
+"use client"
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Fallback, Image, Root } from "@radix-ui/react-avatar";
+import { clsxWithTw } from "../../utils/utils.js";
+function Avatar({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "avatar",
+        className: clsxWithTw("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+        ...props
+    });
+}
+function AvatarImage({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Image, {
+        "data-slot": "avatar-image",
+        className: clsxWithTw("aspect-square size-full", className),
+        ...props
+    });
+}
+function AvatarFallback({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Fallback, {
+        "data-slot": "avatar-fallback",
+        className: clsxWithTw("bg-muted flex size-full items-center justify-center rounded-full", className),
+        ...props
+    });
+}
+export { Avatar, AvatarFallback, AvatarImage };

package/lib/components/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };

package/lib/components/ui/badge.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { clsxWithTw } from "../../utils/utils.js";
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return /*#__PURE__*/ jsx(Comp, {
+        "data-slot": "badge",
+        className: clsxWithTw(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+export { Badge, badgeVariants };

package/lib/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: {
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost";
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/lib/components/ui/button.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { clsxWithTw } from "../../utils/utils.js";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return /*#__PURE__*/ jsx(Comp, {
+        "data-slot": "button",
+        className: clsxWithTw(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+export { Button, buttonVariants };

package/lib/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/lib/components/ui/input.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsxWithTw } from "../../utils/utils.js";
+const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
+        ref: ref,
+        type: type,
+        "data-slot": "input",
+        className: clsxWithTw("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+        ...props
+    }));
+Input.displayName = "Input";
+export { Input };

package/lib/components/ui/overflow-tooltip-text.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface OverflowTooltipTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    text: string;
+}
+/**
+ * Displays truncated inline text and shows a tooltip with the full content when overflowed.
+ */
+export declare function OverflowTooltipText({ text, className, ...props }: OverflowTooltipTextProps): React.JSX.Element;

package/lib/components/ui/overflow-tooltip-text.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
+import { clsxWithTw } from "../../utils/utils.js";
+function OverflowTooltipText({ text, className, ...props }) {
+    const textRef = useRef(null);
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const checkOverflow = useCallback(()=>{
+        const el = textRef.current;
+        if (!el) return;
+        setIsOverflowing(el.scrollWidth > el.clientWidth + 1);
+    }, []);
+    useLayoutEffect(()=>{
+        checkOverflow();
+    }, [
+        checkOverflow
+    ]);
+    useEffect(()=>{
+        const el = textRef.current;
+        if (!el) return;
+        const observer = new ResizeObserver(()=>{
+            checkOverflow();
+        });
+        observer.observe(el);
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        checkOverflow
+    ]);
+    useEffect(()=>{
+        const handleResize = ()=>{
+            checkOverflow();
+        };
+        window.addEventListener('resize', handleResize);
+        return ()=>{
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [
+        checkOverflow
+    ]);
+    const textNode = /*#__PURE__*/ jsx("span", {
+        ref: textRef,
+        className: clsxWithTw('inline-block truncate', className),
+        ...props,
+        children: text
+    });
+    if (!isOverflowing) return textNode;
+    return /*#__PURE__*/ jsx(TooltipProvider, {
+        children: /*#__PURE__*/ jsxs(Tooltip, {
+            delayDuration: 80,
+            children: [
+                /*#__PURE__*/ jsx(TooltipTrigger, {
+                    asChild: true,
+                    children: textNode
+                }),
+                /*#__PURE__*/ jsx(TooltipContent, {
+                    sideOffset: 4,
+                    className: "bg-[rgb(31,35,41)] text-white ring-0",
+                    children: text
+                })
+            ]
+        })
+    });
+}
+export { OverflowTooltipText };

package/lib/components/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/lib/components/ui/popover.js

@@ -0,0 +1,35 @@
+"use client"
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
+import { clsxWithTw } from "../../utils/utils.js";
+function Popover({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "popover",
+        ...props
+    });
+}
+function PopoverTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            "data-slot": "popover-content",
+            align: align,
+            sideOffset: sideOffset,
+            className: clsxWithTw("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            ...props
+        })
+    });
+}
+function PopoverAnchor({ ...props }) {
+    return /*#__PURE__*/ jsx(Anchor, {
+        "data-slot": "popover-anchor",
+        ...props
+    });
+}
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/lib/components/ui/skeleton.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Minimal shadcn/ui-compatible Skeleton primitive.
+ * Mirrors the upstream API so that downstream components can swap in seamlessly.
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ui/skeleton.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsxWithTw } from "../../utils/utils.js";
+const Skeleton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: clsxWithTw('animate-pulse rounded-md bg-accent', className),
+        ...props
+    }));
+Skeleton.displayName = 'Skeleton';
+export { Skeleton };

package/lib/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/lib/components/ui/tooltip.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Arrow, Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
+import { clsxWithTw } from "../../utils/utils.js";
+const TooltipProvider = Provider;
+const Tooltip = Root;
+const TooltipTrigger = Trigger;
+const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, children, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            ref: ref,
+            sideOffset: sideOffset,
+            className: clsxWithTw('z-50 w-fit rounded-md bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-lg ring-1 ring-border data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 animate-in fade-in-0 zoom-in-95', className),
+            ...props,
+            children: [
+                children,
+                /*#__PURE__*/ jsx(Arrow, {
+                    className: "fill-[rgb(31,35,41)] stroke-[rgb(31,35,41)]"
+                })
+            ]
+        })
+    }));
+TooltipContent.displayName = Content.displayName;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/lib/hooks/useAppInfo.js

@@ -4,7 +4,18 @@ const useAppInfo = ()=>{
     const [appInfo, setAppInfo] = useState({});
     useEffect(()=>{
         const handleMetaInfoChanged = async ()=>{
-            setAppInfo(await getAppInfo());
+            const info = await getAppInfo();
+            if (info.name) document.title = info.name;
+            if (info.avatar) {
+                let link = document.querySelector("link[rel~='icon']");
+                if (!link) {
+                    link = document.createElement('link');
+                    link.rel = 'icon';
+                    document.head.appendChild(link);
+                }
+                link.href = info.avatar;
+            }
+            setAppInfo(info);
         };
         handleMetaInfoChanged();
         window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);

package/lib/integrations/getAppInfo.js

@@ -1,13 +1,15 @@
 import { getInitialInfo } from "../utils/getInitialInfo.js";
 import { isSparkRuntime } from "../utils/utils.js";
 async function getAppInfo() {
-    let appInfo = window._appInfo;
+    let appInfo = 'undefined' != typeof window ? window._appInfo : void 0;
     if (!appInfo && isSparkRuntime()) {
-        const info = (await getInitialInfo()).app_info;
+        const info = (await getInitialInfo())?.app_info;
         appInfo = {
             name: info?.app_name || '',
             avatar: info?.app_avatar || ''
         };
+        if (appInfo.name) appInfo.name = appInfo.name.trim();
+        if ('undefined' != typeof window) window._appInfo = appInfo;
     }
     return appInfo ?? {};
 }

package/lib/logger/__tests__/batch-logger.test.d.ts

@@ -0,0 +1 @@
+export {};