@tulip-systems/core 0.4.1 → 0.5.1

package/dist/modules/storage/components/image-grid.client.mjs

@@ -0,0 +1,169 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Skeleton } from "../../../components/ui/skeleton.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { Dialog, DialogContent, DialogTrigger } from "../../../components/ui/dialog.client.mjs";
+import { useAction } from "../../../lib/hooks/use-action.mjs";
+import { arrayMove } from "../../../lib/utils/array-move.mjs";
+import { Card } from "../../../components/ui/card.mjs";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../../components/ui/carousel.mjs";
+import { getFileUrl, imageLoader } from "../lib/helpers.mjs";
+import { useUploadZone } from "./upload-zone-context.client.mjs";
+import { GripIcon, UploadIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Image$1 from "next/image";
+import { SortableContext, rectSortingStrategy, sortableKeyboardCoordinates, useSortable } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { CSS } from "@dnd-kit/utilities";
+
+//#region src/modules/storage/components/image-grid.client.tsx
+function ImageGrid({ nodes, moveAction, disabled, ...props }) {
+	const { onUpload, updateData, invalidateQuery } = useUploadZone();
+	const images = nodes.flatMap((node) => ({
+		...node,
+		url: getFileUrl(node.id)
+	}));
+	const [current, setCurrent] = React.useState(0);
+	const { setNodeRef } = useDroppable({ id: "image-grid" });
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	const moveMuration = useAction({
+		mutationFn: async ({ active, over }) => {
+			if (!moveAction) return Promise.resolve();
+			const activeId = active.id;
+			const overId = over?.id;
+			if (!activeId || !overId || activeId === overId) return Promise.resolve();
+			const fromIndex = images.findIndex((image) => image.id === activeId);
+			const toIndex = images.findIndex((image) => image.id === overId);
+			await updateData((prev) => arrayMove(prev, {
+				fromIndex,
+				toIndex
+			}));
+			await moveAction({
+				fromIndex,
+				toIndex
+			});
+		},
+		onSuccess: async () => {
+			setCurrent(0);
+			await invalidateQuery();
+		},
+		onError: (error) => {
+			console.error("Error moving image:", error);
+		}
+	});
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsx(DndContext, {
+			sensors,
+			collisionDetection: closestCenter,
+			onDragEnd: moveMuration.mutate,
+			children: /* @__PURE__ */ jsx("div", {
+				ref: setNodeRef,
+				className: "grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5",
+				children: /* @__PURE__ */ jsxs(SortableContext, {
+					items: images.map((image) => image.id),
+					strategy: rectSortingStrategy,
+					children: [images.map((node, index) => /* @__PURE__ */ jsx(ImageGridItem, {
+						node,
+						index,
+						setCurrent
+					}, node.id)), !disabled && /* @__PURE__ */ jsxs("label", {
+						className: "border-muted-foreground bg-muted hover:border-primary relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed",
+						children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-8 w-8" }), /* @__PURE__ */ jsx(Input, {
+							type: "file",
+							accept: "image/jpeg, image/png, image/webp, image/gif",
+							className: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
+							multiple: true,
+							onChange: (e) => {
+								if (!e.target.files) return;
+								return Array.from(e.target.files).map(onUpload);
+							}
+						})]
+					})]
+				})
+			})
+		}), /* @__PURE__ */ jsx(Carousel, {
+			className: "w-full",
+			opts: { startIndex: current },
+			children: /* @__PURE__ */ jsxs(DialogContent, {
+				className: "border-none bg-transparent p-0 shadow-none md:max-w-[80vw] xl:max-w-[60vw]",
+				children: [
+					/* @__PURE__ */ jsx(CarouselContent, {
+						className: "md:max-h-[80vh]",
+						children: images.map(({ id, url }) => /* @__PURE__ */ jsx(CarouselItem, {
+							className: "overflow-hidden rounded-xl",
+							children: /* @__PURE__ */ jsx(Image$1, {
+								src: url,
+								alt: "Image Preview",
+								width: 1920,
+								height: 1080,
+								className: "h-full w-full rounded-xl object-contain",
+								loader: imageLoader
+							})
+						}, id))
+					}),
+					/* @__PURE__ */ jsx(CarouselPrevious, {}),
+					/* @__PURE__ */ jsx(CarouselNext, {})
+				]
+			})
+		})]
+	});
+}
+function ImageGridItem({ node, index, setCurrent }) {
+	const { deleteMutation } = useUploadZone();
+	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: node.id });
+	return /* @__PURE__ */ jsx(Card, {
+		id: node.id,
+		ref: setNodeRef,
+		style: {
+			transform: CSS.Transform.toString(transform),
+			transition
+		},
+		className: cn("group relative aspect-square w-full", node.isPending && "opacity-30"),
+		children: !node.isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(DialogTrigger, {
+				onClick: () => setCurrent(index),
+				children: /* @__PURE__ */ jsx(Image$1, {
+					src: node.url,
+					alt: "Image Preview",
+					width: 100,
+					height: 100,
+					className: "bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain",
+					loader: imageLoader
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				...attributes,
+				...listeners,
+				type: "button",
+				variant: "secondary",
+				size: "icon",
+				className: "absolute right-2 top-2 hidden p-1 group-hover:flex",
+				children: /* @__PURE__ */ jsx(GripIcon, { className: "size-4" })
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "destructive",
+				size: "icon",
+				onClick: () => deleteMutation({ ids: [node.id] }),
+				className: "absolute left-2 top-2 hidden p-1 group-hover:flex",
+				children: /* @__PURE__ */ jsx(Icons.trash, { className: "size-4" })
+			})
+		] }) : /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 h-full w-full rounded-lg" })
+	});
+}
+function ImageGridSkeleton(props) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5", props.className),
+		children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full rounded-lg" }, index))
+	});
+}
+
+//#endregion
+export { ImageGrid, ImageGridSkeleton };
+//# sourceMappingURL=image-grid.client.mjs.map

