@jhits/plugin-blog 0.0.9 → 0.0.11

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

@@ -1,16 +0,0 @@
-/**
- * Rich Text Preview Component
- * Renders HTML content with client-provided styles
- * Also supports plain text with formatting markers using the plugin-content parser
- */
-import { RichTextFormattingConfig } from './RichTextEditor';
-export interface RichTextPreviewProps {
-    /** HTML content or plain text with formatting markers to render */
-    content: string;
-    /** Formatting configuration (for applying client styles to HTML) */
-    formatting?: RichTextFormattingConfig;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function RichTextPreview({ content, formatting, className, }: RichTextPreviewProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=RichTextPreview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextPreview.d.ts","sourceRoot":"","sources":["RichTextPreview.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,oBAAoB;IACjC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD,wBAAgB,eAAe,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,SAAc,GACjB,EAAE,oBAAoB,2CAuKtB"}

package/src/lib/rich-text/RichTextPreview.js

@@ -1,144 +0,0 @@
-/**
- * Rich Text Preview Component
- * Renders HTML content with client-provided styles
- * Also supports plain text with formatting markers using the plugin-content parser
- */
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { parse, useParserConfig } from '@jhits/plugin-content';
-/**
- * Check if content is HTML or plain text with formatting markers
- */
-function isHtmlContent(content) {
-    // If content contains HTML tags, it's HTML
-    if (/<[a-z][\s\S]*>/i.test(content)) {
-        return true;
-    }
-    // If content contains HTML entities, it's likely HTML
-    if (/&[a-z]+;/i.test(content)) {
-        return true;
-    }
-    // Otherwise, it's plain text (potentially with formatting markers)
-    return false;
-}
-export function RichTextPreview({ content, formatting, className = '', }) {
-    // Handle empty content
-    if (!content || content.trim() === '') {
-        return _jsx("div", { className: className, children: "\u00A0" });
-    }
-    // Get parser config from context (provided by client app)
-    const parserConfig = useParserConfig();
-    // Check if content is HTML or plain text
-    const isHtml = isHtmlContent(content);
-    // If it's plain text, use the parser from plugin-content
-    if (!isHtml) {
-        const parsedContent = parse(content, false, parserConfig);
-        return (_jsx("div", { className: className, children: parsedContent }));
-    }
-    // Otherwise, continue with HTML rendering logic
-    // Apply client-provided styles to HTML content
-    const applyStyles = (html) => {
-        if (!(formatting === null || formatting === void 0 ? void 0 : formatting.styles))
-            return html;
-        const styles = formatting.styles;
-        let styledHtml = html;
-        // Apply bold style - handle both <strong> and <b> tags
-        if (styles.bold) {
-            // Replace <strong> tags
-            styledHtml = styledHtml.replace(/<strong\b([^>]*)>/gi, (match, attrs) => {
-                // Check if class already exists
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.bold}"`);
-                }
-                return `<strong class="${styles.bold}">`;
-            });
-            // Replace <b> tags
-            styledHtml = styledHtml.replace(/<b\b([^>]*)>/gi, (match, attrs) => {
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.bold}"`);
-                }
-                return `<b class="${styles.bold}">`;
-            });
-        }
-        // Apply italic style - handle both <em> and <i> tags
-        if (styles.italic) {
-            styledHtml = styledHtml.replace(/<em\b([^>]*)>/gi, (match, attrs) => {
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.italic}"`);
-                }
-                return `<em class="${styles.italic}">`;
-            });
-            styledHtml = styledHtml.replace(/<i\b([^>]*)>/gi, (match, attrs) => {
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.italic}"`);
-                }
-                return `<i class="${styles.italic}">`;
-            });
-        }
-        // Apply underline style
-        if (styles.underline) {
-            styledHtml = styledHtml.replace(/<u\b([^>]*)>/gi, (match, attrs) => {
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.underline}"`);
-                }
-                return `<u class="${styles.underline}">`;
-            });
-        }
-        // Apply link style
-        if (styles.link) {
-            styledHtml = styledHtml.replace(/<a\b([^>]*)>/gi, (match, attrs) => {
-                if (attrs && attrs.includes('class=')) {
-                    return match.replace(/class="([^"]*)"/, `class="$1 ${styles.link}"`);
-                }
-                return match.replace('>', ` class="${styles.link}">`);
-            });
-        }
-        // Apply color classes to spans (preserve existing classes)
-        if (styles.colorClasses) {
-            Object.entries(styles.colorClasses).forEach(([color, colorClass]) => {
-                // Match spans that might have the color class already or need it added
-                const regex = new RegExp(`<span([^>]*)class="([^"]*)"([^>]*)>`, 'gi');
-                styledHtml = styledHtml.replace(regex, (match, beforeAttrs, existingClasses, afterAttrs) => {
-                    // Don't add if class already exists
-                    if (existingClasses.includes(colorClass)) {
-                        return match;
-                    }
-                    // Add the color class
-                    return `<span${beforeAttrs}class="${existingClasses} ${colorClass}"${afterAttrs}>`;
-                });
-                // Also handle spans without class attribute
-                const regexNoClass = new RegExp(`<span([^>]*)>`, 'gi');
-                styledHtml = styledHtml.replace(regexNoClass, (match, attrs) => {
-                    // Only add if this span doesn't already have a class and we're looking for a specific color
-                    if (!attrs.includes('class=')) {
-                        return match.replace('>', ` class="${colorClass}">`);
-                    }
-                    return match;
-                });
-            });
-        }
-        return styledHtml;
-    };
-    const styledContent = formatting ? applyStyles(content) : content;
-    // For rendering, we'll use a ref to set innerHTML only on the client side
-    // This avoids SSR issues while still allowing HTML rendering
-    const contentRef = React.useRef(null);
-    React.useEffect(() => {
-        if (contentRef.current && styledContent) {
-            contentRef.current.innerHTML = styledContent;
-        }
-    }, [styledContent]);
-    // For server-side rendering, render plain text
-    if (typeof window === 'undefined') {
-        const textContent = styledContent
-            .replace(/<[^>]*>/g, '')
-            .replace(/&nbsp;/g, ' ')
-            .replace(/&amp;/g, '&')
-            .replace(/&lt;/g, '<')
-            .replace(/&gt;/g, '>')
-            .replace(/&quot;/g, '"');
-        return (_jsx("div", { className: className, children: textContent || '\u00A0' }));
-    }
-    return (_jsx("div", { ref: contentRef, className: className }));
-}

