eidosui 0.2.0__py3-none-any.whl → 0.4.0__py3-none-any.whl

eidos/plugins/markdown/css/markdown.css

@@ -0,0 +1,283 @@
+/* EidosUI Markdown Styles - Theme-aware markdown rendering */
+
+/* Base container */
+.eidos-md {
+    color: var(--color-text);
+    line-height: var(--line-height-relaxed);
+    font-size: var(--font-size-base);
+}
+
+/* Headings */
+.eidos-md h1 {
+    font-size: var(--font-size-4xl);
+    font-weight: var(--font-weight-bold);
+    color: var(--color-text);
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-lg);
+    line-height: var(--line-height-tight);
+}
+
+.eidos-md h2 {
+    font-size: var(--font-size-3xl);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-text);
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-md);
+    line-height: var(--line-height-tight);
+}
+
+.eidos-md h3 {
+    font-size: var(--font-size-2xl);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-text);
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-md);
+    line-height: var(--line-height-snug);
+}
+
+.eidos-md h4 {
+    font-size: var(--font-size-xl);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-text);
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-sm);
+    line-height: var(--line-height-snug);
+}
+
+.eidos-md h5 {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-text);
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-sm);
+    line-height: var(--line-height-normal);
+}
+
+.eidos-md h6 {
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-text);
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-sm);
+    line-height: var(--line-height-normal);
+}
+
+/* Paragraphs */
+.eidos-md p {
+    margin-top: 0;
+    margin-bottom: var(--space-md);
+}
+
+/* Links */
+.eidos-md a {
+    color: var(--color-primary);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    transition: color var(--transition-fast);
+}
+
+.eidos-md a:hover {
+    color: var(--color-primary-hover);
+}
+
+/* Lists */
+.eidos-md ul {
+    margin-top: 0;
+    margin-bottom: var(--space-md);
+    padding-left: var(--space-lg);
+    list-style-type: disc;
+}
+
+.eidos-md ol {
+    margin-top: 0;
+    margin-bottom: var(--space-md);
+    padding-left: var(--space-lg);
+    list-style-type: decimal;
+}
+
+.eidos-md li {
+    margin-bottom: var(--space-xs);
+}
+
+/* Nested lists */
+.eidos-md ul ul {
+    list-style-type: circle;
+    margin-top: var(--space-xs);
+    margin-bottom: 0;
+}
+
+.eidos-md ul ul ul {
+    list-style-type: square;
+}
+
+.eidos-md ol ol {
+    list-style-type: lower-alpha;
+    margin-top: var(--space-xs);
+    margin-bottom: 0;
+}
+
+.eidos-md ul ol,
+.eidos-md ol ul {
+    margin-top: var(--space-xs);
+    margin-bottom: 0;
+}
+
+/* Code */
+.eidos-md code {
+    background-color: var(--color-surface);
+    padding: calc(var(--space-xs) / 2) var(--space-xs);
+    border-radius: var(--radius-sm);
+    font-size: var(--font-size-sm);
+    font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
+}
+
+.eidos-md pre {
+    background-color: var(--color-surface);
+    border: var(--border) solid var(--color-border);
+    border-radius: var(--radius-md);
+    padding: var(--space-md);
+    overflow-x: auto;
+    margin-top: 0;
+    margin-bottom: var(--space-md);
+}
+
+.eidos-md pre code {
+    background-color: transparent;
+    padding: 0;
+    border-radius: 0;
+    font-size: var(--font-size-sm);
+}
+
+/* Blockquotes */
+.eidos-md blockquote {
+    border-left: var(--border-4) solid var(--color-primary);
+    padding-left: var(--space-md);
+    margin: var(--space-lg) 0;
+    color: var(--color-text-muted);
+}
+
+.eidos-md blockquote p:last-child {
+    margin-bottom: 0;
+}
+
+/* Tables */
+.eidos-md table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: var(--space-lg) 0;
+    font-size: var(--font-size-sm);
+}
+
+.eidos-md th {
+    background-color: var(--color-surface);
+    font-weight: var(--font-weight-semibold);
+    padding: var(--space-sm) var(--space-md);
+    border-bottom: var(--border-2) solid var(--color-border);
+    text-align: left;
+}
+
+.eidos-md td {
+    padding: var(--space-sm) var(--space-md);
+    border-bottom: var(--border) solid var(--color-border);
+}
+
+.eidos-md tr:hover {
+    background-color: rgba(0, 0, 0, var(--opacity-5));
+}
+
+/* Horizontal rules */
+.eidos-md hr {
+    border: none;
+    border-top: var(--border) solid var(--color-border);
+    margin: var(--space-xl) 0;
+}
+
+/* Images */
+.eidos-md img {
+    max-width: 100%;
+    height: auto;
+    border-radius: var(--radius-md);
+    margin: var(--space-md) 0;
+}
+
+/* Strong and emphasis */
+.eidos-md strong {
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-text);
+}
+
+.eidos-md em {
+    font-style: italic;
+}
+
+/* Definition lists */
+.eidos-md dl {
+    margin: var(--space-md) 0;
+}
+
+.eidos-md dt {
+    font-weight: var(--font-weight-semibold);
+    margin-top: var(--space-md);
+}
+
+.eidos-md dd {
+    margin-left: var(--space-lg);
+    margin-bottom: var(--space-sm);
+}
+
+/* GitHub-style Alerts */
+.eidos-alert {
+    padding: var(--space-md);
+    border-radius: var(--radius-md);
+    margin: var(--space-lg) 0;
+    border: var(--border) solid;
+}
+
+.eidos-alert-header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    margin-bottom: var(--space-sm);
+    font-weight: var(--font-weight-semibold);
+}
+
+.eidos-alert-icon {
+    font-size: var(--font-size-lg);
+}
+
+.eidos-alert-title {
+    font-size: var(--font-size-base);
+}
+
+.eidos-alert-content {
+    margin-left: calc(var(--font-size-lg) + var(--space-sm));
+}
+
+.eidos-alert-content > *:last-child {
+    margin-bottom: 0;
+}
+
+/* Alert variants */
+.eidos-alert-info {
+    background-color: var(--color-info-light);
+    border-color: var(--color-info);
+    color: var(--color-info-dark);
+}
+
+.eidos-alert-success {
+    background-color: var(--color-success-light);
+    border-color: var(--color-success);
+    color: var(--color-success-dark);
+}
+
+.eidos-alert-warning {
+    background-color: var(--color-warning-light);
+    border-color: var(--color-warning);
+    color: var(--color-warning-dark);
+}
+
+.eidos-alert-error {
+    background-color: var(--color-error-light);
+    border-color: var(--color-error);
+    color: var(--color-error-dark);
+}

