@xk2800/nextjs-template 0.7.1-beta.0 → 0.7.1-beta.2

package/components/ui/file-upload.tsx

@@ -23,6 +23,14 @@ type FileUploadProps = {
   icon?: React.ReactNode
   /** Drop zone text. Defaults to "Drag and drop files here" (or "a file" when `multiple` is false). */
   label?: React.ReactNode
+  /** Smaller sub text under the drop zone label. */
+  description?: React.ReactNode
+  /** Extra classes for the dashed drop zone box. */
+  dropzoneClassName?: string
+  /** Extra classes for the label text. */
+  labelClassName?: string
+  /** Extra classes for the description text. */
+  descriptionClassName?: string
   onFilesChange?: (files: File[]) => void
   className?: string
 }
@@ -48,6 +56,10 @@ function FileUpload({
   disabled = false,
   icon = <Upload className="size-6" />,
   label,
+  description,
+  dropzoneClassName,
+  labelClassName,
+  descriptionClassName,
   onFilesChange,
   className,
 }: FileUploadProps) {
@@ -57,11 +69,15 @@ function FileUpload({
   const cameraRef = React.useRef<HTMLInputElement>(null)
   const galleryRef = React.useRef<HTMLInputElement>(null)
 
-  const previews = React.useMemo(
-    () => files.map((f) => (f.type.startsWith("image/") ? URL.createObjectURL(f) : null)),
-    [files]
-  )
-  React.useEffect(() => () => previews.forEach((url) => url && URL.revokeObjectURL(url)), [previews])
+  // Created and revoked in the same effect: with useMemo, Strict Mode's
+  // simulated unmount revoked the URLs and the remount reused the dead ones.
+  const [previews, setPreviews] = React.useState<(string | null)[]>([])
+  React.useEffect(() => {
+    const urls = files.map((f) => (f.type.startsWith("image/") ? URL.createObjectURL(f) : null))
+    // eslint-disable-next-line react-hooks/set-state-in-effect -- object URLs must be created where they're revoked
+    setPreviews(urls)
+    return () => urls.forEach((url) => url && URL.revokeObjectURL(url))
+  }, [files])
 
   const update = (next: File[]) => {
     setFiles(next)
@@ -135,12 +151,17 @@ function FileUpload({
           aria-disabled={disabled}
           className={cn(
             "flex flex-col items-center gap-3 rounded-lg border-2 border-dashed p-6 text-center text-sm text-muted-foreground transition-colors",
+            // Before the state classes so a custom border can't hide the drag highlight.
+            dropzoneClassName,
             dragging && "border-primary bg-primary/5",
             disabled && "opacity-50"
           )}
         >
           {icon}
-          <p>{label ?? `Drag and drop ${multiple ? "files" : "a file"} here`}</p>
+          <div className="space-y-1">
+            <p className={labelClassName}>{label ?? `Drag and drop ${multiple ? "files" : "a file"} here`}</p>
+            {description && <p className={cn("text-xs", descriptionClassName)}>{description}</p>}
+          </div>
           {buttons}
         </div>
       ) : (

package/dist/activity/queries.d.mts

@@ -1,4 +1,4 @@
-import { A as ActivityActionEnum } from '../schema-BNSBWNjK.mjs';
+import { A as ActivityActionEnum } from '../schema-UuqxoOzS.mjs';
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
 

package/dist/activity/queries.d.ts

@@ -1,4 +1,4 @@
-import { A as ActivityActionEnum } from '../schema-BNSBWNjK.js';
+import { A as ActivityActionEnum } from '../schema-UuqxoOzS.js';
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
 

package/dist/auth/index.d.mts

@@ -891,7 +891,7 @@ declare function createAuth(overrides?: AuthOverrides): better_auth.Auth<{
                     $Infer: {
                         body: {
                             permissions: {
-                                readonly user?: ("set-role" | "delete" | "update" | "list" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
+                                readonly user?: ("delete" | "update" | "list" | "set-role" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
                                 readonly session?: ("delete" | "list" | "revoke")[] | undefined;
                             };
                         } & {
@@ -3175,7 +3175,7 @@ declare const auth: better_auth.Auth<{
                     $Infer: {
                         body: {
                             permissions: {
-                                readonly user?: ("set-role" | "delete" | "update" | "list" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
+                                readonly user?: ("delete" | "update" | "list" | "set-role" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
                                 readonly session?: ("delete" | "list" | "revoke")[] | undefined;
                             };
                         } & {

package/dist/auth/index.d.ts

@@ -891,7 +891,7 @@ declare function createAuth(overrides?: AuthOverrides): better_auth.Auth<{
                     $Infer: {
                         body: {
                             permissions: {
-                                readonly user?: ("set-role" | "delete" | "update" | "list" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
+                                readonly user?: ("delete" | "update" | "list" | "set-role" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
                                 readonly session?: ("delete" | "list" | "revoke")[] | undefined;
                             };
                         } & {
@@ -3175,7 +3175,7 @@ declare const auth: better_auth.Auth<{
                     $Infer: {
                         body: {
                             permissions: {
-                                readonly user?: ("set-role" | "delete" | "update" | "list" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
+                                readonly user?: ("delete" | "update" | "list" | "set-role" | "create" | "ban" | "impersonate" | "impersonate-admins" | "set-password" | "set-email" | "get")[] | undefined;
                                 readonly session?: ("delete" | "list" | "revoke")[] | undefined;
                             };
                         } & {

package/dist/db/index.d.mts

@@ -1,4 +1,4 @@
-import { a as schema } from '../schema-BNSBWNjK.mjs';
+import { a as schema } from '../schema-UuqxoOzS.mjs';
 import { PostgresJsDatabase } from 'drizzle-orm/postgres-js';
 import { NeonHttpDatabase } from 'drizzle-orm/neon-http';
 import 'drizzle-orm';

package/dist/db/index.d.ts

@@ -1,4 +1,4 @@
-import { a as schema } from '../schema-BNSBWNjK.js';
+import { a as schema } from '../schema-UuqxoOzS.js';
 import { PostgresJsDatabase } from 'drizzle-orm/postgres-js';
 import { NeonHttpDatabase } from 'drizzle-orm/neon-http';
 import 'drizzle-orm';

package/dist/db/schema.d.mts

@@ -1,3 +1,3 @@
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
-export { A as ActivityActionEnum, R as RoleEnum, b as accounts, c as activityLogs, d as authThrottle, e as deviceFingerprints, f as errorRefs, p as passkeys, g as sessions, s as systemSettings, t as twoFactors, u as users, v as verifications } from '../schema-BNSBWNjK.mjs';
+export { A as ActivityActionEnum, R as RoleEnum, b as accounts, c as activityLogs, d as authThrottle, e as deviceFingerprints, f as errorRefs, p as passkeys, g as sessions, s as systemSettings, t as twoFactors, u as users, v as verifications } from '../schema-UuqxoOzS.mjs';

package/dist/db/schema.d.ts

@@ -1,3 +1,3 @@
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
-export { A as ActivityActionEnum, R as RoleEnum, b as accounts, c as activityLogs, d as authThrottle, e as deviceFingerprints, f as errorRefs, p as passkeys, g as sessions, s as systemSettings, t as twoFactors, u as users, v as verifications } from '../schema-BNSBWNjK.js';
+export { A as ActivityActionEnum, R as RoleEnum, b as accounts, c as activityLogs, d as authThrottle, e as deviceFingerprints, f as errorRefs, p as passkeys, g as sessions, s as systemSettings, t as twoFactors, u as users, v as verifications } from '../schema-UuqxoOzS.js';

package/dist/{schema-BNSBWNjK.d.mts → schema-UuqxoOzS.d.mts}

@@ -1142,7 +1142,7 @@ declare const activityLogs: drizzle_orm_pg_core.PgTableWithColumns<{
             tableName: "activity_log";
             dataType: "string";
             columnType: "PgEnumColumn";
-            data: "login_failed" | "login" | "logout" | "password_changed" | "email_changed" | "profile_updated" | "session_revoked" | "user_deleted" | "user_banned" | "user_unbanned" | "role_changed" | "impersonation_started" | "impersonation_stopped" | "settings_changed" | "passkey_added" | "passkey_removed";
+            data: "login" | "logout" | "login_failed" | "password_changed" | "email_changed" | "profile_updated" | "session_revoked" | "user_deleted" | "user_banned" | "user_unbanned" | "role_changed" | "impersonation_started" | "impersonation_stopped" | "settings_changed" | "passkey_added" | "passkey_removed";
             driverParam: string;
             notNull: true;
             hasDefault: false;

package/dist/{schema-BNSBWNjK.d.ts → schema-UuqxoOzS.d.ts}

@@ -1142,7 +1142,7 @@ declare const activityLogs: drizzle_orm_pg_core.PgTableWithColumns<{
             tableName: "activity_log";
             dataType: "string";
             columnType: "PgEnumColumn";
-            data: "login_failed" | "login" | "logout" | "password_changed" | "email_changed" | "profile_updated" | "session_revoked" | "user_deleted" | "user_banned" | "user_unbanned" | "role_changed" | "impersonation_started" | "impersonation_stopped" | "settings_changed" | "passkey_added" | "passkey_removed";
+            data: "login" | "logout" | "login_failed" | "password_changed" | "email_changed" | "profile_updated" | "session_revoked" | "user_deleted" | "user_banned" | "user_unbanned" | "role_changed" | "impersonation_started" | "impersonation_stopped" | "settings_changed" | "passkey_added" | "passkey_removed";
             driverParam: string;
             notNull: true;
             hasDefault: false;

package/dist/settings/queries.d.mts

@@ -1,4 +1,4 @@
-import { s as systemSettings } from '../schema-BNSBWNjK.mjs';
+import { s as systemSettings } from '../schema-UuqxoOzS.mjs';
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
 

package/dist/settings/queries.d.ts

@@ -1,4 +1,4 @@
-import { s as systemSettings } from '../schema-BNSBWNjK.js';
+import { s as systemSettings } from '../schema-UuqxoOzS.js';
 import 'drizzle-orm';
 import 'drizzle-orm/pg-core';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xk2800/nextjs-template",
-  "version": "0.7.1-beta.0",
+  "version": "0.7.1-beta.2",
   "private": false,
   "repository": {
     "type": "git",