├── .gitignore
├── .npmignore
├── LICENSE.txt
├── babel.config.js
├── gulpfile.js
├── index.css
├── index.html
├── lib
├── brython-runner.bundle.js
├── brython-runner.js
├── core
│ ├── brython-runner.js
│ └── brython-runner.worker.js
└── scripts
│ ├── fileio.py
│ ├── sleep.py
│ └── stdio.py
├── package.json
├── readme.md
├── src
├── browser.js
├── brython-runner.js
├── core
│ ├── brython-runner.js
│ └── brython-runner.worker.js
└── scripts
│ ├── fileio.py
│ ├── sleep.py
│ └── stdio.py
├── webpack.config.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 |
2 | # Mac OS X
3 | .DS_Store
4 |
5 | # Logs
6 | logs
7 | *.log
8 | npm-debug.log*
9 | yarn-debug.log*
10 | yarn-error.log*
11 | lerna-debug.log*
12 |
13 | # Diagnostic reports (https://nodejs.org/api/report.html)
14 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
15 |
16 | # Runtime data
17 | pids
18 | *.pid
19 | *.seed
20 | *.pid.lock
21 |
22 | # Directory for instrumented libs generated by jscoverage/JSCover
23 | lib-cov
24 |
25 | # Coverage directory used by tools like istanbul
26 | coverage
27 | *.lcov
28 |
29 | # nyc test coverage
30 | .nyc_output
31 |
32 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
33 | .grunt
34 |
35 | # Bower dependency directory (https://bower.io/)
36 | bower_components
37 |
38 | # node-waf configuration
39 | .lock-wscript
40 |
41 | # Compiled binary addons (https://nodejs.org/api/addons.html)
42 | build/Release
43 |
44 | # Dependency directories
45 | node_modules/
46 | jspm_packages/
47 |
48 | # Snowpack dependency directory (https://snowpack.dev/)
49 | web_modules/
50 |
51 | # TypeScript cache
52 | *.tsbuildinfo
53 |
54 | # Optional npm cache directory
55 | .npm
56 |
57 | # Optional eslint cache
58 | .eslintcache
59 |
60 | # Microbundle cache
61 | .rpt2_cache/
62 | .rts2_cache_cjs/
63 | .rts2_cache_es/
64 | .rts2_cache_umd/
65 |
66 | # Optional REPL history
67 | .node_repl_history
68 |
69 | # Output of 'npm pack'
70 | *.tgz
71 |
72 | # Yarn Integrity file
73 | .yarn-integrity
74 |
75 | # dotenv environment variables file
76 | .env
77 | .env.test
78 |
79 | # parcel-bundler cache (https://parceljs.org/)
80 | .cache
81 | .parcel-cache
82 |
83 | # Next.js build output
84 | .next
85 | out
86 |
87 | # Nuxt.js build / generate output
88 | .nuxt
89 | dist
90 |
91 | # Gatsby files
92 | .cache/
93 | # Comment in the public line in if your project uses Gatsby and not Next.js
94 | # https://nextjs.org/blog/next-9-1#public-directory-support
95 | # public
96 |
97 | # vuepress build output
98 | .vuepress/dist
99 |
100 | # Serverless directories
101 | .serverless/
102 |
103 | # FuseBox cache
104 | .fusebox/
105 |
106 | # DynamoDB Local files
107 | .dynamodb/
108 |
109 | # TernJS port file
110 | .tern-port
111 |
112 | # Stores VSCode versions used for testing VSCode extensions
113 | .vscode-test
114 |
115 | # yarn v2
116 | .yarn/cache
117 | .yarn/unplugged
118 | .yarn/build-state.yml
119 | .yarn/install-state.gz
120 | .pnp.*
121 |
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | # Ignore the source files
2 | src/
3 |
4 | # Logs
5 | logs
6 | *.log
7 | npm-debug.log*
8 | yarn-debug.log*
9 | yarn-error.log*
10 | lerna-debug.log*
11 |
12 | # Diagnostic reports (https://nodejs.org/api/report.html)
13 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
14 |
15 | # Runtime data
16 | pids
17 | *.pid
18 | *.seed
19 | *.pid.lock
20 |
21 | # Directory for instrumented libs generated by jscoverage/JSCover
22 | lib-cov
23 |
24 | # Coverage directory used by tools like istanbul
25 | coverage
26 | *.lcov
27 |
28 | # nyc test coverage
29 | .nyc_output
30 |
31 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
32 | .grunt
33 |
34 | # Bower dependency directory (https://bower.io/)
35 | bower_components
36 |
37 | # node-waf configuration
38 | .lock-wscript
39 |
40 | # Compiled binary addons (https://nodejs.org/api/addons.html)
41 | build/Release
42 |
43 | # Dependency directories
44 | node_modules/
45 | jspm_packages/
46 |
47 | # Snowpack dependency directory (https://snowpack.dev/)
48 | web_modules/
49 |
50 | # TypeScript cache
51 | *.tsbuildinfo
52 |
53 | # Optional npm cache directory
54 | .npm
55 |
56 | # Optional eslint cache
57 | .eslintcache
58 |
59 | # Microbundle cache
60 | .rpt2_cache/
61 | .rts2_cache_cjs/
62 | .rts2_cache_es/
63 | .rts2_cache_umd/
64 |
65 | # Optional REPL history
66 | .node_repl_history
67 |
68 | # Output of 'npm pack'
69 | *.tgz
70 |
71 | # Yarn Integrity file
72 | .yarn-integrity
73 |
74 | # dotenv environment variables file
75 | .env
76 | .env.test
77 |
78 | # parcel-bundler cache (https://parceljs.org/)
79 | .cache
80 | .parcel-cache
81 |
82 | # Next.js build output
83 | .next
84 | out
85 |
86 | # Nuxt.js build / generate output
87 | .nuxt
88 | dist
89 |
90 | # Gatsby files
91 | .cache/
92 | # Comment in the public line in if your project uses Gatsby and not Next.js
93 | # https://nextjs.org/blog/next-9-1#public-directory-support
94 | # public
95 |
96 | # vuepress build output
97 | .vuepress/dist
98 |
99 | # Serverless directories
100 | .serverless/
101 |
102 | # FuseBox cache
103 | .fusebox/
104 |
105 | # DynamoDB Local files
106 | .dynamodb/
107 |
108 | # TernJS port file
109 | .tern-port
110 |
111 | # Stores VSCode versions used for testing VSCode extensions
112 | .vscode-test
113 |
114 | # yarn v2
115 | .yarn/cache
116 | .yarn/unplugged
117 | .yarn/build-state.yml
118 | .yarn/install-state.gz
119 | .pnp.*
120 |
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) 2020, Jeongmin Byun, jmbyun91@gmail.com
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | const presets = [
2 | '@babel/preset-env',
3 | ];
4 |
5 | const plugins = [
6 | '@babel/plugin-proposal-class-properties',
7 | '@babel/plugin-transform-runtime',
8 | ];
9 |
10 | module.exports = { presets, plugins };
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | const gulp = require('gulp');
2 | const babel = require('gulp-babel');
3 | const webpack = require('webpack');
4 | const DevServer = require('webpack-dev-server');
5 | const argv = require('yargs').argv;
6 | const webpackConfig = require('./webpack.config');
7 |
8 | const argHost = argv.host || 'localhost';
9 | const argPort = argv.port || 4000;
10 |
11 | gulp.task('build-webpack', callback => {
12 | webpack(webpackConfig('production'), (err, stats) => {
13 | if (err) {
14 | throw Error('build-webpack', err);
15 | }
16 | if (stats.hasErrors()) {
17 | throw Error('Compile errors have occurred.');
18 | }
19 | callback();
20 | });
21 | });
22 |
23 | gulp.task('compile-js-babel', () => {
24 | return gulp.src(['src/**/*', '!src/**/*.py', '!src/browser.js'])
25 | .pipe(babel())
26 | .pipe(gulp.dest('lib'));
27 | });
28 |
29 | gulp.task('copy-py', () => {
30 | return gulp.src(['src/**/*.py'])
31 | .pipe(gulp.dest('lib'));
32 | });
33 |
34 | gulp.task('build-babel', gulp.parallel('compile-js-babel', 'copy-py'));
35 |
36 | gulp.task('dev-webpack', () => {
37 | const config = webpackConfig('development');
38 | DevServer.addDevServerEntrypoints(config, {
39 | ...config.devServer,
40 | host: argHost,
41 | });
42 | const compiler = webpack(config);
43 | const server = new DevServer(compiler, config.devServer);
44 | server.listen(argPort, argHost, err => {
45 | if (err) {
46 | throw err;
47 | }
48 | console.log('Dev server is running.');
49 | });
50 | });
51 |
52 | gulp.task('dev', gulp.series('dev-webpack'));
53 | gulp.task('build', gulp.parallel('build-babel', 'build-webpack'));
--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
1 | .dev-box {
2 | position: absolute;
3 | top: 0;
4 | left: 0;
5 | width: 100vw;
6 | height: 100vh;
7 | padding-top: 3rem;
8 | }
9 |
10 | .toolbar-row {
11 | position: absolute;
12 | background-color: #eee;
13 | top: 0;
14 | left: 0;
15 | width: 100%;
16 | height: 3rem;
17 | }
18 |
19 | .toolbar-button {
20 | border: 0;
21 | background-color: #444;
22 | padding: 0 1rem;
23 | height: 100%;
24 | font-size: 1rem;
25 | color: #fff;
26 | cursor: pointer;
27 | }
28 |
29 | .toolbar-button:hover {
30 | background-color: #777;
31 | }
32 |
33 | .workspace-row {
34 | width: 100%;
35 | height: 100%;
36 | }
37 |
38 | .editor-column {
39 | float: left;
40 | width: 50%;
41 | height: 100%;
42 | }
43 |
44 | .editor {
45 | width: 100%;
46 | height: 100%;
47 | }
48 |
49 | .editor .CodeMirror {
50 | width: 100%;
51 | height: 100%;
52 | }
53 |
54 | .run-column {
55 | float: right;
56 | width: 50%;
57 | height: 100%;
58 | background-color: #222;
59 | color: #fff;
60 | overflow-y: auto;
61 | }
62 |
63 | .output-box {
64 | padding: 1rem;
65 | font-size: 1rem;
66 | }
67 |
68 | .output-box code {
69 | display: inline;
70 | white-space: pre-wrap;
71 | word-wrap: break-word;
72 | }
73 |
74 | .output-box code.error {
75 | color: red;
76 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
19 |
20 |
30 |