cms-block-editor 1.0.14 → 1.0.17

package/dist/index.d.mts

@@ -2,14 +2,193 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LexicalEditor, LexicalCommand, DecoratorNode, NodeKey, Spread, SerializedLexicalNode } from 'lexical';
 import { JSX, ReactNode } from 'react';
 
+interface SEOMetadata {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+    canonical?: string;
+    robots?: string;
+    ogTitle?: string;
+    ogDescription?: string;
+    ogImage?: string;
+    ogImageAlt?: string;
+    ogUrl?: string;
+    ogType?: 'website' | 'article' | 'blog' | 'product';
+    ogSiteName?: string;
+    ogLocale?: string;
+    twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player';
+    twitterSite?: string;
+    twitterCreator?: string;
+    twitterTitle?: string;
+    twitterDescription?: string;
+    twitterImage?: string;
+    twitterImageAlt?: string;
+    articlePublishedTime?: string;
+    articleModifiedTime?: string;
+    articleAuthor?: string;
+    articleSection?: string;
+    articleTags?: string[];
+    schema?: SchemaType[];
+}
+type SchemaType = ArticleSchema | BreadcrumbSchema | OrganizationSchema | PersonSchema | ProductSchema | FAQSchema | HowToSchema;
+interface ArticleSchema {
+    '@context': 'https://schema.org';
+    '@type': 'Article' | 'BlogPosting' | 'NewsArticle';
+    headline: string;
+    description?: string;
+    image?: string | string[];
+    datePublished?: string;
+    dateModified?: string;
+    author?: {
+        '@type': 'Person' | 'Organization';
+        name: string;
+        url?: string;
+    };
+    publisher?: {
+        '@type': 'Organization';
+        name: string;
+        logo?: {
+            '@type': 'ImageObject';
+            url: string;
+        };
+    };
+    mainEntityOfPage?: string;
+}
+interface BreadcrumbSchema {
+    '@context': 'https://schema.org';
+    '@type': 'BreadcrumbList';
+    itemListElement: Array<{
+        '@type': 'ListItem';
+        position: number;
+        name: string;
+        item?: string;
+    }>;
+}
+interface OrganizationSchema {
+    '@context': 'https://schema.org';
+    '@type': 'Organization';
+    name: string;
+    url?: string;
+    logo?: string;
+    description?: string;
+    contactPoint?: Array<{
+        '@type': 'ContactPoint';
+        telephone: string;
+        contactType: string;
+    }>;
+    sameAs?: string[];
+}
+interface PersonSchema {
+    '@context': 'https://schema.org';
+    '@type': 'Person';
+    name: string;
+    url?: string;
+    image?: string;
+    jobTitle?: string;
+    worksFor?: {
+        '@type': 'Organization';
+        name: string;
+    };
+    sameAs?: string[];
+}
+interface ProductSchema {
+    '@context': 'https://schema.org';
+    '@type': 'Product';
+    name: string;
+    image?: string | string[];
+    description?: string;
+    brand?: {
+        '@type': 'Brand';
+        name: string;
+    };
+    offers?: {
+        '@type': 'Offer';
+        price: string;
+        priceCurrency: string;
+        availability?: string;
+    };
+    aggregateRating?: {
+        '@type': 'AggregateRating';
+        ratingValue: number;
+        reviewCount: number;
+    };
+}
+interface FAQSchema {
+    '@context': 'https://schema.org';
+    '@type': 'FAQPage';
+    mainEntity: Array<{
+        '@type': 'Question';
+        name: string;
+        acceptedAnswer: {
+            '@type': 'Answer';
+            text: string;
+        };
+    }>;
+}
+interface HowToSchema {
+    '@context': 'https://schema.org';
+    '@type': 'HowTo';
+    name: string;
+    description?: string;
+    image?: string | string[];
+    totalTime?: string;
+    step: Array<{
+        '@type': 'HowToStep';
+        name: string;
+        text: string;
+        image?: string;
+    }>;
+}
+interface SEOAnalysis {
+    score: number;
+    issues: SEOIssue[];
+    suggestions: SEOSuggestion[];
+    metrics: SEOMetrics;
+}
+interface SEOIssue {
+    type: 'error' | 'warning' | 'info';
+    category: 'meta' | 'content' | 'structure' | 'performance' | 'accessibility';
+    message: string;
+    impact: 'high' | 'medium' | 'low';
+}
+interface SEOSuggestion {
+    category: string;
+    message: string;
+    priority: 'high' | 'medium' | 'low';
+}
+interface SEOMetrics {
+    titleLength: number;
+    descriptionLength: number;
+    headingCount: {
+        h1: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        h5: number;
+        h6: number;
+    };
+    imageCount: number;
+    imagesWithAlt: number;
+    linkCount: number;
+    internalLinks: number;
+    externalLinks: number;
+    wordCount: number;
+    readingTime: number;
+    keywordDensity: Record<string, number>;
+}
+
 interface CMSBlockEditorProps {
     value?: string;
     onChange?: (state: any) => void;
     onImageAdded?: (file: File) => Promise<string>;
     onVideoAdded?: (file: File) => Promise<string>;
     useBase64Url?: boolean;
+    seoMetadata?: SEOMetadata;
+    onSEOMetadataChange?: (metadata: SEOMetadata) => void;
+    showSEO?: boolean;
 }
