@tulip-systems/core 0.8.3 → 0.9.0

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

@@ -0,0 +1,51 @@
+//#region src/lib/utils/format.d.ts
+/**
+ * Format date to locale string
+ * @param date: string | null | undefined
+ * @returns Date in format: 01/01/2021
+ */
+declare function formatDate(date: string | Date | null | undefined): string;
+/**
+ * Format date to locale string
+ * @param date: string | null | undefined
+ * @returns Date in format: 01/01/2021 01:01:01
+ */
+declare function formatDateTime(date: string | Date | null | undefined): string;
+/**
+ * Format currency to locale string
+ * @param amount: number | null | undefined
+ * @returns Currency in format: € 1.000,00
+ */
+declare function formatCurrency(amount: number | string | null | undefined): string;
+/**
+ * Format Time to locale string
+ * @param date: string | null | undefined
+ * @returns Time in format: 01:01:01
+ */
+declare function formatTime(date: string | Date | null | undefined): string;
+/**
+ * Format duration to locale string
+ * @param duration number | null | undefined
+ * @returns Duration in format: 01:01:01
+ */
+declare function formatDuration(durationInSeconds: number | null | undefined): string;
+/**
+ * Format phone number
+ * @param phone string | null | undefined
+ * @returns Phone number in format: +32 000 00 00 00
+ */
+declare function formatPhone(phone: string | null | undefined): string;
+/**
+ * Format asset size
+ * @param size number | null | undefined
+ * @returns Size in format: 1.00 MB
+ */
+declare function formatAssetSize(size: number | null | undefined): string;
+/**
+ * Format user agent to locale string
+ * @param ua: string
+ * @returns User agent in format: Chrome · Desktop
+ */
+declare function formatUserAgent(ua: string): string;
+//#endregion
+export { formatAssetSize, formatCurrency, formatDate, formatDateTime, formatDuration, formatPhone, formatTime, formatUserAgent };

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

@@ -0,0 +1,113 @@
+import { detectBrowser, detectDevice, detectOS } from "./user-agent.mjs";
+
+//#region src/lib/utils/format.ts
+/**
+* Format date to locale string
+* @param date: string | null | undefined
+* @returns Date in format: 01/01/2021
+*/
+function formatDate(date) {
+	if (!date) return "";
+	return new Date(date).toLocaleDateString("nl-BE", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	});
+}
+/**
+* Format date to locale string
+* @param date: string | null | undefined
+* @returns Date in format: 01/01/2021 01:01:01
+*/
+function formatDateTime(date) {
+	if (!date) return "";
+	return new Date(date).toLocaleDateString("nl-BE", {
+		year: "numeric",
+		month: "numeric",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+}
+/**
+* Format currency to locale string
+* @param amount: number | null | undefined
+* @returns Currency in format: € 1.000,00
+*/
+function formatCurrency(amount) {
+	if (amount == null) return "";
+	return new Intl.NumberFormat("nl-BE", {
+		style: "currency",
+		currency: "EUR"
+	}).format(Number(amount.toString()));
+}
+/**
+* Format Time to locale string
+* @param date: string | null | undefined
+* @returns Time in format: 01:01:01
+*/
+function formatTime(date) {
+	if (!date) return "";
+	return new Date(date).toLocaleString("nl-BE", {
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+}
+/**
+* Format duration to locale string
+* @param duration number | null | undefined
+* @returns Duration in format: 01:01:01
+*/
+function formatDuration(durationInSeconds) {
+	if (durationInSeconds == null) return "";
+	const hours = Math.floor(durationInSeconds / 3600);
+	const minutes = Math.floor(durationInSeconds % 3600 / 60);
+	const seconds = durationInSeconds % 60;
+	return [
+		hours.toString().padStart(2, "0"),
+		minutes.toString().padStart(2, "0"),
+		seconds.toString().padStart(2, "0")
+	].join(":");
+}
+/**
+* Format phone number
+* @param phone string | null | undefined
+* @returns Phone number in format: +32 000 00 00 00
+*/
+function formatPhone(phone) {
+	if (!phone) return "";
+	return phone.toString().replace(/(\d{2})(\d{3})(\d{2})(\d{2})(\d{2})/, "$1 $2 $3 $4 $5");
+}
+/**
+* Format asset size
+* @param size number | null | undefined
+* @returns Size in format: 1.00 MB
+*/
+function formatAssetSize(size) {
+	if (size == null) return "";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	const index = Math.floor(Math.log(size) / Math.log(1024));
+	return `${+(size / 1024 ** index).toFixed(2)} ${units[index]}`;
+}
+/**
+* Format user agent to locale string
+* @param ua: string
+* @returns User agent in format: Chrome · Desktop
+*/
+function formatUserAgent(ua) {
+	const browser = detectBrowser(ua);
+	const os = detectOS(ua);
+	const device = detectDevice(ua);
+	return `${browser.name} ${browser.version ?? ""} · ${device} · ${os.name} ${os.version ?? ""}`;
+}
+
+//#endregion
+export { formatAssetSize, formatCurrency, formatDate, formatDateTime, formatDuration, formatPhone, formatTime, formatUserAgent };

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

@@ -0,0 +1,7 @@
+import { TulipConfig } from "../../modules/config/lib/config.mjs";
+import { MetadataRoute } from "next";
+
+//#region src/lib/utils/manifest.d.ts
+declare function generateManifest(config: TulipConfig): () => MetadataRoute.Manifest;
+//#endregion
+export { generateManifest };

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 };