@tulip-systems/drive 0.8.1 → 0.8.3

package/dist/providers/local/lib/validators.mjs

@@ -0,0 +1,95 @@
+import { driveNodeSchema } from "../../../lib/dto.mjs";
+import { createDriveFolderInputSchema, presignDriveFileInputSchema, updateDriveNodeInputSchema, uploadDriveFileInputSchema } from "../../../lib/validators.mjs";
+import { imageVariants } from "./constants.mjs";
+import { localDriveFilters } from "../config/filters.mjs";
+import { z } from "zod";
+import { resolveFiltersSchema, tableQuerySchema } from "@tulip-systems/core/data-tables";
+import { getAssetURLSchema, storageAssetVisibilitySchema } from "@tulip-systems/core/storage";
+
+//#region src/providers/local/lib/validators.ts
+const localDriveNodeSchema = driveNodeSchema.extend({
+	provider: z.literal("local"),
+	assetId: z.string().nullable()
+});
+/**
+* Node with children
+*/
+const localDriveNodeWithChildrenSchema = localDriveNodeSchema.extend({ children: z.array(localDriveNodeSchema) });
+/**
+* Create folder
+*/
+const createLocalDriveFolderInputSchema = createDriveFolderInputSchema.extend({
+	hidden: z.boolean().optional(),
+	readonly: z.boolean().optional()
+});
+/**
+* Update node
+*/
+const updateLocalDriveNodeInputSchema = updateDriveNodeInputSchema.extend({
+	parentId: z.string().nullable().optional(),
+	hidden: z.boolean().optional(),
+	readonly: z.boolean().optional(),
+	archivedAt: z.date().nullable().optional()
+});
+/**
+* Upload file
+*/
+const uploadLocalDriveFileInputSchema = uploadDriveFileInputSchema.extend({
+	hidden: z.boolean().optional(),
+	readonly: z.boolean().optional()
+});
+/**
+* Presign file
+*/
+const presignLocalDriveFileInputSchema = presignDriveFileInputSchema.extend({
+	hidden: z.boolean().optional(),
+	readonly: z.boolean().optional(),
+	uploadId: z.uuid().optional(),
+	visibility: storageAssetVisibilitySchema.optional().default("private")
+});
+/**
+* Get file url schema
+*/
+const getLocalFileURLSchemaDefaults = {
+	variant: "main",
+	disposition: "inline"
+};
+const getLocalFileURLSchema = getAssetURLSchema.extend({ variant: z.enum(imageVariants).optional().default(getLocalFileURLSchemaDefaults.variant) });
+/**
+* Tree filters
+*/
+const localDriveTreeFiltersSchema = resolveFiltersSchema(localDriveFilters).partial().extend({
+	namespace: z.string(),
+	parentId: z.string().nullable()
+}).transform((input) => ({
+	...input,
+	hidden: input?.hidden ?? false,
+	isArchived: input?.isArchived ?? false
+}));
+/**
+* Flat filters
+*/
+const localDriveFlatFiltersSchema = resolveFiltersSchema(localDriveFilters).partial().extend({ namespace: z.string().optional() }).transform((input) => ({
+	...input,
+	hidden: input?.hidden ?? false,
+	isArchived: input?.isArchived ?? false
+}));
+/**
+* List tree input schema
+*/
+const listLocalDriveTreeInputSchema = tableQuerySchema.extend({ filters: localDriveTreeFiltersSchema });
+/**
+* List flat input schema
+*/
+const listLocalDriveFlatInputSchema = tableQuerySchema.extend({ filters: localDriveFlatFiltersSchema });
+/**
+* Get by parent id input
+*/
+const getLocalDriveNodesByParentIdInputSchema = tableQuerySchema.pick({
+	order: true,
+	sort: true,
+	search: true
+}).extend({ filters: localDriveTreeFiltersSchema });
+
+//#endregion
+export { createLocalDriveFolderInputSchema, getLocalDriveNodesByParentIdInputSchema, getLocalFileURLSchema, getLocalFileURLSchemaDefaults, listLocalDriveFlatInputSchema, listLocalDriveTreeInputSchema, localDriveFlatFiltersSchema, localDriveNodeSchema, localDriveNodeWithChildrenSchema, localDriveTreeFiltersSchema, presignLocalDriveFileInputSchema, updateLocalDriveNodeInputSchema, uploadLocalDriveFileInputSchema };

