@nuasite/cms 0.1.0

package/dist/src/editor/text-styling.d.ts

@@ -0,0 +1,350 @@
+/**
+ * Text styling utilities for applying Tailwind classes to text selections.
+ * Supports inline styling of partial text content within CMS elements.
+ * Uses inline styles for immediate visual feedback.
+ * CSS values can be overridden by AvailableTextStyles from the manifest.
+ */
+import type { AvailableTextStyles } from './types';
+/**
+ * Tailwind text style categories with their class mappings and CSS values.
+ * These are fallback defaults when manifest styles are not available.
+ */
+export declare const TAILWIND_STYLES: {
+    readonly weight: {
+        readonly normal: {
+            readonly class: "font-normal";
+            readonly label: "Normal";
+            readonly css: {
+                readonly fontWeight: "400";
+            };
+        };
+        readonly medium: {
+            readonly class: "font-medium";
+            readonly label: "Medium";
+            readonly css: {
+                readonly fontWeight: "500";
+            };
+        };
+        readonly semibold: {
+            readonly class: "font-semibold";
+            readonly label: "Semibold";
+            readonly css: {
+                readonly fontWeight: "600";
+            };
+        };
+        readonly bold: {
+            readonly class: "font-bold";
+            readonly label: "Bold";
+            readonly css: {
+                readonly fontWeight: "700";
+            };
+        };
+    };
+    readonly decoration: {
+        readonly none: {
+            readonly class: "no-underline";
+            readonly label: "None";
+            readonly css: {
+                readonly textDecoration: "none";
+            };
+        };
+        readonly underline: {
+            readonly class: "underline";
+            readonly label: "Underline";
+            readonly css: {
+                readonly textDecoration: "underline";
+            };
+        };
+        readonly lineThrough: {
+            readonly class: "line-through";
+            readonly label: "Strikethrough";
+            readonly css: {
+                readonly textDecoration: "line-through";
+            };
+        };
+    };
+    readonly style: {
+        readonly normal: {
+            readonly class: "not-italic";
+            readonly label: "Normal";
+            readonly css: {
+                readonly fontStyle: "normal";
+            };
+        };
+        readonly italic: {
+            readonly class: "italic";
+            readonly label: "Italic";
+            readonly css: {
+                readonly fontStyle: "italic";
+            };
+        };
+    };
+    readonly color: {
+        readonly inherit: {
+            readonly class: "text-inherit";
+            readonly label: "Inherit";
+            readonly css: {
+                readonly color: "inherit";
+            };
+        };
+        readonly slate: {
+            readonly class: "text-slate-700";
+            readonly label: "Slate";
+            readonly css: {
+                readonly color: "#334155";
+            };
+        };
+        readonly gray: {
+            readonly class: "text-gray-700";
+            readonly label: "Gray";
+            readonly css: {
+                readonly color: "#374151";
+            };
+        };
+        readonly red: {
+            readonly class: "text-red-600";
+            readonly label: "Red";
+            readonly css: {
+                readonly color: "#dc2626";
+            };
+        };
+        readonly orange: {
+            readonly class: "text-orange-600";
+            readonly label: "Orange";
+            readonly css: {
+                readonly color: "#ea580c";
+            };
+        };
+        readonly amber: {
+            readonly class: "text-amber-600";
+            readonly label: "Amber";
+            readonly css: {
+                readonly color: "#d97706";
+            };
+        };
+        readonly green: {
+            readonly class: "text-green-600";
+            readonly label: "Green";
+            readonly css: {
+                readonly color: "#16a34a";
+            };
+        };
+        readonly blue: {
+            readonly class: "text-blue-600";
+            readonly label: "Blue";
+            readonly css: {
+                readonly color: "#2563eb";
+            };
+        };
+        readonly purple: {
+            readonly class: "text-purple-600";
+            readonly label: "Purple";
+            readonly css: {
+                readonly color: "#9333ea";
+            };
+        };
+    };
+    readonly highlight: {
+        readonly none: {
+            readonly class: "";
+            readonly label: "None";
+            readonly css: {
+                readonly backgroundColor: "transparent";
+            };
+        };
+        readonly yellow: {
+            readonly class: "bg-yellow-200";
+            readonly label: "Yellow";
+            readonly css: {
+                readonly backgroundColor: "#fef08a";
+            };
+        };
+        readonly green: {
+            readonly class: "bg-green-200";
+            readonly label: "Green";
+            readonly css: {
+                readonly backgroundColor: "#bbf7d0";
+            };
+        };
+        readonly blue: {
+            readonly class: "bg-blue-200";
+            readonly label: "Blue";
+            readonly css: {
+                readonly backgroundColor: "#bfdbfe";
+            };
+        };
+        readonly pink: {
+            readonly class: "bg-pink-200";
+            readonly label: "Pink";
+            readonly css: {
+                readonly backgroundColor: "#fbcfe8";
+            };
+        };
+    };
+    readonly size: {
+        readonly xs: {
+            readonly class: "text-xs";
+            readonly label: "XS";
+            readonly css: {
+                readonly fontSize: "0.75rem";
+                readonly lineHeight: "1rem";
+            };
+        };
+        readonly sm: {
+            readonly class: "text-sm";
+            readonly label: "SM";
+            readonly css: {
+                readonly fontSize: "0.875rem";
+                readonly lineHeight: "1.25rem";
+            };
+        };
+        readonly base: {
+            readonly class: "text-base";
+            readonly label: "Base";
+            readonly css: {
+                readonly fontSize: "1rem";
+                readonly lineHeight: "1.5rem";
+            };
+        };
+        readonly lg: {
+            readonly class: "text-lg";
+            readonly label: "LG";
+            readonly css: {
+                readonly fontSize: "1.125rem";
+                readonly lineHeight: "1.75rem";
+            };
+        };
+        readonly xl: {
+            readonly class: "text-xl";
+            readonly label: "XL";
+            readonly css: {
+                readonly fontSize: "1.25rem";
+                readonly lineHeight: "1.75rem";
+            };
+        };
+        readonly '2xl': {
+            readonly class: "text-2xl";
+            readonly label: "2XL";
+            readonly css: {
+                readonly fontSize: "1.5rem";
+                readonly lineHeight: "2rem";
+            };
+        };
+    };
+};
+export type StyleCategory = keyof typeof TAILWIND_STYLES;
+export type StyleValue<C extends StyleCategory> = keyof (typeof TAILWIND_STYLES)[C];
+export interface TextStyle {
+    weight?: StyleValue<'weight'>;
+    decoration?: StyleValue<'decoration'>;
+    style?: StyleValue<'style'>;
+    color?: StyleValue<'color'>;
+    highlight?: StyleValue<'highlight'>;
+    size?: StyleValue<'size'>;
+}
+export interface TextSelection {
+    startOffset: number;
+    endOffset: number;
+    text: string;
+    range: Range;
+    anchorNode: Node;
+    focusNode: Node;
+}
+/**
+ * Get the current text selection within a CMS element
+ */
+export declare function getTextSelection(cmsElement: HTMLElement): TextSelection | null;
+/**
+ * Build the class string from a TextStyle object
+ */
+export declare function buildStyleClasses(style: TextStyle): string;
+/**
+ * Build inline CSS styles from a TextStyle object.
+ * Uses manifest styles when available, falls back to hardcoded defaults.
+ */
+export declare function buildInlineStyles(style: TextStyle, availableTextStyles?: AvailableTextStyles): Record<string, string>;
+/**
+ * Set the available text styles from manifest.
+ * Call this when manifest is loaded.
+ */
+export declare function setAvailableTextStyles(styles: AvailableTextStyles | undefined): void;
+/**
+ * Parse Tailwind classes from a class string back to TextStyle.
+ * Uses O(n) lookup via pre-computed map instead of O(n*m) nested loops.
+ */
+export declare function parseStyleClasses(classString: string): TextStyle;
+/**
+ * Separate styling classes from non-styling classes
+ */
+export declare function separateClasses(classString: string): {
+    styleClasses: string[];
+    otherClasses: string[];
+};
+/**
+ * Check if an element is a styled span created by the CMS
+ */
+export declare function isStyledSpan(element: Element | null): element is HTMLElement;
+/**
+ * Get the styled span element if the selection is entirely within one.
+ * Returns null if selection spans multiple elements or is not in a styled span.
+ */
+export declare function getStyledSpanFromSelection(cmsElement: HTMLElement): HTMLElement | null;
+/**
+ * Remove styling from a styled span element, keeping only the text content.
+ * Used to "unstyle" previously styled text.
+ */
+export declare function removeStyleFromElement(styledSpan: HTMLElement): void;
+/**
+ * Update styles on an existing styled span.
+ * Preserves non-styling classes and applies inline styles for immediate feedback.
+ */
+export declare function updateStyledSpan(span: HTMLElement, newStyle: Partial<TextStyle>): void;
+/**
+ * Remove empty styled spans from the element
+ */
+export declare function cleanupEmptyStyledSpans(cmsElement: HTMLElement): void;
+/**
+ * Merge adjacent styled spans that have the same classes
+ */
+export declare function mergeAdjacentStyledSpans(cmsElement: HTMLElement): void;
+/**
+ * Wrap selected text in a span with Tailwind classes.
+ * If the selection is already inside a styled span, just update that span's classes.
+ * Returns the styled span element or null if failed.
+ */
+export declare function wrapSelectionWithStyle(cmsElement: HTMLElement, selection: TextSelection, style: TextStyle): HTMLSpanElement | null;
+/**
+ * Apply a specific style category to the current selection.
+ * This is a convenience function for single-style application.
+ */
+export declare function applyStyleToSelection<C extends StyleCategory>(cmsElement: HTMLElement, category: C, value: StyleValue<C>): HTMLSpanElement | null;
+/**
+ * Toggle a style value on the selection or styled element.
+ * If the style is already applied, it removes it; otherwise applies it.
+ */
+export declare function toggleStyle<C extends StyleCategory>(cmsElement: HTMLElement, category: C, value: StyleValue<C>): HTMLSpanElement | null;
+/**
+ * Check if a specific style is currently applied to the selection
+ */
+export declare function hasStyle<C extends StyleCategory>(cmsElement: HTMLElement, category: C, value: StyleValue<C>): boolean;
+/**
+ * Get the current style of the selection
+ */
+export declare function getCurrentStyle(cmsElement: HTMLElement): TextStyle;
+/**
+ * Remove all styling from the current selection
+ */
+export declare function clearAllStyles(cmsElement: HTMLElement): void;
+/**
+ * Check if a style value is valid for a given category
+ */
+export declare function isValidStyleValue<C extends StyleCategory>(category: C, value: unknown): value is StyleValue<C>;
+/**
+ * Get the default value for a style category
+ */
+export declare function getDefaultValue(category: StyleCategory): string;
+/**
+ * Get all Tailwind classes used for text styling.
+ */
+export declare function getAllStyleClasses(): string[];
+//# sourceMappingURL=text-styling.d.ts.map

