@tulip-systems/create-app 0.12.4 → 0.13.0

package/dist/templates/basic/package.json

@@ -18,52 +18,51 @@
     "db:studio": "dotenv drizzle-kit studio"
   },
   "dependencies": {
-    "@better-auth/passkey": "^1.6.26",
-    "@hookform/resolvers": "^5.7.1",
-    "@orpc/client": "^1.14.15",
-    "@orpc/server": "^1.14.15",
-    "@orpc/tanstack-query": "^1.14.15",
-    "@tailwindcss/typography": "^0.5.20",
-    "@tanstack/react-query": "^5.101.4",
-    "@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/ui": "0.12.4",
+    "@better-auth/passkey": "catalog:",
+    "@hookform/resolvers": "catalog:",
+    "@orpc/client": "catalog:",
+    "@orpc/server": "catalog:",
+    "@orpc/tanstack-query": "catalog:",
+    "@tailwindcss/typography": "catalog:",
+    "@tanstack/react-query": "catalog:",
+    "@tulip-systems/app": "0.13.0",
+    "@tulip-systems/auth": "0.13.0",
+    "@tulip-systems/commands": "0.13.0",
+    "@tulip-systems/core": "0.13.0",
+    "@tulip-systems/ui": "0.13.0",
     "@vercel/functions": "^3.9.0",
-    "better-auth": "^1.6.26",
-    "class-variance-authority": "^0.7.1",
-    "date-fns": "^4.4.0",
-    "drizzle-orm": "^0.45.2",
-    "drizzle-zod": "^0.8.3",
-    "lucide-react": "^1.30.0",
-    "motion": "^13.0.0",
-    "next": "16.3.0",
-    "nuqs": "2.9.5",
-    "pg": "8.22.0",
-    "postgres": "^3.4.9",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "react-hook-form": "^7.84.0",
+    "better-auth": "catalog:",
+    "class-variance-authority": "catalog:",
+    "date-fns": "catalog:",
+    "drizzle-orm": "catalog:",
+    "drizzle-zod": "catalog:",
+    "lucide-react": "catalog:",
+    "motion": "catalog:",
+    "next": "catalog:",
+    "nuqs": "catalog:",
+    "pg": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-hook-form": "catalog:",
     "resend": "^6.18.1",
     "sharp": "^0.35.3",
     "server-only": "^0.0.1",
     "uuid": "^14.0.1",
-    "zod": "^4.4.3",
+    "zod": "catalog:",
     "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.2.0",
-    "@types/pg": "^8.21.0",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.4",
-    "dotenv-cli": "^11.0.0",
-    "drizzle-kit": "^0.31.10",
-    "postcss": "^8.5.26",
+    "@tailwindcss/postcss": "catalog:",
+    "@types/node": "catalog:",
+    "@types/pg": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "dotenv-cli": "catalog:",
+    "drizzle-kit": "catalog:",
+    "postcss": "catalog:",
     "server-cli-only": "^0.3.2",
-    "tailwindcss": "^4.3.3",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "5.9.3"
+    "tailwindcss": "catalog:",
+    "tw-animate-css": "catalog:",
+    "typescript": "catalog:"
   }
 }

package/dist/templates/basic/src/app/layout.tsx

@@ -2,21 +2,31 @@ import "./globals.css";
 import "../server/router/register";
 
 import { Providers } from "@tulip-systems/app/components/client";
-import {
-  ColorThemeScript,
-  generateRootLayoutMetadata,
-  RootLayout,
-} from "@tulip-systems/app/components/server";
+import { registerFonts, rootLayoutViewport } from "@tulip-systems/app/components/server";
+import { cn } from "@tulip-systems/ui/cn";
+import type { Metadata } from "next";
 import type { PropsWithChildren } from "react";
 import { config } from "@/lib/config/base";
 
-export const { metadata, viewport } = generateRootLayoutMetadata(config);
+export const viewport = rootLayoutViewport;
+
+export const metadata: Metadata = {
+  description: "Developed by NewCode",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "black-translucent",
+    title: config.general.name,
+  },
+};
 
 export default function Layout({ children }: PropsWithChildren) {
   return (
-    <RootLayout>
-      <ColorThemeScript />
-      <Providers>{children}</Providers>
-    </RootLayout>
+    <html lang="nl" suppressHydrationWarning>
+      <title>{config.general.name}</title>
+
+      <body className={cn("bg-background font-sans antialiased", registerFonts())}>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
   );
 }