eidos/plugins/markdown/extensions/__init__.py

@@ -0,0 +1 @@
+# Markdown plugin extensions

eidos/plugins/markdown/extensions/alerts.py

@@ -0,0 +1,134 @@
+"""GitHub-style alerts extension for markdown"""
+
+import re
+from markdown.extensions import Extension
+from markdown.blockprocessors import BlockProcessor
+import xml.etree.ElementTree as etree
+from xml.etree.ElementTree import SubElement
+
+
+class AlertBlockProcessor(BlockProcessor):
+    """Process GitHub-style alert blocks"""
+    
+    # Pattern to match > [!TYPE] at the start of a blockquote
+    RE_ALERT = re.compile(r'^> \[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]', re.MULTILINE)
+    
+    # Alert type configurations
+    ALERT_TYPES = {
+        'NOTE': {
+            'class': 'eidos-alert eidos-alert-info',
+            'icon': 'ℹ️',
+            'title': 'Note'
+        },
+        'TIP': {
+            'class': 'eidos-alert eidos-alert-success',
+            'icon': '💡',
+            'title': 'Tip'
+        },
+        'IMPORTANT': {
+            'class': 'eidos-alert eidos-alert-warning',
+            'icon': '❗',
+            'title': 'Important'
+        },
+        'WARNING': {
+            'class': 'eidos-alert eidos-alert-warning',
+            'icon': '⚠️',
+            'title': 'Warning'
+        },
+        'CAUTION': {
+            'class': 'eidos-alert eidos-alert-error',
+            'icon': '🔴',
+            'title': 'Caution'
+        }
+    }
+    
+    def test(self, parent, block):
+        """Test if the block is a GitHub-style alert"""
+        return bool(self.RE_ALERT.match(block))
+    
+    def run(self, parent, blocks):
+        """Process the alert block"""
+        block = blocks.pop(0)
+        
+        # Extract alert type
+        match = self.RE_ALERT.match(block)
+        if not match:
+            return False
+            
+        alert_type = match.group(1)
+        alert_config = self.ALERT_TYPES.get(alert_type, self.ALERT_TYPES['NOTE'])
+        
+        # Create the alert container
+        alert_div = SubElement(parent, 'div')
+        alert_div.set('class', alert_config['class'])
+        
+        # Add the header with icon and title
+        header = SubElement(alert_div, 'div')
+        header.set('class', 'eidos-alert-header')
+        
+        icon_span = SubElement(header, 'span')
+        icon_span.set('class', 'eidos-alert-icon')
+        icon_span.text = alert_config['icon']
+        
+        title_span = SubElement(header, 'span')
+        title_span.set('class', 'eidos-alert-title')
+        title_span.text = alert_config['title']
+        
+        # Process the content
+        content_div = SubElement(alert_div, 'div')
+        content_div.set('class', 'eidos-alert-content')
+        
+        # Remove the alert marker and process the remaining content
+        content = self.RE_ALERT.sub('', block)
+        
+        # Handle multi-line content
+        lines = content.split('\n')
+        processed_lines = []
+        
+        for line in lines:
+            # Remove leading '>' from each line
+            if line.startswith('>'):
+                line = line[1:].lstrip()
+            processed_lines.append(line)
+        
+        # Join the content and parse it
+        content_text = '\n'.join(processed_lines).strip()
+        
+        # Parse the content as markdown
+        if content_text:
+            # Create a temporary element to hold parsed content
+            temp_element = etree.Element('div')
+            self.parser.parseBlocks(temp_element, [content_text])
+            
+            # Move all children to our content div
+            for child in temp_element:
+                content_div.append(child)
+            
+            # If no children were added, add the text directly
+            if len(content_div) == 0:
+                p = SubElement(content_div, 'p')
+                p.text = content_text
+        
+        # Continue processing subsequent blocks that might be part of the alert
+        while blocks and blocks[0].startswith('>'):
+            continuation = blocks.pop(0)
+            # Remove leading '>' and process
+            continuation_text = continuation[1:].lstrip() if continuation.startswith('>') else continuation
+            
+            if continuation_text:
+                p = SubElement(content_div, 'p')
+                p.text = continuation_text
+        
+        return True
+
+
+class AlertExtension(Extension):
+    """Add GitHub-style alerts to markdown"""
+    
+    def extendMarkdown(self, md):
+        """Add the alert processor to the markdown instance"""
+        md.parser.blockprocessors.register(
+            AlertBlockProcessor(md.parser),
+            'github_alerts',
+            175  # Priority - process before blockquote
+        )