package/dist/modules/storage/components/image-grid.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-grid.client.mjs","names":["Image"],"sources":["../../../../src/modules/storage/components/image-grid.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card } from \"@/components/ui/card\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/components/ui/carousel\";\nimport { Dialog, DialogContent, DialogTrigger } from \"@/components/ui/dialog.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { useAction } from \"@/lib/entry.client\";\nimport { arrayMove } from \"@/lib/utils/array-move\";\nimport { cn } from \"@/lib/utils/cn\";\nimport {\n  closestCenter,\n  DndContext,\n  DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { GripIcon, UploadIcon } from \"lucide-react\";\nimport Image from \"next/image\";\nimport React, { ComponentProps } from \"react\";\nimport { getFileUrl, imageLoader } from \"../lib/helpers\";\nimport { FileNode } from \"../lib/validators\";\nimport { useUploadZone } from \"./upload-zone-context.client\";\n\n/**\n * Image Grid\n */\ntype ImageGridProps = ComponentProps<\"div\"> & {\n  nodes: FileNode[];\n  disabled?: boolean;\n  moveAction: (params: { fromIndex: number; toIndex: number }) => Promise<void>;\n};\n\nexport function ImageGrid({ nodes, moveAction, disabled, ...props }: ImageGridProps) {\n  const { onUpload, updateData, invalidateQuery } = useUploadZone();\n\n  const images = nodes.flatMap((node) => ({ ...node, url: getFileUrl(node.id) }));\n\n  const [current, setCurrent] = React.useState<number>(0);\n\n  const { setNodeRef } = useDroppable({ id: \"image-grid\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const moveMuration = useAction({\n    mutationFn: async ({ active, over }: DragEndEvent) => {\n      if (!moveAction) return Promise.resolve();\n\n      const activeId = active.id;\n      const overId = over?.id;\n      if (!activeId || !overId || activeId === overId) return Promise.resolve();\n\n      const fromIndex = images.findIndex((image) => image.id === activeId);\n      const toIndex = images.findIndex((image) => image.id === overId);\n\n      await updateData((prev) => arrayMove(prev, { fromIndex, toIndex }));\n      await moveAction({ fromIndex, toIndex });\n    },\n    onSuccess: async () => {\n      setCurrent(0);\n      await invalidateQuery();\n    },\n    onError: (error) => {\n      console.error(\"Error moving image:\", error);\n    },\n  });\n\n  return (\n    <Dialog {...props}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={moveMuration.mutate}\n      >\n        <div\n          ref={setNodeRef}\n          className=\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\"\n        >\n          <SortableContext items={images.map((image) => image.id)} strategy={rectSortingStrategy}>\n            {images.map((node, index) => (\n              <ImageGridItem key={node.id} node={node} index={index} setCurrent={setCurrent} />\n            ))}\n\n            {!disabled && (\n              <label className=\"border-muted-foreground bg-muted hover:border-primary relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed\">\n                <UploadIcon className=\"h-8 w-8\" />\n                <Input\n                  type=\"file\"\n                  accept=\"image/jpeg, image/png, image/webp, image/gif\"\n                  className=\"absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0\"\n                  multiple\n                  onChange={(e) => {\n                    if (!e.target.files) return;\n                    return Array.from(e.target.files).map(onUpload);\n                  }}\n                />\n              </label>\n            )}\n          </SortableContext>\n        </div>\n      </DndContext>\n\n      <Carousel className=\"w-full\" opts={{ startIndex: current }}>\n        <DialogContent className=\"border-none bg-transparent p-0 shadow-none md:max-w-[80vw] xl:max-w-[60vw]\">\n          <CarouselContent className=\"md:max-h-[80vh]\">\n            {images.map(({ id, url }) => (\n              <CarouselItem key={id} className=\"overflow-hidden rounded-xl\">\n                <Image\n                  src={url}\n                  alt=\"Image Preview\"\n                  width={1920}\n                  height={1080}\n                  className=\"h-full w-full rounded-xl object-contain\"\n                  loader={imageLoader}\n                />\n              </CarouselItem>\n            ))}\n          </CarouselContent>\n          <CarouselPrevious />\n          <CarouselNext />\n        </DialogContent>\n      </Carousel>\n    </Dialog>\n  );\n}\n\n/**\n * Image Grid Item\n */\ntype ImageGridItemProps = {\n  node: FileNode & { url: string };\n  index: number;\n  setCurrent: React.Dispatch<React.SetStateAction<number>>;\n};\n\nfunction ImageGridItem({ node, index, setCurrent }: ImageGridItemProps) {\n  const { deleteMutation } = useUploadZone();\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: node.id });\n\n  return (\n    <Card\n      id={node.id}\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n      className={cn(\"group relative aspect-square w-full\", node.isPending && \"opacity-30\")}\n    >\n      {!node.isPending ? (\n        <>\n          <DialogTrigger onClick={() => setCurrent(index)}>\n            <Image\n              src={node.url}\n              alt=\"Image Preview\"\n              width={100}\n              height={100}\n              className=\"bg-muted absolute inset-0 h-full w-full cursor-pointer rounded-lg object-contain\"\n              loader={imageLoader}\n            />\n          </DialogTrigger>\n\n          <Button\n            {...attributes}\n            {...listeners}\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"absolute right-2 top-2 hidden p-1 group-hover:flex\"\n          >\n            <GripIcon className=\"size-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"destructive\"\n            size=\"icon\"\n            onClick={() => deleteMutation({ ids: [node.id] })}\n            className=\"absolute left-2 top-2 hidden p-1 group-hover:flex\"\n          >\n            <Icons.trash className=\"size-4\" />\n          </Button>\n        </>\n      ) : (\n        <Skeleton className=\"absolute inset-0 h-full w-full rounded-lg\" />\n      )}\n    </Card>\n  );\n}\n\nexport function ImageGridSkeleton(props: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\"grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-5\", props.className)}\n    >\n      {Array.from({ length: 12 }).map((_, index) => (\n        <Skeleton key={index} className=\"aspect-square w-full rounded-lg\" />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { FileNode, Node, PresignFileSchema } from "../lib/validators.mjs";
+import React from "react";
+
+//#region src/modules/storage/components/upload-zone-context.client.d.ts
+
+/**
+ * Upload Zone Context Value
+ */
+type UploadZoneContextValue = {
+  presignMutation: (params: PresignFileSchema) => Promise<{
+    id: string;
+    presignedUrl: string;
+  }>;
+  confirmMutation: (params: {
+    id: string;
+  }) => Promise<Node>;
+  deleteMutation: (params: {
+    ids: string[];
+  }) => Promise<unknown>;
+  updateData: (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => Promise<void>;
+  invalidateQuery: () => Promise<void> | void;
+  onUpload: (file: File) => Promise<Node>;
+};
+/**
+ * Upload Zone Context
+ */
+declare const UploadZoneContext: React.Context<UploadZoneContextValue>;
+/**
+ * Upload Zone Hook
+ */
+declare function useUploadZone(): UploadZoneContextValue;
+//#endregion
+export { UploadZoneContext, UploadZoneContextValue, useUploadZone };
+//# sourceMappingURL=upload-zone-context.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone-context.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAQA;AAC4B,KADhB,sBAAA,GACgB;EAAsB,eAAA,EAAA,CAAA,MAAA,EAAtB,iBAAsB,EAAA,GAAA,OAAA,CAAA;IACK,EAAA,EAAA,MAAA;IAAR,YAAA,EAAA,MAAA;EACE,CAAA,CAAA;EACxB,eAAA,EAAA,CAAA,MAAA,EAAA;IAAyB,EAAA,EAAA,MAAA;EAAe,CAAA,EAAA,GAFlB,OAEkB,CAFV,IAEU,CAAA;EAAgB,cAAA,EAAA,CAAA,MAAA,EAAA;IACxD,GAAA,EAAA,MAAA,EAAA;EACN,CAAA,EAAA,GAH8B,OAG9B,CAAA,OAAA,CAAA;EAAiB,UAAA,EAAA,CAAA,QAAA,EAFX,QAEW,EAAA,GAAA,CAAA,CAAA,QAAA,EAFc,QAEd,EAAA,EAAA,GAF6B,QAE7B,EAAA,CAAA,EAAA,GAF6C,OAE7C,CAAA,IAAA,CAAA;EAAR,eAAA,EAAA,GAAA,GADH,OACG,CAAA,IAAA,CAAA,GAAA,IAAA;EAAO,QAAA,EAAA,CAAA,IAAA,EAAhB,IAAgB,EAAA,GAAP,OAAO,CAAC,IAAD,CAAA;AAMnC,CAAA;AAKA;;;cALa,mBAAiB,KAAA,CAAA,QAAA;;;;iBAKd,aAAA,CAAA,GAAa"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone-context.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { FileNode, Node, PresignFileSchema } from \"../lib/validators\";\n\n/**\n * Upload Zone Context Value\n */\nexport type UploadZoneContextValue = {\n  presignMutation: (params: PresignFileSchema) => Promise<{ id: string; presignedUrl: string }>;\n  confirmMutation: (params: { id: string }) => Promise<Node>;\n  deleteMutation: (params: { ids: string[] }) => Promise<unknown>;\n  updateData: (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => Promise<void>;\n  invalidateQuery: () => Promise<void> | void;\n  onUpload: (file: File) => Promise<Node>;\n};\n\n/**\n * Upload Zone Context\n */\nexport const UploadZoneContext = React.createContext({} as UploadZoneContextValue);\n\n/**\n * Upload Zone Hook\n */\nexport function useUploadZone() {\n  const context = React.useContext(UploadZoneContext);\n  if (!context) {\n    throw new Error(\"useUploadZone must be used within an UploadZoneProvider\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;AAoBA,MAAa,oBAAoB,MAAM,cAAc,EAAE,CAA2B;;;;AAKlF,SAAgB,gBAAgB;CAC9B,MAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,QAAO"}

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

@@ -0,0 +1,51 @@
+import { Node, PresignFileSchema } from "../lib/validators.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"> & {
+  namespace: string;
+  parentId: string | null;
+  queryKey: readonly unknown[];
+  presignAction: (params: PresignFileSchema) => Promise<{
+    id: string;
+    presignedUrl: string;
+  }>;
+  onPresignStarted?: (file: PresignFileSchema) => Promise<void> | void;
+  onPresignCompleted?: (data: {
+    id: string;
+    presignedUrl: string;
+  }) => Promise<void> | void;
+  confirmAction: (params: {
+    id: string;
+  }) => Promise<Node>;
+  onConfirmStarted?: (id: string) => Promise<void> | void;
+  onConfirmCompleted?: (node: Node) => Promise<void> | void;
+  deleteAction: (params: {
+    ids: string[];
+  }) => Promise<unknown>;
+  onUploadCompleted?: (node: Node) => Promise<void> | void;
+  onUploadFailed?: (error: unknown) => Promise<void> | void;
+};
+declare function UploadZone({
+  namespace,
+  parentId,
+  queryKey,
+  presignAction,
+  confirmAction,
+  deleteAction,
+  onPresignStarted,
+  onPresignCompleted,
+  onConfirmStarted,
+  onConfirmCompleted,
+  onUploadCompleted,
+  onUploadFailed,
+  children,
+  className,
+  onDragOver,
+  onDragLeave,
+  ...props
+}: UploadZoneProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { UploadZone, UploadZoneProps };
+//# sourceMappingURL=upload-zone.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone.client.d.mts","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAYY,eAAA,GAAkB;;;EAAlB,QAAA,EAAA,SAAe,OAAA,EAAA;EAAG,aAAA,EAAA,CAAA,MAAA,EAMJ,iBANI,EAAA,GAMkB,OANlB,CAAA;IAMJ,EAAA,EAAA,MAAA;IAAsB,YAAA,EAAA,MAAA;EACpB,CAAA,CAAA;EAAsB,gBAAA,CAAA,EAAA,CAAA,IAAA,EAAtB,iBAAsB,EAAA,GAAA,OAAA,CAAA,IAAA,CAAA,GAAA,IAAA;EACqB,kBAAA,CAAA,EAAA,CAAA,IAAA,EAAA;IAElB,EAAA,EAAA,MAAA;IAAR,YAAA,EAAA,MAAA;EACR,CAAA,EAAA,GAHkC,OAGlC,CAAA,IAAA,CAAA,GAAA,IAAA;EACP,aAAA,EAAA,CAAA,MAAA,EAAA;IAAS,EAAA,EAAA,MAAA;EAEQ,CAAA,EAAA,GAJF,OAIE,CAJM,IAIN,CAAA;EAElB,gBAAA,CAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GALQ,OAKR,CAAA,IAAA,CAAA,GAAA,IAAA;EAAS,kBAAA,CAAA,EAAA,CAAA,IAAA,EAJR,IAIQ,EAAA,GAJC,OAID,CAAA,IAAA,CAAA,GAAA,IAAA;EACC,YAAA,EAAA,CAAA,MAAA,EAAA;IAAO,GAAA,EAAA,MAAA,EAAA;EAG9B,CAAA,EAAA,GAN+B,OAMrB,CAAA,OAAA,CAAA;EACxB,iBAAA,CAAA,EAAA,CAAA,IAAA,EAL2B,IAK3B,EAAA,GALoC,OAKpC,CAAA,IAAA,CAAA,GAAA,IAAA;EACA,cAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,GALqC,OAKrC,CAAA,IAAA,CAAA,GAAA,IAAA;CACA;AACA,iBAJc,UAAA,CAId;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,aAAA;EAAA,aAAA;EAAA,YAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAcC,eAdD,CAAA,EAcgB,kBAAA,CAAA,GAAA,CAAA,OAdhB"}

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

@@ -0,0 +1,196 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { generateDefaultUUID } from "../../config/db/helpers.mjs";
+import { useAction } from "../../../lib/hooks/use-action.mjs";
+import { toast } from "../../../components/ui/sonner.client.mjs";
+import { UploadZoneContext } from "./upload-zone-context.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+
+//#region src/modules/storage/components/upload-zone.client.tsx
+function UploadZone({ namespace, parentId, queryKey, presignAction, confirmAction, deleteAction, onPresignStarted, onPresignCompleted, onConfirmStarted, onConfirmCompleted, onUploadCompleted, onUploadFailed, children, className, onDragOver, onDragLeave, ...props }) {
+	const queryClient = useQueryClient();
+	const [isDragging, setIsDragging] = useState(false);
+	/**
+	* Optimisticly update the data
+	*/
+	const updateData = useCallback(async (newValue) => {
+		await queryClient.cancelQueries({ queryKey });
+		await queryClient.setQueryData(queryKey, newValue);
+	}, [queryClient, queryKey]);
+	/**
+	* Invalidate the query
+	*/
+	const invalidateQuery = useCallback(async () => {
+		await queryClient.invalidateQueries({ queryKey });
+	}, [queryClient, queryKey]);
+	/**
+	* Delete mutation
+	*/
+	const deleteMutation = useAction({
+		mutationFn: deleteAction,
+		onMutate: async (variables) => {
+			await updateData((prev) => prev.filter((node) => !variables.ids.includes(node.id)));
+		},
+		onSuccess: async () => {
+			await invalidateQuery();
+		},
+		onError: async (error) => {
+			await onUploadFailed?.(error);
+			console.error("Delete failed upload error: ", error);
+		}
+	});
+	/**
+	* Presign upload mutation
+	*/
+	const presignMutation = useAction({
+		mutationFn: async (params) => {
+			await onPresignStarted?.(params);
+			const data = await presignAction(params);
+			await onPresignCompleted?.(data);
+			return data;
+		},
+		onMutate: async (variables) => {
+			const newNode = {
+				...variables,
+				type: "file",
+				isPending: true
+			};
+			await updateData((prev) => [...prev ?? [], newNode]);
+		},
+		onError: async (error, variables) => {
+			await onUploadFailed?.(error);
+			console.error("Presign error: ", error);
+			toast.error("Bestand uploaden mislukt", { description: error instanceof Error ? error.message : void 0 });
+			console.info("Deleting failed upload");
+			await deleteMutation.mutateAsync({ ids: [variables.id] });
+		}
+	});
+	/**
+	* Upload mutation
+	*/
+	const uploadMutation = useAction({
+		mutationFn: async (input) => {
+			/**
+			* Upload the file
+			*/
+			const uploadResponse = await fetch(input.presignedUrl, {
+				method: "PUT",
+				headers: { "Content-Type": input.file.type },
+				body: input.file
+			});
+			if (!uploadResponse.ok) {
+				const message = await uploadResponse.text();
+				throw new Error(`Upload failed: ${message}`);
+			}
+		},
+		onError: async (error, variables) => {
+			await onUploadFailed?.(error);
+			console.error("Upload error: ", error);
+			toast.error("Bestand uploaden mislukt", { description: error instanceof Error ? error.message : void 0 });
+			console.info("Deleting failed upload");
+			await deleteMutation.mutateAsync({ ids: [variables.id] });
+		}
+	});
+	/**
+	* Confirm upload mutation
+	*/
+	const confirmMutation = useAction({
+		mutationFn: async (params) => {
+			await onConfirmStarted?.(params.id);
+			const data = await confirmAction(params);
+			await onConfirmCompleted?.(data);
+			return data;
+		},
+		onSuccess: async (data) => {
+			await onUploadCompleted?.(data);
+			toast.success(`Succesvol geupload: ${data.name}`);
+		},
+		onError: async (error, variables) => {
+			await onUploadFailed?.(error);
+			console.error("Confirm error: ", error);
+			toast.error("Bestand uploaden mislukt", { description: error instanceof Error ? error.message : void 0 });
+			console.info("Deleting failed upload");
+			await deleteMutation.mutateAsync({ ids: [variables.id] });
+		},
+		onSettled: () => {
+			queryClient.invalidateQueries({ queryKey });
+		}
+	});
+	/**
+	* Upload file handler
+	*/
+	const onUpload = useCallback(async (file) => {
+		/**
+		* Send the presign request
+		*/
+		const { id, presignedUrl } = await presignMutation.mutateAsync({
+			id: generateDefaultUUID(),
+			name: file.name,
+			size: file.size,
+			contentType: file.type,
+			namespace,
+			parentId
+		});
+		/**
+		* Uploading the file
+		*/
+		await uploadMutation.mutateAsync({
+			id,
+			presignedUrl,
+			file
+		});
+		/**
+		* Confirming the upload
+		*/
+		return await confirmMutation.mutateAsync({ id });
+	}, [
+		presignMutation,
+		uploadMutation,
+		confirmMutation,
+		namespace,
+		parentId
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className: cn("relative z-0 flex-1 space-y-6", className),
+		onDragOver: (...args) => {
+			setIsDragging(true);
+			return onDragOver?.(...args);
+		},
+		onDragLeave: (...args) => {
+			setIsDragging(false);
+			return onDragLeave?.(...args);
+		},
+		children: [isDragging && /* @__PURE__ */ jsx("div", {
+			className: "border-primary bg-primary/20 absolute -inset-5 z-10 rounded-md border opacity-70 backdrop-blur-3xl",
+			children: /* @__PURE__ */ jsx(Input, {
+				multiple: true,
+				type: "file",
+				className: "h-full w-full opacity-0",
+				onChange: async (e) => {
+					setIsDragging(false);
+					if (!e.target.files) return;
+					await Promise.allSettled(Array.from(e.target.files).map(onUpload));
+				}
+			})
+		}), /* @__PURE__ */ jsx(UploadZoneContext, {
+			value: {
+				presignMutation: (params) => presignMutation.mutateAsync(params),
+				confirmMutation: (params) => confirmMutation.mutateAsync(params),
+				deleteMutation: (params) => deleteMutation.mutateAsync(params),
+				onUpload,
+				updateData,
+				invalidateQuery
+			},
+			children
+		})]
+	});
+}
+
+//#endregion
+export { UploadZone };
+//# sourceMappingURL=upload-zone.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-zone.client.mjs","names":[],"sources":["../../../../src/modules/storage/components/upload-zone.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Input } from \"@/components/ui/input\";\nimport { toast } from \"@/components/ui/sonner.client\";\nimport { cn } from \"@/lib/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { generateDefaultUUID } from \"@/modules/config/entry\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { ComponentProps, useCallback, useState } from \"react\";\nimport { FileNode, Node, PresignFileSchema } from \"../lib/validators\";\nimport { UploadZoneContext } from \"./upload-zone-context.client\";\n\nexport type UploadZoneProps = ComponentProps<\"div\"> & {\n  namespace: string;\n  parentId: string | null;\n\n  queryKey: readonly unknown[];\n\n  presignAction: (params: PresignFileSchema) => Promise<{ id: string; presignedUrl: string }>;\n  onPresignStarted?: (file: PresignFileSchema) => Promise<void> | void;\n  onPresignCompleted?: (data: { id: string; presignedUrl: string }) => Promise<void> | void;\n\n  confirmAction: (params: { id: string }) => Promise<Node>;\n  onConfirmStarted?: (id: string) => Promise<void> | void;\n  onConfirmCompleted?: (node: Node) => Promise<void> | void;\n\n  deleteAction: (params: { ids: string[] }) => Promise<unknown>;\n\n  onUploadCompleted?: (node: Node) => Promise<void> | void;\n  onUploadFailed?: (error: unknown) => Promise<void> | void;\n};\n\nexport function UploadZone({\n  namespace,\n  parentId,\n  queryKey,\n  presignAction,\n  confirmAction,\n  deleteAction,\n  onPresignStarted,\n  onPresignCompleted,\n  onConfirmStarted,\n  onConfirmCompleted,\n  onUploadCompleted,\n  onUploadFailed,\n  children,\n  className,\n  onDragOver,\n  onDragLeave,\n  ...props\n}: UploadZoneProps) {\n  const queryClient = useQueryClient();\n  const [isDragging, setIsDragging] = useState(false);\n\n  /**\n   * Optimisticly update the data\n   */\n  const updateData = useCallback(\n    async (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => {\n      await queryClient.cancelQueries({ queryKey });\n      await queryClient.setQueryData(queryKey, newValue);\n    },\n    [queryClient, queryKey],\n  );\n\n  /**\n   * Invalidate the query\n   */\n  const invalidateQuery = useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey });\n  }, [queryClient, queryKey]);\n\n  /**\n   * Delete mutation\n   */\n  const deleteMutation = useAction({\n    mutationFn: deleteAction,\n    onMutate: async (variables) => {\n      await updateData((prev) => prev.filter((node) => !variables.ids.includes(node.id)));\n    },\n    onSuccess: async () => {\n      await invalidateQuery();\n    },\n    onError: async (error) => {\n      await onUploadFailed?.(error);\n      console.error(\"Delete failed upload error: \", error);\n    },\n  });\n\n  /**\n   * Presign upload mutation\n   */\n  const presignMutation = useAction({\n    mutationFn: async (params: PresignFileSchema) => {\n      await onPresignStarted?.(params);\n      const data = await presignAction(params);\n      await onPresignCompleted?.(data);\n      return data;\n    },\n    onMutate: async (variables) => {\n      // Generate a new node\n      const newNode = {\n        ...variables,\n        type: \"file\",\n        isPending: true,\n      } as FileNode;\n\n      await updateData((prev) => [...(prev ?? []), newNode]);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Presign error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync({ ids: [variables.id] });\n    },\n  });\n\n  /**\n   * Upload mutation\n   */\n  const uploadMutation = useAction({\n    mutationFn: async (input: { id: string; presignedUrl: string; file: File }) => {\n      /**\n       * Upload the file\n       */\n      const uploadResponse = await fetch(input.presignedUrl, {\n        method: \"PUT\",\n        headers: { \"Content-Type\": input.file.type },\n        body: input.file,\n      });\n\n      if (!uploadResponse.ok) {\n        const message = await uploadResponse.text();\n        throw new Error(`Upload failed: ${message}`);\n      }\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Upload error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync({ ids: [variables.id] });\n    },\n  });\n\n  /**\n   * Confirm upload mutation\n   */\n  const confirmMutation = useAction({\n    mutationFn: async (params: { id: string }) => {\n      await onConfirmStarted?.(params.id);\n      const data = await confirmAction(params);\n      await onConfirmCompleted?.(data);\n      return data;\n    },\n    onSuccess: async (data) => {\n      await onUploadCompleted?.(data);\n      toast.success(`Succesvol geupload: ${data.name}`);\n    },\n    onError: async (error, variables) => {\n      await onUploadFailed?.(error);\n\n      console.error(\"Confirm error: \", error);\n      toast.error(\"Bestand uploaden mislukt\", {\n        description: error instanceof Error ? error.message : undefined,\n      });\n\n      console.info(\"Deleting failed upload\");\n      await deleteMutation.mutateAsync({ ids: [variables.id] });\n    },\n    onSettled: () => {\n      queryClient.invalidateQueries({ queryKey });\n    },\n  });\n\n  /**\n   * Upload file handler\n   */\n  const onUpload = useCallback(\n    async (file: File) => {\n      /**\n       * Send the presign request\n       */\n      const { id, presignedUrl } = await presignMutation.mutateAsync({\n        id: generateDefaultUUID(),\n        name: file.name,\n        size: file.size,\n        contentType: file.type,\n        namespace,\n        parentId,\n      });\n\n      /**\n       * Uploading the file\n       */\n      await uploadMutation.mutateAsync({ id, presignedUrl, file });\n\n      /**\n       * Confirming the upload\n       */\n      return await confirmMutation.mutateAsync({ id });\n    },\n    [presignMutation, uploadMutation, confirmMutation, namespace, parentId],\n  );\n\n  return (\n    <div\n      {...props}\n      className={cn(\"relative z-0 flex-1 space-y-6\", className)}\n      onDragOver={(...args) => {\n        setIsDragging(true);\n        return onDragOver?.(...args);\n      }}\n      onDragLeave={(...args) => {\n        setIsDragging(false);\n        return onDragLeave?.(...args);\n      }}\n    >\n      {isDragging && (\n        <div className=\"border-primary bg-primary/20 absolute -inset-5 z-10 rounded-md border opacity-70 backdrop-blur-3xl\">\n          <Input\n            multiple\n            type=\"file\"\n            className=\"h-full w-full opacity-0\"\n            onChange={async (e) => {\n              setIsDragging(false);\n\n              if (!e.target.files) return;\n\n              await Promise.allSettled(Array.from(e.target.files).map(onUpload));\n            }}\n          />\n        </div>\n      )}\n      <UploadZoneContext\n        value={{\n          presignMutation: (params) => presignMutation.mutateAsync(params),\n          confirmMutation: (params) => confirmMutation.mutateAsync(params),\n          deleteMutation: (params) => deleteMutation.mutateAsync(params),\n          onUpload,\n          updateData,\n          invalidateQuery,\n        }}\n      >\n        {children}\n      </UploadZoneContext>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/modules/{uploads/lib → storage/config}/filters.d.mts

@@ -1,13 +1,13 @@
 import { ParseFilter } from "../../data-tables/lib/filters/parsers.mjs";
 import z from "zod";
 
-//#region src/modules/uploads/lib/filters.d.ts
+//#region src/modules/storage/config/filters.d.ts
 declare const nodesTableFilters: {
-  nodeIds: ParseFilter<z.ZodArray<z.ZodString>>;
   types: ParseFilter<z.ZodArray<z.ZodEnum<{
     file: "file";
     folder: "folder";
   }>>>;
+  nodeIds: ParseFilter<z.ZodArray<z.ZodString>>;
   isDeleted: ParseFilter<z.ZodBoolean>;
 };
 //#endregion

package/dist/modules/storage/config/filters.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.mts","names":[],"sources":["../../../../src/modules/storage/config/filters.ts"],"sourcesContent":[],"mappings":";;;;cAKa;;;IAAA,MAAA,EAAA,QAIX"}

package/dist/modules/{uploads/lib → storage/config}/filters.mjs

@@ -1,12 +1,12 @@
 import { createTableFilters } from "../../data-tables/lib/filters/config.mjs";
 import { parseFilterArray, parseFilterBoolean } from "../../data-tables/lib/filters/parsers.mjs";
-import { nodeTypeEnum } from "./schema.mjs";
+import { nodeTypeEnum } from "../lib/schema.mjs";
 import z from "zod";
 
-//#region src/modules/uploads/lib/filters.ts
+//#region src/modules/storage/config/filters.ts
 const nodesTableFilters = createTableFilters({
-	nodeIds: parseFilterArray(z.array(z.string())),
 	types: parseFilterArray(z.array(z.enum(nodeTypeEnum.enumValues))),
+	nodeIds: parseFilterArray(z.array(z.string())),
 	isDeleted: parseFilterBoolean(z.boolean())
 });
 

package/dist/modules/storage/config/filters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.mjs","names":[],"sources":["../../../../src/modules/storage/config/filters.ts"],"sourcesContent":["import { createTableFilters } from \"@/modules/data-tables/lib/filters/config\";\nimport { parseFilterArray, parseFilterBoolean } from \"@/modules/data-tables/lib/filters/parsers\";\nimport z from \"zod\";\nimport { nodeTypeEnum } from \"../lib/schema\";\n\nexport const nodesTableFilters = createTableFilters({\n  types: parseFilterArray(z.array(z.enum(nodeTypeEnum.enumValues))),\n  nodeIds: parseFilterArray(z.array(z.string())),\n  isDeleted: parseFilterBoolean(z.boolean()),\n});\n"],"mappings":";;;;;;AAKA,MAAa,oBAAoB,mBAAmB;CAClD,OAAO,iBAAiB,EAAE,MAAM,EAAE,KAAK,aAAa,WAAW,CAAC,CAAC;CACjE,SAAS,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC9C,WAAW,mBAAmB,EAAE,SAAS,CAAC;CAC3C,CAAC"}

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