package/dist/templates/code/package.json

@@ -23,118 +23,126 @@
     "@ai-sdk/react": "^4.0.60",
     "@aws-sdk/client-s3": "^3.1106.0",
     "@aws-sdk/s3-request-presigner": "^3.1106.0",
-    "@better-auth/oauth-provider": "^1.6.26",
-    "@better-auth/passkey": "^1.6.26",
+    "@better-auth/cimd": "catalog:",
+    "@better-auth/mcp": "catalog:",
+    "@better-auth/oauth-provider": "catalog:",
+    "@better-auth/passkey": "catalog:",
     "@dnd-kit/collision": "^0.5.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/helpers": "^0.5.0",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/react": "^0.5.0",
     "@dnd-kit/sortable": "^10.0.0",
-    "@hookform/resolvers": "^5.7.1",
+    "@hookform/resolvers": "catalog:",
     "@js-temporal/polyfill": "^0.5.1",
     "@modelcontextprotocol/server": "^2.0.0",
     "@openrouter/ai-sdk-provider": "^3.0.0",
     "@opentelemetry/api": "^1.9.1",
-    "@opentelemetry/instrumentation-pg": "^0.73.0",
+    "@opentelemetry/instrumentation-pg": "^0.74.0",
     "@orpc/ai-sdk": "^1.14.15",
-    "@orpc/client": "^1.14.15",
+    "@orpc/client": "catalog:",
     "@orpc/otel": "^1.14.15",
-    "@orpc/server": "^1.14.15",
-    "@orpc/tanstack-query": "^1.14.15",
+    "@orpc/server": "catalog:",
+    "@orpc/tanstack-query": "catalog:",
     "@react-pdf/renderer": "^4.5.1",
     "@t3-oss/env-nextjs": "^0.13.11",
-    "@tailwindcss/typography": "^0.5.20",
-    "@tanstack/db": "^0.6.17",
+    "@tailwindcss/typography": "catalog:",
+    "@tanstack/db": "^0.9.2",
     "@tanstack/query-db-collection": "^1.2.1",
-    "@tanstack/react-query": "^5.101.4",
+    "@tanstack/react-query": "catalog:",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.9",
-    "@tiptap/core": "^3.29.2",
-    "@tiptap/extension-blockquote": "^3.29.2",
-    "@tiptap/extension-bold": "^3.29.2",
-    "@tiptap/extension-document": "^3.29.2",
-    "@tiptap/extension-hard-break": "^3.29.2",
-    "@tiptap/extension-heading": "^3.29.2",
-    "@tiptap/extension-highlight": "^3.29.2",
-    "@tiptap/extension-horizontal-rule": "^3.29.2",
-    "@tiptap/extension-italic": "^3.29.2",
-    "@tiptap/extension-link": "^3.29.2",
-    "@tiptap/extension-list": "^3.29.2",
-    "@tiptap/extension-paragraph": "^3.29.2",
-    "@tiptap/extension-strike": "^3.29.2",
-    "@tiptap/extension-text": "^3.29.2",
-    "@tiptap/extension-text-style": "^3.29.2",
-    "@tiptap/extension-underline": "^3.29.2",
-    "@tiptap/extensions": "^3.29.2",
-    "@tulip-systems/ai": "0.12.4",
-    "@tulip-systems/app": "0.12.4",
-    "@tulip-systems/auth": "0.12.4",
-    "@tulip-systems/blocks": "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-google": "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",
+    "@tiptap/core": "catalog:",
+    "@tiptap/extension-blockquote": "catalog:",
+    "@tiptap/extension-bold": "catalog:",
+    "@tiptap/extension-document": "catalog:",
+    "@tiptap/extension-hard-break": "catalog:",
+    "@tiptap/extension-heading": "catalog:",
+    "@tiptap/extension-highlight": "catalog:",
+    "@tiptap/extension-horizontal-rule": "catalog:",
+    "@tiptap/extension-italic": "catalog:",
+    "@tiptap/extension-link": "catalog:",
+    "@tiptap/extension-list": "catalog:",
+    "@tiptap/extension-paragraph": "catalog:",
+    "@tiptap/extension-strike": "catalog:",
+    "@tiptap/extension-text": "catalog:",
+    "@tiptap/extension-text-style": "catalog:",
+    "@tiptap/extension-underline": "catalog:",
+    "@tiptap/extensions": "catalog:",
+    "@tulip-systems/ai": "0.13.0",
+    "@tulip-systems/app": "0.13.0",
+    "@tulip-systems/auth": "0.13.0",
+    "@tulip-systems/blocks": "0.13.0",
+    "@tulip-systems/commands": "0.13.0",
+    "@tulip-systems/core": "0.13.0",
+    "@tulip-systems/data-tables": "0.13.0",
+    "@tulip-systems/drive": "0.13.0",
+    "@tulip-systems/drive-google": "0.13.0",
+    "@tulip-systems/editor": "0.13.0",
+    "@tulip-systems/editor-storage": "0.13.0",
+    "@tulip-systems/events": "0.13.0",
+    "@tulip-systems/inline": "0.13.0",
+    "@tulip-systems/query": "0.13.0",
+    "@tulip-systems/queue": "0.13.0",
+    "@tulip-systems/storage": "0.13.0",
+    "@tulip-systems/ui": "0.13.0",
     "@uidotdev/usehooks": "^2.4.1",
