@tulip-systems/core 0.10.0 → 0.10.1

package/dist/src/components/editor/extensions/skeleton/extension.mjs

@@ -1,8 +1,8 @@
 "use client";
 
 import { SkeletonNodeRenderer } from "./renderer.mjs";
-import { ReactNodeViewRenderer } from "@tiptap/react";
 import { Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
 
 //#region src/components/editor/extensions/skeleton/extension.ts
 const Skeleton = Node.create({

package/dist/src/components/editor/lib/constants.d.mts

@@ -1,5 +1,6 @@
 import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
 import { ImageOptions } from "../extensions/image/extension.mjs";
+import * as _tiptap_core0 from "@tiptap/core";
 import * as _tiptap_extension_blockquote0 from "@tiptap/extension-blockquote";
 import * as _tiptap_extension_bold0 from "@tiptap/extension-bold";
 import * as _tiptap_extension_hard_break0 from "@tiptap/extension-hard-break";
@@ -14,7 +15,6 @@ import * as _tiptap_extension_underline0 from "@tiptap/extension-underline";
 import * as _tiptap_extension_highlight0 from "@tiptap/extension-highlight";
 import * as _tiptap_extension_text_style0 from "@tiptap/extension-text-style";
 import * as _tiptap_extensions0 from "@tiptap/extensions";
-import * as _tiptap_core0 from "@tiptap/core";
 
 //#region src/components/editor/lib/constants.d.ts
 /**

package/dist/src/components/editor/lib/extensions.d.mts

@@ -1,6 +1,7 @@
 import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
 import { ImageOptions } from "../extensions/image/extension.mjs";
 import { EditorExtensions } from "./constants.mjs";
+import "@tiptap/core";
 import { BlockquoteOptions } from "@tiptap/extension-blockquote";
 import { BoldOptions } from "@tiptap/extension-bold";
 import { HardBreakOptions } from "@tiptap/extension-hard-break";
@@ -16,7 +17,6 @@ import "@tiptap/react";
 import { HighlightOptions } from "@tiptap/extension-highlight";
 import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
 import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
-import "@tiptap/core";
 
 //#region src/components/editor/lib/extensions.d.ts
 /**

package/dist/src/components/editor/lib/helpers.d.mts

@@ -17,5 +17,9 @@ declare function convertEditorContentToHTML(content: EditorJSONContent): string;
  * Convert editor content to markdown
  */
 declare function convertEditorContentToMarkdown(content: EditorJSONContent): string;
+/**
+ * Convert editor content to plain text
+ */
+declare function convertEditorContentToPlainText(content: EditorJSONContent): string;
 //#endregion
-export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/src/components/editor/lib/helpers.mjs

@@ -1,4 +1,5 @@
 import { markdownParser } from "../../../lib/utils/markdown.mjs";
+import { generateText } from "@tiptap/core";
 import Blockquote from "@tiptap/extension-blockquote";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -63,6 +64,12 @@ function convertEditorContentToMarkdown(content) {
 		extensions: EXTENSIONS_FOR_GENERATION
 	});
 }
+/**
+* Convert editor content to plain text
+*/
+function convertEditorContentToPlainText(content) {
+	return generateText(content, EXTENSIONS_FOR_GENERATION);
+}
 
 //#endregion
-export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertEditorContentToPlainText, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/src/components/layouts/root-layout.server.d.mts

@@ -29,8 +29,9 @@ declare const generateRootLayoutMetadata: (config: TulipConfig) => {
 /**
  * Root layout
  */
+type RootLayoutProps = PropsWithChildren;
 declare function RootLayout({
   children
-}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+}: RootLayoutProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootLayout, generateRootLayoutMetadata };
+export { RootLayout, RootLayoutProps, generateRootLayoutMetadata };

package/dist/src/components/layouts/root-layout.server.mjs

@@ -29,12 +29,10 @@ const generateRootLayoutMetadata = (config) => ({
 		}]
 	}
 });
