RustPython is a Python interpreter written in Rust. This demo is
compiled from Rust to WebAssembly so it runs in the browser.
- Please input your Python code below and click Run, or you
- can open up your browser's devtools and play with
- rp.pyEval('print("a")')
+ Please input your Python code below and click Run
+ (or Ctrl+Enter), or you can open up your
+ browser's devtools and play with rp.pyEval('print("a")')
-
+
+
Standard Output
diff --git a/wasm/demo/src/main.js b/wasm/demo/src/main.js
index d8934b5c100..f20588e2731 100644
--- a/wasm/demo/src/main.js
+++ b/wasm/demo/src/main.js
@@ -46,4 +46,19 @@ document
.getElementById('run-btn')
.addEventListener('click', runCodeFromTextarea);
+const snippets = document.getElementById('snippets');
+
+snippets.addEventListener('change', () => {
+ const selected = snippets.value;
+
+ // the require here creates a webpack context; it's fine to use it
+ // dynamically.
+ // https://webpack.js.org/guides/dependency-management/
+ const snippet = require(`raw-loader!./snippets/${selected}.py`);
+
+ editor.setValue(snippet);
+
+ runCodeFromTextarea();
+});
+
runCodeFromTextarea(); // Run once for demo
diff --git a/wasm/demo/src/snippets/fibonacci.py b/wasm/demo/src/snippets/fibonacci.py
new file mode 100644
index 00000000000..877f92c4474
--- /dev/null
+++ b/wasm/demo/src/snippets/fibonacci.py
@@ -0,0 +1,11 @@
+n1 = 0
+n2 = 1
+count = 0
+until = 10
+
+print(f"These are the first {until} numbers in the Fibonacci sequence:")
+
+while count < until:
+ print(n1)
+ n1, n2 = n2, n1 + n2
+ count += 1
diff --git a/wasm/demo/src/style.css b/wasm/demo/src/style.css
index 9fadc7c2db0..a8a5de5004b 100644
--- a/wasm/demo/src/style.css
+++ b/wasm/demo/src/style.css
@@ -25,3 +25,14 @@ textarea {
margin-top: 10px;
font-family: monospace;
}
+
+#code-wrapper {
+ position: relative;
+}
+
+#snippets {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+ z-index: 25;
+}
diff --git a/wasm/demo/webpack.config.js b/wasm/demo/webpack.config.js
index 6d114d43639..9e1f785c972 100644
--- a/wasm/demo/webpack.config.js
+++ b/wasm/demo/webpack.config.js
@@ -2,6 +2,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const WasmPackPlugin = require('@wasm-tool/wasm-pack-plugin');
const path = require('path');
+const fs = require('fs');
module.exports = {
entry: './src/index.js',
@@ -12,13 +13,27 @@ module.exports = {
mode: 'development',
module: {
rules: [
- { test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-loader'] }
+ {
+ test: /\.css$/,
+ use: [MiniCssExtractPlugin.loader, 'css-loader']
+ }
]
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
- template: 'src/index.html'
+ template: 'src/index.ejs',
+ templateParameters: {
+ snippets: fs
+ .readdirSync(path.join(__dirname, 'src/snippets'))
+ .map(filename =>
+ path.basename(filename, path.extname(filename))
+ ),
+ defaultSnippetName: 'fibonacci',
+ defaultSnippet: fs.readFileSync(
+ path.join(__dirname, 'src/snippets/fibonacci.py')
+ )
+ }
}),
new MiniCssExtractPlugin({
filename: 'styles.css'
From 4dde810e9c4b676c0cb56f0826bf3c708b666b45 Mon Sep 17 00:00:00 2001
From: coolreader18 <33094578+coolreader18@users.noreply.github.com>
Date: Sat, 23 Feb 2019 10:21:58 -0600
Subject: [PATCH 2/4] Move snippets directory
---
wasm/demo/{src => }/snippets/fibonacci.py | 0
wasm/demo/src/main.js | 2 +-
wasm/demo/webpack.config.js | 4 ++--
3 files changed, 3 insertions(+), 3 deletions(-)
rename wasm/demo/{src => }/snippets/fibonacci.py (100%)
diff --git a/wasm/demo/src/snippets/fibonacci.py b/wasm/demo/snippets/fibonacci.py
similarity index 100%
rename from wasm/demo/src/snippets/fibonacci.py
rename to wasm/demo/snippets/fibonacci.py
diff --git a/wasm/demo/src/main.js b/wasm/demo/src/main.js
index f20588e2731..598be13f98d 100644
--- a/wasm/demo/src/main.js
+++ b/wasm/demo/src/main.js
@@ -54,7 +54,7 @@ snippets.addEventListener('change', () => {
// the require here creates a webpack context; it's fine to use it
// dynamically.
// https://webpack.js.org/guides/dependency-management/
- const snippet = require(`raw-loader!./snippets/${selected}.py`);
+ const snippet = require(`raw-loader!../snippets/${selected}.py`);
editor.setValue(snippet);
diff --git a/wasm/demo/webpack.config.js b/wasm/demo/webpack.config.js
index 9e1f785c972..1f13b99fa9a 100644
--- a/wasm/demo/webpack.config.js
+++ b/wasm/demo/webpack.config.js
@@ -25,13 +25,13 @@ module.exports = {
template: 'src/index.ejs',
templateParameters: {
snippets: fs
- .readdirSync(path.join(__dirname, 'src/snippets'))
+ .readdirSync(path.join(__dirname, 'snippets'))
.map(filename =>
path.basename(filename, path.extname(filename))
),
defaultSnippetName: 'fibonacci',
defaultSnippet: fs.readFileSync(
- path.join(__dirname, 'src/snippets/fibonacci.py')
+ path.join(__dirname, 'snippets/fibonacci.py')
)
}
}),
From b89d95c4c642c6deb8b005312cff0558f75bd1a9 Mon Sep 17 00:00:00 2001
From: coolreader18 <33094578+coolreader18@users.noreply.github.com>
Date: Sat, 23 Feb 2019 10:50:07 -0600
Subject: [PATCH 3/4] Add fizzbuzz demo
---
wasm/demo/snippets/fizzbuzz.py | 7 +++++++
1 file changed, 7 insertions(+)
create mode 100644 wasm/demo/snippets/fizzbuzz.py
diff --git a/wasm/demo/snippets/fizzbuzz.py b/wasm/demo/snippets/fizzbuzz.py
new file mode 100644
index 00000000000..90a71ac5a6a
--- /dev/null
+++ b/wasm/demo/snippets/fizzbuzz.py
@@ -0,0 +1,7 @@
+for i in range(1, 100):
+ print(f"{i} ", end="")
+ if not i % 3:
+ print("fizz", end="")
+ if not i % 5:
+ print("buzz", end="")
+ print()
From 6e8b88e1fdd24cfea8e2ee8ebd98004df2b50ceb Mon Sep 17 00:00:00 2001
From: coolreader18 <33094578+coolreader18@users.noreply.github.com>
Date: Sat, 23 Feb 2019 11:05:51 -0600
Subject: [PATCH 4/4] Add mandelbrot snippet
---
wasm/demo/snippets/mandelbrot.py | 31 +++++++++++++++++++++++++++++++
1 file changed, 31 insertions(+)
create mode 100644 wasm/demo/snippets/mandelbrot.py
diff --git a/wasm/demo/snippets/mandelbrot.py b/wasm/demo/snippets/mandelbrot.py
new file mode 100644
index 00000000000..8d99aed4f95
--- /dev/null
+++ b/wasm/demo/snippets/mandelbrot.py
@@ -0,0 +1,31 @@
+# NOTE: will take a while, up to around a minute, to run.
+# Expect this page to freeze.
+
+w = 50.0
+h = 50.0
+
+y = 0.0
+while y < h:
+ x = 0.0
+ while x < w:
+ Zr, Zi, Tr, Ti = 0.0, 0.0, 0.0, 0.0
+ Cr = 2 * x / w - 1.5
+ Ci = 2 * y / h - 1.0
+
+ i = 0
+ while i < 50 and Tr + Ti <= 4:
+ Zi = 2 * Zr * Zi + Ci
+ Zr = Tr - Ti + Cr
+ Tr = Zr * Zr
+ Ti = Zi * Zi
+ i = i + 1
+
+ if Tr + Ti <= 4:
+ print('*', end='')
+ else:
+ print('ยท', end='')
+
+ x = x + 1
+
+ print()
+ y = y + 1