+    "@upstash/qstash": "^2.11.3",
     "@vercel/functions": "^3.9.0",
     "@vercel/otel": "^2.1.3",
     "ai": "^7.0.57",
-    "better-auth": "^1.6.26",
-    "class-variance-authority": "^0.7.1",
+    "better-auth": "catalog:",
+    "class-variance-authority": "catalog:",
     "client-only": "^0.0.1",
-    "date-fns": "^4.4.0",
-    "drizzle-orm": "^0.45.2",
+    "date-fns": "catalog:",
+    "diff": "^9.0.0",
+    "drizzle-orm": "catalog:",
     "drizzle-seed": "^0.3.1",
-    "drizzle-zod": "^0.8.3",
+    "drizzle-zod": "catalog:",
     "fast-deep-equal": "^3.1.3",
-    "googleapis": "^174.0.1",
-    "jotai": "^2.20.2",
+    "googleapis": "^181.0.0",
+    "jotai": "^3.0.0",
     "lodash.throttle": "^4.1.1",
-    "lucide-react": "^1.30.0",
+    "lucide-react": "catalog:",
     "mcp-handler": "^2.1.0",
-    "motion": "^13.0.0",
-    "next": "16.3.0",
-    "nuqs": "2.9.5",
-    "pg": "8.22.0",
-    "postgres": "^3.4.9",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
-    "react-hook-form": "^7.84.0",
+    "motion": "catalog:",
+    "next": "catalog:",
+    "nuqs": "catalog:",
+    "pg": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-hook-form": "catalog:",
     "react-markdown": "^10.1.0",
     "react-pdf-tailwind": "^3.0.0",
-    "recharts": "3.10.1",
+    "recharts": "catalog:",
     "resend": "^6.18.1",
+    "rfc6902": "^5.3.0",
     "server-only": "^0.0.1",
     "sharp": "^0.35.3",
     "usehooks-ts": "^3.1.1",
     "uuid": "^14.0.1",
+    "web-push": "^3.6.7",
     "xlsx": "^0.18.5",
-    "zod": "^4.4.3",
+    "zod": "catalog:",
     "zustand": "^5.0.14"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
-    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/postcss": "catalog:",
     "@types/lodash.throttle": "^4.1.9",
-    "@types/node": "^26.2.0",
-    "@types/pg": "^8.21.0",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.4",
+    "@types/node": "catalog:",
+    "@types/pg": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@types/web-push": "^3.6.4",
     "babel-plugin-react-compiler": "^1.0.0",
-    "dotenv-cli": "^11.0.0",
-    "drizzle-kit": "^0.31.10",
-    "postcss": "^8.5.26",
+    "dotenv-cli": "catalog:",
+    "drizzle-kit": "catalog:",
+    "postcss": "catalog:",
     "server-cli-only": "^0.3.2",
-    "tailwindcss": "^4.3.3",
-    "tsx": "^4.23.11",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "5.9.3"
+    "tailwindcss": "catalog:",
+    "tsx": "catalog:",
+    "tw-animate-css": "catalog:",
+    "typescript": "catalog:"
   }
 }

package/dist/templates/code/public/sw.js

