@tulip-systems/core 0.8.3 → 0.10.0

package/dist/src/lib/utils/manifest.mjs

@@ -0,0 +1,35 @@
+//#region src/lib/utils/manifest.ts
+function generateManifest(config) {
+	return () => ({
+		name: config.general.name,
+		short_name: config.general.shortName,
+		description: "Developed by NewCode",
+		theme_color: "#ffffff",
+		background_color: "#ffffff",
+		display: "standalone",
+		display_override: ["tabbed"],
+		orientation: "portrait",
+		start_url: "/",
+		icons: [
+			{
+				src: "/icons/icon-x192.png",
+				sizes: "192x192",
+				type: "image/png"
+			},
+			{
+				src: "/icons/icon-x512.png",
+				sizes: "512x512",
+				type: "image/png"
+			},
+			{
+				src: "/icons/icon-x512.png",
+				type: "image/png",
+				sizes: "512x512",
+				purpose: "maskable"
+			}
+		]
+	});
+}
+
+//#endregion
+export { generateManifest };

package/dist/src/lib/utils/markdown.d.mts

@@ -0,0 +1,9 @@
+import MarkdownIt from "markdown-it";
+
+//#region src/lib/utils/markdown.d.ts
+/**
+ * Convert markdown to HTML
+ */
+declare const markdownParser: MarkdownIt;
+//#endregion
+export { markdownParser };

package/dist/src/lib/utils/markdown.mjs

@@ -0,0 +1,14 @@
+import MarkdownIt from "markdown-it";
+
+//#region src/lib/utils/markdown.ts
+/**
+* Convert markdown to HTML
+*/
+const markdownParser = new MarkdownIt({
+	html: false,
+	linkify: true,
+	breaks: true
+});
+
+//#endregion
+export { markdownParser };

package/dist/src/lib/utils/url.d.mts

@@ -0,0 +1,9 @@
+//#region src/lib/utils/url.d.ts
+/**
+ * Get the production url for a path
+ * @param {string} path
+ * @returns {string}
+ */
+declare function url(path?: string): string;
+//#endregion
+export { url };

package/dist/src/lib/utils/url.mjs

@@ -0,0 +1,15 @@
+//#region src/lib/utils/url.ts
+/**
+* Get the production url for a path
+* @param {string} path
+* @returns {string}
+*/
+function url(path = "") {
+	const base = process.env.NEXT_PUBLIC_DEPLOYMENT_URL ?? process.env.NEXT_PUBLIC_VERCEL_URL;
+	const protocol = process.env.NODE_ENV === "production" ? "https" : "http";
+	if (base) return `${protocol}://${base}${path}`;
+	return `http://localhost:${process.env.NEXT_PUBLIC_PORT ?? 3e3}${path}`;
+}
+
+//#endregion
+export { url };

package/dist/src/lib/utils/user-agent.mjs

@@ -0,0 +1,74 @@
+//#region src/lib/utils/user-agent.ts
+/**
+* Detects the browser name and version from a user agent string.
+* @param ua - The user agent string.
+* @returns An object with the browser name and optional version.
+*/
+function detectBrowser(ua) {
+	let m = ua.match(/Edg\/(\d+)/);
+	if (m) return {
+		name: "Edge",
+		version: m[1]
+	};
+	m = ua.match(/Chrome\/(\d+)/);
+	if (m && !/Edg\//.test(ua) && !/OPR\//.test(ua)) return {
+		name: "Chrome",
+		version: m[1]
+	};
+	m = ua.match(/Firefox\/(\d+)/);
+	if (m) return {
+		name: "Firefox",
+		version: m[1]
+	};
+	if (/Safari\/\d+/.test(ua) && /Version\/(\d+)/.test(ua)) {
+		m = ua.match(/Version\/(\d+)/);
+		if (m) return {
+			name: "Safari",
+			version: m[1]
+		};
+	}
+	return { name: "Unknown browser" };
+}
+/**
+* Detects the operating system name and version from a user agent string.
+* @param ua - The user agent string.
+* @returns An object with the OS name and optional version.
+*/
+function detectOS(ua) {
+	let m = ua.match(/Mac OS X ([\d_]+)/);
+	if (m) return {
+		name: "macOS",
+		version: m[1]?.replace(/_/g, ".")
+	};
+	m = ua.match(/Windows NT ([\d.]+)/);
+	if (m) return {
+		name: "Windows",
+		version: m[1]
+	};
+	m = ua.match(/iPhone OS ([\d_]+)/) || ua.match(/CPU (?:iPhone )?OS ([\d_]+)/);
+	if (m) return {
+		name: "iOS",
+		version: m[1]?.replace(/_/g, ".")
+	};
+	m = ua.match(/Android ([\d.]+)/);
+	if (m) return {
+		name: "Android",
+		version: m[1]
+	};
+	if (/Linux/.test(ua)) return { name: "Linux" };
+	return { name: "Unknown OS" };
+}
+/**
+* Detects the device type (Desktop, Mobile, or Tablet) from a user agent string.
+* @param ua - The user agent string.
+* @returns The device type as "Desktop", "Mobile", or "Tablet".
+*/
+function detectDevice(ua) {
+	const s = ua.toLowerCase();
+	if (s.includes("ipad") || s.includes("tablet")) return "Tablet";
+	if (s.includes("mobi") || s.includes("iphone") || s.includes("android") && !s.includes("tablet")) return "Mobile";
+	return "Desktop";
+}
+
+//#endregion
+export { detectBrowser, detectDevice, detectOS };