@@ -0,0 +1,10 @@
+//#region src/modules/storage/lib/constants.d.ts
+declare const deviceSizes: number[];
+declare const imageSizes: number[];
+declare const imageVariants: readonly ["main", ...`preview-${number}`[]];
+type ImageVariant = (typeof imageVariants)[number];
+declare const imageDispositions: readonly ["inline", "attachment"];
+type ImageDisposition = (typeof imageDispositions)[number];
+//#endregion
+export { ImageDisposition, ImageVariant, deviceSizes, imageDispositions, imageSizes, imageVariants };
+//# sourceMappingURL=constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.mts","names":[],"sources":["../../../../src/modules/storage/lib/constants.ts"],"sourcesContent":[],"mappings":";cACa;AAAA,cACA,UAD2D,EAAA,MAAA,EAAA;AAC3D,cAGA,aAHwB,EAAA,SAAA,CAAA,MAAA,EAAA,GAAA,WAAA,MAAA,EAAA,EAAA,CAAA;AAGxB,KAID,YAAA,GADF,CAAA,OACyB,aADzB,CAAA,CAAA,MAAA,CAAA;AACE,cAGC,iBAHsB,EAAA,SAAa,CAAA,QAAA,EAAA,YAAA,CAAA;AAGnC,KACD,gBAAA,GADsD,CAAA,OAC3B,iBAD2B,CAAA,CAAA,MAAA,CAAA"}