package/src/lib/rich-text/RichTextPreview.tsx

@@ -1,210 +0,0 @@
-/**
- * Rich Text Preview Component
- * Renders HTML content with client-provided styles
- * Also supports plain text with formatting markers using the plugin-content parser
- */
-
-'use client';
-
-import React from 'react';
-import { RichTextFormattingConfig } from './RichTextEditor';
-import { parse, useParserConfig } from '@jhits/plugin-content';
-
-export interface RichTextPreviewProps {
-    /** HTML content or plain text with formatting markers to render */
-    content: string;
-    /** Formatting configuration (for applying client styles to HTML) */
-    formatting?: RichTextFormattingConfig;
-    /** Additional CSS classes */
-    className?: string;
-}
-
-/**
- * Check if content is HTML or plain text with formatting markers
- */
-function isHtmlContent(content: string): boolean {
-    // If content contains HTML tags, it's HTML
-    if (/<[a-z][\s\S]*>/i.test(content)) {
-        return true;
-    }
-    // If content contains HTML entities, it's likely HTML
-    if (/&[a-z]+;/i.test(content)) {
-        return true;
-    }
-    // Otherwise, it's plain text (potentially with formatting markers)
-    return false;
-}
-
-export function RichTextPreview({
-    content,
-    formatting,
-    className = '',
-}: RichTextPreviewProps) {
-    // Handle empty content
-    if (!content || content.trim() === '') {
-        return <div className={className}>&nbsp;</div>;
-    }
-    
-    // Get parser config from context (provided by client app)
-    const parserConfig = useParserConfig();
-    
-    // Check if content is HTML or plain text
-    const isHtml = isHtmlContent(content);
-    
-    // If it's plain text, use the parser from plugin-content
-    if (!isHtml) {
-        const parsedContent = parse(content, false, parserConfig);
-        return (
-            <div className={className}>
-                {parsedContent}
-            </div>
-        );
-    }
-    
-    // Otherwise, continue with HTML rendering logic
-    // Apply client-provided styles to HTML content
-    const applyStyles = (html: string): string => {
-        if (!formatting?.styles) return html;
-
-        const styles = formatting.styles;
-        let styledHtml = html;
-
-        // Apply bold style - handle both <strong> and <b> tags
-        if (styles.bold) {
-            // Replace <strong> tags
-            styledHtml = styledHtml.replace(
-                /<strong\b([^>]*)>/gi,
-                (match, attrs) => {
-                    // Check if class already exists
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.bold}"`);
-                    }
-                    return `<strong class="${styles.bold}">`;
-                }
-            );
-            // Replace <b> tags
-            styledHtml = styledHtml.replace(
-                /<b\b([^>]*)>/gi,
-                (match, attrs) => {
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.bold}"`);
-                    }
-                    return `<b class="${styles.bold}">`;
-                }
-            );
-        }
-
-        // Apply italic style - handle both <em> and <i> tags
-        if (styles.italic) {
-            styledHtml = styledHtml.replace(
-                /<em\b([^>]*)>/gi,
-                (match, attrs) => {
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.italic}"`);
-                    }
-                    return `<em class="${styles.italic}">`;
-                }
-            );
-            styledHtml = styledHtml.replace(
-                /<i\b([^>]*)>/gi,
-                (match, attrs) => {
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.italic}"`);
-                    }
-                    return `<i class="${styles.italic}">`;
-                }
-            );
-        }
-
-        // Apply underline style
-        if (styles.underline) {
-            styledHtml = styledHtml.replace(
-                /<u\b([^>]*)>/gi,
-                (match, attrs) => {
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.underline}"`);
-                    }
-                    return `<u class="${styles.underline}">`;
-                }
-            );
-        }
-
-        // Apply link style
-        if (styles.link) {
-            styledHtml = styledHtml.replace(
-                /<a\b([^>]*)>/gi,
-                (match, attrs) => {
-                    if (attrs && attrs.includes('class=')) {
-                        return match.replace(/class="([^"]*)"/, `class="$1 ${styles.link}"`);
-                    }
-                    return match.replace('>', ` class="${styles.link}">`);
-                }
-            );
-        }
-
-        // Apply color classes to spans (preserve existing classes)
-        if (styles.colorClasses) {
-            Object.entries(styles.colorClasses).forEach(([color, colorClass]) => {
-                // Match spans that might have the color class already or need it added
-                const regex = new RegExp(`<span([^>]*)class="([^"]*)"([^>]*)>`, 'gi');
-                styledHtml = styledHtml.replace(regex, (match, beforeAttrs, existingClasses, afterAttrs) => {
-                    // Don't add if class already exists
-                    if (existingClasses.includes(colorClass)) {
-                        return match;
-                    }
-                    // Add the color class
-                    return `<span${beforeAttrs}class="${existingClasses} ${colorClass}"${afterAttrs}>`;
-                });
-                
-                // Also handle spans without class attribute
-                const regexNoClass = new RegExp(`<span([^>]*)>`, 'gi');
-                styledHtml = styledHtml.replace(regexNoClass, (match, attrs) => {
-                    // Only add if this span doesn't already have a class and we're looking for a specific color
-                    if (!attrs.includes('class=')) {
-                        return match.replace('>', ` class="${colorClass}">`);
-                    }
-                    return match;
-                });
-            });
-        }
-
-        return styledHtml;
-    };
-
-    const styledContent = formatting ? applyStyles(content) : content;
-
-    // For rendering, we'll use a ref to set innerHTML only on the client side
-    // This avoids SSR issues while still allowing HTML rendering
-    const contentRef = React.useRef<HTMLDivElement>(null);
-
-    React.useEffect(() => {
-        if (contentRef.current && styledContent) {
-            contentRef.current.innerHTML = styledContent;
-        }
-    }, [styledContent]);
-
-    // For server-side rendering, render plain text
-    if (typeof window === 'undefined') {
-        const textContent = styledContent
-            .replace(/<[^>]*>/g, '')
-            .replace(/&nbsp;/g, ' ')
-            .replace(/&amp;/g, '&')
-            .replace(/&lt;/g, '<')
-            .replace(/&gt;/g, '>')
-            .replace(/&quot;/g, '"');
-
-        return (
-            <div className={className}>
-                {textContent || '\u00A0'}
-            </div>
-        );
-    }
-
-    return (
-        <div 
-            ref={contentRef}
-            className={className}
-        />
-    );
-}
-

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

