@tulip-systems/core 0.4.1 → 0.5.1

package/src/components/editor/lib/constants.ts

@@ -0,0 +1,109 @@
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import Highlight from "@tiptap/extension-highlight";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Image from "@tiptap/extension-image";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import { Color, TextStyle } from "@tiptap/extension-text-style";
+import Underline from "@tiptap/extension-underline";
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
+import { createExtensionConfig } from "./extensions";
+
+/**
+ * Editor extensions map
+ */
+export const EDITOR_EXTENSIONS = {
+  /**
+   * Nodes
+   */
+  blockquote: Blockquote,
+  document: Document,
+  hardBreak: HardBreak,
+  heading: Heading,
+  horizontalRule: HorizontalRule,
+  listItem: ListItem,
+  orderedList: OrderedList,
+  bulletList: BulletList,
+  paragraph: Paragraph,
+  text: Text,
+  image: Image,
+  /**
+   * Marks
+   */
+  bold: Bold,
+  italic: Italic,
+  link: Link,
+  strike: Strike,
+  underline: Underline,
+  highlight: Highlight,
+  /**
+   * Extensions
+   */
+  dropcursor: Dropcursor,
+  gapcursor: Gapcursor,
+  undoRedo: UndoRedo,
+  listKeymap: ListKeymap,
+  trailingNode: TrailingNode,
+  textStyle: TextStyle,
+  color: Color,
+};
+
+export type EditorExtensions = typeof EDITOR_EXTENSIONS;
+
+/**
+ * Editor extensions keys
+ */
+export const EDITOR_EXTENSIONS_KEYS = Object.keys(EDITOR_EXTENSIONS);
+export type EditorExtensionsKeys = keyof typeof EDITOR_EXTENSIONS;
+
+/**
+ * Editor extensions values
+ */
+export const EDITOR_EXTENSIONS_VALUES = Object.values(EDITOR_EXTENSIONS);
+
+/**
+ * Editor extensions config
+ */
+export const EDITOR_EXTENSIONS_CONFIG = [
+  /**
+   * Nodes
+   */
+  createExtensionConfig("blockquote"),
+  createExtensionConfig("document"),
+  createExtensionConfig("hardBreak"),
+  createExtensionConfig("heading"),
+  createExtensionConfig("horizontalRule"),
+  createExtensionConfig("listItem"),
+  createExtensionConfig("orderedList"),
+  createExtensionConfig("bulletList"),
+  createExtensionConfig("paragraph"),
+  createExtensionConfig("text"),
+  createExtensionConfig("image", { allowBase64: false }),
+  /**
+   * Marks
+   */
+  createExtensionConfig("bold"),
+  createExtensionConfig("italic"),
+  createExtensionConfig("link"),
+  createExtensionConfig("strike"),
+  createExtensionConfig("underline"),
+  createExtensionConfig("highlight", { multicolor: true }),
+  /**
+   * Extensions
+   */
+  createExtensionConfig("dropcursor"),
+  createExtensionConfig("gapcursor"),
+  createExtensionConfig("undoRedo"),
+  createExtensionConfig("listKeymap"),
+  createExtensionConfig("trailingNode"),
+  createExtensionConfig("textStyle"),
+  createExtensionConfig("color"),
+];

package/src/components/editor/lib/extensions.ts

