@yimingliao/cms 0.0.82 → 0.0.84

package/dist/client/index.d.ts

@@ -1,4 +1,4 @@
-import { R as Result, S as SuccessResult, d as ErrorResult, g as AdminFull } from '../types-BGsFazJr.js';
+import { R as Result, S as SuccessResult, d as ErrorResult, g as AdminFull, D as DeviceInfo } from '../types-BGsFazJr.js';
 import { Logger } from 'logry';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient, UseMutationOptions, UseQueryOptions } from '@tanstack/react-query';
@@ -346,13 +346,19 @@ type ShadcnButtonProps = React$1.ComponentProps<"button"> & VariantProps<typeof
     asChild?: boolean;
 };
 
-interface ButtonProps extends Omit<ShadcnButtonProps, "className">, UIStates {
+interface ButtonProps extends ShadcnButtonProps, UIStates {
     icon?: LucideIcon;
     href?: string;
     openNewTab?: boolean;
 }
 declare function Button({ icon, href, openNewTab, isDisabled, isLoading, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+declare function AuthForm({ title, children, className, ...props }: ComponentProps<"form"> & {
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const cn: (...inputs: ClassValue[]) => string;
 
-export { AdminProvider, Button, type ButtonProps, Form, type ShowToastOption, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };
+declare function useDeviceInfo(): DeviceInfo | null;
+
+export { AdminProvider, AuthForm, Button, type ButtonProps, Form, type ShowToastOption, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };

package/dist/client/index.js

@@ -6,6 +6,7 @@ import * as React2 from 'react';
 import { createContext, useState, useContext, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { UAParser } from 'ua-parser-js';
 import { useRouter } from 'next/navigation';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -244,6 +245,27 @@ function createAdminInitializer({
 var cn = (...inputs) => {
   return twMerge(clsx(inputs));
 };
+function useDeviceInfo() {
+  const [deviceInfo, setDeviceInfo] = useState(null);
+  useEffect(() => {
+    const parser = new UAParser(navigator.userAgent);
+    const result = parser.getResult();
+    setDeviceInfo({
+      deviceType: result.device.type || "desktop",
+      platform: result.os.name || "Unknown",
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      language: navigator.language,
+      screenResolution: {
+        width: window.screen.width,
+        height: window.screen.height
+      },
+      browser: result.browser.name || "Unknown",
+      browserVersion: result.browser.version || "",
+      userAgent: navigator.userAgent
+    });
+  }, []);
+  return deviceInfo;
+}
 function Form({
   onSubmit,
   className,
@@ -325,7 +347,6 @@ function Button({
   children,
   ...props
 }) {
-  isDisabled = isDisabled || isLoading;
   const router = useRouter();
   const handleClick = () => {
     if (!href) return;
@@ -339,7 +360,7 @@ function Button({
     ShadCnButton,
     {
       type: props.type ?? "button",
-      disabled: isDisabled,
+      disabled: isDisabled || isLoading,
       onClick: props.onClick ?? handleClick,
       ...props,
       children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -349,5 +370,62 @@ function Button({
     }
   );
 }
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function AuthForm({
+  title,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Form, { className: cn("mx-auto mt-14 w-96", className), ...props, children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "mx-auto", children: title }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "relative flex flex-col gap-6", children }) })
+  ] }) });
+}
 
-export { AdminProvider, Button, Form, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin };
+export { AdminProvider, AuthForm, Button, Form, cn, createAdminInitializer, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast, useAdmin, useDeviceInfo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.82",
+  "version": "0.0.84",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",
@@ -47,7 +47,6 @@
     "@radix-ui/react-slot": "^1.2.4",
     "argon2": "^0.44.0",
     "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "jsonwebtoken": "^9.0.3",
     "keyv": "^5.6.0",
     "logry": "^2.1.6",
@@ -55,7 +54,7 @@
     "mime-types": "^3.0.2",
     "nodemailer": "^8.0.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
+    "ua-parser-js": "^2.0.9",
     "ulid": "^3.0.2"
   },
   "devDependencies": {
@@ -68,6 +67,7 @@
     "@types/nodemailer": "^7.0.11",
     "@types/react": "^19.2.14",
     "@types/ssh2-sftp-client": "^9.0.6",
+    "clsx": "^2.1.1",
     "eslint": "^9",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
@@ -82,6 +82,7 @@
     "next": "^16.1.6",
     "prisma": "6.5.0",
     "react": "^19.2.4",
+    "tailwind-merge": "^3.5.0",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",