MDLatex

.package(url: "https://github.com/Allen-Digital-OSS/iOSMDLatex-oss", from: "1.0.2")

.target(name: "YourTarget", dependencies: ["MDLatex"]),

let advancedTable = """
| **Mass of the planet** | **Radius of the planet** | **Acceleration due to gravity** |
| --- | --- | --- |
| \\( 2M \\) | \\( 2R \\) | \\( \\frac{GM}{2R^2} \\) |
| \\( 4M \\) | \\( \\frac{R}{2} \\) | \\( \\frac{16GM}{R^2} \\) |
| **Bold text** | *Italic text* | `Code snippet` |
| [Link text](https://example.com) | ~~Strikethrough~~ | Normal text |
"""

MDLatex.render(markdown: advancedTable)

import MDLatex

struct ContentView: View {
    @State private var renderingComplete = false
    var body: some View {
        VStack {
            if renderingComplete {
                Text("Rendering Complete!")
                    .font(.headline)
                    .padding()
            }

            MDLatex.render(
                markdown: """
                # Photosynthesis with GitHub Flavored Markdown

                Photosynthesis is the process by which green plants convert light energy into chemical energy.

                ## Key Points:
                - [x] **Definition**: Plants make their own food using sunlight, CO₂, and water
                - [x] **Equation**: \\[6CO_2 + 6H_2O + light \\ energy \\rightarrow C_6H_{12}O_6 + 6O_2\\]
                - [ ] ~~Old understanding~~ **New research**: Two main stages

                ### Comparison Table:
                | Component         | Role in Photosynthesis                          | Location |
                |--------------------|--------------------------------------------------|----------|
                | Sunlight          | Provides energy for light-dependent reactions   | Thylakoid |
                | Chlorophyll       | Absorbs light energy                            | Chloroplast |
                | Water (H₂O)       | Source of electrons, releases O₂                | Stroma |
                | Carbon Dioxide    | Used in Calvin cycle to produce glucose         | Stroma |

                ### Code Example:
                ```python
                def photosynthesis(sunlight, co2, water):
                    return glucose + oxygen
                ```

                > **Note**: This is a simplified representation of the complex biochemical process.

                **Math Formula**: The efficiency can be calculated as \\(E = \\frac{glucose}{energy_{input}} \\times 100\\%\\)
                """,
                theme: ThemeConfiguration(
                    backgroundColor: Color.clear,
                    fontColor: Color.black,
                    fontSize: 16,
                    fontFamily: "Arial",
                    userInteractionEnabled: true
                ),
                animation: AnimationConfiguration(isEnabled: true, chunkRenderingDuration: 0.4),
                width: UIScreen.main.bounds.width - 32,
                onComplete: { _ in
                    /// to do on complete rendering 
                },
                onChunkRendered: { _, _ in
                    /// to do on chunk rendered
                }
            )
        }
    }
}

struct ContentView: View {
    @State private var showFullScreenImage = false
    @State private var selectedImageUrl = ""
    
    var body: some View {
        MDLatex.render(
            markdown: """
            # Images with Tap Support
            
            ![Sample Image](https://picsum.photos/300/200)
            
            | Description | Image |
            |-------------|-------|
            | **Photo 1** | ![Photo](https://picsum.photos/150/100?random=1) |
            | **Photo 2** | ![Photo](https://picsum.photos/150/100?random=2) |
            """,
            onImageTapped: { imageUrl in
                selectedImageUrl = imageUrl
                showFullScreenImage = true
            }
        )
        .sheet(isPresented: $showFullScreenImage) {
            FullScreenImageViewer(imageUrl: selectedImageUrl)
        }
    }
}

MDLatex.render(
    markdown: """
    # Advanced Table with Mixed Content
    
    | **Physics Formulas** | **Description** | **Applications** |
    |----------------------|-----------------|------------------|
    | \\( E = mc^2 \\) | *Einstein's mass-energy equivalence* | `Nuclear physics` |
    | \\( F = ma \\) | **Newton's second law** | [Classical mechanics](https://example.com) |
    | \\( \\frac{1}{2}mv^2 \\) | ~~Potential~~ **Kinetic energy** | Motion analysis |
    | \\( \\sum_{i=1}^n F_i = 0 \\) | *Equilibrium condition* | `Statics problems` |
    
    ## What Works in Table Cells:
    - ✅ **LaTeX expressions**: \\( \\frac{a}{b} \\), \\( x^2 \\), \\[ \\int f(x)dx \\]
    - ✅ **Bold formatting**: **bold text**
    - ✅ **Italic formatting**: *italic text*
    - ✅ **Code formatting**: `inline code`
    - ✅ **Links**: [link text](url)
    - ✅ **Strikethrough**: ~~crossed out text~~
    - ✅ **Mixed content**: **Bold** with \\( math \\) and `code`
    """,
    theme: ThemeConfiguration(
        backgroundColor: .white,
        fontColor: .black,
        fontSize: 16
    )
)