@@ -0,0 +1,195 @@
+import { BlockquoteOptions } from "@tiptap/extension-blockquote";
+import { BoldOptions } from "@tiptap/extension-bold";
+import { HardBreakOptions } from "@tiptap/extension-hard-break";
+import { HeadingOptions } from "@tiptap/extension-heading";
+import { HighlightOptions } from "@tiptap/extension-highlight";
+import { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
+import { ImageOptions } from "@tiptap/extension-image";
+import { ItalicOptions } from "@tiptap/extension-italic";
+import { LinkOptions } from "@tiptap/extension-link";
+import {
+  BulletListOptions,
+  ListItemOptions,
+  ListKeymapOptions,
+  OrderedListOptions,
+} from "@tiptap/extension-list";
+import { ParagraphOptions } from "@tiptap/extension-paragraph";
+import { StrikeOptions } from "@tiptap/extension-strike";
+import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
+import { UnderlineOptions } from "@tiptap/extension-underline";
+import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
+import { Extension } from "@tiptap/react";
+import deepmerge from "deepmerge";
+import {
+  EDITOR_EXTENSIONS,
+  EDITOR_EXTENSIONS_CONFIG,
+  EDITOR_EXTENSIONS_KEYS,
+  EditorExtensions,
+} from "./constants";
+
+/**
+ * Editor extensions defaults
+ */
+/**
+ * Editor extensions map
+ */
+export type EditorExtensionsConfig = {
+  /**
+   * Nodes
+   */
+  blockquote: Partial<BlockquoteOptions> | boolean;
+  bulletList: Partial<BulletListOptions> | boolean;
+  document: boolean;
+  hardBreak: Partial<HardBreakOptions> | boolean;
+  heading: Partial<HeadingOptions> | boolean;
+  horizontalRule: Partial<HorizontalRuleOptions> | boolean;
+  listItem: Partial<ListItemOptions> | boolean;
+  orderedList: Partial<OrderedListOptions> | boolean;
+  paragraph: Partial<ParagraphOptions> | boolean;
+  text: Partial<TextStyleOptions> | boolean;
+  image: Partial<ImageOptions> | boolean;
+  /**
+   * Marks
+   */
+  bold: Partial<BoldOptions> | boolean;
+  italic: Partial<ItalicOptions> | boolean;
+  link: Partial<LinkOptions> | boolean;
+  strike: Partial<StrikeOptions> | boolean;
+  underline: Partial<UnderlineOptions> | boolean;
+  highlight: Partial<HighlightOptions> | boolean;
+  /**
+   * Extensions
+   */
+  dropcursor: Partial<DropcursorOptions> | boolean;
+  gapcursor: boolean;
+  undoRedo: Partial<UndoRedoOptions> | boolean;
+  listKeymap: Partial<ListKeymapOptions> | boolean;
+  trailingNode: Partial<TrailingNodeOptions> | boolean;
+  textStyle: Partial<TextStyleOptions> | boolean;
+  color: Partial<ColorOptions> | boolean;
+};
+
+/**
+ * Create extension config
+ * @param name
+ * @param defaultOptions
+ * @returns
+ */
+export function createExtensionConfig<TName extends keyof EditorExtensionsConfig>(
+  name: TName,
+  defaultOptions: Partial<Exclude<EditorExtensionsConfig[TName], boolean>> = {},
+) {
+  return {
+    name,
+    configure: (options: EditorExtensionsConfig[TName]) => {
+      // Get extension
+      const extension = EDITOR_EXTENSIONS[name];
+
+      // If no options or no extension, return undefined
+      if (!options || !extension) return undefined;
+
+      // If no options are provided, return extension
+      if (typeof options === "boolean") return extension.configure(defaultOptions);
+
+      const extensionOptions = deepmerge(defaultOptions, options as object);
+
+      // If no options are provided, return extension else configure
+      return extension.configure(extensionOptions);
+    },
+  };
+}
+
+/**
+ *  Editor extensions config to extensions
+ */
+export function editorExtensionsConfigToExtensions(extensions?: Partial<EditorExtensionsConfig>) {
+  return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {
+    // Get the extension config
+    const value = extensions?.[name];
+
+    // if no value is provided, return extension
+    if (value === undefined) return configure(true) as Extension;
+
+    // If value is boolean, return extension
+    return configure(value as any) as Extension;
+  });
+}
+
+/**
+ * Editor extensions config result
+ */
+export function flattenEditorExtensionsConfig(
+  extensions?: Partial<EditorExtensionsConfig>,
+): EditorExtensionsConfigResult {
+  return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {
+    const value = extensions?.[key as keyof EditorExtensionsConfig];
+
+    if (value === undefined) {
+      return {
+        ...acc,
+        [key]: true,
+      };
+    }
+
+    return {
+      ...acc,
+      [key]: typeof value === "boolean" ? value : true,
+    };
+  }, {} as EditorExtensionsConfigResult);
+}
+
+export type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;
+
+// const { uploadImage } = useUploadEditor();
+// StarterKit,
+// Underline,
+// Link,
+// TextStyle,
+// Color,
+// Highlight.configure({ multicolor: true }),
+// Image.configure({
+//   allowBase64: false,
+// }),
+// FileHandler.configure({
+//   allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
+//   onDrop: (currentEditor, files, pos) => {
+//     files.forEach((file) => {
+//       const fileReader = new FileReader();
+
+//       fileReader.readAsArrayBuffer(file);
+//       fileReader.onload = async () => {
+//         const response = await uploadImage(file);
+//         if (!response) return;
+
+//         currentEditor
+//           .chain()
+//           .insertContentAt(pos, {
+//             type: "image",
+//             attrs: { src: response.url },
+//           })
+//           .focus()
+//           .run();
+//       };
+//     });
+//   },
+//   onPaste: (currentEditor, files) => {
+//     files.forEach((file) => {
+//       const fileReader = new FileReader();
+
+//       fileReader.readAsArrayBuffer(file);
+//       fileReader.onload = async () => {
+//         const response = await uploadImage(file);
+//         if (!response) return;
+
+//         currentEditor
+//           .chain()
+//           .insertContentAt(currentEditor.state.selection.anchor, {
+//             type: "image",
+//             attrs: { src: response.url },
+//           })
+//           .focus()
+//           .run();
+//       };
+//     });
+//   },
+// }),