package/dist/src/modules/auth/components/allowed.client.d.mts

@@ -0,0 +1,33 @@
+import { UsePermissionProps } from "../hooks/use-permission.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/allowed.client.d.ts
+/**
+ * Allowed types
+ */
+type AllowedStrategy = "all" | "any";
+/**
+ * Allowed props
+ */
+type AllowedProps = UsePermissionProps & {
+  /**
+   * Fallback component to render if the user doesn't have the permission
+   * @default null
+   */
+  fallback?: React.ReactNode;
+  /**
+   * Children to render if the user has the permission
+   */
+  children: React.ReactNode;
+};
+/**
+ * Allowed
+ */
+declare function Allowed({
+  permission,
+  strategy,
+  fallback,
+  children
+}: AllowedProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Allowed, AllowedProps, AllowedStrategy };

package/dist/src/modules/auth/components/allowed.client.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { usePermission } from "../hooks/use-permission.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/modules/auth/components/allowed.client.tsx
+/**
+* Allowed
+*/
+function Allowed({ permission, strategy, fallback, children }) {
+	if (usePermission({
+		permission,
+		strategy
+	}).success) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+}
+
+//#endregion
+export { Allowed };

package/dist/src/modules/auth/components/auth-layout.server.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/auth/components/auth-layout.server.d.ts
+declare function AuthLayout(props: PropsWithChildren<{
+  name: string;
+}>): Promise<react_jsx_runtime0.JSX.Element>;
+//#endregion
+export { AuthLayout };

package/dist/src/modules/auth/components/auth-layout.server.mjs

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import Image from "next/image";
+
+//#region src/modules/auth/components/auth-layout.server.tsx
+async function AuthLayout(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "container relative mx-auto grid h-dvh flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative hidden h-full flex-col bg-muted p-10 text-white lg:flex dark:border-r",
+			children: [
+				/* @__PURE__ */ jsx(Image, {
+					src: "/images/auth-background.jpeg",
+					alt: "Background",
+					className: "object-cover",
+					fill: true
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					href: "/",
+					className: "relative z-20 flex items-center font-bold text-lg",
+					children: props.name
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "relative z-20 mt-auto",
+					children: /* @__PURE__ */ jsx("blockquote", {
+						className: "space-y-2 text-sm",
+						children: "Developed by NewCode"
+					})
+				})
+			]
+		}), props.children]
+	});
+}
+
+//#endregion
+export { AuthLayout };

package/dist/src/modules/auth/components/auth-loading.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/auth-loading.d.ts
+declare function AuthLoading(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AuthLoading };

package/dist/src/modules/auth/components/auth-loading.mjs

@@ -0,0 +1,17 @@
+import { Skeleton } from "../../../components/ui/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/auth/components/auth-loading.tsx
+function AuthLoading() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col gap-4 sm:w-[350px]",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+		]
+	});
+}
+
+//#endregion
+export { AuthLoading };

package/dist/src/modules/auth/components/create-first-user-guard.server.d.mts

