wrapper keeps Markdown/md_in_html from wrapping the
+ # element in
or reprocessing the JSON.
+ assert el.startswith('
')
+ assert el.endswith("
")
+ assert "
" in el
+ spec = _extract_spec(el)
+ assert spec["mark"] == "line"
+ assert spec["data"]["values"] == [{"x": 0, "y": 1}, {"x": 1, "y": 2}]
+
+
+def test_render_element_accepts_json_spec():
+ spec = _extract_spec(render_element('{"mark": "bar", "data": {"values": []}}'))
+ assert spec == {"mark": "bar", "data": {"values": []}}
+
+
+def test_render_element_forwards_preset_and_theme():
+ el = render_element("mark: point", preset="molplot-paper", theme="dark")
+ assert 'preset="molplot-paper"' in el
+ assert 'theme="dark"' in el
+
+
+def test_render_element_reports_parse_error_inline():
+ el = render_element("mark: [unterminated")
+ assert "molplot-error" in el
+ assert "` Web Component (the `elements`
+# bundle of @molcrafts/molplot). It registers the custom element cheaply; the
+# vega runtime is a lazy chunk that downloads only when a chart mounts. This is
+# what makes the `` element and the ```molplot fence render live.
+extra_javascript = [
+ "https://cdn.jsdelivr.net/npm/@molcrafts/molplot@0.1/dist/elements.js",
+]
nav = [
{ "Home" = "index.md" },
@@ -21,10 +23,51 @@ nav = [
"getting-started/preset.md",
{ "Web (Vega-Lite)" = "getting-started/web.md" },
{ "Python (scienceplots)" = "getting-started/python.md" },
+ { "Charts in Markdown" = "getting-started/markdown.md" },
] },
{ "API Reference" = "api/index.md" },
]
+# Markdown extensions. Declaring this section REPLACES Zensical's built-in
+# default set (it is not merged), so the full default set is reproduced verbatim
+# below — the only addition is the `molplot` custom fence (last custom_fence
+# entry), which compiles a ```molplot block to a element via
+# molplot.mdx.molplot_fence (the Python package must be importable at build
+# time; see the `doc` group in python/pyproject.toml). Keep this in sync with
+# Zensical's defaults on upgrade.
+[project.markdown_extensions]
+abbr = {}
+admonition = {}
+attr_list = {}
+def_list = {}
+footnotes = {}
+md_in_html = {}
+
+[project.markdown_extensions.toc]
+permalink = true
+
+[project.markdown_extensions.pymdownx]
+betterem = {}
+caret = {}
+details = {}
+inlinehilite = {}
+keys = {}
+magiclink = {}
+mark = {}
+smartsymbols = {}
+tilde = {}
+arithmatex = { generic = true }
+emoji = { emoji_generator = "zensical.extensions.emoji.to_svg", emoji_index = "zensical.extensions.emoji.twemoji" }
+highlight = { anchor_linenums = true, line_spans = "__span", pygments_lang_class = true }
+tabbed = { alternate_style = true, combine_header_slug = true }
+tasklist = { custom_checkbox = true }
+
+[project.markdown_extensions.pymdownx.superfences]
+custom_fences = [
+ { name = "mermaid", class = "mermaid" },
+ { name = "molplot", class = "molplot", format = "molplot.mdx.molplot_fence", validator = "molplot.mdx.molplot_validator" },
+]
+
# Shared MolCrafts theme (github.com/MolCrafts/molcrafts-zensical-theme). Provides
# the brand palette, light/dark schemes, navigation features, and the home-page
# hero/manual-home component system used by docs/index.md. The package must be