@@ -0,0 +1,35 @@
+self.addEventListener("push", (event) => {
+  const data = event.data?.json() ?? {};
+  const title = data.title ?? "Notification";
+  const options = {
+    body: data.body,
+    icon: "/icons/icon-x192.png",
+    badge: "/icons/icon-x192.png",
+    data: {
+      url: data.url ?? "/admin/notifications",
+      notificationId: data.notificationId,
+    },
+  };
+
+  event.waitUntil(self.registration.showNotification(title, options));
+});
+
+self.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+
+  const url = new URL(event.notification.data?.url ?? "/admin/notifications", self.location.origin);
+
+  event.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clients) => {
+      for (const client of clients) {
+        if (new URL(client.url).href === url.href && "focus" in client) {
+          return client.focus();
+        }
+      }
+
+      if (self.clients.openWindow) {
+        return self.clients.openWindow(url.href);
+      }
+    }),
+  );
+});

package/dist/templates/code/src/app/admin/contacts/_components/grid.tsx

@@ -6,11 +6,11 @@ import {
   DropdownCommandMenu,
 } from "@tulip-systems/commands/client";
 import { formatPhone } from "@tulip-systems/core";
+import { Link } from "@tulip-systems/core/navigation";
 import { Card, CardContent, CardHeader, CardTitle } from "@tulip-systems/ui/card";
 import { cn } from "@tulip-systems/ui/cn";
 import { EmptyPage, EmptyPageTitle } from "@tulip-systems/ui/empty";
 import { Briefcase, Mail, Phone } from "lucide-react";
-import Link from "next/link";
 import type { ComponentProps } from "react";
 import type { Contact } from "../_lib/validators";
 

package/dist/templates/code/src/app/admin/customers/_config/columns-data.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { formatPhone } from "@tulip-systems/core";
+import { Link } from "@tulip-systems/core/navigation";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
-import Link from "next/link";
 import type { Customer } from "../_lib/validators";
 
 export type CustomerColumn = Customer;

package/dist/templates/code/src/app/admin/employees/_config/columns-data.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { Link } from "@tulip-systems/core/navigation";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
-import Link from "next/link";
 import type { EmployeeTableData } from "../_components/tables";
 
 export const employeeColumns: TableColumnDef<EmployeeTableData>[] = [

package/dist/templates/code/src/app/admin/history/[id]/layout.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { Header, Topbar, TopbarTitle } from "@tulip-systems/app/components/client";
+import { notFound } from "next/navigation";
+import { type PropsWithChildren, use } from "react";
+import { orpc } from "@/server/router/client";
+
+export default function Layout(props: PropsWithChildren<{ params: Promise<{ id: string }> }>) {
+  const { id } = use(props.params);
+  const { data } = useSuspenseQuery(orpc.history.getById.queryOptions({ input: { id } }));
+  if (!data) notFound();
+
+  return (
+    <>
+      <Header>
+        <Topbar>
+          <TopbarTitle
+            breadcrumbs={[
+              { label: "History", href: "/admin/settings/history" },
+              {
+                label: [data.entry.resourceType, data.entry.resourceLabel, data.entry.action]
+                  .filter(Boolean)
+                  .join(" · "),
+              },
+            ]}
+          />
+        </Topbar>
+      </Header>
+      <div className="min-h-0 overflow-auto p-content">{props.children}</div>
+    </>
+  );
+}

package/dist/templates/code/src/app/admin/history/[id]/loading.tsx

@@ -0,0 +1,11 @@
+import { Skeleton } from "@tulip-systems/ui/skeleton";
+
+export default function Loading() {
+  return (
+    <div className="space-y-6">
+      <Skeleton className="h-8 w-80" />
+      <Skeleton className="h-5 w-56" />
+      <Skeleton className="h-64 w-full" />
+    </div>
+  );
+}

package/dist/templates/code/src/app/admin/history/[id]/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { formatDateTime } from "@tulip-systems/core";
+import { notFound } from "next/navigation";
+import { use } from "react";
+import { orpc } from "@/server/router/client";
+import { HistoryDiffComparison } from "../_components/diff.client";
+
+export default function Page(props: { params: Promise<{ id: string }> }) {
+  const { id } = use(props.params);
+  const { data } = useSuspenseQuery(orpc.history.getById.queryOptions({ input: { id } }));
+  if (!data) notFound();
+
+  return (
+    <div className="space-y-8">
+      <div className="space-y-3">
+        <p className="text-muted-foreground text-sm">
+          {data.entry.actorName} · {formatDateTime(data.entry.occurredAt)}
+        </p>
+        {data.entry.context.length > 0 && (
+          <p className="text-muted-foreground text-sm">
+            {data.entry.context.map((item) => `${item.type}: ${item.label}`).join(" › ")}
+          </p>
+        )}
+      </div>
+      <HistoryDiffComparison diff={data.diff} />
+    </div>
+  );
+}