@tulip-systems/create-app 0.12.3 → 0.12.4

package/dist/templates/code/src/app/admin/quotations/_lib/router.ts

@@ -0,0 +1,260 @@
+import "server-cli-only";
+
+import { ORPCError } from "@orpc/server";
+import { moveBlock, reindexBlocks } from "@tulip-systems/blocks";
+import {
+  bulkActionSchema,
+  offsetPaginationResponse,
+  offsetPaginationSchema,
+} from "@tulip-systems/query";
+import { asc, desc, eq, inArray } from "drizzle-orm";
+import { z } from "zod";
+import { getTableData } from "@/app/lib/utils/table-data.server";
+import { permissionMiddleware } from "@/server/router/middleware";
+import { protectedProcedure } from "@/server/router/procedures";
+import {
+  type QuotationBlock,
+  type QuotationBlockInput,
+  quotationBlocks,
+} from "../_blocks/registry";
+import {
+  quotationDatabaseFiltersCompiler,
+  quotationFiltersParser,
+  quotationFiltersSchema,
+} from "../_config/filters";
+import {
+  quotationTableDatabaseSortsCompiler,
+  quotationTableSortsParser,
+  quotationTableSortsSchema,
+} from "../_config/sorting";
+import { quotationBlocks as quotationBlocksTable, quotations } from "./schema";
+import { createQuotationSchema, updateQuotationSchema } from "./validators";
+
+/**
+ * Router for handling operations related to quotations, including listing, retrieving by ID, creating, updating, and deleting quotations.
+ */
+export const quotationsRouter = {
+  list: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(
+      z.object({
+        pagination: offsetPaginationSchema,
+        filters: quotationFiltersSchema,
+        sorts: quotationTableSortsSchema,
+      }),
+    )
+    .handler(async ({ context, input }) => {
+      const parsedSorts = quotationTableSortsParser.parse(input.sorts);
+      const orderBy = quotationTableDatabaseSortsCompiler(quotations).parse(parsedSorts);
+
+      const parsedFilters = quotationFiltersParser.parse(input.filters);
+      const where = quotationDatabaseFiltersCompiler(quotations).parse(parsedFilters);
+
+      const { data, total } = await getTableData(context, quotations, {
+        pagination: input.pagination,
+        where,
+        orderBy,
+      });
+
+      return offsetPaginationResponse({ data, pagination: input.pagination, total });
+    }),
+  getById: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(z.object({ id: z.string() }))
+    .handler(async ({ context, input }) => {
+      const data = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.id),
+      });
+
+      return data ?? null;
+    }),
+  create: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["create"] }))
+    .input(createQuotationSchema)
+    .handler(async ({ context, input }) => {
+      return context.db.transaction(async (tx) => {
+        const [quotation] = await tx.insert(quotations).values(input).returning();
+
+        if (!quotation) {
+          throw new ORPCError("INTERNAL_SERVER_ERROR", {
+            message: "Offerte kon niet worden aangemaakt",
+          });
+        }
+
+        return quotation;
+      });
+    }),
+  update: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string(), data: updateQuotationSchema.partial() }))
+    .handler(async ({ context, input }) => {
+      const [result] = await context.db
+        .update(quotations)
+        .set(input.data)
+        .where(eq(quotations.id, input.id))
+        .returning();
+
+      if (!result) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gewijzigd",
+        });
+      }
+
+      return result;
+    }),
+
+  delete: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["delete"] }))
+    .input(bulkActionSchema)
+    .handler(async ({ context, input }) => {
+      await context.db.delete(quotations).where(inArray(quotations.id, input.ids));
+    }),
+};
+
+/**
+ * Quotation blocks router that handles operations related to quotation blocks, including listing, creating, updating, and moving blocks.
+ */
+export const quotationBlocksRouter = {
+  list: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(z.object({ quotationId: z.string() }))
+    .handler(async ({ context, input }) => {
+      const blocks = await context.db.query.quotationBlocks.findMany({
+        where: eq(quotationBlocksTable.quotationId, input.quotationId),
+        orderBy: asc(quotationBlocksTable.index),
+      });
+
+      return blocks;
+    }),
+  create: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ quotationId: z.string(), block: quotationBlocks.createSchema }))
+    .handler(async ({ context, input }) => {
+      const block = input.block as QuotationBlockInput;
+      const lastBlock = await context.db
+        .select({ index: quotationBlocksTable.index })
+        .from(quotationBlocksTable)
+        .where(eq(quotationBlocksTable.quotationId, input.quotationId))
+        .orderBy(desc(quotationBlocksTable.index))
+        .limit(1);
+
+      const [created] = await context.db
+        .insert(quotationBlocksTable)
+        .values({
+          quotationId: input.quotationId,
+          slug: block.slug,
+          data: block.data,
+          index: (lastBlock[0]?.index ?? -1) + 1,
+        })
+        .returning();
+
+      if (!created) {
+        throw new ORPCError("INTERNAL_SERVER_ERROR", {
+          message: "Blok kon niet worden aangemaakt",
+        });
+      }
+
+      return quotationBlocks.selectSchema.parse(created) as QuotationBlock;
+    }),
+  update: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string(), data: z.record(z.string(), z.unknown()) }))
+    .handler(async ({ context, input }) => {
+      const existing = await context.db.query.quotationBlocks.findFirst({
+        where: eq(quotationBlocksTable.id, input.id),
+      });
+
+      if (!existing) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      const patchedData = quotationBlocks.patchData({ block: existing, patch: input.data });
+
+      if (!patchedData.success) {
+        throw new ORPCError("BAD_REQUEST", {
+          message: "Onbekend bloktype",
+        });
+      }
+
+      const [updated] = await context.db
+        .update(quotationBlocksTable)
+        .set({ data: patchedData.data })
+        .where(eq(quotationBlocksTable.id, input.id))
+        .returning();
+
+      if (!updated) {
+        throw new ORPCError("INTERNAL_SERVER_ERROR", {
+          message: "Blok kon niet worden gewijzigd",
+        });
+      }
+
+      return quotationBlocks.selectSchema.parse(updated) as QuotationBlock;
+    }),
+  delete: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string() }))
+    .handler(async ({ context, input }) => {
+      const existing = await context.db.query.quotationBlocks.findFirst({
+        where: eq(quotationBlocksTable.id, input.id),
+      });
+
+      if (!existing) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      await context.db.transaction(async (tx) => {
+        await tx.delete(quotationBlocksTable).where(eq(quotationBlocksTable.id, input.id));
+
+        const blocks = await tx.query.quotationBlocks.findMany({
+          where: eq(quotationBlocksTable.quotationId, existing.quotationId),
+          orderBy: asc(quotationBlocksTable.index),
+        });
+        const reindexedBlocks = reindexBlocks(blocks);
+
+        await Promise.all(
+          reindexedBlocks.map((block) =>
+            tx
+              .update(quotationBlocksTable)
+              .set({ index: block.index })
+              .where(eq(quotationBlocksTable.id, block.id)),
+          ),
+        );
+      });
+
+      return { success: true };
+    }),
+  move: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ quotationId: z.string(), id: z.string(), toIndex: z.number().int().min(0) }))
+    .handler(async ({ context, input }) => {
+      const blocks = await context.db.query.quotationBlocks.findMany({
+        where: eq(quotationBlocksTable.quotationId, input.quotationId),
+        orderBy: asc(quotationBlocksTable.index),
+      });
+
+      const result = moveBlock(blocks, { id: input.id, toIndex: input.toIndex });
+
+      if (!result) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      await context.db.transaction(async (tx) => {
+        await Promise.all(
+          result.blocks.map((block) =>
+            tx
+              .update(quotationBlocksTable)
+              .set({ index: block.index })
+              .where(eq(quotationBlocksTable.id, block.id)),
+          ),
+        );
+      });
+
+      return z.array(quotationBlocks.selectSchema).parse(result.blocks) as QuotationBlock[];
+    }),
+};