package/dist/src/editor/text-styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-styling.d.ts","sourceRoot":"","sources":["../../../src/editor/text-styling.ts"],"names":[],"mappings":"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"}

package/dist/src/editor/themes.d.ts

@@ -0,0 +1,38 @@
+import type { CmsConfig, CmsThemeConfig, CmsThemePreset } from './types';
+/**
+ * Theme presets for CMS UI
+ */
+export declare const THEME_PRESETS: Record<CmsThemePreset, CmsThemeConfig>;
+/**
+ * Resolved theme with all values computed from preset + overrides
+ */
+export interface ResolvedTheme {
+    primary: string;
+    primaryHover: string;
+    primaryText: string;
+    secondary: string;
+    secondaryHover: string;
+    background: string;
+    card: string;
+    text: string;
+    textMuted: string;
+    border: string;
+    radiusSm: string;
+    radiusMd: string;
+    radiusLg: string;
+    radiusXl: string;
+    radiusPill: string;
+    shadowSm: string;
+    shadowMd: string;
+    shadowLg: string;
+    preset: CmsThemePreset;
+}
+/**
+ * Resolve theme from config (preset + overrides)
+ */
+export declare function resolveTheme(config: CmsConfig): ResolvedTheme;
+/**
+ * Generate CSS variable overrides from resolved theme
+ */
+export declare function generateCSSVariables(theme: ResolvedTheme): string;
+//# sourceMappingURL=themes.d.ts.map

package/dist/src/editor/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/editor/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,cAAc,EAAE,cAAc,CAyBhE,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAE7B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IAGd,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAGlB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAGhB,MAAM,EAAE,cAAc,CAAA;CACtB;AAqFD;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,CA4B7D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CA0BjE"}