@@ -0,0 +1,15 @@
+import { TDatabaseSchema } from "../../database/lib/types.mjs";
+import { TulipContext } from "../../config/lib/context.mjs";
+import "../../../../config.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+import "server-cli-only";
+
+//#region src/modules/auth/components/create-first-user-guard.server.d.ts
+type AuthGuardFirstUserProps<TSchema extends TDatabaseSchema> = PropsWithChildren<Pick<TulipContext<TSchema>, "db">>;
+declare function CreateFirstUserPageGuard<TSchema extends TDatabaseSchema>({
+  children,
+  db
+}: AuthGuardFirstUserProps<TSchema>): Promise<react_jsx_runtime0.JSX.Element>;
+//#endregion
+export { CreateFirstUserPageGuard };

package/dist/src/modules/auth/components/create-first-user-guard.server.mjs

@@ -0,0 +1,15 @@
+import { users } from "../db/schema.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { redirect } from "next/navigation";
+import "server-cli-only";
+import { connection } from "next/server";
+
+//#region src/modules/auth/components/create-first-user-guard.server.tsx
+async function CreateFirstUserPageGuard({ children, db }) {
+	await connection();
+	if ((await db.select().from(users).limit(1)).length > 0) redirect("/auth/login");
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { CreateFirstUserPageGuard };

package/dist/src/modules/auth/components/create-first-user-page.client.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/create-first-user-page.client.d.ts
+declare function CreateFirstUserPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CreateFirstUserPage };

package/dist/src/modules/auth/components/create-first-user-page.client.mjs

@@ -0,0 +1,153 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { useAuthClient } from "../hooks/use-auth-client.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../../../components/ui/form.client.mjs";
+import { createUserSchema } from "../lib/validators.mjs";
+import { Eye, EyeOff } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useMutation } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region src/modules/auth/components/create-first-user-page.client.tsx
+function CreateFirstUserPage() {
+	const router = useRouter();
+	const authClient = useAuthClient();
+	const [callbackURL] = useQueryState("callbackURL", parseAsString);
+	const [showPassword, setShowPassword] = useState(false);
+	const createFirstUserMutation = useMutation({
+		mutationFn: async (data) => {
+			const result = await authClient.signUp.email({
+				email: data.email,
+				password: data.password,
+				name: `${data.firstName} ${data.lastName}`,
+				firstName: data.firstName,
+				lastName: data.lastName,
+				callbackURL: callbackURL ?? "/admin"
+			});
+			if (result.error) throw result.error;
+			return result.data;
+		},
+		onError: (err) => {
+			console.error("Create First User error: ", err);
+			toast.error("Er is iets misgegaan");
+		},
+		onSuccess: () => {
+			router.replace(callbackURL ?? "/admin");
+			toast.success("Account succesvol aangemaakt!");
+		}
+	});
+	const disabled = createFirstUserMutation.isPending;
+	const form = useForm({
+		resolver: standardSchemaResolver(createUserSchema),
+		defaultValues: {
+			email: "",
+			firstName: "",
+			lastName: "",
+			password: ""
+		},
+		disabled
+	});
+	if (Object.keys(form.formState.errors).length > 0) console.error(form.formState.errors);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col space-y-2 text-center",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "font-semibold text-3xl tracking-tight",
+				children: "Welkom eerste gebruiker"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Maak eerst een account aan om in te loggen"
+			})]
+		}), /* @__PURE__ */ jsx(Form$1, {
+			...form,
+			children: /* @__PURE__ */ jsxs("form", {
+				className: "space-y-6",
+				onSubmit: form.handleSubmit((data) => createFirstUserMutation.mutate(data)),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "firstName",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Voornaam" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "Voornaam",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "lastName",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Achternaam" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "Achternaam",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "email",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Email" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+									placeholder: "email@example.be",
+									...field
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						}),
+						/* @__PURE__ */ jsx(FormField, {
+							control: form.control,
+							name: "password",
+							render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+								/* @__PURE__ */ jsx(FormLabel, { children: "Wachtwoord" }),
+								/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsxs("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ jsx(Input, {
+										type: showPassword ? "text" : "password",
+										placeholder: "********",
+										...field
+									}), /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "ghost",
+										size: "sm",
+										className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
+										onClick: () => setShowPassword(!showPassword),
+										disabled,
+										children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
+									})]
+								}) }),
+								/* @__PURE__ */ jsx(FormMessage, {})
+							] })
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "space-y-3",
+					children: /* @__PURE__ */ jsxs(Button, {
+						disabled,
+						className: "w-full",
+						children: [createFirstUserMutation.isPending && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), "Account aanmaken"]
+					})
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { CreateFirstUserPage };