package/dist/server.d.mts

@@ -0,0 +1,2 @@
+import { getDriveViewModeFromCookies } from "./lib/helpers.server.mjs";
+export { getDriveViewModeFromCookies };

package/dist/server.mjs

@@ -0,0 +1,3 @@
+import { getDriveViewModeFromCookies } from "./lib/helpers.server.mjs";
+
+export { getDriveViewModeFromCookies };

package/package.json

@@ -1,82 +1,79 @@
 {
   "name": "@tulip-systems/drive",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "type": "module",
   "sideEffects": false,
   "license": "AGPL-3.0",
   "devDependencies": {
-    "@types/pg": "^8.16.0",
+    "@arethetypeswrong/core": "^0.18.2",
+    "@types/pg": "^8.20.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "aws-sdk-client-mock": "^4.1.0",
     "aws-sdk-client-mock-vitest": "^7.0.1",
-    "tailwindcss": "^4.2.0",
+    "publint": "^0.3.20",
+    "tailwindcss": "^4.3.0",
     "tsdown": "^0.20.3",
     "typescript": "5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.1.0",
+    "unrun": "^0.3.0",
+    "vitest": "^4.1.5",
     "@tulip-systems/typescript-config": "0.0.0"
   },
   "dependencies": {
-    "@dnd-kit/collision": "^0.3.2",
-    "@dnd-kit/dom": "^0.3.2",
-    "@dnd-kit/helpers": "^0.3.2",
-    "@dnd-kit/react": "^0.3.2",
+    "@dnd-kit/collision": "^0.4.0",
+    "@dnd-kit/dom": "^0.4.0",
+    "@dnd-kit/helpers": "^0.4.0",
+    "@dnd-kit/react": "^0.4.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@google-cloud/local-auth": "2.1.0",
     "@hookform/resolvers": "^5.2.2",
-    "@orpc/client": "^1.13.5",
-    "@orpc/contract": "^1.13.5",
-    "@orpc/server": "^1.13.5",
-    "@orpc/tanstack-query": "^1.13.5",
-    "@react-email/components": "^1.0.8",
-    "@tanstack/react-query": "^5.90.21",
-    "@tanstack/react-query-devtools": "^5.91.3",
+    "@orpc/client": "^1.14.2",
+    "@orpc/contract": "^1.14.2",
+    "@orpc/server": "^1.14.2",
+    "@orpc/tanstack-query": "^1.14.2",
+    "@tanstack/react-query": "^5.100.9",
+    "@tanstack/react-query-devtools": "^5.100.9",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.18",
+    "@tanstack/react-virtual": "^3.13.24",
     "class-variance-authority": "^0.7.1",
     "client-only": "^0.0.1",
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
     "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
-    "drizzle-orm": "^0.45.1",
+    "drizzle-orm": "^0.45.2",
     "drizzle-zod": "^0.8.3",
     "embla-carousel-react": "^8.6.0",
-    "googleapis": "105",
-    "lucide-react": "^0.575.0",
-    "motion": "^12.34.3",
+    "googleapis": "^171.4.0",
+    "lucide-react": "^1.14.0",
+    "motion": "^12.38.0",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
-    "react-colorful": "^5.6.1",
-    "react-day-picker": "9.13.2",
+    "react-colorful": "^5.7.0",
+    "react-day-picker": "10.0.0",
     "react-dropzone": "^15.0.0",
-    "react-email": "^5.2.8",
-    "react-hook-form": "^7.71.2",
-    "react-hotkeys-hook": "^5.2.4",
-    "react-resizable-panels": "^4.6.4",
-    "resend": "^6.9.2",
+    "react-email": "^6.1.1",
+    "react-hook-form": "^7.75.0",
+    "react-hotkeys-hook": "^5.3.2",
+    "react-resizable-panels": "^4.11.0",
+    "resend": "^6.12.3",
     "server-cli-only": "^0.3.2",
     "server-only": "^0.0.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
-    "use-debounce": "^10.1.0",
-    "uuid": "^13.0.0",
+    "tailwind-merge": "^3.6.0",
+    "use-debounce": "^10.1.1",
+    "uuid": "^14.0.0",
     "vaul": "^1.1.2",
-    "zod": "^4.3.6",
-    "@tulip-systems/core": "0.8.1"
+    "zod": "^4.4.3",
+    "@tulip-systems/core": "0.8.3"
   },
   "peerDependencies": {
-    "@better-auth/passkey": "^1.5.5",
     "@tailwindcss/typography": "^0.5.19",
-    "better-auth": "^1.5.5",
-    "next": "16.1.6",
-    "nuqs": "2.8.8",
-    "pg": "8.18.0",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "recharts": "2.15.4",
+    "next": "16.2.6",
+    "nuqs": "2.8.9",
+    "pg": "8.20.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "sharp": "^0.34.5"
   },
   "publishConfig": {
@@ -103,11 +100,13 @@
     "./styles.css": "./src/styles.css"
   },
   "scripts": {
-    "dev": "tsdown --config-loader tsdown.config.ts --watch",
-    "build": "tsdown --config-loader tsdown.config.ts",
+    "dev": "tsdown --config tsdown.config.ts --config-loader unrun --watch",
+    "build": "tsdown --config tsdown.config.ts --config-loader unrun",
+    "release:build": "pnpm run build",
     "lint": "biome check",
     "format": "biome format --write",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "test": "vitest"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   }
 }