@@ -1,9 +0,0 @@
-/**
- * Rich Text Utilities
- * Export rich text editor and preview components
- */
-export { RichTextEditor } from './RichTextEditor';
-export { RichTextPreview } from './RichTextPreview';
-export type { RichTextFormattingConfig, RichTextEditorProps } from './RichTextEditor';
-export type { RichTextPreviewProps } from './RichTextPreview';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACtF,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/src/lib/rich-text/index.js

@@ -1,6 +0,0 @@
-/**
- * Rich Text Utilities
- * Export rich text editor and preview components
- */
-export { RichTextEditor } from './RichTextEditor';
-export { RichTextPreview } from './RichTextPreview';

package/src/lib/rich-text/index.ts

@@ -1,10 +0,0 @@
-/**
- * Rich Text Utilities
- * Export rich text editor and preview components
- */
-
-export { RichTextEditor } from './RichTextEditor';
-export { RichTextPreview } from './RichTextPreview';
-export type { RichTextFormattingConfig, RichTextEditorProps } from './RichTextEditor';
-export type { RichTextPreviewProps } from './RichTextPreview';
-

package/src/lib/utils/blockHelpers.d.ts

@@ -1,23 +0,0 @@
-/**
- * Block Helper Utilities
- * Functions for working with blocks, including nested structures
- */
-import { Block } from '../../types/block';
-/**
- * Get child blocks from a container block
- * Handles both Block[] and string[] formats
- */
-export declare function getChildBlocks(block: Block, allBlocks?: Block[]): Block[];
-/**
- * Check if a block is a container (has children or is marked as container)
- */
-export declare function isContainerBlock(block: Block, blockRegistry: {
-    get: (type: string) => {
-        isContainer?: boolean;
-    } | undefined;
-}): boolean;
-/**
- * Find a block by ID recursively (including nested blocks)
- */
-export declare function findBlockById(blocks: Block[], id: string): Block | null;
-//# sourceMappingURL=blockHelpers.d.ts.map