eidos/plugins/markdown/renderer.py

@@ -0,0 +1,58 @@
+"""Core markdown rendering with theme integration"""
+
+import markdown
+from typing import Optional, List, Union
+from .extensions.alerts import AlertExtension
+
+
+class MarkdownRenderer:
+    """Core markdown rendering with theme integration"""
+    
+    def __init__(self, extensions: Optional[List[Union[str, markdown.Extension]]] = None):
+        """Initialize the renderer with optional extensions.
+        
+        Args:
+            extensions: List of markdown extension names or instances to enable
+        """
+        self.extensions = extensions or []
+        # Add some useful default extensions
+        default_extensions = [
+            'fenced_code', 
+            'tables', 
+            'nl2br', 
+            'sane_lists',
+            AlertExtension()  # Add GitHub-style alerts
+        ]
+        self.extensions.extend(default_extensions)
+        
+        # Initialize the markdown processor
+        self.md = markdown.Markdown(extensions=self.extensions)
+    
+    def render(self, markdown_text: str) -> str:
+        """Convert markdown to themed HTML.
+        
+        Args:
+            markdown_text: Raw markdown text to render
+            
+        Returns:
+            HTML string wrapped with eidos-md class for styling
+        """
+        # Reset the markdown processor to clear any state
+        self.md.reset()
+        
+        # Convert markdown to HTML
+        html_content = self.md.convert(markdown_text)
+        
+        # Wrap in a div with our markdown class for styling
+        return f'<div class="eidos-md">{html_content}</div>'
+    
+    def add_extension(self, extension: str) -> None:
+        """Add a markdown extension.
+        
+        Args:
+            extension: Name of the markdown extension to add
+        """
+        if extension not in self.extensions:
+            self.extensions.append(extension)
+            # Recreate the markdown processor with new extensions
+            self.md = markdown.Markdown(extensions=self.extensions)