MDLatex.render(
    markdown: """
    # GFM Features Demo
    
    ## Tables
    | Feature | Status | Description |
    |---------|--------|-------------|
    | Tables | ✅ | Full table support with styling |
    | Strikethrough | ✅ | ~~Old text~~ **New text** |
    | Task Lists | ✅ | Interactive checkboxes |
    
    ## Task Lists
    - [x] Completed task
    - [ ] Pending task
    - [x] ~~Cancelled~~ Completed task
    
    ## Code Blocks
    ```swift
    let renderer = MDLatex.render(markdown: content)
    ```
    
    ## Other Features
    > Blockquotes are supported with proper styling
    
    **Bold**, *italic*, and `inline code` work perfectly.
    
    Horizontal rules work too:
    
    ---
    
    Math still works: \\(E = mc^2\\) and \\[\\sum_{i=1}^{n} x_i\\]
    """,
    theme: ThemeConfiguration(
        backgroundColor: .white,
        fontColor: .black,
        fontSize: 16
    ),
    animation: AnimationConfiguration(isEnabled: false)
)

MDLatex.render(
    markdown: """
    # Complex Table Example
    
    | **Complex Tables** |
    | --- |
    | **Convex Mirror** | **Side View Mirror** |
    | ![image](https://example.com/mirror1.png)  
    - Used at sharp corners to see traffic
    - Placed in shops for security
    - **Virtual, erect, smaller images** | ![image](https://example.com/mirror2.png)  
    - Helps drivers see traffic behind
    - Mounted on vehicle sides
    - Images are **virtual, erect, smaller** |
    
    ## Features:
    - ✅ **Multi-line cell content** with images and bullet points
    - ✅ **Generic parsing** that works with any table structure
    - ✅ **No hardcoded patterns** - adapts to any content format
    - ✅ **Markdown processing** within table cells (bold, images, lists)
    - ✅ **LaTeX expressions** within table cells - **NEW in v2.0.1!**
    - ✅ **Works in both animation modes** (chunked and non-animated)
    """,
    theme: ThemeConfiguration(
        backgroundColor: .white,
        fontColor: .black,
        fontSize: 16
    ),
    animation: AnimationConfiguration(isEnabled: true, chunkRenderingDuration: 0.4)
)

MDLatex.render(
    markdown: """
    # Custom Theme Example
    
    This content will be rendered with custom styling.
    
    | Feature | Customizable | Math Example |
    |---------|-------------|--------------|
    | Font | ✅ | \\( f(x) = ax + b \\) |
    | Colors | ✅ | **Bold text** |
    | Size | ✅ | `Code snippet` |
    
    Math: \\(E = mc^2\\)
    """,
    theme: ThemeConfiguration(
        backgroundColor: .blue,
        fontColor: .white,
        fontSize: 20,
        fontFamily: "Helvetica",
        userInteractionEnabled: true
    ),
    animation: AnimationConfiguration(isEnabled: false),
    width: UIScreen.main.bounds.width - 32
)

MDLatex.render(
    markdown: """
    # Animated Content Example
    
    ## Chunk 1
    This is the first chunk with **bold text** and a table:
    
    | Feature | Status | Math |
    |---------|--------|------|
    | Animation | ✅ | \\( \\alpha = \\frac{\\pi}{4} \\) |
    
    ## Chunk 2
    - [x] Task lists work
    - [ ] Pending item
    
    Math: \\(f(x) = x^2\\)
    
    ## Chunk 3
    > This is a blockquote in the final chunk
    
    ~~Old content~~ **New content**
    """,
    theme: ThemeConfiguration(
        backgroundColor: .white,
        fontColor: .black,
        fontSize: 16,
        fontFamily: "Arial"
    ),
    animation: AnimationConfiguration(isEnabled: true, chunkRenderingDuration: 0.3)
)

MDLatex.render(
    markdown: """
    # Animated GFM Content
    
    ## Tables with LaTeX
    | Feature | Support | Formula |
    |---------|---------|---------|
    | GFM | ✅ | \\( \\sum_{i=1}^n i \\) |
    | LaTeX | ✅ | \\( E = mc^2 \\) |
    
    ## More content...
    """,
    animation: AnimationConfiguration(isEnabled: true, chunkRenderingDuration: 0.4)
)
.onChunkRendered { chunk, index in
    print("Rendered chunk \(index): \(chunk)")
}
.onComplete { finalHTML in
    print("Rendering complete: \(finalHTML)")
}