package/src/lib/utils/blockHelpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blockHelpers.d.ts","sourceRoot":"","sources":["blockHelpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,GAAE,KAAK,EAAO,GAAG,KAAK,EAAE,CAiC7E;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;CAAE,GAAG,OAAO,CAGvI;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAavE"}

package/src/lib/utils/blockHelpers.js

@@ -1,65 +0,0 @@
-/**
- * Block Helper Utilities
- * Functions for working with blocks, including nested structures
- */
-/**
- * Get child blocks from a container block
- * Handles both Block[] and string[] formats
- */
-export function getChildBlocks(block, allBlocks = []) {
-    if (!block.children || block.children.length === 0) {
-        return [];
-    }
-    // If children are Block objects, return them directly
-    if (block.children.length > 0 && typeof block.children[0] === 'object' && 'id' in block.children[0]) {
-        return block.children;
-    }
-    // If children are IDs, resolve them from allBlocks (recursively search nested blocks)
-    const childIds = block.children;
-    const resolvedBlocks = [];
-    function findBlockRecursive(blocks, id) {
-        for (const b of blocks) {
-            if (b.id === id)
-                return b;
-            if (b.children && Array.isArray(b.children) && b.children.length > 0) {
-                if (typeof b.children[0] === 'object') {
-                    const found = findBlockRecursive(b.children, id);
-                    if (found)
-                        return found;
-                }
-            }
-        }
-        return null;
-    }
-    childIds.forEach(id => {
-        const found = findBlockRecursive(allBlocks, id);
-        if (found)
-            resolvedBlocks.push(found);
-    });
-    return resolvedBlocks;
-}
-/**
- * Check if a block is a container (has children or is marked as container)
- */
-export function isContainerBlock(block, blockRegistry) {
-    const definition = blockRegistry.get(block.type);
-    return (definition === null || definition === void 0 ? void 0 : definition.isContainer) === true || (block.children !== undefined && block.children.length > 0);
-}
-/**
- * Find a block by ID recursively (including nested blocks)
- */
-export function findBlockById(blocks, id) {
-    for (const block of blocks) {
-        if (block.id === id) {
-            return block;
-        }
-        if (block.children && Array.isArray(block.children) && block.children.length > 0) {
-            if (typeof block.children[0] === 'object') {
-                const found = findBlockById(block.children, id);
-                if (found)
-                    return found;
-            }
-        }
-    }
-    return null;
-}