package/src/components/grid-card.client.tsx

@@ -31,6 +31,7 @@ type DriveGridCardProps<TData extends DriveNode> = ComponentProps<"div"> & {
   node: TData;
   commands?: CommandDef<TData>[];
   imageLoader?: (props: ImageLoaderProps) => string;
+  unoptimized?: boolean;
 };
 
 export function DriveGridCard<TData extends DriveNode>(props: DriveGridCardProps<TData>) {
@@ -56,6 +57,8 @@ export function DriveGridFolderCard<TData extends DriveNode>({
   node,
   commands,
   onDoubleClick,
+  imageLoader,
+  unoptimized,
   className,
   ...props
 }: DriveGridCardProps<TData>) {
@@ -63,7 +66,7 @@ export function DriveGridFolderCard<TData extends DriveNode>({
 
   const router = useRouter();
 
-  const { selection, selectionConditions } = useDriveSelectionContext();
+  const selectionContext = useDriveSelectionContext();
 
   const droppable = useDroppable({ id: node.id });
   const draggable = useDraggable({ id: node.id });
@@ -77,11 +80,11 @@ export function DriveGridFolderCard<TData extends DriveNode>({
           {...props}
           key={id}
           ref={draggable.ref}
-          data-selected={selection?.rowSelection?.[id]}
+          data-selected={selectionContext?.selection?.rowSelection?.[id]}
           data-dragging={draggable.isDragging}
           className="group @container relative flex max-h-48 max-w-full cursor-pointer flex-col items-center gap-2 overflow-hidden bg-transparent p-2 hover:bg-muted/70 active:bg-muted data-[selected=true]:bg-primary/30 data-[dragging=true]:opacity-50"
           onClick={() => {
-            const conditions = selectionConditions?.(node);
+            const conditions = selectionContext?.selectionConditions?.(node);
 
             if (conditions !== undefined) {
               const canSelect = Array.isArray(conditions)
@@ -91,12 +94,12 @@ export function DriveGridFolderCard<TData extends DriveNode>({
               if (!canSelect) return;
             }
 
-            const isSelected = selection?.rowSelection?.[id];
+            const isSelected = selectionContext?.selection?.rowSelection?.[id];
 
             if (!isSelected) {
-              selection?.setRowSelection?.((old) => ({ ...old, [id]: true }));
+              selectionContext?.selection?.setRowSelection?.((old) => ({ ...old, [id]: true }));
             } else {
-              selection?.setRowSelection?.((old) => {
+              selectionContext?.selection?.setRowSelection?.((old) => {
                 const newSelection = { ...old };
                 delete newSelection[id];
                 return newSelection;
@@ -144,13 +147,14 @@ export function DriveGridFileCard<TData extends DriveNode>({
   node,
   commands,
   imageLoader,
+  unoptimized = false,
   className,
   ...props
 }: DriveGridCardProps<TData>) {
   const { id } = node;
 
   const { ref, isDragging } = useDraggable({ id });
-  const { selection, selectionConditions } = useDriveSelectionContext();
+  const selectionContext = useDriveSelectionContext();
 
   const subtype = findStatus(nodeSubtypeConfig, node.subtype);
   const Icon = subtype?.icon;
@@ -165,11 +169,11 @@ export function DriveGridFileCard<TData extends DriveNode>({
           {...props}
           key={id}
           ref={ref}
-          data-selected={selection?.rowSelection?.[id]}
+          data-selected={selectionContext?.selection?.rowSelection?.[id]}
           data-dragging={isDragging}
           className="@container flex max-h-48 max-w-full cursor-pointer flex-col items-center gap-2 overflow-hidden p-2 hover:bg-muted/70 active:bg-muted data-[selected=true]:bg-primary/30 data-[dragging=true]:opacity-50"
           onClick={() => {
-            const conditions = selectionConditions?.(node);
+            const conditions = selectionContext?.selectionConditions?.(node);
 
             if (conditions !== undefined) {
               const canSelect = Array.isArray(conditions)
@@ -179,12 +183,12 @@ export function DriveGridFileCard<TData extends DriveNode>({
               if (!canSelect) return;
             }
 
-            const isSelected = selection?.rowSelection?.[id];
+            const isSelected = selectionContext?.selection?.rowSelection?.[id];
 
             if (!isSelected) {
-              selection?.setRowSelection?.((old) => ({ ...old, [id]: true }));
+              selectionContext?.selection?.setRowSelection?.((old) => ({ ...old, [id]: true }));
             } else {
-              selection?.setRowSelection?.((old) => {
+              selectionContext?.selection?.setRowSelection?.((old) => {
                 const newSelection = { ...old };
                 delete newSelection[id];
                 return newSelection;
@@ -222,6 +226,7 @@ export function DriveGridFileCard<TData extends DriveNode>({
                 height={200}
                 loader={imageLoader}
                 className="h-full w-full object-cover"
+                unoptimized={unoptimized}
               />
             ) : (
               <div className="flex h-full w-full items-center justify-center">

package/src/components/selection.client.tsx

@@ -19,8 +19,7 @@ const DriveSelectionContext = createContext<DriveSelectionContextValue | null>(n
  */
 export function useDriveSelectionContext() {
   const context = use(DriveSelectionContext);
-  if (!context) throw new Error("DriveSelectionContext not found!");
-  return context;
+  return context ?? null;
 }
 
 /**

package/src/config/types.tsx

@@ -14,7 +14,7 @@ import {
   FileTextIcon,
   FileVideoIcon,
 } from "lucide-react";
-import type { DriveNodeSubtype } from "@/lib/validators";
+import type { DriveNodeSubtype } from "@/lib/dto";
 
 /**
  * Node subtype config

package/src/providers/google/components/command-file-update.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -56,7 +56,7 @@ export function GoogleDriveFileUpdateCommand<
   mutation,
 }: GoogleDriveFileUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   const form = useForm<UpdateGoogleDriveNodeInput>({
-    resolver: zodResolver(updateGoogleDriveNodeInputSchema),
+    resolver: standardSchemaResolver(updateGoogleDriveNodeInputSchema),
     defaultValues,
   });
 

package/src/providers/google/components/command-folder-create.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -60,7 +60,7 @@ export function GoogleDriveFoldersCreateCommand<
   const [{ parentId }] = useQueryStates(driveTreeSearchParams);
 
   const form = useForm<CreateGoogleDriveFolderInput>({
-    resolver: zodResolver(createGoogleDriveFolderInputSchema),
+    resolver: standardSchemaResolver(createGoogleDriveFolderInputSchema),
     defaultValues: { ...defaultValues, parentId },
   });
 

package/src/providers/google/components/command-folder-update.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -56,7 +56,7 @@ export function GoogleDriveFoldersUpdateCommand<
   mutation,
 }: GoogleDriveFoldersUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   const form = useForm<UpdateGoogleDriveNodeInput>({
-    resolver: zodResolver(updateGoogleDriveNodeInputSchema),
+    resolver: standardSchemaResolver(updateGoogleDriveNodeInputSchema),
     defaultValues,
   });
 

package/src/providers/google/components/view.client.tsx

@@ -23,7 +23,6 @@ import { DriveGridCard, DriveGridCardSkeleton } from "@/components/grid-card.cli
 import { useDriveSelectionContext } from "@/components/selection.client";
 import { useDriveViewContext } from "@/components/view.client";
 import { googleDriveColumns } from "../config/columns-data";
-import { googleDriveImageLoader } from "../lib/helpers";
 import type { GoogleDriveNode } from "../lib/validators";
 import { useGoogleDriveContext } from "./provider.client";
 
@@ -108,12 +107,7 @@ function GoogleDriveGrid(props: ComponentProps<"div">) {
     <DriveGrid {...props}>
       {queryData.length > 0 ? (
         queryData.map((node) => (
-          <DriveGridCard
-            key={node.id}
-            node={node}
-            commands={commands}
-            imageLoader={googleDriveImageLoader}
-          />
+          <DriveGridCard key={node.id} node={node} commands={commands} unoptimized />
         ))
       ) : (
         <DriveGridEmpty title="Geen resultaten gevonden" />

package/src/providers/google/lib/helpers.ts

@@ -1,6 +1,5 @@
 import { Readable } from "node:stream";
 import type { ObjectBodyInput } from "@tulip-systems/core/storage";
-import type { ImageLoaderProps } from "next/image";
 
 /**
  * Escapes dynamic values before interpolating them into Google Drive `q` strings.
@@ -36,11 +35,3 @@ export function toGoogleDriveReadable(body: ObjectBodyInput) {
   if (typeof body === "string") return Readable.from([body]);
   return Readable.from([body]);
 }
-
-/**
- * Use Google-provided thumbnail URLs directly instead of routing them through
- * the Next.js optimizer.
- */
-export function googleDriveImageLoader({ src }: ImageLoaderProps) {
-  return src;
-}

package/src/providers/google/lib/service.server.ts

@@ -514,9 +514,7 @@ export class GoogleDrive<TSchema extends TDatabaseSchema>
 
     const nextSeen = new Set([...seen, node.id]);
     const currentChild = {
-      id: node.id,
-      type: node.type,
-      parentId: node.parentId,
+      ...node,
       depth: current.depth,
     } satisfies GoogleDriveNodeChild;
 

package/src/providers/local/components/command-file-update.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -49,7 +49,7 @@ export function LocalDriveFileUpdateCommand<
   mutation,
 }: LocalDriveFileUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   const form = useForm<UpdateLocalDriveNodeInput>({
-    resolver: zodResolver(updateLocalDriveNodeInputSchema),
+    resolver: standardSchemaResolver(updateLocalDriveNodeInputSchema),
     defaultValues,
   });
 

package/src/providers/local/components/command-folder-create.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -56,7 +56,7 @@ export function LocalDriveFoldersCreateCommand<
   const [{ parentId }] = useQueryStates(driveTreeSearchParams);
 
   const form = useForm<CreateLocalDriveFolderInput>({
-    resolver: zodResolver(createLocalDriveFolderInputSchema),
+    resolver: standardSchemaResolver(createLocalDriveFolderInputSchema),
     defaultValues: { ...defaultValues, parentId },
   });
 

package/src/providers/local/components/command-folder-update.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import type { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandFormDialog,
@@ -49,7 +49,7 @@ export function LocalDriveFoldersUpdateCommand<
   mutation,
 }: LocalDriveFoldersUpdateCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   const form = useForm<UpdateLocalDriveNodeInput>({
-    resolver: zodResolver(updateLocalDriveNodeInputSchema),
+    resolver: standardSchemaResolver(updateLocalDriveNodeInputSchema),
     defaultValues,
   });
 

package/src/providers/local/components/upload-zone.client.tsx

@@ -111,7 +111,7 @@ export function LocalDriveUploadZone({
     },
     onSuccess: async (data, variables) => {
       await optimistic?.replace?.({
-        id: variables.uploadId,
+        id: variables.uploadId ?? "",
         newValue: {
           ...data,
           asset: {

package/src/providers/local/lib/helpers.ts

@@ -70,7 +70,6 @@ export function inferLocalDriveNodeSubtype({
   name,
   contentType,
 }: Partial<Pick<LocalDriveNode, "name" | "contentType">>): LocalDriveNodeSubtype {
-  if (!contentType) return "other";
   if (contentType?.startsWith("image/")) return "image";
   if (contentType === "application/pdf") return "document";
   if (contentType?.includes("spreadsheet")) return "spreadsheet";