package/src/components/editor/lib/helpers.ts

@@ -1,17 +1,17 @@
 import { generateHTML, generateJSON } from "@tiptap/html";
-import StarterKit from "@tiptap/starter-kit";
+import { EDITOR_EXTENSIONS_VALUES } from "./constants";
 import { EditorJSONContent } from "./types";
 
 /**
  * Convert text to editor content
  */
 export function convertHTMLToEditorContent(html: string): EditorJSONContent {
-  return generateJSON(html, [StarterKit]);
+  return generateJSON(html, EDITOR_EXTENSIONS_VALUES);
 }
 
 /**
  * Convert editor content to text
  */
 export function convertEditorContentToHTML(content: EditorJSONContent): string {
-  return generateHTML(content, [StarterKit]);
+  return generateHTML(content, EDITOR_EXTENSIONS_VALUES);
 }

package/src/components/editor/lib/variants.ts

@@ -0,0 +1,5 @@
+import { cva } from "class-variance-authority";
+
+export const editorProseVariants = cva(
+  "prose dark:prose-invert prose-a:text-primary prose-li:marker:text-primary",
+);

package/src/components/entry.client.ts

@@ -2,10 +2,8 @@
  * Components editor
  */
 export * from "./editor/components/content.client";
-export * from "./editor/components/fixed-menu.client";
-export * from "./editor/context.client";
-export * from "./editor/index.client";
-export * from "./editor/preview.client";
+export * from "./editor/components/editor.client";
+export * from "./editor/components/menu.client";
 
 /**
  * Components headers

package/src/components/header/top-bar.client.tsx

@@ -26,7 +26,7 @@ export type TopbarProps = {
 
 export function Topbar({ children }: TopbarProps) {
   return (
-    <nav className="flex h-[var(--header-top-bar-height)] items-center justify-between overflow-x-auto border-b">
+    <nav className="flex h-(--header-top-bar-height) items-center justify-between overflow-x-auto border-b">
       <Indicator />
 
       {children}

package/src/components/layouts/admin-content.client.tsx

@@ -9,7 +9,7 @@ export function AdminContent({ children, className, ...props }: ComponentProps<t
   const { isMobile, open } = useSidebar();
 
   return (
-    <ScrollArea {...props} className={cn("h-[100dvh] basis-full", className)}>
+    <ScrollArea {...props} className={cn("h-dvh basis-full", className)}>
       <div
         className={cn(
           "h-full max-w-[100vw]",

package/src/components/ui/calendar.tsx

@@ -1,72 +1,180 @@
 "use client";
 
-import { ChevronLeft, ChevronRight } from "lucide-react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
-import { DayPicker } from "react-day-picker";
+import { DayPicker, getDefaultClassNames, type DayButton } from "react-day-picker";
 
-import { buttonVariants } from "@/components/ui/button";
+import { Button, buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils/cn";
 
 function Calendar({
   className,
   classNames,
   showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
   ...props
-}: React.ComponentProps<typeof DayPicker>) {
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}) {
+  const defaultClassNames = getDefaultClassNames();
+
   return (
     <DayPicker
       showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
+      className={cn(
+        "bg-background group/calendar in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent p-3 [--cell-size:--spacing(8)]",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className,
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters,
+      }}
       classNames={{
-        months: "flex flex-col sm:flex-row gap-2",
-        month: "flex flex-col gap-4",
-        caption: "flex justify-center pt-1 relative items-center w-full",
-        caption_label: "text-sm font-medium",
-        nav: "flex items-center gap-1",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav,
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_previous,
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_next,
+        ),
+        month_caption: cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption,
+        ),
+        dropdowns: cn(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          defaultClassNames.dropdowns,
+        ),
+        dropdown_root: cn(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          defaultClassNames.dropdown_root,
         ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-x-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range"
-            ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
-            : "[&:has([aria-selected])]:rounded-md",
+        dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label"
+            ? "text-sm"
+            : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          defaultClassNames.caption_label,
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          defaultClassNames.weekday,
+        ),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+        week_number: cn(
+          "text-[0.8rem] select-none text-muted-foreground",
+          defaultClassNames.week_number,
         ),
         day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "size-8 p-0 font-normal aria-selected:opacity-100",
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          props.showWeekNumber
+            ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
+            : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          defaultClassNames.day,
+        ),
+        range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today,
         ),
-        day_range_start:
-          "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_range_end:
-          "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_selected:
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside,
+        ),
+        disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden),
         ...classNames,
       }}
       components={{
-        IconLeft: ({ className, ...props }) => (
-          <ChevronLeft className={cn("size-4", className)} {...props} />
-        ),
-        IconRight: ({ className, ...props }) => (
-          <ChevronRight className={cn("size-4", className)} {...props} />
-        ),
+        Root: ({ className, rootRef, ...props }) => {
+          return <div data-slot="calendar" ref={rootRef} className={cn(className)} {...props} />;
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === "left") {
+            return <ChevronLeftIcon className={cn("size-4", className)} {...props} />;
+          }
+
+          if (orientation === "right") {
+            return <ChevronRightIcon className={cn("size-4", className)} {...props} />;
+          }
+
+          return <ChevronDownIcon className={cn("size-4", className)} {...props} />;
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="size-(--cell-size) flex items-center justify-center text-center">
+                {children}
+              </div>
+            </td>
+          );
+        },
+        ...components,
       }}
       {...props}
     />
   );
 }
 
-export { Calendar };
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames();
+
+  const ref = React.useRef<HTMLButtonElement>(null);
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString()}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground min-w-(--cell-size) flex aspect-square size-auto w-full flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-start=true]:rounded-l-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Calendar, CalendarDayButton };

package/src/components/ui/input-recipient.tsx

@@ -20,6 +20,7 @@ interface RecipientInputProps {
   onChange: (value: string[]) => void;
   placeholder?: string;
   disabled?: boolean;
+  className?: string;
 }
 
 // Simpele email validatie
@@ -34,6 +35,7 @@ export function RecipientInput({
   onChange,
   placeholder = "Kies een ontvanger...",
   disabled = false,
+  className,
 }: RecipientInputProps) {
   const [open, setOpen] = React.useState(false);
   const [inputValue, setInputValue] = React.useState("");
@@ -171,6 +173,7 @@ export function RecipientInput({
             "border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm",
             "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
             disabled && "cursor-not-allowed opacity-50",
+            className,
           )}
           onClick={() => {
             if (!disabled) {

package/src/entry.ts

@@ -51,11 +51,11 @@ export const entry = {
   "router/client": "./src/modules/router/entry.client.ts",
   "router/server": "./src/modules/router/entry.server.ts",
   /**
-   * Uploads Module
+   * Storage Module
    */
-  uploads: "./src/modules/uploads/entry.ts",
-  "uploads/client": "./src/modules/uploads/entry.client.ts",
-  "uploads/server": "./src/modules/uploads/entry.server.ts",
+  storage: "./src/modules/storage/entry.ts",
+  "storage/client": "./src/modules/storage/entry.client.ts",
+  "storage/server": "./src/modules/storage/entry.server.ts",
 };
 
 // export const entry = [