-/**
-* Root layout
-*/
 function RootLayout({ children }) {
 	return /* @__PURE__ */ jsx("html", {
 		lang: "nl",
+		"data-theme": "tulip",
 		children: /* @__PURE__ */ jsx("body", {
 			className: cn("bg-background font-sans antialiased", registerFonts()),
 			children

package/dist/src/components/themes/color-theme-provider.client.d.mts

@@ -0,0 +1,27 @@
+import { ColorTheme } from "./color-theme.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/themes/color-theme-provider.client.d.ts
+type ColorThemeContextValue = {
+  colorTheme: ColorTheme;
+  setColorTheme: (theme: ColorTheme) => void;
+  colorThemes: readonly ColorTheme[];
+};
+/**
+ * Provides the current color theme and a setter to the component tree.
+ * The server provides the initial theme, then client interactions keep local state and the cookie in sync.
+ */
+declare function ColorThemeProvider({
+  children,
+  theme
+}: PropsWithChildren<{
+  theme: ColorTheme;
+}>): react_jsx_runtime0.JSX.Element;
+/**
+ * Returns the active color theme context for client components.
+ * It throws early when used outside the provider so incorrect usage fails loudly.
+ */
+declare function useColorTheme(): ColorThemeContextValue;
+//#endregion
+export { ColorThemeProvider, useColorTheme };

package/dist/src/components/themes/color-theme-provider.client.mjs

@@ -0,0 +1,59 @@
+"use client";
+
+import { COLOR_THEME_STORAGE_KEY, colorThemes } from "./color-theme.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext, use, useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
+
+//#region src/components/themes/color-theme-provider.client.tsx
+const ColorThemeContext = createContext(null);
+/**
+* Persists the chosen theme in a cookie so the server can resolve it on the next request.
+* Cookie failures are ignored because theme changes should still work in local React state.
+*/
+function setStoredColorTheme(theme) {
+	try {
+		document.cookie = `${COLOR_THEME_STORAGE_KEY}=${theme}; path=/; max-age=31536000; samesite=lax`;
+	} catch {}
+}
+/**
+* Provides the current color theme and a setter to the component tree.
+* The server provides the initial theme, then client interactions keep local state and the cookie in sync.
+*/
+function ColorThemeProvider({ children, theme }) {
+	const [colorTheme, setColorThemeState] = useState(theme);
+	useEffect(() => {
+		setColorThemeState(theme);
+	}, [theme]);
+	useLayoutEffect(() => {
+		document.documentElement.dataset.theme = colorTheme;
+	}, [colorTheme]);
+	const setColorTheme = useCallback((theme) => {
+		setColorThemeState(theme);
+		setStoredColorTheme(theme);
+	}, []);
+	const value = useMemo(() => ({
+		colorTheme,
+		setColorTheme,
+		colorThemes
+	}), [colorTheme, setColorTheme]);
+	return /* @__PURE__ */ jsx(ColorThemeContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "contents",
+			"data-theme": colorTheme,
+			children
+		})
+	});
+}
+/**
+* Returns the active color theme context for client components.
+* It throws early when used outside the provider so incorrect usage fails loudly.
+*/
+function useColorTheme() {
+	const context = use(ColorThemeContext);
+	if (!context) throw new Error("useColorTheme must be used within a ColorThemeProvider");
+	return context;
+}
+
+//#endregion
+export { ColorThemeProvider, useColorTheme };

package/dist/src/components/themes/color-theme.d.mts

@@ -0,0 +1,29 @@
+import z from "zod";
+import { ReadonlyRequestCookies } from "next/dist/server/web/spec-extension/adapters/request-cookies";
+
+//#region src/components/themes/color-theme.d.ts
+/**
+ * Shared cookie key used by both server reads and client writes.
+ */
+declare const COLOR_THEME_STORAGE_KEY = "tulip-color-theme";
+/**
+ * All supported color theme names.
+ */
+declare const colorThemes: readonly ["tulip", "rose", "iris", "sage"];
+type ColorTheme = (typeof colorThemes)[number];
+/**
+ * Validators
+ */
+declare const colorThemeSchema: z.ZodEnum<{
+  tulip: "tulip";
+  rose: "rose";
+  iris: "iris";
+  sage: "sage";
+}>;
+/**
+ * Resolves a validated color theme from either a raw string value or a cookie store.
+ * Invalid, missing, or unsupported values are treated as undefined.
+ */
+declare function getColorThemeValue(cookieStore: ReadonlyRequestCookies, fallback?: ColorTheme): ColorTheme;
+//#endregion
+export { COLOR_THEME_STORAGE_KEY, ColorTheme, colorThemeSchema, colorThemes, getColorThemeValue };

package/dist/src/components/themes/color-theme.mjs

@@ -0,0 +1,32 @@
+import z from "zod";
+
+//#region src/components/themes/color-theme.ts
+/**
+* Shared cookie key used by both server reads and client writes.
+*/
+const COLOR_THEME_STORAGE_KEY = "tulip-color-theme";
+/**
+* All supported color theme names.
+*/
+const colorThemes = [
+	"tulip",
+	"rose",
+	"iris",
+	"sage"
+];
+/**
+* Validators
+*/
+const colorThemeSchema = z.enum(colorThemes, { error: "Invalid color theme" });
+/**
+* Resolves a validated color theme from either a raw string value or a cookie store.
+* Invalid, missing, or unsupported values are treated as undefined.
+*/
+function getColorThemeValue(cookieStore, fallback = "tulip") {
+	const theme = cookieStore.get(COLOR_THEME_STORAGE_KEY)?.value;
+	const parsed = colorThemeSchema.safeParse(theme);
+	return parsed.success ? parsed.data : fallback;
+}
+
+//#endregion
+export { COLOR_THEME_STORAGE_KEY, colorThemeSchema, colorThemes, getColorThemeValue };

package/dist/src/components/ui/badge.d.mts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/components/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "link" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Badge({
   className,

package/dist/src/components/ui/button.d.mts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "link" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
   size?: "default" | "xs" | "sm" | "icon-xs" | "icon-sm" | "lg" | "icon" | "icon-lg" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button({

package/dist/src/components/ui/item.d.mts

@@ -27,7 +27,7 @@ declare function Item({
   asChild?: boolean;
 }): react_jsx_runtime0.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
+  variant?: "image" | "default" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,

package/dist/src/modules/auth/handler/create-client.client.d.mts

@@ -192,7 +192,7 @@ declare function createAuthClient<TAccessControl extends AccessControl, TRoles e
       sortBy?: string | undefined;
       sortDirection?: "asc" | "desc" | undefined;
       filterField?: string | undefined;
-      filterValue?: string | number | boolean | number[] | string[] | undefined;
+      filterValue?: string | number | boolean | string[] | number[] | undefined;
       filterOperator?: "in" | "contains" | "starts_with" | "ends_with" | "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "not_in" | undefined;
     }> & Record<string, any>, Record<string, any> | undefined>>(data_0: better_auth0.Prettify<{
       query: {
@@ -204,7 +204,7 @@ declare function createAuthClient<TAccessControl extends AccessControl, TRoles e
         sortBy?: string | undefined;
         sortDirection?: "asc" | "desc" | undefined;
         filterField?: string | undefined;
-        filterValue?: string | number | boolean | number[] | string[] | undefined;
+        filterValue?: string | number | boolean | string[] | number[] | undefined;
         filterOperator?: "in" | "contains" | "starts_with" | "ends_with" | "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "not_in" | undefined;
       };
       fetchOptions?: FetchOptions | undefined;

package/dist/src/modules/inline/lib/variants.d.mts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region src/modules/inline/lib/variants.d.ts
 declare const inlineEditVariants: (props?: ({
   variant?: "default" | "table" | null | undefined;
-  status?: "success" | "error" | "pending" | "idle" | null | undefined;
+  status?: "error" | "success" | "pending" | "idle" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;
 //#endregion

package/dist/src/modules/storage/lib/service.server.d.mts

@@ -1915,19 +1915,19 @@ declare class Storage<TSchema extends TDatabaseSchema> {
    */
   presignUpload(props: PresignUploadInput): Promise<{
     presignedUrl: string;
-    contentType: string | null;
-    size: number | null;
-    metadata: unknown;
-    key: string;
-    status: "error" | "pending" | "ready";
     id: string;
     createdAt: Date;
     updatedAt: Date;
     name: string | null;
+    key: string;
+    metadata: unknown;
     provider: "s3";
-    bucket: string;
-    visibility: "private" | "public";
     uploadId: string;
+    visibility: "private" | "public";
+    size: number | null;
+    contentType: string | null;
+    bucket: string;
+    status: "error" | "pending" | "ready";
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;
@@ -2164,19 +2164,19 @@ declare class Storage<TSchema extends TDatabaseSchema> {
    * @returns The purged asset record, or null if not found
    */
   purgeAsset(input: string): Promise<{
-    contentType: string | null;
-    size: number | null;
-    metadata: unknown;
-    key: string;
-    status: "error" | "pending" | "ready";
     id: string;
     createdAt: Date;
     updatedAt: Date;
     name: string | null;
+    key: string;
+    metadata: unknown;
     provider: "s3";
-    bucket: string;
-    visibility: "private" | "public";
     uploadId: string;
+    visibility: "private" | "public";
+    size: number | null;
+    contentType: string | null;
+    bucket: string;
+    status: "error" | "pending" | "ready";
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;
@@ -2195,19 +2195,19 @@ declare class Storage<TSchema extends TDatabaseSchema> {
    * @throws {ServerError} If provider deletion fails
    */
   purgeAssets(input: string[]): Promise<{
-    contentType: string | null;
-    size: number | null;
-    metadata: unknown;
-    key: string;
-    status: "error" | "pending" | "ready";
     id: string;
     createdAt: Date;
     updatedAt: Date;
     name: string | null;
+    key: string;
+    metadata: unknown;
     provider: "s3";
-    bucket: string;
-    visibility: "private" | "public";
     uploadId: string;
+    visibility: "private" | "public";
+    size: number | null;
+    contentType: string | null;
+    bucket: string;
+    status: "error" | "pending" | "ready";
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tulip-systems/core",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "type": "module",
   "sideEffects": false,
   "license": "AGPL-3.0",

package/src/components/editor/lib/helpers.ts

@@ -1,3 +1,4 @@
+import { generateText } from "@tiptap/core";
 import Blockquote from "@tiptap/extension-blockquote";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -68,3 +69,10 @@ export function convertEditorContentToMarkdown(content: EditorJSONContent): stri
     extensions: EXTENSIONS_FOR_GENERATION,
   });
 }
+
+/**
+ * Convert editor content to plain text
+ */
+export function convertEditorContentToPlainText(content: EditorJSONContent): string {
+  return generateText(content, EXTENSIONS_FOR_GENERATION);
+}

package/src/components/entry.client.ts

@@ -20,11 +20,11 @@ export * from "./header/top-bar.client";
  */
 export * from "./layouts/admin-content.client";
 export * from "./layouts/providers.client";
-
 /**
  * Components Navigation
  */
 export * from "./navigation/admin-sidebar-paths.client";
+export * from "./themes/color-theme-provider.client";
 
 /**
  * Components UI

package/src/components/entry.ts

@@ -19,12 +19,12 @@ export * from "./layouts/list-layout";
 export * from "./layouts/root-error-pages";
 export * from "./layouts/root-loading";
 export * from "./layouts/tab-layout";
-
 /**
  * Components Lists
  */
 export * from "./lists/data-list";
 export * from "./lists/data-stack";
+export * from "./themes/color-theme";
 
 /**
  * Components UI

package/src/components/layouts/root-layout.server.tsx

@@ -38,9 +38,11 @@ export const generateRootLayoutMetadata = (config: TulipConfig) => ({
 /**
  * Root layout
  */
-export function RootLayout({ children }: PropsWithChildren) {
+export type RootLayoutProps = PropsWithChildren;
+
+export function RootLayout({ children }: RootLayoutProps) {
   return (
-    <html lang="nl">
+    <html lang="nl" data-theme="tulip">
       <body className={cn("bg-background font-sans antialiased", registerFonts())}>{children}</body>
     </html>
   );

package/src/components/themes/color-theme-provider.client.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import type { PropsWithChildren } from "react";
+import {
+  createContext,
+  use,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useState,
+} from "react";
+import { COLOR_THEME_STORAGE_KEY, type ColorTheme, colorThemes } from "./color-theme";
+
+type ColorThemeContextValue = {
+  colorTheme: ColorTheme;
+  setColorTheme: (theme: ColorTheme) => void;
+  colorThemes: readonly ColorTheme[];
+};
+
+const ColorThemeContext = createContext<ColorThemeContextValue | null>(null);
+
+/**
+ * Persists the chosen theme in a cookie so the server can resolve it on the next request.
+ * Cookie failures are ignored because theme changes should still work in local React state.
+ */
+function setStoredColorTheme(theme: ColorTheme) {
+  try {
+    // biome-ignore lint/suspicious/noDocumentCookie: client theme changes need to persist for the next server render
+    document.cookie = `${COLOR_THEME_STORAGE_KEY}=${theme}; path=/; max-age=31536000; samesite=lax`;
+  } catch {
+    // Ignore cookie failures.
+  }
+}
+
+/**
+ * Provides the current color theme and a setter to the component tree.
+ * The server provides the initial theme, then client interactions keep local state and the cookie in sync.
+ */
+export function ColorThemeProvider({ children, theme }: PropsWithChildren<{ theme: ColorTheme }>) {
+  const [colorTheme, setColorThemeState] = useState(theme);
+
+  useEffect(() => {
+    setColorThemeState(theme);
+  }, [theme]);
+
+  useLayoutEffect(() => {
+    document.documentElement.dataset.theme = colorTheme;
+  }, [colorTheme]);
+
+  const setColorTheme = useCallback((theme: ColorTheme) => {
+    setColorThemeState(theme);
+    setStoredColorTheme(theme);
+  }, []);
+
+  const value = useMemo(
+    () => ({ colorTheme, setColorTheme, colorThemes }),
+    [colorTheme, setColorTheme],
+  );
+
+  return (
+    <ColorThemeContext.Provider value={value}>
+      <div className="contents" data-theme={colorTheme}>
+        {children}
+      </div>
+    </ColorThemeContext.Provider>
+  );
+}
+
+/**
+ * Returns the active color theme context for client components.
+ * It throws early when used outside the provider so incorrect usage fails loudly.
+ */
+export function useColorTheme() {
+  const context = use(ColorThemeContext);
+
+  if (!context) {
+    throw new Error("useColorTheme must be used within a ColorThemeProvider");
+  }
+
+  return context;
+}

package/src/components/themes/color-theme.ts

@@ -0,0 +1,32 @@
+import type { ReadonlyRequestCookies } from "next/dist/server/web/spec-extension/adapters/request-cookies";
+import z from "zod";
+
+/**
+ * Shared cookie key used by both server reads and client writes.
+ */
+export const COLOR_THEME_STORAGE_KEY = "tulip-color-theme";
+
+/**
+ * All supported color theme names.
+ */
+export const colorThemes = ["tulip", "rose", "iris", "sage"] as const;
+export type ColorTheme = (typeof colorThemes)[number];
+
+/**
+ * Validators
+ */
+export const colorThemeSchema = z.enum(colorThemes, { error: "Invalid color theme" });
+
+/**
+ * Resolves a validated color theme from either a raw string value or a cookie store.
+ * Invalid, missing, or unsupported values are treated as undefined.
+ */
+export function getColorThemeValue(
+  cookieStore: ReadonlyRequestCookies,
+  fallback: ColorTheme = "tulip",
+): ColorTheme {
+  const theme = cookieStore.get(COLOR_THEME_STORAGE_KEY)?.value;
+  const parsed = colorThemeSchema.safeParse(theme);
+
+  return parsed.success ? parsed.data : fallback;
+}