solara 1.30.0__py2.py3-none-any.whl → 1.31.0__py2.py3-none-any.whl

solara/components/markdown.py

@@ -1,371 +0,0 @@
-import hashlib
-import html
-import logging
-import textwrap
-import traceback
-import warnings
-from typing import Any, Dict, List, Union, cast
-
-import ipyvuetify as v
-import pymdownx.emoji
-import pymdownx.highlight
-import pymdownx.superfences
-
-import solara
-import solara.components.applayout
-
-try:
-    import pygments
-
-    has_pygments = True
-except ModuleNotFoundError:
-    has_pygments = False
-else:
-    from pygments.formatters import HtmlFormatter
-    from pygments.lexers import get_lexer_by_name
-
-logger = logging.getLogger(__name__)
-
-html_no_execute_enabled = "<div><i>Solara execution is not enabled</i></div>"
-
-
-@solara.component
-def ExceptionGuard(children=[]):
-    exception, clear_exception = solara.use_exception()
-    if exception:
-        solara.Error(f"Oops, an error occurred: {str(exception)}")
-        with solara.Details("Exception details"):
-            error = "".join(traceback.format_exception(None, exception, exception.__traceback__))
-            solara.Preformatted(error)
-    else:
-        if len(children) == 1:
-            return children[0]
-        else:
-            solara.Column(children=children)
-
-
-def _run_solara(code):
-    ast = compile(code, "markdown", "exec")
-    local_scope: Dict[Any, Any] = {}
-    exec(ast, local_scope)
-    app = None
-    if "app" in local_scope:
-        app = local_scope["app"]
-    elif "Page" in local_scope:
-        Page = local_scope["Page"]
-        app = solara.components.applayout._AppLayoutEmbed(children=[ExceptionGuard(children=[Page()])])
-    else:
-        raise NameError("No Page of app defined")
-    box = v.Html(tag="div")
-    box, rc = solara.render(cast(solara.Element, app), container=box)  # type: ignore
-    widget_id = box._model_id
-    return (
-        '<div class="solara-markdown-output v-card v-sheet elevation-7">'
-        f'<jupyter-widget widget="IPY_MODEL_{widget_id}">loading widget...</jupyter-widget>'
-        '<div class="v-messages">Live output</div></div>'
-    )
-
-
-def _markdown_template(
-    html,
-    style="",
-):
-    template = (
-        """
-<template>
-    <div class="solara-markdown rendered_html jp-RenderedHTMLCommon" style=\""""
-        + style
-        + """\">"""
-        + html
-        + r"""</div>
-</template>
-
-<script>
-module.exports = {
-    async mounted() {
-        await this.loadRequire();
-        this.mermaid = await this.loadMermaid();
-        this.mermaid.init();
-        this.latexSettings = {
-                delimiters: [
-                    {left: "$$", right: "$$", display: true},
-                    {left: "$", right: "$", display: false},
-                    {left: "\\[", right: "\\]", display: true},
-                    {left: "\\(", right: "\\)", display: false}
-                ]
-            };
-        if (window.renderMathInElement) {
-            window.renderMathInElement(this.$el, this.latexSettings);
-        } else if (window.MathJax && MathJax.Hub) {
-            MathJax.Hub.Queue(['Typeset', MathJax.Hub, this.$el]);
-        } else {
-            window.renderMathInElement = await this.loadKatexExt();
-            window.renderMathInElement(this.$el, this.latexSettings);
-        }
-        this.$el.querySelectorAll("a").forEach(a => this.setupRouter(a))
-        window.md = this.$el
-    },
-    methods: {
-        setupRouter(a) {
-            let href = a.attributes['href'].value;
-            if(href.startsWith("./")) {
-                // TODO: should we really do this?
-                href = location.pathname + href.substr(1);
-                a.attributes['href'].href = href;
-            }
-            if(href.startsWith("./") || href.startsWith("/")) {
-                a.onclick = e => {
-                    console.log("clicked", href)
-                    if(href.startsWith("./")) {
-                        solara.router.push(href);
-                    } else {
-                        solara.router.push(href);
-                    }
-                    e.preventDefault()
-                }
-            } else if(href.startsWith("#")) {
-                href = location.pathname + href;
-                a.attributes['href'].value = href;
-            } else {
-                console.log("href", href, "is not a local link")
-            }
-        },
-        async loadKatex() {
-            require.config({
-                map: {
-                    '*': {
-                        'katex': `${this.getCdn()}/katex@0.16.9/dist/katex.min.js`,
-                    }
-                }
-            });
-            const link = document.createElement('link');
-            link.type = "text/css";
-            link.rel = "stylesheet";
-            link.href = `${this.getCdn()}/katex@0.16.9/dist/katex.min.css`;
-            document.head.appendChild(link);
-        },
-        async loadKatexExt() {
-            this.loadKatex();
-            return (await this.import([`${this.getCdn()}/katex@0.16.9/dist/contrib/auto-render.min.js`]))[0]
-        },
-        async loadMermaid() {
-            return (await this.import([`${this.getCdn()}/mermaid@10.8.0/dist/mermaid.min.js`]))[0]
-        },
-        import(dependencies) {
-            return this.loadRequire().then(
-                () => {
-                    if (window.jupyterVue) {
-                        // in jupyterlab, we take Vue from ipyvue/jupyterVue
-                        define("vue", [], () => window.jupyterVue.Vue);
-                    } else {
-                        define("vue", ['jupyter-vue'], jupyterVue => jupyterVue.Vue);
-                    }
-                    return new Promise((resolve, reject) => {
-                        requirejs(dependencies, (...modules) => resolve(modules));
-                    })
-                }
-            );
-        },
-        loadRequire() {
-            if (window.requirejs) {
-                return Promise.resolve();
-            }
-            return new Promise((resolve, reject) => {
-                const script = document.createElement('script');
-                script.src = `${this.getCdn()}/requirejs@2.3.6/require.min.js`;
-                script.onload = resolve;
-                script.onerror = reject;
-                document.head.appendChild(script);
-            });
-        },
-        getBaseUrl() {
-            if (window.solara && window.solara.rootPath !== undefined) {
-                return solara.rootPath + "/";
-            }
-            // if base url is set, we use ./ for relative paths compared to the base url
-            if (document.getElementsByTagName("base").length) {
-                return "./";
-            }
-            const labConfigData = document.getElementById('jupyter-config-data');
-            if (labConfigData) {
-                /* lab and Voila */
-                return JSON.parse(labConfigData.textContent).baseUrl;
-            }
-            let base = document.body.dataset.baseUrl || document.baseURI;
-            if (!base.endsWith('/')) {
-                base += '/';
-            }
-            return base
-        },
-        getCdn() {
-            return this.cdn || (typeof solara_cdn !== "undefined" && solara_cdn) || `${this.getBaseUrl()}_solara/cdn`;
-        }
-    },
-    updated() {
-        // if the html gets update, re-run mermaid
-        this.mermaid.init();
-
-        if(window.MathJax && MathJax.Hub) {
-            MathJax.Hub.Queue(['Typeset', MathJax.Hub, this.$el]);
-        } else {
-            window.renderMathInElement(this.$el, this.latexSettings);
-        }
-    }
-}
-</script>
-    """
-    )
-    return template
-
-
-def _highlight(src, language, unsafe_solara_execute, extra, *args, **kwargs):
-    """Highlight a block of code"""
-
-    if not has_pygments:
-        warnings.warn("Pygments is not installed, code highlighting will not work, use pip install pygments to install it.")
-        src_safe = html.escape(src)
-        return f"<pre><code>{src_safe}</code></pre>"
-
-    run_src_with_solara = False
-    if language == "solara":
-        run_src_with_solara = True
-        language = "python"
-
-    lexer = get_lexer_by_name(language)
-    formatter = HtmlFormatter()
-    src_html = pygments.highlight(src, lexer, formatter)
-
-    if run_src_with_solara:
-        if unsafe_solara_execute:
-            html_widget = _run_solara(src)
-            return src_html + html_widget
-        else:
-            return src_html + html_no_execute_enabled
-    else:
-        return src_html
-
-
-@solara.component
-def MarkdownIt(md_text: str, highlight: List[int] = [], unsafe_solara_execute: bool = False):
-    md_text = textwrap.dedent(md_text)
-
-    from markdown_it import MarkdownIt as MarkdownItMod
-    from mdit_py_plugins import container, deflist  # noqa: F401
-    from mdit_py_plugins.footnote import footnote_plugin  # noqa: F401
-    from mdit_py_plugins.front_matter import front_matter_plugin  # noqa: F401
-
-    def highlight_code(code, name, attrs):
-        return _highlight(code, name, unsafe_solara_execute, attrs)
-
-    md = MarkdownItMod(
-        "js-default",
-        {
-            "html": True,
-            "typographer": True,
-            "highlight": highlight_code,
-        },
-    )
-    md = md.use(container.container_plugin, name="note")
-    html = md.render(md_text)
-    hash = hashlib.sha256((html + str(unsafe_solara_execute) + repr(highlight)).encode("utf-8")).hexdigest()
-    return v.VuetifyTemplate.element(template=_markdown_template(html)).key(hash)
-
-
-_index = pymdownx.emoji.emojione(None, None)
-
-
-def _no_deep_copy_emojione(options, md):
-    return _index
-
-
-@solara.component
-def Markdown(md_text: str, unsafe_solara_execute=False, style: Union[str, Dict, None] = None):
-    """Renders markdown text
-
-    Renders markdown using https://python-markdown.github.io/
-
-    Math rendering is done using Latex syntax, using https://katex.org/.
-
-    ## Examples
-
-    ### Basic
-
-    ```solara
-    import solara
-
-
-    @solara.component
-    def Page():
-        return solara.Markdown(r'''
-        # This is a title
-
-        ## This is a subtitle
-        This is a markdown text, **bold** and *italic* text is supported.
-
-        ## Math
-        Also, $x^2$ is rendered as math.
-
-        Or multiline math:
-        $$
-        \\int_0^1 x^2 dx = \\frac{1}{3}
-        $$
-
-        ''')
-    ```
-
-    ## Arguments
-
-     * `md_text`: The markdown text to render
-     * `unsafe_solara_execute`: If True, code marked with language "solara" will be executed. This is potentially unsafe
-        if the markdown text can come from user input and should only be used for trusted markdown.
-     * `style`: A string or dict of css styles to apply to the rendered markdown.
-
-    """
-    import markdown
-
-    md_text = textwrap.dedent(md_text)
-    style = solara.util._flatten_style(style)
-
-    def make_markdown_object():
-        def highlight(src, language, *args, **kwargs):
-            try:
-                return _highlight(src, language, unsafe_solara_execute, *args, **kwargs)
-            except Exception as e:
-                logger.exception("Error highlighting code: %s", src)
-                return repr(e)
-
-        return markdown.Markdown(  # type: ignore
-            extensions=[
-                "pymdownx.highlight",
-                "pymdownx.superfences",
-                "pymdownx.emoji",
-                "toc",  # so we get anchors for h1 h2 etc
-                "tables",
-            ],
-            extension_configs={
-                "pymdownx.emoji": {
-                    "emoji_index": _no_deep_copy_emojione,
-                },
-                "pymdownx.superfences": {
-                    "custom_fences": [
-                        {
-                            "name": "mermaid",
-                            "class": "mermaid",
-                            "format": pymdownx.superfences.fence_div_format,
-                        },
-                        {
-                            "name": "solara",
-                            "class": "",
-                            "format": highlight,
-                        },
-                    ],
-                },
-            },
-        )
-
-    md = solara.use_memo(make_markdown_object, dependencies=[unsafe_solara_execute])
-    html = md.convert(md_text)
-    # if we update the template value, the whole vue tree will rerender (ipvue/ipyvuetify issue)
-    # however, using the hash we simply generate a new widget each time
-    hash = hashlib.sha256((html + str(unsafe_solara_execute)).encode("utf-8")).hexdigest()
-    return v.VuetifyTemplate.element(template=_markdown_template(html, style)).key(hash)

solara/components/markdown_editor.py

@@ -1,25 +0,0 @@
-from typing import Callable
-
-import ipyvuetify
-import traitlets
-
-import solara
-
-
-class MarkdownEditorWidget(ipyvuetify.VuetifyTemplate):
-    template_file = (__file__, "markdown_editor.vue")
-
-    value = traitlets.Unicode("").tag(sync=True)
-    height = traitlets.Unicode("180px").tag(sync=True)
-
-
-@solara.component
-def MarkdownEditor(value: str = "", on_value: Callable[[str], None] = None):
-    """WYSIWYG (visual) Markdown editor.
-
-    ## Arguments
-
-    * value: Markdown text
-    * on_value: Callback function that is called when the text is changed
-    """
-    return MarkdownEditorWidget.element(value=value, on_value=on_value)