-declare function CMSBlockEditor({ value, onChange, onImageAdded, onVideoAdded, useBase64Url }: CMSBlockEditorProps): react_jsx_runtime.JSX.Element;
+declare function CMSBlockEditor({ value, onChange, onImageAdded, onVideoAdded, useBase64Url, seoMetadata, onSEOMetadataChange, showSEO }: CMSBlockEditorProps): react_jsx_runtime.JSX.Element;
 
 interface CMSRendererProps {
     content: string;
@@ -134,75 +313,213 @@ interface ThemeColors {
     primaryHover: string;
     primaryLight: string;
     primaryDark: string;
+    primaryContrast: string;
     secondary: string;
     secondaryHover: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    secondaryContrast: string;
+    accent: string;
+    accentHover: string;
+    accentLight: string;
+    accentDark: string;
     background: string;
+    backgroundAlt: string;
     surface: string;
+    surfaceHover: string;
+    surfaceActive: string;
     border: string;
+    borderHover: string;
     divider: string;
+    overlay: string;
     textPrimary: string;
     textSecondary: string;
+    textTertiary: string;
     textDisabled: string;
+    textInverse: string;
     success: string;
+    successLight: string;
+    successDark: string;
     warning: string;
+    warningLight: string;
+    warningDark: string;
     error: string;
+    errorLight: string;
+    errorDark: string;
     info: string;
+    infoLight: string;
+    infoDark: string;
     editorBackground: string;
     editorText: string;
     editorPlaceholder: string;
+    editorCursor: string;
     toolbarBackground: string;
     toolbarText: string;
     toolbarBorder: string;
+    toolbarIconHover: string;
     selection: string;
+    selectionText: string;
     highlight: string;
+    highlightText: string;
     focus: string;
+    focusRing: string;
+    codeBackground: string;
+    codeText: string;
+    codeComment: string;
+    codeKeyword: string;
+    codeString: string;
+    codeNumber: string;
+    codeFunction: string;
+    codeOperator: string;
 }
 interface ThemeTypography {
     fontFamily: string;
+    fontFamilyHeading: string;
     fontFamilyMono: string;
+    fontSizeXxs: string;
     fontSizeXs: string;
     fontSizeSm: string;
     fontSizeMd: string;
     fontSizeLg: string;
     fontSizeXl: string;
+    fontSizeXxl: string;
+    fontSize3xl: string;
+    fontSize4xl: string;
+    fontWeightLight: number;
     fontWeightNormal: number;
     fontWeightMedium: number;
+    fontWeightSemibold: number;
     fontWeightBold: number;
+    fontWeightExtrabold: number;
     lineHeightTight: number;
+    lineHeightSnug: number;
     lineHeightNormal: number;
     lineHeightRelaxed: number;
+    lineHeightLoose: number;
+    letterSpacingTight: string;
+    letterSpacingNormal: string;
+    letterSpacingWide: string;
+    letterSpacingWider: string;
 }
 interface ThemeSpacing {
+    xxs: string;
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
     xxl: string;
+    xxxl: string;
 }
 interface ThemeBorderRadius {
     none: string;
+    xs: string;
     sm: string;
     md: string;
     lg: string;
+    xl: string;
+    xxl: string;
     full: string;
 }
 interface ThemeShadows {
     none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    inner: string;
+    outline: string;
+}
+interface ThemeTransitions {
+    fast: string;
+    normal: string;
+    slow: string;
+    verySlow: string;
+}
+interface ThemeBreakpoints {
+    xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    xxl: string;
+}
+interface ThemeZIndex {
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modalBackdrop: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+}
+interface ThemeAnimations {
+    fadeIn: string;
+    fadeOut: string;
+    slideUp: string;
+    slideDown: string;
+    slideLeft: string;
+    slideRight: string;
+    scaleUp: string;
+    scaleDown: string;
+    spin: string;
+    pulse: string;
+    bounce: string;
+}
+interface ThemeGradients {
+    primary: string;
+    secondary: string;
+    accent: string;
+    sunset: string;
+    ocean: string;
+    forest: string;
+    fire: string;
+    ice: string;
+    purple: string;
+    rainbow: string;
+}
+interface ThemeCustom {
+    [key: string]: any;
 }
 interface Theme {
     name: string;
+    mode: 'light' | 'dark';
     colors: ThemeColors;
     typography: ThemeTypography;
     spacing: ThemeSpacing;
     borderRadius: ThemeBorderRadius;
     shadows: ThemeShadows;
+    transitions: ThemeTransitions;
+    breakpoints: ThemeBreakpoints;
+    zIndex: ThemeZIndex;
+    animations: ThemeAnimations;
+    gradients: ThemeGradients;
+    custom?: ThemeCustom;
 }
 type ThemeMode = 'light' | 'dark' | 'auto';
+interface ThemeOverride {
+    colors?: Partial<ThemeColors>;
+    typography?: Partial<ThemeTypography>;
+    spacing?: Partial<ThemeSpacing>;
+    borderRadius?: Partial<ThemeBorderRadius>;
+    shadows?: Partial<ThemeShadows>;
+    transitions?: Partial<ThemeTransitions>;
+    breakpoints?: Partial<ThemeBreakpoints>;
+    zIndex?: Partial<ThemeZIndex>;
+    animations?: Partial<ThemeAnimations>;
+    gradients?: Partial<ThemeGradients>;
+    custom?: ThemeCustom;
+}
+interface ThemeConfig {
+    theme: Theme;
+    override?: ThemeOverride;
+    cssVariablePrefix?: string;
+    enableAnimations?: boolean;
+    enableTransitions?: boolean;
+    enableGradients?: boolean;
+}
 
 declare const oceanTheme: Theme;
 declare const forestTheme: Theme;
@@ -249,8 +566,116 @@ interface ThemeSwitcherProps {
 }
 declare function ThemeSwitcher({ className, showModeToggle, showPresets }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
 
+interface ThemeCustomizerProps {
+    onClose?: () => void;
+}
+declare function ThemeCustomizer({ onClose }: ThemeCustomizerProps): react_jsx_runtime.JSX.Element;
+
 declare const lightTheme: Theme;
 
 declare const darkTheme: Theme;
 
-export { CMSBlockEditor, CMSRenderer, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, type PresetThemeName, type Theme, type ThemeColors, type ThemeMode, ThemeProvider, ThemeSwitcher, VideoNode, appendHTML, copyMarkdownToClipboard, darkTheme, downloadHTML, downloadMarkdown, draculaTheme, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, forestTheme, importFromHTML, importFromMarkdown, lightTheme, loadHTMLFromFile, loadMarkdownFromFile, midnightTheme, minimalTheme, monokaiTheme, oceanTheme, pasteMarkdownFromClipboard, presetThemes, roseTheme, sunsetTheme, useTheme };
+/**
+ * Create a custom theme by extending a base theme
+ */
+declare function createTheme(baseTheme: Theme, override: ThemeOverride): Theme;
+/**
+ * Generate color variations from a base color
+ */
+declare function generateColorVariations(baseColor: string): {
+    base: string;
+    light: string;
+    lighter: string;
+    dark: string;
+    darker: string;
+    contrast: string;
+};
+/**
+ * Create a gradient from two colors
+ */
+declare function createGradient(color1: string, color2: string, angle?: number): string;
+/**
+ * Generate a complete color palette from a primary color
+ */
+declare function generatePalette(primaryColor: string): {
+    primary: ReturnType<typeof generateColorVariations>;
+    secondary: ReturnType<typeof generateColorVariations>;
+    accent: ReturnType<typeof generateColorVariations>;
+};
+/**
+ * Validate theme structure
+ */
+declare function validateTheme(theme: Theme): {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Export theme as JSON
+ */
+declare function exportTheme(theme: Theme): string;
+/**
+ * Import theme from JSON
+ */
+declare function importTheme(json: string): Theme;
+/**
+ * Convert theme to CSS variables
+ */
+declare function themeToCSSVariables(theme: Theme, prefix?: string): Record<string, string>;
+/**
+ * Generate theme from brand colors
+ */
+declare function generateThemeFromBrand(brandColor: string, themeName: string, mode?: 'light' | 'dark'): Partial<Theme>;
+
+interface SEOPluginProps {
+    metadata?: SEOMetadata;
+    onMetadataChange?: (metadata: SEOMetadata) => void;
+    showAnalysis?: boolean;
+}
+declare function SEOPlugin({ metadata: initialMetadata, onMetadataChange, showAnalysis }: SEOPluginProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Analyze content for SEO optimization
+ */
+declare function analyzeSEO(content: string, metadata: SEOMetadata): SEOAnalysis;
+/**
+ * Generate SEO-friendly slug from text
+ */
+declare function generateSlug(text: string): string;
+/**
+ * Extract keywords from content
+ */
+declare function extractKeywords(content: string, limit?: number): string[];
+
+/**
+ * Generate HTML meta tags from SEO metadata
+ */
+declare function generateMetaTags(metadata: SEOMetadata): string;
+/**
+ * Generate structured data JSON-LD script tags
+ */
+declare function generateStructuredData(schemas: SchemaType[]): string;
+/**
+ * Create default SEO metadata
+ */
+declare function createDefaultMetadata(title: string, description: string): SEOMetadata;
+/**
+ * Merge SEO metadata with defaults
+ */
+declare function mergeMetadata(base: SEOMetadata, override: Partial<SEOMetadata>): SEOMetadata;
+/**
+ * Validate SEO metadata
+ */
+declare function validateMetadata(metadata: SEOMetadata): {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Copy metadata to clipboard
+ */
+declare function copyMetadataToClipboard(metadata: SEOMetadata): Promise<void>;
+/**
+ * Download metadata as HTML file
+ */
+declare function downloadMetadata(metadata: SEOMetadata, filename?: string): void;
+
+export { type ArticleSchema, type BreadcrumbSchema, CMSBlockEditor, CMSRenderer, type FAQSchema, type HowToSchema, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, type OrganizationSchema, type PersonSchema, type PresetThemeName, type ProductSchema, type SEOAnalysis, type SEOIssue, type SEOMetadata, type SEOMetrics, SEOPlugin, type SEOSuggestion, type SchemaType, type Theme, type ThemeAnimations, type ThemeBorderRadius, type ThemeBreakpoints, type ThemeColors, type ThemeConfig, ThemeCustomizer, type ThemeGradients, type ThemeMode, type ThemeOverride, ThemeProvider, type ThemeShadows, type ThemeSpacing, ThemeSwitcher, type ThemeTransitions, type ThemeTypography, type ThemeZIndex, VideoNode, analyzeSEO, appendHTML, copyMarkdownToClipboard, copyMetadataToClipboard, createDefaultMetadata, createGradient, createTheme, darkTheme, downloadHTML, downloadMarkdown, downloadMetadata, draculaTheme, exportTheme, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, extractKeywords, forestTheme, generateColorVariations, generateMetaTags, generatePalette, generateSlug, generateStructuredData, generateThemeFromBrand, importFromHTML, importFromMarkdown, importTheme, lightTheme, loadHTMLFromFile, loadMarkdownFromFile, mergeMetadata, midnightTheme, minimalTheme, monokaiTheme, oceanTheme, pasteMarkdownFromClipboard, presetThemes, roseTheme, sunsetTheme, themeToCSSVariables, useTheme, validateMetadata, validateTheme };