AstroMarkdown.astro

---
import Heading from './Heading.astro';
import DataTable from './table/DataTable.astro'
import MarkdownImage from './image/MarkdownImage.astro'
import Code from './code/Code.astro'
import Tag from './Tag.astro'
import Link from './Link.astro'
import Directive from './directive/Directive.astro'
import ContainerDirective from './directive/ContainerDirective.astro';
import {toHast} from 'mdast-util-to-hast'
import {toHtml} from 'hast-util-to-html'
import {dirname} from 'path'
import {text_only_children,has_image} from './node_check.js'
export interface Props {
    node: object;
    data: object;
}

const {node, data} = Astro.props;
const handled_types = [ "root","heading","table","paragraph",
                        "image","code","tag","link",
                        "list", "listItem","textDirective",
                        "containerDirective"
                    ]
const other_type = !handled_types.includes(node.type)
data.dirpath = dirname(data.path)
let paragraph_style = "paragraph"
if(node.type == "paragraph"){
    if(text_only_children(node)){
        paragraph_style = "paragraph text"
    }
    if(has_image(node)){
        paragraph_style = "paragraph image"
    }
}
---
{(node.type == "root") &&
    <>
        {node.children.map((node)=>(
            <Astro.self node={node} data={data} />
        ))}
    </>
}
{(node.type == "paragraph") &&
<div class={paragraph_style}>
    {node.children.map((node)=>(
        <Astro.self node={node} data={data}/>
    ))}
</div>
}
{(node.type == "containerDirective") &&
<ContainerDirective name={node.name} attributes={node.attributes}>
    {node.children.map((node)=>(
        <Astro.self node={node} data={data}/>
    ))}
</ContainerDirective>
}
{(node.type == "list") &&
<ul>
    {node.children.map((node)=>(
        <Astro.self node={node} data={data}/>
    ))}
</ul>
}
{(node.type == "listItem") &&
<li>
    {node.children.map((node)=>(
        <Astro.self node={node} data={data}/>
    ))}
</li>
}
{(node.type == "heading") &&
    <Heading node={node} headings={data.headings}/>
}
{(node.type == "table") &&
    <DataTable node={node} />
}
{(node.type == "image") &&
    <MarkdownImage node={node}  dirpath={data.dirpath}/>
}
{(node.type == "code") &&
    <Code node={node}  dirpath={data.dirpath}/>
}
{(node.type == "tag") &&
    <Tag node={node}  />
}
{(node.type == "link") &&
    <Link node={node}  dirpath={data.dirpath}/>
}
{(node.type == "textDirective") &&
    <Directive node={node}  dirpath={data.dirpath}/>
}
{other_type &&
    <Fragment set:html={toHtml(toHast(node))}></Fragment>
}