@jhits/plugin-blog 0.0.8 → 0.0.10

package/src/lib/mappers/apiMapper.js

@@ -0,0 +1,191 @@
+/**
+ * API Mapper
+ * Converts between API format (MongoDB) and BlogPost format
+ */
+/**
+ * Convert API document to BlogPost format
+ */
+export function apiToBlogPost(doc) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const id = ((_a = doc._id) === null || _a === void 0 ? void 0 : _a.toString()) || doc.id || '';
+    // Use contentBlocks if available, otherwise fallback to content (legacy)
+    // Hero block is included in contentBlocks
+    const blocks = doc.contentBlocks || [];
+    // Convert publication data
+    const publicationDate = ((_b = doc.publicationData) === null || _b === void 0 ? void 0 : _b.date)
+        ? (typeof doc.publicationData.date === 'string'
+            ? doc.publicationData.date
+            : doc.publicationData.date.toISOString())
+        : undefined;
+    // Convert SEO data
+    const seo = {
+        title: (_c = doc.seo) === null || _c === void 0 ? void 0 : _c.title,
+        description: (_d = doc.seo) === null || _d === void 0 ? void 0 : _d.description,
+        keywords: (_e = doc.seo) === null || _e === void 0 ? void 0 : _e.keywords,
+        ogImage: (_f = doc.seo) === null || _f === void 0 ? void 0 : _f.ogImage,
+        canonicalUrl: (_g = doc.seo) === null || _g === void 0 ? void 0 : _g.canonicalUrl,
+    };
+    // Convert metadata
+    // Only store semantic ID (id) and alt - plugin-images handles everything else
+    const metadata = {
+        featuredImage: doc.image ? {
+            // Prefer id (semantic ID) over src (legacy)
+            id: doc.image.id || doc.image.src,
+            alt: doc.image.alt,
+            isCustom: doc.image.isCustom,
+            // Don't load transform fields - plugin-images handles those
+        } : undefined,
+        categories: ((_h = doc.categoryTags) === null || _h === void 0 ? void 0 : _h.category) ? [doc.categoryTags.category] : [],
+        tags: ((_j = doc.categoryTags) === null || _j === void 0 ? void 0 : _j.tags) || [],
+        excerpt: doc.summary,
+        privacy: undefined, // Privacy settings not in API yet
+    };
+    // Convert publication data - API uses 'concept' but we use 'draft'
+    const apiStatus = ((_k = doc.publicationData) === null || _k === void 0 ? void 0 : _k.status) || 'concept';
+    const normalizedStatus = apiStatus === 'concept' ? 'draft' : apiStatus;
+    const publication = {
+        status: normalizedStatus,
+        date: publicationDate,
+        authorId: doc.authorId,
+        updatedAt: doc.updatedAt
+            ? (typeof doc.updatedAt === 'string' ? doc.updatedAt : doc.updatedAt.toISOString())
+            : undefined,
+    };
+    return {
+        id,
+        title: doc.title,
+        slug: doc.slug,
+        blocks,
+        seo,
+        publication,
+        metadata,
+        createdAt: doc.createdAt
+            ? (typeof doc.createdAt === 'string' ? doc.createdAt : doc.createdAt.toISOString())
+            : new Date().toISOString(),
+        updatedAt: doc.updatedAt
+            ? (typeof doc.updatedAt === 'string' ? doc.updatedAt : doc.updatedAt.toISOString())
+            : new Date().toISOString(),
+    };
+}
+/**
+ * Convert BlogPost to API document format
+ */
+export function blogPostToAPI(post, authorId) {
+    var _a;
+    return {
+        title: post.title,
+        slug: post.slug,
+        contentBlocks: post.blocks, // Use new block format
+        summary: post.metadata.excerpt,
+        // Only save semantic ID (id) and alt - plugin-images handles transform data
+        image: post.metadata.featuredImage ? {
+            id: post.metadata.featuredImage.id,
+            alt: post.metadata.featuredImage.alt,
+            isCustom: post.metadata.featuredImage.isCustom,
+            // Don't save transform fields - plugin-images API handles those
+        } : undefined,
+        categoryTags: {
+            category: ((_a = post.metadata.categories) === null || _a === void 0 ? void 0 : _a[0]) || '',
+            tags: post.metadata.tags || [],
+        },
+        publicationData: {
+            // API uses 'concept' instead of 'draft'
+            status: post.publication.status === 'draft' ? 'concept' : post.publication.status,
+            date: post.publication.date ? new Date(post.publication.date) : new Date(),
+        },
+        seo: {
+            title: post.seo.title,
+            description: post.seo.description,
+            keywords: post.seo.keywords,
+            ogImage: post.seo.ogImage,
+            canonicalUrl: post.seo.canonicalUrl,
+        },
+        authorId: authorId || post.publication.authorId,
+        updatedAt: new Date(),
+    };
+}
+/**
+ * Convert EditorState to API format for saving
+ * @param state - Editor state
+ * @param authorId - Optional author ID
+ * @param heroBlock - Optional hero block (stored separately from content blocks)
+ */
+export function editorStateToAPI(state, authorId, heroBlock) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    // Map status: draft -> concept, published -> published, everything else stays as-is
+    const apiStatus = state.status === 'draft' ? 'concept' : state.status;
+    console.log('[editorStateToAPI] Mapping status:', {
+        editorStatus: state.status,
+        apiStatus: apiStatus,
+        willBePublished: apiStatus === 'published'
+    });
+    // Try to get category from metadata first, then check hero block
+    let category = undefined;
+    if (state.metadata.categories && state.metadata.categories.length > 0 && ((_a = state.metadata.categories[0]) === null || _a === void 0 ? void 0 : _a.trim())) {
+        category = state.metadata.categories[0].trim();
+    }
+    else {
+        // Check hero block for category - use the passed heroBlock parameter first, then check state.blocks
+        const heroBlockToCheck = heroBlock || state.blocks.find(block => block.type === 'hero');
+        if (heroBlockToCheck && heroBlockToCheck.data && typeof heroBlockToCheck.data === 'object') {
+            const heroCategory = heroBlockToCheck.data.category;
+            if (heroCategory && typeof heroCategory === 'string' && heroCategory.trim()) {
+                category = heroCategory.trim();
+            }
+        }
+    }
+    console.log('[editorStateToAPI] Category resolution:', {
+        fromMetadata: (_b = state.metadata.categories) === null || _b === void 0 ? void 0 : _b[0],
+        fromHeroBlock: ((_c = (heroBlock || state.blocks.find(b => b.type === 'hero'))) === null || _c === void 0 ? void 0 : _c.data) ? (heroBlock || state.blocks.find(b => b.type === 'hero')).data.category : undefined,
+        finalCategory: category,
+        hasHeroBlock: !!heroBlock,
+        heroBlockImage: (heroBlock === null || heroBlock === void 0 ? void 0 : heroBlock.data) ? (_d = heroBlock.data) === null || _d === void 0 ? void 0 : _d.image : undefined,
+    });
+    // Include hero block in contentBlocks if it exists
+    // Filter out any existing hero blocks from state.blocks first, then add the current hero block
+    const contentBlocksWithoutHero = state.blocks.filter(block => block.type !== 'hero');
+    const allBlocks = heroBlock
+        ? [heroBlock, ...contentBlocksWithoutHero]
+        : contentBlocksWithoutHero;
+    console.log('[editorStateToAPI] Hero block details:', {
+        hasHeroBlock: !!heroBlock,
+        heroBlockType: heroBlock === null || heroBlock === void 0 ? void 0 : heroBlock.type,
+        heroBlockId: heroBlock === null || heroBlock === void 0 ? void 0 : heroBlock.id,
+        heroBlockImage: (heroBlock === null || heroBlock === void 0 ? void 0 : heroBlock.data) ? (_e = heroBlock.data) === null || _e === void 0 ? void 0 : _e.image : undefined,
+        heroBlockImageSrc: (heroBlock === null || heroBlock === void 0 ? void 0 : heroBlock.data) ? (_g = (_f = heroBlock.data) === null || _f === void 0 ? void 0 : _f.image) === null || _g === void 0 ? void 0 : _g.src : undefined,
+        contentBlocksCount: allBlocks.length,
+        contentBlocksTypes: allBlocks.map(b => b.type),
+        heroBlockInContentBlocks: ((_h = allBlocks.find(b => b.type === 'hero')) === null || _h === void 0 ? void 0 : _h.data) ? (_j = allBlocks.find(b => b.type === 'hero').data) === null || _j === void 0 ? void 0 : _j.image : undefined,
+    });
+    return {
+        title: state.title,
+        slug: state.slug,
+        contentBlocks: allBlocks,
+        summary: state.metadata.excerpt,
+        // Only save semantic ID (id) and alt - plugin-images handles transform data
+        // Only create image object if id exists and is not empty
+        image: ((_l = (_k = state.metadata.featuredImage) === null || _k === void 0 ? void 0 : _k.id) === null || _l === void 0 ? void 0 : _l.trim()) ? {
+            id: state.metadata.featuredImage.id.trim(),
+            alt: state.metadata.featuredImage.alt || '',
+            isCustom: state.metadata.featuredImage.isCustom,
+            // Don't save transform fields - plugin-images API handles those
+        } : undefined,
+        categoryTags: {
+            category: category,
+            tags: state.metadata.tags || [],
+        },
+        publicationData: {
+            status: apiStatus,
+            date: new Date(),
+        },
+        seo: {
+            title: state.seo.title,
+            description: state.seo.description,
+            keywords: state.seo.keywords,
+            ogImage: state.seo.ogImage,
+            canonicalUrl: state.seo.canonicalUrl,
+        },
+        authorId,
+        updatedAt: new Date(),
+    };
+}