package/dist/templates/code/src/app/admin/quotations/_lib/schema.ts

@@ -0,0 +1,42 @@
+import { relations } from "drizzle-orm";
+import { index, pgTable } from "drizzle-orm/pg-core";
+import { baseColumns } from "@/server/db/helpers";
+
+export const quotations = pgTable("quotations", (t) => ({
+  ...baseColumns,
+  title: t.varchar().notNull(),
+}));
+
+export const quotationsRelations = relations(quotations, ({ many }) => ({
+  blocks: many(quotationBlocks),
+}));
+
+/**
+ *
+ *
+ * Quotations Blocks
+ */
+export const quotationBlocks = pgTable(
+  "quotation_blocks",
+  (t) => ({
+    ...baseColumns,
+    slug: t.varchar().notNull(),
+    data: t.jsonb().notNull(),
+    index: t.doublePrecision().notNull(),
+    quotationId: t
+      .uuid()
+      .notNull()
+      .references(() => quotations.id, { onDelete: "cascade" }),
+  }),
+  (table) => [
+    index("quotation_blocks_quotation_order_idx").on(table.quotationId, table.index),
+    index("quotation_blocks_quotation_slug_idx").on(table.quotationId, table.slug),
+  ],
+);
+
+export const quotationBlocksRelations = relations(quotationBlocks, ({ one }) => ({
+  quotation: one(quotations, {
+    fields: [quotationBlocks.quotationId],
+    references: [quotations.id],
+  }),
+}));

