{% extends "base.html" %}

{% set path = "repl/" %}

{% set query = "?toolbar=1&kernel=python" %}

{% set preinitcode = "\n".join([

"%pip install sympy==" ~ sympy_version

]) %}

{% set initcode = "\n".join([

"from sympy import *",

"init_printing()",

"x, y, z, t = symbols('x y z t')",

"k, m, n = symbols('k m n', integer=True)",

"f, g, h = symbols('f g h', cls=Function)"

]) %}

{% block title %}SymPy Live Shell{% endblock %}

{% block titleh1 %}SymPy Live Shell{% endblock %}

{% block extrahead %}

<script>window.MathJax = {"tex": {"inlineMath": [["\\(", "\\)"]], "displayMath": [["\\[", "\\]"]]}, "options": {"processHtmlClass": "tex2jax_process|mathjax_process|math|output_area"}}</script>

<script defer="defer" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

function getURLParameter(name) {

return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;

}

function statementsToCodes(text) {

var parts = text

.replace('\r\n', '\n')

.replace('\r', '\n')

.split(/#--[^\n]*/);

var codes = [];

for (var i = 0; i < parts.length; i++) {

var statement = parts[i].trim();

if (statement) {

codes.push(statement);

}

}

return codes;

}

document.addEventListener('DOMContentLoaded', function() {

// default iframe src with SymPy initcode

// see https://jupyterlite.readthedocs.io/en/stable/quickstart/embed-repl.html#configuration for URL customisation

var iframe_src = "/{{ path }}{{ query|safe }}&code={{ preinitcode|urlencode }}&code={{ initcode|urlencode }}";

// check if we have additional statements to evaluate in the query string

var statements = getURLParameter('evaluate');

if (statements) {

var codes = statementsToCodes(statements);

console.log("Additional code to evaluate:", codes);

for (var i = 0; i < codes.length; i++) {

iframe_src += '&code=' + encodeURIComponent(codes[i]);

}

}

// Add theme parameter based on initial theme

iframe_src = addThemeToUrl(iframe_src);

var iframe = document.getElementById('live-iframe');

var loader = document.getElementById('repl-loader');

var revealTriggered = false;

var fallbackTimer = null;

if (iframe) {

iframe.style.visibility = 'hidden';

iframe.setAttribute('aria-hidden', 'true');

}

function revealIframe() {

if (revealTriggered) {

return;

}

revealTriggered = true;

window.removeEventListener('message', handleBridgeReady);

if (fallbackTimer) {

clearTimeout(fallbackTimer);

}

// Allow the iframe to fade in only after the bridge confirms theme readiness.

window.setTimeout(function() {

if (loader) loader.classList.add('is-hidden');

if (iframe) {

iframe.classList.add('is-ready');

iframe.style.visibility = 'visible';

iframe.setAttribute('aria-hidden', 'false');

}

}, 150);

}

function handleBridgeReady(event) {

if (!event.data || event.data.type !== '_JUPYTER_IFRAME_COMMANDS_LOADED') {

return;

}

revealIframe();

}

window.addEventListener('message', handleBridgeReady);

if (iframe) {

iframe.addEventListener('load', function() {

if (revealTriggered) {

return;

}

if (fallbackTimer) {

clearTimeout(fallbackTimer);

}

fallbackTimer = window.setTimeout(revealIframe, 3500);

});

iframe.src = iframe_src;

}

});

function addThemeToUrl(url) {

var mode = localStorage.getItem("theme-mode") || "light";

var effective = mode === "auto" ?

(window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") :

mode;

if (effective === "dark") {

return url + "&theme=" + encodeURIComponent("JupyterLab Dark");

}

return url;

}

<script id="jupyter-config-data" type="application/json" data-jupyter-lite-root=".">

{}

{% endblock %}

{% block content %}

<div class="title-bar">

<h1 class="title-text">SymPy Live</h1>

<button class="theme-toggle" aria-label="Toggle theme" title="Toggle theme">

<i class="fa-solid" aria-hidden="true"></i>

<span class="sr-only">Toggle theme</span>

</button>

</div>

<div class="repl-frame-wrapper">

<div id="repl-loader" aria-hidden="true">

<div class="loader-spinner" aria-hidden="true"></div>

<span class="loader-text">Loading SymPy Live…</span>

</div>

<iframe

id="live-iframe"

name="sympy-live-repl"

title="SymPy Live"

src=""

width="100%"

height="500px"

loading="lazy"

>

</iframe>

</div>

<div id="usage" class="sidebar_card">

<h2>Instructions</h2>

<div class="content">

<p>

{% trans %}Press ENTER to run the code or use the Run button in the toolbar.{% endtrans %}

</p>

<p id="loading_message">

{% trans %}Note it can take up to 30 seconds before the shell finishes loading and is ready to run commands.{% endtrans %}

</p>

</div>

</div>

{% endblock %}

{% block sidebar %}

<div id="about_shell" class="sidebar_card">

<h2>{% trans %}About this page{% endtrans %}</h2>

<p>

{% trans %}SymPy Live shell allows you to use SymPy in the browser without the need to install anything on your computer.{% endtrans %}

</p>

<p>

{% trans %}The following commands are executed by default:{% endtrans %}

<pre>

[1]: from sympy import *

x, y, z, t = symbols('x y z t')

k, m, n = symbols('k m n', integer=True)

f, g, h = symbols('f g h', cls=Function)

</pre>

</p>

<p>

{% trans %}SymPy Live shell is powered by{% endtrans %} <a href="https://jupyterlite.readthedocs.io/en/stable/">JupyterLite</a>.

{% trans %}It can take up to 30 seconds before the shell code and libraries load completely and become available for using interactively.{% endtrans %}

</p>

<div id="examples" class="sidebar_card">

<h2>Example session</h2>

<div class="content">

<p>

<code>[2]: expr = (x + y)**3</code>

</p>

<p>

<code>[3]: expand(expr)</code><br>

<code>[3]: </code>\(x^{3} + 3 x^{2} y + 3 x y^{2} + y^{3}\)<br>

</p>

<p>

<code>[4]: sin(x).series(x, 0, 7)</code><br>

<code>[4]: </code>\(x - \frac{x^{3}}{6} + \frac{x^{5}}{120} + O\left(x^{7}\right)\)<br>

</p>

<p>

{% trans %}Read the tutorial in the SymPy docs to learn more about SymPy{% endtrans %}:

<a href="https://docs.sympy.org/tutorial/">{% trans %}SymPy Tutorial{% endtrans %}</a>.

</p>

</div>

<div id="quick_links" class="sidebar_card">

<h2>{% trans %}Quick Links{% endtrans %}</h2>

<ul>

<li><a href="https://www.sympy.org/">{% trans %}Website{% endtrans %}</a></li>

<li><a href="https://docs.sympy.org/">{% trans %}Docs{% endtrans %}</a></li>

<li><a href="https://docs.sympy.org/tutorial/">{% trans %}Tutorial{% endtrans %}</a></li>

<li><a href="https://github.com/sympy/sympy/releases">{% trans %}Download{% endtrans %}</a></li>

<li><a href="https://groups.google.com/group/sympy">{% trans %}Mailing list{% endtrans %}</a></li>

<li><a href="https://github.com/sympy/sympy">{% trans %}Source code{% endtrans %}</a></li>

<li><a href="https://github.com/sympy/sympy/issues/">{% trans %}Issues tracker{% endtrans %}</a></li>

<li><a href="https://github.com/sympy/sympy/wiki">{% trans %}Wiki{% endtrans %}</a></li>

<li><a href="https://github.com/sympy/sympy/wiki/introduction-to-contributing">{% trans %}Introduction to contributing{% endtrans %}</a></li>

<li><a href="https://planet.sympy.org/">{% trans %}Planet SymPy{% endtrans %}</a></li>

<li><a href="https://gitter.im/sympy/sympy">{% trans %}Chat (Gitter){% endtrans %}</a></li>

<li><a href="http://colabti.org/irclogger/irclogger_logs/sympy">{% trans %}IRC channel logs{% endtrans %}</a></li>

</ul>

{% endblock %}