package/src/lib/utils/blockHelpers.ts

@@ -1,72 +0,0 @@
-/**
- * Block Helper Utilities
- * Functions for working with blocks, including nested structures
- */
-
-import { Block } from '../../types/block';
-
-/**
- * Get child blocks from a container block
- * Handles both Block[] and string[] formats
- */
-export function getChildBlocks(block: Block, allBlocks: Block[] = []): Block[] {
-    if (!block.children || block.children.length === 0) {
-        return [];
-    }
-
-    // If children are Block objects, return them directly
-    if (block.children.length > 0 && typeof block.children[0] === 'object' && 'id' in block.children[0]) {
-        return block.children as Block[];
-    }
-
-    // If children are IDs, resolve them from allBlocks (recursively search nested blocks)
-    const childIds = block.children as string[];
-    const resolvedBlocks: Block[] = [];
-    
-    function findBlockRecursive(blocks: Block[], id: string): Block | null {
-        for (const b of blocks) {
-            if (b.id === id) return b;
-            if (b.children && Array.isArray(b.children) && b.children.length > 0) {
-                if (typeof b.children[0] === 'object') {
-                    const found = findBlockRecursive(b.children as Block[], id);
-                    if (found) return found;
-                }
-            }
-        }
-        return null;
-    }
-    
-    childIds.forEach(id => {
-        const found = findBlockRecursive(allBlocks, id);
-        if (found) resolvedBlocks.push(found);
-    });
-    
-    return resolvedBlocks;
-}
-
-/**
- * Check if a block is a container (has children or is marked as container)
- */
-export function isContainerBlock(block: Block, blockRegistry: { get: (type: string) => { isContainer?: boolean } | undefined }): boolean {
-    const definition = blockRegistry.get(block.type);
-    return definition?.isContainer === true || (block.children !== undefined && block.children.length > 0);
-}
-
-/**
- * Find a block by ID recursively (including nested blocks)
- */
-export function findBlockById(blocks: Block[], id: string): Block | null {
-    for (const block of blocks) {
-        if (block.id === id) {
-            return block;
-        }
-        if (block.children && Array.isArray(block.children) && block.children.length > 0) {
-            if (typeof block.children[0] === 'object') {
-                const found = findBlockById(block.children as Block[], id);
-                if (found) return found;
-            }
-        }
-    }
-    return null;
-}
-

package/src/lib/utils/configValidation.d.ts

@@ -1,23 +0,0 @@
-/**
- * Plugin Configuration Validation Utilities
- * Validates plugin configuration and custom blocks
- */
-import { ClientBlockDefinition } from '../../types/block';
-/**
- * Check if a route requires the hero block
- */
-export declare function routeRequiresHeroBlock(route: string): boolean;
-/**
- * Find hero block definition in custom blocks
- */
-export declare function findHeroBlock(customBlocks: ClientBlockDefinition[]): ClientBlockDefinition | undefined;
-/**
- * Hook to validate hero block configuration
- * Only validates for routes that require it, and waits for customBlocks to load
- *
- * @param route - Current route (e.g., 'posts', 'editor', 'new')
- * @param customBlocks - Array of custom block definitions
- * @param propsCustomBlocks - Custom blocks from props (for immediate validation)
- */
-export declare function useHeroBlockValidation(route: string, customBlocks: ClientBlockDefinition[], propsCustomBlocks?: ClientBlockDefinition[]): void;
-//# sourceMappingURL=configValidation.d.ts.map

package/src/lib/utils/configValidation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"configValidation.d.ts","sourceRoot":"","sources":["configValidation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAO1D;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE7D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,qBAAqB,EAAE,GAAG,qBAAqB,GAAG,SAAS,CAEtG;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,qBAAqB,EAAE,EACrC,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,GAC5C,IAAI,CAgGN"}