package/dist/templates/code/src/app/admin/quotations/_lib/validators.ts

@@ -0,0 +1,20 @@
+import { createInsertSchema, createSelectSchema } from "drizzle-zod";
+import { z } from "zod";
+import { quotations } from "./schema";
+
+export const quotationSchema = createSelectSchema(quotations);
+export type Quotation = z.infer<typeof quotationSchema>;
+
+export const createQuotationSchema = createInsertSchema(quotations, {
+  title: z.string().min(1, "Titel is verplicht"),
+}).omit({ id: true, createdAt: true, updatedAt: true });
+
+export const updateQuotationSchema = createInsertSchema(quotations, {
+  title: z.string().min(1, "Titel is verplicht"),
+}).omit({ id: true, createdAt: true, updatedAt: true });
+
+export type CreateQuotationInput = z.input<typeof createQuotationSchema>;
+export type CreateQuotationSchema = z.infer<typeof createQuotationSchema>;
+
+export type UpdateQuotationInput = z.input<typeof updateQuotationSchema>;
+export type UpdateQuotationSchema = z.infer<typeof updateQuotationSchema>;

package/dist/templates/code/src/lib/config/paths.tsx

@@ -15,6 +15,7 @@ import {
   FoldersIcon,
   HomeIcon,
   ListTodoIcon,
+  ReceiptTextIcon,
   Table2Icon,
   TimerIcon,
   UserSearchIcon,
@@ -140,6 +141,13 @@ export function AdminSidebar() {
                 Prospects
               </PathLink>
             </Path>
+
+            <Path segment="quotations">
+              <PathLink href="/admin/quotations">
+                <ReceiptTextIcon />
+                Offertes
+              </PathLink>
+            </Path>
           </PathGroupItems>
         </PathGroup>
 

package/dist/templates/code/src/lib/utils/fonts.ts

@@ -0,0 +1,102 @@
+import localFont from "next/font/local";
+
+/**
+ * Neue Haas Grotesk Display Pro — de sans-font van de app (`--font-sans`).
+ *
+ * Belangrijk: deze font gebruikt een niet-standaard weight-schaal. Elke `weight`
+ * hieronder is gelijkgesteld aan de échte `usWeightClass` van het bestand, zodat
+ * numerieke gewichten in de browser exact zo resolven als in Figma:
+ *
+ *   250 UltraThin · 300 Thin · 350 XLight · 400 Light · 450 Roman ·
+ *   500 Medium · 700 Bold · 900 Black
+ *
+ * De typography-schaal gebruikt 400 (→ Light) en 500 (→ Medium) — dit matcht
+ * `font-weight: 400/500` uit de Figma-specs (waar 400 óók de Light-cut is, niet
+ * de Roman). De Roman-cut (55) zit bewust op 450 en is dus niet `font-normal`.
+ */
+export const fontNeueHaas = localFont({
+  variable: "--font-sans",
+  display: "swap",
+  src: [
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-ultra-thin.otf",
+      weight: "250",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-ultra-thin-italic.otf",
+      weight: "250",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-thin.otf",
+      weight: "300",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-thin-italic.otf",
+      weight: "300",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-extra-light.otf",
+      weight: "350",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-extra-light-italic.otf",
+      weight: "350",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-light.otf",
+      weight: "400",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic.otf",
+      weight: "400",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-regular.otf",
+      weight: "450",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic.otf",
+      weight: "450",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-medium.otf",
+      weight: "500",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic.otf",
+      weight: "500",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-bold.otf",
+      weight: "700",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic.otf",
+      weight: "700",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-black.otf",
+      weight: "900",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-black-italic.otf",
+      weight: "900",
+      style: "italic",
+    },
+  ],
+});

package/dist/templates/code/src/server/auth/permissions.ts

@@ -11,6 +11,7 @@ const statement = createStatements({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -33,6 +34,7 @@ const developer = ac.newRole({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -50,6 +52,7 @@ const admin = ac.newRole({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -65,6 +68,7 @@ const worker = ac.newRole({
   customer: ["view"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.drive", "create", "update"],
+  quotation: ["view", "create", "update"],
   initiative: ["view", "view.stats", "update"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],

package/dist/templates/code/src/server/db/schema.ts

@@ -13,6 +13,7 @@ export * from "@/app/admin/domains/_lib/schema";
 export * from "@/app/admin/employees/_lib/schema";
 export * from "@/app/admin/initiatives/_lib/schema";
 export * from "@/app/admin/projects/_lib/schema";
+export * from "@/app/admin/quotations/_lib/schema";
 export * from "@/app/admin/tasks/_lib/schema";
 export * from "@/app/admin/time/_lib/schema";
 export * from "@/app/admin/prospects/_lib/schema";

package/dist/templates/code/src/server/router/router.ts

@@ -66,6 +66,16 @@ export const appRouter = {
       default: module.prospectsRouter,
     })),
   ),
+  quotations: lazy(() =>
+    import("@/app/admin/quotations/_lib/router").then((module) => ({
+      default: module.quotationsRouter,
+    })),
+  ),
+  quotationBlocks: lazy(() =>
+    import("@/app/admin/quotations/_lib/router").then((module) => ({
+      default: module.quotationBlocksRouter,
+    })),
+  ),
 };
 
 // export type definition of API

package/dist/templates/spark/package.json

@@ -52,19 +52,19 @@
     "@tiptap/extension-text-style": "^3.29.2",
     "@tiptap/extension-underline": "^3.29.2",
     "@tiptap/extensions": "^3.29.2",
-    "@tulip-systems/app": "0.12.3",
-    "@tulip-systems/auth": "0.12.3",
-    "@tulip-systems/commands": "0.12.3",
-    "@tulip-systems/core": "0.12.3",
-    "@tulip-systems/data-tables": "0.12.3",
-    "@tulip-systems/drive": "0.12.3",
-    "@tulip-systems/drive-local": "0.12.3",
-    "@tulip-systems/editor": "0.12.3",
-    "@tulip-systems/editor-storage": "0.12.3",
-    "@tulip-systems/inline": "0.12.3",
-    "@tulip-systems/query": "0.12.3",
-    "@tulip-systems/storage": "0.12.3",
-    "@tulip-systems/ui": "0.12.3",
+    "@tulip-systems/app": "0.12.4",
+    "@tulip-systems/auth": "0.12.4",
+    "@tulip-systems/commands": "0.12.4",
+    "@tulip-systems/core": "0.12.4",
+    "@tulip-systems/data-tables": "0.12.4",
+    "@tulip-systems/drive": "0.12.4",
+    "@tulip-systems/drive-local": "0.12.4",
+    "@tulip-systems/editor": "0.12.4",
+    "@tulip-systems/editor-storage": "0.12.4",
+    "@tulip-systems/inline": "0.12.4",
+    "@tulip-systems/query": "0.12.4",
+    "@tulip-systems/storage": "0.12.4",
+    "@tulip-systems/ui": "0.12.4",
     "@vercel/functions": "^3.9.0",
     "@zip.js/zip.js": "^2.8.34",
     "better-auth": "^1.6.26",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tulip-systems/create-app",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "type": "module",
   "sideEffects": false,
   "license": "AGPL-3.0",