@tulip-systems/core 0.10.1 → 0.10.2

package/dist/src/modules/storage/components/upload-button.client.mjs

@@ -1,33 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { Button } from "../../../components/ui/button.mjs";
-import { Input } from "../../../components/ui/input.mjs";
-import { useUploadZone } from "./upload-zone-context.client.mjs";
-import { UploadIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/modules/storage/components/upload-button.client.tsx
-function UploadButton({ className, ...props }) {
-	const { onUpload } = useUploadZone();
-	return /* @__PURE__ */ jsxs(Button, {
-		...props,
-		className: cn("relative gap-2", className),
-		children: [
-			/* @__PURE__ */ jsx(UploadIcon, { className: "h-3 w-3" }),
-			/* @__PURE__ */ jsx("span", { children: "Upload" }),
-			/* @__PURE__ */ jsx(Input, {
-				type: "file",
-				className: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
-				multiple: true,
-				onChange: (e) => {
-					if (!e.target.files) return;
-					Array.from(e.target.files).forEach(onUpload);
-				}
-			})
-		]
-	});
-}
-
-//#endregion
-export { UploadButton };

package/dist/src/modules/storage/components/upload-zone-context.client.d.mts

@@ -1,30 +0,0 @@
-import { StorageAsset } from "../lib/validators.mjs";
-import { UploadClient } from "../lib/upload.client.mjs";
-import React from "react";
-
-//#region src/modules/storage/components/upload-zone-context.client.d.ts
-/**
- * Upload Zone Context Value
- */
-type UploadZoneContextValue = {
-  uploadClient: UploadClient;
-  onUpload: (file: File) => Promise<StorageAsset>;
-  onRemove: (ids: string[]) => Promise<void>;
-  optimistic?: {
-    add?: (newValue: Omit<StorageAsset, "id" | "key" | "bucket" | "provider" | "createdAt" | "updatedAt">) => Promise<void> | void;
-    remove?: (ids: string[]) => Promise<void> | void;
-    invalidate?: () => Promise<void> | void;
-    cancel?: () => Promise<void> | void;
-  };
-  disabled?: boolean;
-};
-/**
- * Upload Zone Context
- */
-declare const UploadZoneContext: React.Context<UploadZoneContextValue | null>;
-/**
- * Upload Zone Hook
- */
-declare function useUploadZone(): UploadZoneContextValue;
-//#endregion
-export { UploadZoneContext, UploadZoneContextValue, useUploadZone };

package/dist/src/modules/storage/components/upload-zone-context.client.mjs

@@ -1,20 +0,0 @@
-"use client";
-
-import React from "react";
-
-//#region src/modules/storage/components/upload-zone-context.client.tsx
-/**
-* Upload Zone Context
-*/
-const UploadZoneContext = React.createContext(null);
-/**
-* Upload Zone Hook
-*/
-function useUploadZone() {
-	const context = React.useContext(UploadZoneContext);
-	if (!context) throw new Error("useUploadZone must be used within an UploadZoneContext provider");
-	return context;
-}
-
-//#endregion
-export { UploadZoneContext, useUploadZone };

package/dist/src/modules/storage/components/upload-zone.client.d.mts

@@ -1,27 +0,0 @@
-import { StorageAsset, UploadInput } from "../lib/validators.mjs";
-import { UploadHooks } from "../lib/upload.client.mjs";
-import { UploadZoneContextValue } from "./upload-zone-context.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-
-//#region src/modules/storage/components/upload-zone.client.d.ts
-type UploadZoneProps = ComponentProps<"div"> & Pick<UploadZoneContextValue, "optimistic" | "uploadClient" | "disabled"> & {
-  variables: Pick<UploadInput, "visibility">;
-  uploadHooks?: UploadHooks;
-  onUploadCompleted?: (asset: StorageAsset) => Promise<void> | void;
-  onUploadFailed?: (error: unknown) => Promise<void> | void;
-};
-declare function UploadZone({
-  variables,
-  optimistic,
-  uploadClient,
-  uploadHooks,
-  onUploadCompleted,
-  onUploadFailed,
-  disabled,
-  children,
-  className,
-  ...props
-}: UploadZoneProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { UploadZone, UploadZoneProps };

package/dist/src/modules/storage/components/upload-zone.client.mjs

@@ -1,111 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { toast } from "../../../components/ui/sonner.client.mjs";
-import { useAction } from "../../../lib/hooks/use-action.mjs";
-import { UploadZoneContext } from "./upload-zone-context.client.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { useDropzone } from "react-dropzone";
-
-//#region src/modules/storage/components/upload-zone.client.tsx
-function UploadZone({ variables, optimistic, uploadClient, uploadHooks, onUploadCompleted, onUploadFailed, disabled = false, children, className, ...props }) {
-	/**
-	* Delete mutation
-	*/
-	const deleteMutation = useAction({
-		mutationFn: async (ids) => {
-			await uploadClient.deleteAssets(ids);
-		},
-		onMutate: async (ids) => {
-			await optimistic?.cancel?.();
-			await optimistic?.remove?.(ids);
-		},
-		onError: async (error) => {
-			console.error("Delete failed upload error: ", error);
-			await onUploadFailed?.(error);
-		},
-		onSettled: () => {
-			optimistic?.invalidate?.();
-		}
-	});
-	/**
-	* Upload mutation
-	*/
-	const uploadMutation = useAction({
-		mutationFn: async (params) => uploadClient.upload(params, uploadHooks),
-		onMutate: async (variables) => {
-			await optimistic?.cancel?.();
-			const newAsset = {
-				...variables,
-				visibility: variables.visibility ?? "private",
-				status: "pending",
-				name: variables.file.name,
-				size: variables.file.size,
-				contentType: variables.file.type || "application/octet-stream",
-				etag: null,
-				metadata: null,
-				uploadedAt: /* @__PURE__ */ new Date(),
-				deletedAt: null
-			};
-			await optimistic?.add?.(newAsset);
-		},
-		onSuccess: async (data) => {
-			await onUploadCompleted?.(data);
-			toast.success(`Succesvol geupload: ${data.name}`);
-		},
-		onError: async (error) => {
-			await onUploadFailed?.(error);
-			console.error("Upload error: ", error);
-			toast.error("Bestand uploaden mislukt", { description: error instanceof Error ? error.message : void 0 });
-		},
-		onSettled: () => {
-			optimistic?.invalidate?.();
-		}
-	});
-	/**
-	* Upload file handler
-	*/
-	const onUpload = useCallback(async (file) => {
-		console.info("Uploading file", file);
-		const req = uploadClient.prepareUpload({
-			...variables,
-			file
-		});
-		return await uploadMutation.mutateAsync(req);
-	}, [
-		uploadClient,
-		variables,
-		uploadMutation
-	]);
-	const { getRootProps, getInputProps, isDragActive } = useDropzone({
-		onDrop: useCallback(async (acceptedFiles) => {
-			if (acceptedFiles.length === 0) return;
-			await Promise.allSettled(acceptedFiles.map(onUpload));
-		}, [onUpload]),
-		noClick: true,
-		disabled
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		...props,
-		...getRootProps(),
-		className: cn("relative z-0", className),
-		children: [
-			/* @__PURE__ */ jsx("input", { ...getInputProps() }),
-			isDragActive && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 rounded-md bg-primary/20 opacity-70 backdrop-blur-3xl" }),
-			/* @__PURE__ */ jsx(UploadZoneContext, {
-				value: {
-					uploadClient,
-					onUpload,
-					onRemove: deleteMutation.mutateAsync,
-					optimistic,
-					disabled
-				},
-				children
-			})
-		]
-	});
-}
-
-//#endregion
-export { UploadZone };

package/dist/src/modules/storage/lib/constants.d.mts

@@ -1,5 +0,0 @@
-//#region src/modules/storage/lib/constants.d.ts
-declare const imageDispositions: readonly ["inline", "attachment"];
-type ImageDisposition = (typeof imageDispositions)[number];
-//#endregion
-export { ImageDisposition, imageDispositions };

package/dist/src/modules/storage/lib/constants.mjs

@@ -1,5 +0,0 @@
-//#region src/modules/storage/lib/constants.ts
-const imageDispositions = ["inline", "attachment"];
-
-//#endregion
-export { imageDispositions };

package/dist/src/modules/storage/lib/helpers.d.mts

@@ -1,29 +0,0 @@
-import { GetAssetURLInput } from "./validators.mjs";
-import { ImageLoaderProps } from "next/image";
-
-//#region src/modules/storage/lib/helpers.d.ts
-/**
- * Builds the public API route URL for a storage file proxy request.
- *
- * Use this helper when you need a stable file URL in the client/UI
- * without manually composing the route path.
- *
- * @param id - Storage asset id
- * @returns File proxy URL for the storage route handler
- * @example
- * const url = getAssetURL("019d0051-2c0d-741e-9e3c-e5a5bc4d16a2", { disposition: "attachment" });
- * // /api/storage/files/019d0051-2c0d-741e-9e3c-e5a5bc4d16a2?disposition=attachment
- */
-declare function getAssetURL(id: string, options?: Partial<GetAssetURLInput>): string;
-/**
- * Image loader
- */
-declare function imageLoader({
-  src
-}: ImageLoaderProps): string;
-/**
- * Render bytes
- */
-declare function renderBytes(bytes: number): string;
-//#endregion
-export { getAssetURL, imageLoader, renderBytes };

package/dist/src/modules/storage/lib/helpers.mjs

@@ -1,49 +0,0 @@
-//#region src/modules/storage/lib/helpers.ts
-/**
-* Builds the public API route URL for a storage file proxy request.
-*
-* Use this helper when you need a stable file URL in the client/UI
-* without manually composing the route path.
-*
-* @param id - Storage asset id
-* @returns File proxy URL for the storage route handler
-* @example
-* const url = getAssetURL("019d0051-2c0d-741e-9e3c-e5a5bc4d16a2", { disposition: "attachment" });
-* // /api/storage/files/019d0051-2c0d-741e-9e3c-e5a5bc4d16a2?disposition=attachment
-*/
-function getAssetURL(id, options = {}) {
-	const searchParams = new URLSearchParams();
-	if (options?.disposition) searchParams.set("disposition", options.disposition);
-	const queryString = searchParams.toString();
-	return `/api/storage/files/${id}${queryString ? `?${queryString}` : ""}`;
-}
-/**
-* Image loader
-*/
-function imageLoader({ src }) {
-	if (typeof window === "undefined") return src;
-	return new URL(src, window.location.origin).toString();
-}
-/**
-* Render bytes
-*/
-function renderBytes(bytes) {
-	const units = [
-		"B",
-		"KB",
-		"MB",
-		"GB",
-		"TB",
-		"PB"
-	];
-	let size = bytes;
-	let unitIndex = 0;
-	while (size >= 1024 && unitIndex < units.length - 1) {
-		size /= 1024;
-		unitIndex++;
-	}
-	return `${size.toFixed(2)}${units[unitIndex]}`;
-}
-
-//#endregion
-export { getAssetURL, imageLoader, renderBytes };