package/src/lib/rich-text/RichTextEditor.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Rich Text Editor Component
+ * Provides formatting toolbar (bold, italic, underline, links, colors)
+ * Only shows options if client has provided styles for them
+ */
+import React from 'react';
+export interface RichTextFormattingConfig {
+    /** Whether bold formatting is available */
+    bold?: boolean;
+    /** Whether italic formatting is available */
+    italic?: boolean;
+    /** Whether underline formatting is available */
+    underline?: boolean;
+    /** Whether links are available */
+    links?: boolean;
+    /** Available colors (array of color values or Tailwind classes) */
+    colors?: string[];
+    /** Custom CSS classes for formatted text */
+    styles?: {
+        bold?: string;
+        italic?: string;
+        underline?: string;
+        link?: string;
+        /** Color classes mapped by color value */
+        colorClasses?: Record<string, string>;
+    };
+}
+export interface RichTextEditorProps {
+    /** HTML content value */
+    value: string;
+    /** Change handler */
+    onChange: (html: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Formatting configuration */
+    formatting?: RichTextFormattingConfig;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether the editor is focused */
+    isFocused?: boolean;
+    /** Custom keydown handler (called before default handler) */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+}
+export declare function RichTextEditor({ value, onChange, placeholder, formatting, className, isFocused, onKeyDown: customOnKeyDown, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/src/lib/rich-text/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["RichTextEditor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,wBAAwB;IACrC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,0CAA0C;QAC1C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACzC,CAAC;CACL;AAED,MAAM,WAAW,mBAAmB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,WAA6B,EAC7B,UAAU,EACV,SAAc,EACd,SAAiB,EACjB,SAAS,EAAE,eAAe,GAC7B,EAAE,mBAAmB,2CA8vBrB"}