package/dist/src/modules/auth/components/forget-password-page.client.d.mts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/forget-password-page.client.d.ts
+declare function ForgetPasswordPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ForgetPasswordPage };

package/dist/src/modules/auth/components/forget-password-page.client.mjs

@@ -0,0 +1,72 @@
+"use client";
+
+import { Icons } from "../../../components/common/icons.mjs";
+import { Button } from "../../../components/ui/button.mjs";
+import { useAuthClient } from "../hooks/use-auth-client.mjs";
+import { Input } from "../../../components/ui/input.mjs";
+import { Form as Form$1, FormControl, FormField, FormItem, FormMessage } from "../../../components/ui/form.client.mjs";
+import { forgotPasswordSchema } from "../lib/validators.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+
+//#region src/modules/auth/components/forget-password-page.client.tsx
+function ForgetPasswordPage() {
+	const authClient = useAuthClient();
+	const [isPending, startTransition] = React.useTransition();
+	const form = useForm({
+		resolver: standardSchemaResolver(forgotPasswordSchema),
+		defaultValues: { email: "" },
+		disabled: isPending
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col space-y-2 text-center",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "font-semibold text-3xl tracking-tight",
+				children: "Wachtwoord vergeten"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen."
+			})]
+		}), /* @__PURE__ */ jsx(Form$1, {
+			...form,
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: form.handleSubmit(({ email }) => startTransition(async () => {
+					await authClient.emailOtp.sendVerificationOtp({
+						type: "forget-password",
+						email,
+						fetchOptions: {
+							onSuccess: () => {
+								toast.success("Succesvol verzonden", { description: "We hebben je een email verzonden om je wachtwoord te herstellen." });
+							},
+							onError: ({ error }) => {
+								console.error("Error: ", error);
+								toast.error("Er is iets misgegaan");
+							}
+						}
+					});
+				})),
+				className: "space-y-6",
+				children: [/* @__PURE__ */ jsx(FormField, {
+					control: form.control,
+					name: "email",
+					render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+						placeholder: "email@example.be",
+						...field
+					}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
+				}), /* @__PURE__ */ jsxs(Button, {
+					disabled: form.formState.disabled,
+					className: "w-full",
+					children: [isPending && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), "Verzenden"]
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ForgetPasswordPage };

package/dist/src/modules/auth/components/guard.server.d.mts

@@ -0,0 +1,14 @@
+import { TDatabaseSchema } from "../../database/lib/types.mjs";
+import { TulipContext } from "../../config/lib/context.mjs";
+import "../../../../config.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+import "server-cli-only";
+
+//#region src/modules/auth/components/guard.server.d.ts
+declare function AuthGuard<TSchema extends TDatabaseSchema>({
+  children,
+  auth
+}: PropsWithChildren<Pick<TulipContext<TSchema>, "auth">>): Promise<react_jsx_runtime0.JSX.Element>;
+//#endregion
+export { AuthGuard };

package/dist/src/modules/auth/components/guard.server.mjs

@@ -0,0 +1,20 @@
+import { getQueryClient } from "../../router/lib/query-client.mjs";
+import { HydrateClient } from "../../router/lib/query-client.server.mjs";
+import { getSession } from "../lib/helpers.server.mjs";
+import { jsx } from "react/jsx-runtime";
+import { redirect } from "next/navigation";
+import "server-cli-only";
+
+//#region src/modules/auth/components/guard.server.tsx
+async function AuthGuard({ children, auth }) {
+	const session = await getSession({ auth });
+	if (!session) redirect("/auth/login");
+	getQueryClient().prefetchQuery({
+		queryKey: ["session"],
+		queryFn: async () => session
+	});
+	return /* @__PURE__ */ jsx(HydrateClient, { children });
+}
+
+//#endregion
+export { AuthGuard };

package/dist/src/modules/auth/components/login-page.client.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/login-page.client.d.ts
+type LoginPageProps = {
+  options?: {
+    enablePasskey?: boolean;
+  };
+};
+declare function LoginPage(props: LoginPageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LoginPage };