package/dist/modules/{uploads → storage}/lib/constants.mjs

@@ -1,4 +1,4 @@
-//#region src/modules/uploads/lib/constants.ts
+//#region src/modules/storage/lib/constants.ts
 const deviceSizes = [
 	640,
 	750,
@@ -9,9 +9,10 @@ const deviceSizes = [
 	2048,
 	3840
 ];
+const imageSizes = deviceSizes;
 const imageVariants = ["main", ...deviceSizes.map((size) => `preview-${size}`)];
 const imageDispositions = ["inline", "attachment"];
 
 //#endregion
-export { deviceSizes, imageDispositions, imageVariants };
+export { deviceSizes, imageDispositions, imageSizes, imageVariants };
 //# sourceMappingURL=constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../../../src/modules/storage/lib/constants.ts"],"sourcesContent":["// Device sizes\nexport const deviceSizes = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];\nexport const imageSizes = deviceSizes;\n\n// Image variants\nexport const imageVariants = [\n  \"main\",\n  ...deviceSizes.map((size) => `preview-${size}` as const),\n] as const;\nexport type ImageVariant = (typeof imageVariants)[number];\n\n// Image dispositions\nexport const imageDispositions = [\"inline\", \"attachment\"] as const;\nexport type ImageDisposition = (typeof imageDispositions)[number];\n"],"mappings":";AACA,MAAa,cAAc;CAAC;CAAK;CAAK;CAAK;CAAM;CAAM;CAAM;CAAM;CAAK;AACxE,MAAa,aAAa;AAG1B,MAAa,gBAAgB,CAC3B,QACA,GAAG,YAAY,KAAK,SAAS,WAAW,OAAgB,CACzD;AAID,MAAa,oBAAoB,CAAC,UAAU,aAAa"}

package/dist/modules/storage/lib/create-client.server.d.mts

@@ -0,0 +1,11 @@
+import { TDatabaseSchema } from "../../config/db/types.mjs";
+import { StorageService, StorageServiceConfig } from "./service.server.mjs";
+import "../../../config.mjs";
+import "server-cli-only";
+
+//#region src/modules/storage/lib/create-client.server.d.ts
+declare function createStorageClient<TSchema extends TDatabaseSchema>(props: StorageServiceConfig<TSchema>): StorageService<TSchema>;
+type StorageClient<TSchema extends TDatabaseSchema> = ReturnType<typeof createStorageClient<TSchema>>;
+//#endregion
+export { StorageClient, createStorageClient };
+//# sourceMappingURL=create-client.server.d.mts.map

package/dist/modules/storage/lib/create-client.server.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-client.server.d.mts","names":[],"sources":["../../../../src/modules/storage/lib/create-client.server.ts"],"sourcesContent":[],"mappings":";;;;;;iBAKgB,oCAAoC,wBAC3C,qBAAqB,WAAQ,eAAA;KAK1B,8BAA8B,mBAAmB,kBACpD,oBAAoB"}

package/dist/modules/storage/lib/create-client.server.mjs

@@ -0,0 +1,11 @@
+import { StorageService } from "./service.server.mjs";
+import "server-cli-only";
+
+//#region src/modules/storage/lib/create-client.server.ts
+function createStorageClient(props) {
+	return new StorageService(props);
+}
+
+//#endregion
+export { createStorageClient };
+//# sourceMappingURL=create-client.server.mjs.map