@tulip-systems/core 0.4.0 → 0.4.1

package/src/modules/commands/lib/factory.ts

@@ -1,4 +1,4 @@
-import { CommandDef } from "./definitions";
+import type { CommandDef } from "./definitions";
 
 export function createCommand<TData = object, TMeta = object>(config: CommandDef<TData, TMeta>) {
   return { ...config };

package/src/modules/commands/utils/archive-command.client.tsx

@@ -1,27 +1,34 @@
 "use client";
 
 import { Icons } from "@/components/common/icons";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
 import { CommandClick } from "../components/click-command.client";
 import { CommandLabel } from "../components/command-trigger.client";
-import { BulkCommandAction } from "../hooks/use-command-action.client";
-import { BulkCommandDefRenderParams } from "../lib/definitions";
 
-export type ArchiveCommandProps<TData extends { id: string }, TMeta> = {
-  action: BulkCommandAction;
-} & Pick<BulkCommandDefRenderParams<TData, TMeta>, "ids">;
+export type ArchiveCommandProps<
+  TData = unknown,
+  TError = DefaultError,
+  TVariables = { ids: string[] },
+  TOnMutateResult = unknown,
+> = {
+  variables: TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+};
 
 /**
  * Archive command
  * @description command to archive a resource
  */
-export function ArchiveCommand<TData extends { id: string }, TMeta>({
-  ids,
-  action,
-}: ArchiveCommandProps<TData, TMeta>) {
+export function ArchiveCommand<
+  TData = unknown,
+  TError = DefaultError,
+  TVariables = { ids: string[] },
+  TOnMutateResult = unknown,
+>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   return (
     <CommandClick
-      action={() => action({ ids })}
-      message="Succesvol gearchiveerd"
+      variables={variables}
+      mutation={mutation}
       className="text-destructive"
       label="Archiveren"
     >
@@ -35,15 +42,17 @@ export function ArchiveCommand<TData extends { id: string }, TMeta>({
  * Unarchive command
  * @description command to unarchive a resource
  */
-export function RestoreCommand<TData extends { id: string }, TMeta>({
-  ids,
-  action,
-}: ArchiveCommandProps<TData, TMeta>) {
+export function RestoreCommand<
+  TData = unknown,
+  TError = DefaultError,
+  TVariables = { ids: string[] },
+  TOnMutateResult = unknown,
+>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   return (
     <CommandClick
       className="flex gap-2"
-      action={() => action({ ids })}
-      message="Succesvol teruggezet"
+      variables={variables}
+      mutation={mutation}
       label="Terugzetten"
     >
       <Icons.restore className="w-4" />

package/src/modules/commands/utils/delete-command.client.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Icons } from "@/components/common/icons";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
 import {
   CommandAlertDialog,
   CommandAlertDialogAction,
@@ -13,21 +14,26 @@ import {
   CommandAlertDialogTrigger,
 } from "../components/alert-dialog-command.client";
 import { CommandLabel } from "../components/command-trigger.client";
-import { BulkCommandAction } from "../hooks/use-command-action.client";
-import { BulkCommandDefRenderParams } from "../lib/definitions";
-
-export type DeleteCommandProps<TData extends { id: string }, TMeta> = {
-  action: BulkCommandAction;
-} & Pick<BulkCommandDefRenderParams<TData, TMeta>, "ids">;
 
+export type DeleteCommandProps<
+  TData = unknown,
+  TError = DefaultError,
+  TVariables = { ids: string[] },
+  TOnMutateResult = unknown,
+> = {
+  variables: TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+};
 /**
  * Delete command
  * @description command to delete a resource
  */
-export function DeleteCommand<TData extends { id: string }, TMeta>({
-  ids,
-  action,
-}: DeleteCommandProps<TData, TMeta>) {
+export function DeleteCommand<
+  TData = unknown,
+  TError = DefaultError,
+  TVariables = { ids: string[] },
+  TOnMutateResult = unknown,
+>({ variables, mutation }: DeleteCommandProps<TData, TError, TVariables, TOnMutateResult>) {
   return (
     <CommandAlertDialog>
       <CommandAlertDialogTrigger className="text-destructive" label="Verwijderen">
@@ -48,7 +54,7 @@ export function DeleteCommand<TData extends { id: string }, TMeta>({
 
         <CommandAlertDialogFooter>
           <CommandAlertDialogCancel>Annuleren</CommandAlertDialogCancel>
-          <CommandAlertDialogAction action={() => action({ ids })} message="Succesvol verwijderd">
+          <CommandAlertDialogAction mutation={mutation} variables={variables}>
             Verwijderen
           </CommandAlertDialogAction>
         </CommandAlertDialogFooter>

package/src/modules/commands/utils/send-mail-command.client.tsx

@@ -1,187 +1,150 @@
-"use client";
+// "use client";
 
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
-import { ComboboxDropdown } from "@/components/ui/combobox-dropdown.client";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from "@/components/ui/form.client";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
-import { StandardSchemaV1 } from "better-auth";
-import { DefaultValues, FieldValues, useForm } from "react-hook-form";
-import { ZodSchema } from "zod";
-import {
-  CommandFormDialog,
-  CommandFormDialogCancel,
-  CommandFormDialogContent,
-  CommandFormDialogDescription,
-  CommandFormDialogFields,
-  CommandFormDialogFooter,
-  CommandFormDialogHeader,
-  CommandFormDialogSubmit,
-  CommandFormDialogTitle,
-  CommandFormDialogTrigger,
-} from "../components/form-dialog-command.client";
-import { CommandAction } from "../hooks/use-command-action.client";
-import { SingleCommandDefRenderParams } from "../lib/definitions";
-import { SendEmailSchema } from "../lib/schema";
+// export type SendMailCommandMeta = {
+//   contacts: { id: string; name: string; email: string }[];
+// };
 
-export type SendMailCommandMeta = {
-  contacts: { id: string; name: string; email: string }[];
-};
+// export type SendMailCommandProps<
+//   TSchema extends FieldValues,
+//   TData extends { id: string },
+//   TMeta extends SendMailCommandMeta,
+// > = {
+//   schema: ZodSchema<TSchema>;
+//   action: CommandAction<TSchema>;
+//   defaultValues?: DefaultValues<TSchema>;
+//   children?: React.ReactNode;
+// } & Pick<SingleCommandDefRenderParams<TData, TMeta>, "meta">;
 
-export type SendMailCommandProps<
-  TSchema extends FieldValues,
-  TData extends { id: string },
-  TMeta extends SendMailCommandMeta,
-> = {
-  schema: ZodSchema<TSchema>;
-  action: CommandAction<TSchema>;
-  defaultValues?: DefaultValues<TSchema>;
-  children?: React.ReactNode;
-} & Pick<SingleCommandDefRenderParams<TData, TMeta>, "meta">;
+// /**
+//  * SendMail command
+//  * @description command to delete a resource
+//  */
+// export function SendMailCommand<
+//   TSchema extends SendEmailSchema,
+//   TData extends { id: string },
+//   TMeta extends SendMailCommandMeta,
+// >({ schema, action, defaultValues, meta, children }: SendMailCommandProps<TSchema, TData, TMeta>) {
+//   const form = useForm<SendEmailSchema>({
+//     resolver: standardSchemaResolver(schema as StandardSchemaV1<SendEmailSchema>),
+//     defaultValues,
+//   });
 
-/**
- * SendMail command
- * @description command to delete a resource
- */
-export function SendMailCommand<
-  TSchema extends SendEmailSchema,
-  TData extends { id: string },
-  TMeta extends SendMailCommandMeta,
->({ schema, action, defaultValues, meta, children }: SendMailCommandProps<TSchema, TData, TMeta>) {
-  const form = useForm<SendEmailSchema>({
-    resolver: standardSchemaResolver(schema as StandardSchemaV1<SendEmailSchema>),
-    defaultValues,
-  });
+//   const contactComboboxItems = meta.contacts.map((contact) => ({
+//     id: contact.email,
+//     value: contact.name,
+//   }));
 
-  const contactComboboxItems = meta.contacts.map((contact) => ({
-    id: contact.email,
-    value: contact.name,
-  }));
+//   return (
+//     <CommandFormDialog>
+//       {children}
 
-  return (
-    <CommandFormDialog>
-      {children}
+//       <Form {...form}>
+//         <CommandFormDialogContent action={action} message="Succesvol verzonden">
+//           <CommandFormDialogHeader>
+//             <CommandFormDialogTitle>Verzend een e-mail</CommandFormDialogTitle>
 
-      <Form {...form}>
-        <CommandFormDialogContent action={action} message="Succesvol verzonden">
-          <CommandFormDialogHeader>
-            <CommandFormDialogTitle>Verzend een e-mail</CommandFormDialogTitle>
+//             <CommandFormDialogDescription>
+//               Verzend een e-mail naar de geselecteerde contacten.
+//             </CommandFormDialogDescription>
+//           </CommandFormDialogHeader>
 
-            <CommandFormDialogDescription>
-              Verzend een e-mail naar de geselecteerde contacten.
-            </CommandFormDialogDescription>
-          </CommandFormDialogHeader>
+//           <CommandFormDialogFields>
+//             <div className="flex flex-col">
+//               <FormField
+//                 control={form.control}
+//                 name="to"
+//                 render={({ field }) => (
+//                   <FormItem>
+//                     <FormLabel>Ontvanger</FormLabel>
+//                     <FormControl>
+//                       <ComboboxDropdown
+//                         placeholder="Kies een ontvanger..."
+//                         selectedItem={
+//                           contactComboboxItems?.find((contact) => contact.id === field.value) ??
+//                           undefined
+//                         }
+//                         items={contactComboboxItems ?? []}
+//                         onSelect={({ id }) => field.onChange(id)}
+//                       />
+//                     </FormControl>
+//                     <FormMessage />
+//                   </FormItem>
+//                 )}
+//               />
 
-          <CommandFormDialogFields>
-            <div className="flex flex-col">
-              <FormField
-                control={form.control}
-                name="to"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Ontvanger</FormLabel>
-                    <FormControl>
-                      <ComboboxDropdown
-                        placeholder="Kies een ontvanger..."
-                        selectedItem={
-                          contactComboboxItems?.find((contact) => contact.id === field.value) ??
-                          undefined
-                        }
-                        items={contactComboboxItems ?? []}
-                        onSelect={({ id }) => field.onChange(id)}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
+//               <Accordion type="single" collapsible>
+//                 <AccordionItem value="cc">
+//                   <AccordionTrigger>{""}</AccordionTrigger>
+//                   <AccordionContent>
+//                     <div className="flex flex-col gap-4 p-1">
+//                       <FormField
+//                         control={form.control}
+//                         name="cc"
+//                         render={({ field }) => (
+//                           <FormItem>
+//                             <FormLabel>cc</FormLabel>
+//                             <FormControl>
+//                               <Input placeholder="Vul hier de cc in..." {...field} />
+//                             </FormControl>
+//                             <FormMessage />
+//                           </FormItem>
+//                         )}
+//                       />
 
-              <Accordion type="single" collapsible>
-                <AccordionItem value="cc">
-                  <AccordionTrigger>{""}</AccordionTrigger>
-                  <AccordionContent>
-                    <div className="flex flex-col gap-4 p-1">
-                      <FormField
-                        control={form.control}
-                        name="cc"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormLabel>cc</FormLabel>
-                            <FormControl>
-                              <Input placeholder="Vul hier de cc in..." {...field} />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
+//                       <FormField
+//                         control={form.control}
+//                         name="bcc"
+//                         render={({ field }) => (
+//                           <FormItem>
+//                             <FormLabel>bcc</FormLabel>
+//                             <FormControl>
+//                               <Input placeholder="Vul hier de bcc in..." {...field} />
+//                             </FormControl>
+//                             <FormMessage />
+//                           </FormItem>
+//                         )}
+//                       />
+//                     </div>
+//                   </AccordionContent>
+//                 </AccordionItem>
+//               </Accordion>
+//             </div>
 
-                      <FormField
-                        control={form.control}
-                        name="bcc"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormLabel>bcc</FormLabel>
-                            <FormControl>
-                              <Input placeholder="Vul hier de bcc in..." {...field} />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </div>
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </div>
+//             <FormField
+//               control={form.control}
+//               name="subject"
+//               render={({ field }) => (
+//                 <FormItem>
+//                   <FormLabel>Onderwerp</FormLabel>
+//                   <FormControl>
+//                     <Input placeholder="Vul hier het onderwerp in..." {...field} />
+//                   </FormControl>
+//                   <FormMessage />
+//                 </FormItem>
+//               )}
+//             />
 
-            <FormField
-              control={form.control}
-              name="subject"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Onderwerp</FormLabel>
-                  <FormControl>
-                    <Input placeholder="Vul hier het onderwerp in..." {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
+//             <FormField
+//               control={form.control}
+//               name="body"
+//               render={({ field }) => (
+//                 <FormItem>
+//                   <FormLabel>Bericht</FormLabel>
+//                   <Textarea {...field} rows={10} />
+//                   <FormMessage />
+//                 </FormItem>
+//               )}
+//             />
+//           </CommandFormDialogFields>
 
-            <FormField
-              control={form.control}
-              name="body"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>Bericht</FormLabel>
-                  <Textarea {...field} rows={10} />
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </CommandFormDialogFields>
+//           <CommandFormDialogFooter>
+//             <CommandFormDialogCancel>Annuleren</CommandFormDialogCancel>
+//             <CommandFormDialogSubmit>Versturen</CommandFormDialogSubmit>
+//           </CommandFormDialogFooter>
+//         </CommandFormDialogContent>
+//       </Form>
+//     </CommandFormDialog>
+//   );
+// }
 
-          <CommandFormDialogFooter>
-            <CommandFormDialogCancel>Annuleren</CommandFormDialogCancel>
-            <CommandFormDialogSubmit>Versturen</CommandFormDialogSubmit>
-          </CommandFormDialogFooter>
-        </CommandFormDialogContent>
-      </Form>
-    </CommandFormDialog>
-  );
-}
-
-export const SendMailCommandTrigger = CommandFormDialogTrigger;
+// export const SendMailCommandTrigger = CommandFormDialogTrigger;

package/src/modules/config/db/helpers.ts

@@ -1,6 +1,8 @@
 import { timestamp, uuid } from "drizzle-orm/pg-core";
 import { v7 as uuidv7 } from "uuid";
 
+export const generateDefaultUUID = () => uuidv7(); 
+
 /**
  * Base columns4
  */
@@ -8,7 +10,7 @@ export const baseColumns = {
   // Primary key
   id: uuid()
     .primaryKey()
-    .$defaultFn(() => uuidv7()),
+    .$defaultFn(() => generateDefaultUUID()),
   // Timestamps
   createdAt: timestamp().defaultNow().notNull(),
   updatedAt: timestamp()

package/src/modules/config/db/init.ts

@@ -0,0 +1,25 @@
+import "server-cli-only";
+
+import { drizzle } from "drizzle-orm/postgres-js";
+import postgres from "postgres";
+import { TDatabaseSchema } from "./types";
+
+type InitDatabaseProps<TSchema extends TDatabaseSchema> = {
+  schema: TSchema;
+  pool: {
+    connectionString: string;
+    max?: number;
+  };
+};
+
+export function initDatabase<TSchema extends TDatabaseSchema>({
+  schema,
+  pool,
+}: InitDatabaseProps<TSchema>) {
+  const client = postgres(pool.connectionString, { max: pool.max });
+  return drizzle({ client, schema, casing: "snake_case" });
+}
+
+export type DatabaseClient<TSchema extends TDatabaseSchema> = ReturnType<
+  typeof initDatabase<TSchema>
+>;

package/src/modules/config/entry.server.ts

@@ -1,13 +1,10 @@
 /**
- * Lib
+ * Database
  */
-export * from "./lib/config.server";
-export * from "./lib/resolve.server";
+export * from "./db/init";
 
 /**
- * Router
+ * Providers
  */
-export * from "./router/client.server";
-export * from "./router/context.server";
-export * from "./router/error.server";
-export * from "./router/init.server";
+export * from "./providers/blob";
+export * from "./providers/email";

package/src/modules/config/entry.ts

@@ -1,8 +1,8 @@
 export * from "./db/helpers";
 export * from "./db/types";
 
+export * from "./lib/config";
+export * from "./lib/context";
+
 export * from "./paths/helpers";
 export * from "./paths/types";
-
-export * from "./router/client";
-export * from "./router/validators";

package/src/modules/config/lib/config.ts

@@ -0,0 +1,15 @@
+export type TulipConfig = {
+  general: {
+    name: string;
+    shortName: string;
+  };
+  email: {
+    defaultFrom: string;
+  };
+};
+
+/**
+ * Build the Tulip config
+ */
+
+export const defineTulipConfig = (config: TulipConfig): TulipConfig => config;

package/src/modules/config/lib/context.ts

@@ -0,0 +1,17 @@
+import { AuthClient } from "../../auth/handler/init";
+import { DatabaseClient } from "../db/init";
+import { TDatabaseSchema } from "../entry";
+import { BlobClient } from "../providers/blob";
+import { EmailClient } from "../providers/email";
+
+export type TulipContext<TSchema extends TDatabaseSchema> = {
+  db: DatabaseClient<TSchema>;
+  schema: TSchema;
+  auth: AuthClient;
+  email: EmailClient;
+  blob: BlobClient;
+};
+
+export function createContext<TSchema extends TDatabaseSchema>(props: TulipContext<TSchema>) {
+  return props;
+}

package/src/modules/config/providers/blob.ts

@@ -0,0 +1,11 @@
+import "server-cli-only";
+
+import { S3Client, S3ClientConfig } from "@aws-sdk/client-s3";
+
+type InitBlobProviderProps = S3ClientConfig;
+
+export function initBlobProvider(props: InitBlobProviderProps) {
+  return new S3Client(props);
+}
+
+export type BlobClient = ReturnType<typeof initBlobProvider>;

package/src/modules/config/providers/email.ts

@@ -0,0 +1,13 @@
+import "server-cli-only";
+
+import { Resend } from "resend";
+
+type InitEmailProviderProps = {
+  key: string;
+};
+
+export function initEmailProvider(props: InitEmailProviderProps) {
+  return new Resend(props.key);
+}
+
+export type EmailClient = ReturnType<typeof initEmailProvider>;

package/src/modules/data-tables/hooks/use-search.client.ts

@@ -1,16 +1,17 @@
 "use client";
 
 import { useQueryStates } from "nuqs";
+import { startTransition } from "react";
 import { useDebouncedCallback } from "use-debounce";
-import { useTableConfigContext } from "./use-context.client";
 import { tableSearchParams } from "../entry";
+import { useTableConfigContext } from "./use-context.client";
 
 /**
  * Search hook for data table search
  */
 export function useSearch() {
   const context = useTableConfigContext();
-  const [query, setQuery] = useQueryStates(tableSearchParams);
+  const [query, setQuery] = useQueryStates(tableSearchParams, { shallow: false, startTransition });
 
   const defaultValue = query.search ?? "";
 

package/src/modules/data-tables/server/get-data.server.ts

@@ -1,13 +1,19 @@
 import "server-only";
 
 import { type TDatabaseSchema } from "@/modules/config/db/types";
-import { GetTulipReturn } from "@/modules/config/lib/resolve.server";
+import { TulipContext } from "@/modules/config/entry";
 import { and, getTableName, isTable, type DBQueryConfig, type SQL } from "drizzle-orm";
 import { type PgTable } from "drizzle-orm/pg-core";
 import type { RelationalQueryBuilder } from "drizzle-orm/pg-core/query-builders/query";
 import { convertCursorToQueryParams } from "../lib/converters/cursor";
-import { ConvertSearchToQueryParamsFields, convertSearchToQueryParams } from "../lib/converters/search";
-import { ConvertSortToQueryParamsFallback, convertOrderByToQueryParams } from "../lib/converters/sorting";
+import {
+  ConvertSearchToQueryParamsFields,
+  convertSearchToQueryParams,
+} from "../lib/converters/search";
+import {
+  ConvertSortToQueryParamsFallback,
+  convertOrderByToQueryParams,
+} from "../lib/converters/sorting";
 import { TableQuerySchema } from "../lib/validators";
 
 export type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<"many"> & {
@@ -22,7 +28,7 @@ export type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<"many">
  * Get data from the database for the data table
  */
 export async function getTableData<TTable extends PgTable, TSchema extends TDatabaseSchema>(
-  { db, schema }: GetTulipReturn<TSchema>,
+  { db, schema }: TulipContext<TSchema>,
   query: TableQuerySchema,
   options: GetTableDataOptions<TTable>,
 ): Promise<{ data: TTable["$inferSelect"][]; total: number }> {