don't be eval
This commit is contained in:
Shautvast
commit
e94671c85e
20 changed files with 5984 additions and 0 deletions
11
.editorconfig
Normal file
11
.editorconfig
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
end_of_line = lf
|
||||
indent_size = 2
|
||||
indent_style = space
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
194
.gitattributes
vendored
Normal file
194
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
## GITATTRIBUTES FOR WEB PROJECTS
|
||||
#
|
||||
# These settings are for any web project.
|
||||
#
|
||||
# Details per file setting:
|
||||
# text These files should be normalized (i.e. convert CRLF to LF).
|
||||
# binary These files are binary and should be left untouched.
|
||||
#
|
||||
# Note that binary is a macro for -text -diff.
|
||||
######################################################################
|
||||
|
||||
## AUTO-DETECT
|
||||
## Handle line endings automatically for files detected as
|
||||
## text and leave all files detected as binary untouched.
|
||||
## This will handle all files NOT defined below.
|
||||
* text=auto
|
||||
|
||||
## SOURCE CODE
|
||||
*.bat text eol=crlf
|
||||
*.coffee text
|
||||
*.css text
|
||||
*.htm text
|
||||
*.html text
|
||||
*.inc text
|
||||
*.ini text
|
||||
*.js text
|
||||
*.json text
|
||||
*.jsx text
|
||||
*.less text
|
||||
*.od text
|
||||
*.onlydata text
|
||||
*.php text
|
||||
*.pl text
|
||||
*.py text
|
||||
*.rb text
|
||||
*.sass text
|
||||
*.scm text
|
||||
*.scss text
|
||||
*.sh text eol=lf
|
||||
*.sql text
|
||||
*.styl text
|
||||
*.tag text
|
||||
*.ts text
|
||||
*.tsx text
|
||||
*.xml text
|
||||
*.xhtml text
|
||||
|
||||
## DOCKER
|
||||
*.dockerignore text
|
||||
Dockerfile text
|
||||
|
||||
## DOCUMENTATION
|
||||
*.markdown text
|
||||
*.md text
|
||||
*.mdwn text
|
||||
*.mdown text
|
||||
*.mkd text
|
||||
*.mkdn text
|
||||
*.mdtxt text
|
||||
*.mdtext text
|
||||
*.txt text
|
||||
AUTHORS text
|
||||
CHANGELOG text
|
||||
CHANGES text
|
||||
CONTRIBUTING text
|
||||
COPYING text
|
||||
copyright text
|
||||
*COPYRIGHT* text
|
||||
INSTALL text
|
||||
license text
|
||||
LICENSE text
|
||||
NEWS text
|
||||
readme text
|
||||
*README* text
|
||||
TODO text
|
||||
|
||||
## TEMPLATES
|
||||
*.dot text
|
||||
*.ejs text
|
||||
*.haml text
|
||||
*.handlebars text
|
||||
*.hbs text
|
||||
*.hbt text
|
||||
*.jade text
|
||||
*.latte text
|
||||
*.mustache text
|
||||
*.njk text
|
||||
*.phtml text
|
||||
*.tmpl text
|
||||
*.tpl text
|
||||
*.twig text
|
||||
|
||||
## LINTERS
|
||||
.babelrc text
|
||||
.csslintrc text
|
||||
.eslintrc text
|
||||
.htmlhintrc text
|
||||
.jscsrc text
|
||||
.jshintrc text
|
||||
.jshintignore text
|
||||
.prettierrc text
|
||||
.stylelintrc text
|
||||
|
||||
## CONFIGS
|
||||
*.bowerrc text
|
||||
*.cnf text
|
||||
*.conf text
|
||||
*.config text
|
||||
.browserslistrc text
|
||||
.editorconfig text
|
||||
.gitattributes text
|
||||
.gitconfig text
|
||||
.gitignore text
|
||||
.htaccess text
|
||||
*.npmignore text
|
||||
*.yaml text
|
||||
*.yml text
|
||||
browserslist text
|
||||
Makefile text
|
||||
makefile text
|
||||
|
||||
## HEROKU
|
||||
Procfile text
|
||||
.slugignore text
|
||||
|
||||
## GRAPHICS
|
||||
*.ai binary
|
||||
*.bmp binary
|
||||
*.eps binary
|
||||
*.gif binary
|
||||
*.ico binary
|
||||
*.jng binary
|
||||
*.jp2 binary
|
||||
*.jpg binary
|
||||
*.jpeg binary
|
||||
*.jpx binary
|
||||
*.jxr binary
|
||||
*.pdf binary
|
||||
*.png binary
|
||||
*.psb binary
|
||||
*.psd binary
|
||||
*.svg text
|
||||
*.svgz binary
|
||||
*.tif binary
|
||||
*.tiff binary
|
||||
*.wbmp binary
|
||||
*.webp binary
|
||||
|
||||
## AUDIO
|
||||
*.kar binary
|
||||
*.m4a binary
|
||||
*.mid binary
|
||||
*.midi binary
|
||||
*.mp3 binary
|
||||
*.ogg binary
|
||||
*.ra binary
|
||||
|
||||
## VIDEO
|
||||
*.3gpp binary
|
||||
*.3gp binary
|
||||
*.as binary
|
||||
*.asf binary
|
||||
*.asx binary
|
||||
*.fla binary
|
||||
*.flv binary
|
||||
*.m4v binary
|
||||
*.mng binary
|
||||
*.mov binary
|
||||
*.mp4 binary
|
||||
*.mpeg binary
|
||||
*.mpg binary
|
||||
*.ogv binary
|
||||
*.swc binary
|
||||
*.swf binary
|
||||
*.webm binary
|
||||
|
||||
## ARCHIVES
|
||||
*.7z binary
|
||||
*.gz binary
|
||||
*.jar binary
|
||||
*.rar binary
|
||||
*.tar binary
|
||||
*.zip binary
|
||||
|
||||
## FONTS
|
||||
*.ttf binary
|
||||
*.eot binary
|
||||
*.otf binary
|
||||
*.woff binary
|
||||
*.woff2 binary
|
||||
|
||||
## EXECUTABLES
|
||||
*.exe binary
|
||||
*.pyc binary
|
||||
7
.gitignore
vendored
Normal file
7
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
# Include your project-specific ignores in this file
|
||||
# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files
|
||||
# Useful .gitignore templates: https://github.com/github/gitignore
|
||||
node_modules
|
||||
dist
|
||||
.cache
|
||||
.idea/
|
||||
38
README.md
Normal file
38
README.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
__Szpakowski__
|
||||
|
||||
An algorithmic tribute to the Polish artist [Wacław Szpakowski](https://de.wikipedia.org/wiki/Wac%C5%82aw_Szpakowski)
|
||||
|
||||
 
|
||||
|
||||
at this moment still work in progress...
|
||||
|
||||
What is it?
|
||||
* Think _Logo_, the 'turtle' language from the eighties.
|
||||
* Because Szpakowski's drawings all follow the principle of the single line.
|
||||
* it has the basic commands to move the turtle:
|
||||
- start(x,y)
|
||||
- go(distance)
|
||||
- left(degrees)
|
||||
- right(degrees)
|
||||
|
||||
* on top of that it has:
|
||||
- pillars(number, length, shift, direction=DOWN): the turtle follows a pillary pattern
|
||||
- number: the number of pillars (running back and forth)
|
||||
- length: the distance per run
|
||||
- shift: in-/decrease in length
|
||||
- direction: UO|DOWN|BOTH
|
||||
- moving_pillars(n, length, shift=0, direction=DOWN): the pillars move
|
||||
- number: the number of pillars (running back and forth)
|
||||
- length: the distance per run
|
||||
- shift: shift per run
|
||||
- direction: UP|DOWN
|
||||
- staircase(number, size, direction = DOWN)
|
||||
- number: the number of steps
|
||||
- size: the step size
|
||||
- direction: UP|DOWN
|
||||
|
||||
... more functions will follow
|
||||
|
||||
|
||||
### Run
|
||||
* npm run start
|
||||
203
css/style.css
Normal file
203
css/style.css
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
html {
|
||||
color: #222;
|
||||
font-size: 1em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#console {
|
||||
font: 13px monospace, sans-serif;
|
||||
padding: 5px;
|
||||
color: greenyellow;
|
||||
background: black;
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 0;
|
||||
width: 30%;
|
||||
height: 20em;
|
||||
border: 2px solid darkgray;
|
||||
border-radius: 10px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#help{
|
||||
background: black;
|
||||
font: 13px monospace, sans-serif;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
color: greenyellow;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#command_input {
|
||||
background: black;
|
||||
color: greenyellow;
|
||||
outline: none;
|
||||
width: 90%;
|
||||
height: 20em;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.multiline {
|
||||
border: none transparent;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
.single_line {
|
||||
border: none transparent;
|
||||
}
|
||||
|
||||
.hidden,
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide only visually, but have it available for screen readers:
|
||||
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
|
||||
*
|
||||
* 1. For long content, line feeds are not interpreted as spaces and small width
|
||||
* causes content to wrap 1 word per line:
|
||||
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
|
||||
*/
|
||||
|
||||
.visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
/* 1 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Extends the .visually-hidden class to allow the element
|
||||
* to be focusable when navigated to via the keyboard:
|
||||
* https://www.drupal.org/node/897638
|
||||
*/
|
||||
|
||||
.visually-hidden.focusable:active,
|
||||
.visually-hidden.focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
white-space: inherit;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide visually and from screen readers, but maintain layout
|
||||
*/
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Clearfix: contain floats
|
||||
*
|
||||
* The use of `table` rather than `block` is only necessary if using
|
||||
* `::before` to contain the top-margins of child elements.
|
||||
*/
|
||||
|
||||
.clearfix::before,
|
||||
.clearfix::after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.clearfix::after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
EXAMPLE Media Queries for Responsive Design.
|
||||
These examples override the primary ('mobile first') styles.
|
||||
Modify as content requires.
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 35em) {
|
||||
/* Style adjustments for viewports that meet the condition */
|
||||
}
|
||||
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
/* Style adjustments for high resolution devices */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Print styles.
|
||||
Inlined to avoid the additional HTTP request:
|
||||
https://www.phpied.com/delay-loading-your-print-css/
|
||||
========================================================================== */
|
||||
|
||||
@media print {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
/* Black prints faster */
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]::after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]::after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
/*
|
||||
* Don't show links that are fragment identifiers,
|
||||
* or use the `javascript:` pseudo protocol
|
||||
*/
|
||||
a[href^="#"]::after,
|
||||
a[href^="javascript:"]::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap !important;
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
|
||||
0
img/.gitkeep
Normal file
0
img/.gitkeep
Normal file
51
index.html
Normal file
51
index.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<meta name="description" content="">
|
||||
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:type" content="">
|
||||
<meta property="og:url" content="">
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:image:alt" content="">
|
||||
|
||||
<link rel="icon" href="/favicon.ico" sizes="any">
|
||||
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<div id="console">
|
||||
<label id="prompt">
|
||||
<textarea id="command_input" class="multiline" autofocus>
|
||||
start(0, 0);
|
||||
go(1);
|
||||
moving_pillars(5, 10,1, false);
|
||||
turn(90);
|
||||
moving_pillars(5, 10,1, false);
|
||||
turn(90);
|
||||
go(1);
|
||||
moving_pillars(5, 10,1, false);
|
||||
turn(90);
|
||||
moving_pillars(5, 10,1, false);
|
||||
</textarea>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<textarea id="help" style="visibility: hidden"></textarea>
|
||||
|
||||
<script src="js/app.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
121
js/app.js
Normal file
121
js/app.js
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
"use strict";
|
||||
import {interpret} from "./interpreter.js";
|
||||
|
||||
(function () {
|
||||
const command_input_element = document.getElementById('command_input');
|
||||
const canvas_element = document.getElementById('canvas');
|
||||
const canvas = canvas_element.getContext('2d');
|
||||
const width = canvas_element.width = window.innerWidth;
|
||||
const height = canvas_element.height = window.innerHeight;
|
||||
canvas.fillStyle = 'white';
|
||||
canvas.strokeStyle = 'black';
|
||||
canvas.lineWidth = 2;
|
||||
|
||||
const help_element = document.getElementById('help');
|
||||
let script;
|
||||
|
||||
document.body.onkeydown = function (event) {
|
||||
if (event.key === 'Tab') {
|
||||
event.preventDefault();
|
||||
}
|
||||
}
|
||||
|
||||
const help = [
|
||||
{v1: "start(x,y)", v2: "start(0,0);"},
|
||||
{v1: "go(distance)", v2: "go(1);"},
|
||||
{v1: "turn(angle)", v2: "turn(90);"},
|
||||
{v1: "left(angle)", v2: "left(90);"},
|
||||
{v1: "right(angle)", v2: "right(90);"},
|
||||
{v1: "pillars(number, length, shift = 0, direction = UP)", v2: "pillars(3, 10, 0, DOWN);"},
|
||||
{v1: "moving_pillars(number, length, shift = 0, direction = DOWN)", v2: "moving_pillars(3, 10, 0, DOWN);"},
|
||||
{v1: "staircase(number, size, direction = DOWN)", v2: "staircase(3, 1, DOWN);"},
|
||||
];
|
||||
const slices = {};
|
||||
for (let i = 0; i < help.length; i++) {
|
||||
for (let j = 1; j < help[i].v1.length; j++) {
|
||||
const sub = help[i].v1.substring(0, j);
|
||||
if (!slices[sub]) {
|
||||
slices[sub] = [];
|
||||
}
|
||||
slices[sub].push(help[i]);
|
||||
}
|
||||
slices[help[i].v1] = [help[i]];
|
||||
}
|
||||
|
||||
let tx = 0;
|
||||
let ty = 0;
|
||||
let tangle = 0;
|
||||
|
||||
document.onkeyup = function (event) {
|
||||
if (event.key === 'Tab') {
|
||||
const script = command_input_element.value;
|
||||
event.preventDefault();
|
||||
const cursor_position = command_input_element.selectionStart;
|
||||
const textUpToCursor = script.slice(0, cursor_position);
|
||||
const startOfLine = textUpToCursor.lastIndexOf('\n') + 1;
|
||||
const endOfLine = script.indexOf('\n', cursor_position);
|
||||
const lineEndPosition = endOfLine === -1 ? script.length : endOfLine;
|
||||
const currentLineText = script.slice(startOfLine, lineEndPosition).trim();
|
||||
|
||||
if (slices[currentLineText]) {
|
||||
const helpOptions = slices[currentLineText].map(x => x.v2);
|
||||
const firstOption = helpOptions[0];
|
||||
|
||||
command_input_element.value = script.slice(0, startOfLine) + firstOption + script.slice(lineEndPosition);
|
||||
command_input_element.setSelectionRange(startOfLine + firstOption.length, startOfLine + firstOption.length);
|
||||
command_input_element.focus();
|
||||
help_element.style.visibility = 'hidden';
|
||||
refresh();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function refresh() {
|
||||
script = command_input_element.value;
|
||||
|
||||
try {
|
||||
canvas.clearRect(0, 0, width, height);
|
||||
interpret({canvas: canvas, x: tx, y: ty, angle: tangle, unit: 10, width, height}, script);
|
||||
} catch (Exception) {
|
||||
}
|
||||
}
|
||||
|
||||
command_input_element.onkeyup = function handle_key_input(event) {
|
||||
if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
|
||||
script = command_input_element.value;
|
||||
|
||||
help_element.style.visibility = 'hidden';
|
||||
const cursor_position = command_input_element.selectionStart;
|
||||
const textUpToCursor = script.slice(0, cursor_position);
|
||||
const startOfLine = textUpToCursor.lastIndexOf('\n') + 1;
|
||||
|
||||
const endOfLine = script.indexOf('\n', cursor_position);
|
||||
const lineEndPosition = endOfLine === -1 ? script.length : endOfLine;
|
||||
|
||||
const currentLineText = script.slice(startOfLine, lineEndPosition);
|
||||
if (currentLineText.length > 0) {
|
||||
const command = currentLineText.trim();
|
||||
if (slices[command]) {
|
||||
const help = slices[command].map(x => x.v1);
|
||||
const help_text = help.join('\n');
|
||||
|
||||
const computedStyle = window.getComputedStyle(command_input_element);
|
||||
const fontSize = parseFloat(computedStyle.fontSize);
|
||||
const lineHeight = computedStyle.lineHeight === 'normal' ? fontSize * 1.2 : parseFloat(computedStyle.lineHeight);
|
||||
|
||||
const textBounding = command_input_element.getBoundingClientRect();
|
||||
const topPosition = textBounding.top + window.scrollY;// + (cursor_position - startOfLine) * lineHeight/ script.split('\n').length;
|
||||
|
||||
help_element.style.visibility = 'visible';
|
||||
help_element.style.left = `${textBounding.left + window.scrollX}px`;
|
||||
help_element.style.top = `${topPosition - help_element.offsetHeight}px`;
|
||||
help_element.innerHTML = help_text;
|
||||
help_element.style.display = 'block';
|
||||
}
|
||||
}
|
||||
refresh();
|
||||
}
|
||||
};
|
||||
|
||||
refresh();
|
||||
})();
|
||||
241
js/interpreter.js
Normal file
241
js/interpreter.js
Normal file
|
|
@ -0,0 +1,241 @@
|
|||
import {parse} from "./parser";
|
||||
import {
|
||||
BANG,
|
||||
BANG_EQUAL,
|
||||
EQUAL_EQUAL,
|
||||
GREATER,
|
||||
GREATER_EQUAL,
|
||||
LESS,
|
||||
LESS_EQUAL,
|
||||
MINUS,
|
||||
PLUS,
|
||||
SLASH,
|
||||
STAR
|
||||
} from "./scanner";
|
||||
|
||||
export function interpret(init_env, code) {
|
||||
|
||||
let {canvas, tx, ty, tangle, unit, width, height} = init_env;
|
||||
const UP = "UP";
|
||||
const DOWN = "DOWN";
|
||||
const LEFT = "LEFT";
|
||||
const RIGHT = "RIGHT";
|
||||
const BOTH = "BOTH";
|
||||
|
||||
Object.assign(init_env, {UP, DOWN, LEFT, RIGHT, BOTH});
|
||||
const x0 = width / 2;
|
||||
const y0 = height / 4;
|
||||
|
||||
let THIS = {
|
||||
current_environment: init_env,
|
||||
|
||||
execute: (statement) => {
|
||||
statement.accept(THIS);
|
||||
},
|
||||
|
||||
visitBlockStatement: (statements) => {
|
||||
THIS.executeBlock(statements, {enclosing: THIS.current_environment});
|
||||
},
|
||||
|
||||
visitExpressionStatement: (expression) => {
|
||||
THIS.evaluate(expression);
|
||||
},
|
||||
|
||||
visitVariableStatement: (name, initializer) => {
|
||||
let value = undefined;
|
||||
if (initializer) {
|
||||
value = THIS.evaluate(initializer);
|
||||
}
|
||||
THIS.current_environment[name.lexeme] = value;
|
||||
},
|
||||
|
||||
visitPrintStatement: (expression) => {
|
||||
console.log(THIS.current_environment);
|
||||
let value = THIS.evaluate(expression);
|
||||
console.log(THIS.stringify(value));
|
||||
},
|
||||
|
||||
visitCallStatement: (fun, argList) => {
|
||||
let args = argList.map(THIS.evaluate);
|
||||
switch (fun){
|
||||
case "start": THIS.start(...args); break;
|
||||
case "go": THIS.go(...args); break;
|
||||
case "turn": THIS.turn(...args); break;
|
||||
case "left": THIS.left(...args); break;
|
||||
case "right": THIS.right(...args); break;
|
||||
case "pillars": THIS.pillars(...args); break;
|
||||
case "moving_pillars": THIS.moving_pillars(...args); break;
|
||||
case "staircase": THIS.staircase(...args); break;
|
||||
default: throw "Unknown function: " + fun;
|
||||
}
|
||||
},
|
||||
|
||||
start: (x,y) => {
|
||||
tx = x * unit;
|
||||
ty = y * unit;
|
||||
tangle = 0;
|
||||
canvas.beginPath();
|
||||
canvas.moveTo(x0 + tx, y0 + ty);
|
||||
},
|
||||
|
||||
go: (distance) => {
|
||||
tx += distance * unit * Math.cos(tangle);
|
||||
ty += distance * unit * Math.sin(tangle);
|
||||
canvas.lineTo(x0 + tx, y0 + ty);
|
||||
canvas.stroke();
|
||||
},
|
||||
|
||||
turn: (degrees) => {
|
||||
tangle += degrees * Math.PI / 180;
|
||||
},
|
||||
|
||||
left: (degrees) => {
|
||||
THIS.turn(-degrees);
|
||||
},
|
||||
|
||||
right: (degrees) => {
|
||||
THIS.turn(degrees);
|
||||
},
|
||||
|
||||
pillars: (number, length, shift = 0, direction = UP) => {
|
||||
for (let i = 0; i < number; i++) {
|
||||
THIS.turn(-90);
|
||||
THIS.go(direction === DOWN ? -length : length);
|
||||
THIS.turn(90);
|
||||
THIS.go(1);
|
||||
THIS.turn(90);
|
||||
if (direction === BOTH) {
|
||||
length += shift;
|
||||
}
|
||||
THIS.go(direction === DOWN ? -length : length);
|
||||
THIS.turn(-90);
|
||||
THIS.go(1);
|
||||
length += shift;
|
||||
}
|
||||
},
|
||||
|
||||
moving_pillars: (n, length, shift = 0, direction = DOWN) => {
|
||||
let length2 = length;
|
||||
length += shift;
|
||||
for (let i = 0; i < n; i++) {
|
||||
THIS.turn(-90);
|
||||
THIS.go(direction === DOWN ? -length2 : length2);
|
||||
THIS.turn(90);
|
||||
THIS.go(1);
|
||||
THIS.turn(90);
|
||||
THIS.go(direction === DOWN ? -length : length);
|
||||
THIS.turn(-90);
|
||||
THIS.go(1);
|
||||
}
|
||||
},
|
||||
|
||||
staircase: (number_of_steps, size, direction = DOWN) =>{
|
||||
const angle = direction === DOWN ? 90 : -90;
|
||||
for (let i = 0; i < number_of_steps; i++) {
|
||||
THIS.go(size);
|
||||
THIS.turn(angle);
|
||||
THIS.go(size);
|
||||
THIS.turn(-angle);
|
||||
}
|
||||
},
|
||||
|
||||
executeBlock: (statements, environment) => {
|
||||
let previous = THIS.current_environment;
|
||||
try {
|
||||
THIS.current_environment = environment;
|
||||
for (let i = 0; i < statements.length; i++) {
|
||||
THIS.execute(statements[i]);
|
||||
}
|
||||
} finally {
|
||||
THIS.current_environment = previous;
|
||||
}
|
||||
},
|
||||
|
||||
visitBinaryExpr: (operator, _left, _right) => {
|
||||
let left = THIS.evaluate(_left);
|
||||
let right = THIS.evaluate(_right);
|
||||
|
||||
switch (operator.type) {
|
||||
case MINUS:
|
||||
return left - right;
|
||||
case SLASH:
|
||||
return left / right;
|
||||
case STAR:
|
||||
return left * right;
|
||||
case PLUS:
|
||||
if (typeof left === 'number' && typeof right === 'number') {
|
||||
return left + right;
|
||||
} else {
|
||||
return THIS.stringify(left) + THIS.stringify(right);
|
||||
}
|
||||
case GREATER:
|
||||
return left > right;
|
||||
case GREATER_EQUAL:
|
||||
return left >= right;
|
||||
case LESS:
|
||||
return left < right;
|
||||
case LESS_EQUAL:
|
||||
return left <= right;
|
||||
case BANG_EQUAL:
|
||||
return left !== right;
|
||||
case EQUAL_EQUAL:
|
||||
return left === right;
|
||||
}
|
||||
throw "?";
|
||||
},
|
||||
|
||||
visitGroupingExpr: (expr) => {
|
||||
return THIS.evaluate(expr);
|
||||
},
|
||||
|
||||
visitLiteralExpr: (value) => {
|
||||
return value;
|
||||
},
|
||||
|
||||
visitUnaryExpr: (operator, right_expr) => {
|
||||
let right = THIS.evaluate(right_expr);
|
||||
|
||||
switch (operator.type) {
|
||||
case MINUS:
|
||||
return -right;
|
||||
case BANG:
|
||||
return !right;
|
||||
default:
|
||||
return undefined;
|
||||
}
|
||||
},
|
||||
|
||||
visitVariableExpr: (name) => {
|
||||
return THIS.current_environment[name.lexeme];
|
||||
},
|
||||
|
||||
visitAssignExpr: (name, value_expr) => {
|
||||
let value = THIS.evaluate(value_expr);
|
||||
THIS.current_environment[name] = value;
|
||||
return value;
|
||||
},
|
||||
|
||||
evaluate: (expr) => {
|
||||
return expr.accept(THIS);
|
||||
},
|
||||
|
||||
stringify: (value) => {
|
||||
if (value === undefined || value === null) {
|
||||
return "nil";
|
||||
}
|
||||
return value.toString();
|
||||
}
|
||||
};
|
||||
|
||||
try {
|
||||
const statements = parse(code);
|
||||
for (let i = 0; i < statements.length; i++) {
|
||||
|
||||
THIS.execute(statements[i]);
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
258
js/parser.js
Normal file
258
js/parser.js
Normal file
|
|
@ -0,0 +1,258 @@
|
|||
import "./scanner";
|
||||
import {
|
||||
scan, error,
|
||||
BANG, BANG_EQUAL, EOF,
|
||||
EQUAL, EQUAL_EQUAL,
|
||||
FALSE, GREATER,
|
||||
GREATER_EQUAL, IDENTIFIER,
|
||||
LEFT_BRACE, LEFT_PAREN, LESS,
|
||||
LESS_EQUAL, MINUS, NUMBER, PLUS,
|
||||
PRINT, RIGHT_BRACE, RIGHT_PAREN,
|
||||
SEMICOLON, SLASH, STAR, STRING, TRUE, VAR, START, COMMA, GO, STAIRCASE, PILLARS, MOVING_PILLARS, LEFT, RIGHT, TURN
|
||||
} from "./scanner";
|
||||
|
||||
export function parse(code) {
|
||||
const tokens = scan(code);
|
||||
// console.log(tokens);
|
||||
let current = 0;
|
||||
|
||||
const parse = () => {
|
||||
let statements = [];
|
||||
while (!is_at_end()) {
|
||||
statements.push(declaration());
|
||||
}
|
||||
return statements;
|
||||
}
|
||||
|
||||
const declaration = () => {
|
||||
if (match(VAR)) {
|
||||
return varDeclaration();
|
||||
}
|
||||
return statement();
|
||||
}
|
||||
|
||||
const varDeclaration = () => {
|
||||
const name = consume(IDENTIFIER, "Expected a variable name");
|
||||
let initializer;
|
||||
if (match(EQUAL)) {
|
||||
initializer = expression();
|
||||
}
|
||||
consume(SEMICOLON, "Expected semicolon");
|
||||
return {accept: (visitor) => visitor.visitVariableStatement(name, initializer)};
|
||||
}
|
||||
|
||||
const statement = () => {
|
||||
if (match(PRINT)) {
|
||||
return printStatement();
|
||||
}
|
||||
if (match(START)) {
|
||||
return callStatement("start");
|
||||
}
|
||||
if (match(GO)) {
|
||||
return callStatement("go");
|
||||
}
|
||||
if (match(LEFT)) {
|
||||
return callStatement("left");
|
||||
}
|
||||
if (match(RIGHT)) {
|
||||
return callStatement("right");
|
||||
}
|
||||
if (match(TURN)) {
|
||||
return callStatement("turn");
|
||||
}
|
||||
if (match(STAIRCASE)) {
|
||||
return callStatement("staircase");
|
||||
}
|
||||
if (match(PILLARS)) {
|
||||
return callStatement("pillars");
|
||||
}
|
||||
if (match(MOVING_PILLARS)) {
|
||||
return callStatement("moving_pillars");
|
||||
}
|
||||
if (match(LEFT_BRACE)) {
|
||||
return {accept: (visitor) => visitor.visitBlockStatement(block())};
|
||||
}
|
||||
|
||||
return expressionStatement();
|
||||
}
|
||||
|
||||
const expression = () => {
|
||||
return assignment();
|
||||
}
|
||||
|
||||
const expressions = () => {
|
||||
consume(LEFT_PAREN, "Expect '('");
|
||||
let exprs = [expression()];
|
||||
while (match(COMMA)) {
|
||||
exprs.push(expression());
|
||||
}
|
||||
consume(RIGHT_PAREN, "Expect ')'");
|
||||
return exprs;
|
||||
}
|
||||
|
||||
const assignment = () => {
|
||||
let expr = equality();
|
||||
if (match(EQUAL)) {
|
||||
let equals = previous();
|
||||
let value = assignment();
|
||||
|
||||
if (expr.class === 'Variable') {
|
||||
let name = expr.name;
|
||||
return {accept: (visitor) => visitor.visitAssignExpr(name, value)};
|
||||
}
|
||||
|
||||
throw error(equals, "Invalid assignment target.");
|
||||
}
|
||||
return expr;
|
||||
}
|
||||
|
||||
const printStatement = () => {
|
||||
const value = expression();
|
||||
consume(SEMICOLON, "Expected semicolon");
|
||||
return {accept: (visitor) => visitor.visitPrintStatement(value)};
|
||||
}
|
||||
|
||||
const callStatement = (name) => {
|
||||
const values = expressions();
|
||||
consume(SEMICOLON, "Expected semicolon");
|
||||
return {accept: (visitor) => visitor.visitCallStatement(name, values)};
|
||||
}
|
||||
|
||||
const expressionStatement = () => {
|
||||
const value = expression();
|
||||
consume(SEMICOLON, "Expected semicolon");
|
||||
return {accept: (visitor) => visitor.visitExpressionStatement(value)};
|
||||
}
|
||||
|
||||
const block = () => {
|
||||
let statements = [];
|
||||
while (!check(RIGHT_BRACE) && !is_at_end()) {
|
||||
statements.push(declaration());
|
||||
}
|
||||
consume(RIGHT_BRACE, "Expect '}' after block.");
|
||||
return statements;
|
||||
}
|
||||
|
||||
const equality = () => {
|
||||
let expr = comparison();
|
||||
while (match(BANG_EQUAL, EQUAL_EQUAL)) {
|
||||
let operator = previous();
|
||||
let right = comparison();
|
||||
expr = {accept: (visitor) => visitor.visitBinaryExpr(operator, expr, right)};
|
||||
}
|
||||
return expr;
|
||||
}
|
||||
|
||||
const comparison = () => {
|
||||
let expr = term();
|
||||
while (match(GREATER, GREATER_EQUAL, LESS, LESS_EQUAL)) {
|
||||
let operator = previous();
|
||||
let right = term();
|
||||
expr = {accept: (visitor) => visitor.visitBinaryExpr(operator, expr, right)};
|
||||
}
|
||||
return expr;
|
||||
}
|
||||
|
||||
const term = () => {
|
||||
let expr = factor();
|
||||
while (match(MINUS, PLUS)) {
|
||||
let operator = previous();
|
||||
let right = factor();
|
||||
expr = {accept: (visitor) => visitor.visitBinaryExpr(operator, expr, right)};
|
||||
}
|
||||
return expr;
|
||||
}
|
||||
|
||||
const factor = () => {
|
||||
let expr = unary();
|
||||
while (match(SLASH, STAR)) {
|
||||
let operator = previous();
|
||||
let right = unary();
|
||||
expr = {accept: (visitor) => visitor.visitBinaryExpr(operator, expr, right)};
|
||||
}
|
||||
return expr;
|
||||
}
|
||||
|
||||
const unary = () => {
|
||||
if (match(BANG, MINUS)) {
|
||||
let operator = previous();
|
||||
let right = unary();
|
||||
return {accept: (visitor) => visitor.visitUnaryExpr(operator, right)};
|
||||
}
|
||||
return primary();
|
||||
}
|
||||
|
||||
const primary = () => {
|
||||
if (match(FALSE)) {
|
||||
return {accept: (visitor) => visitor.visitLiteralExpr(false)};
|
||||
}
|
||||
if (match(TRUE)) {
|
||||
return {accept: (visitor) => visitor.visitLiteralExpr(true)};
|
||||
}
|
||||
if (check(NUMBER)) {
|
||||
advance();
|
||||
let number = parseFloat(previous().literal);
|
||||
return {accept: (visitor) => visitor.visitLiteralExpr(number)};
|
||||
}
|
||||
if (check(STRING)) {
|
||||
advance();
|
||||
let string = previous().literal;
|
||||
return {accept: (visitor) => visitor.visitLiteralExpr(string)};
|
||||
}
|
||||
if (match(IDENTIFIER)) {
|
||||
let identifier = previous();
|
||||
return {class: "Variable", accept: (visitor) => visitor.visitVariableExpr(identifier)};
|
||||
}
|
||||
if (match(LEFT_PAREN)) {
|
||||
let expr = expression();
|
||||
consume(RIGHT_PAREN, "Expect ')' after expression.");
|
||||
return {accept: (visitor) => visitor.visitGroupingExpr(expr)};
|
||||
}
|
||||
throw error(peek(), "Expect expression.");
|
||||
}
|
||||
|
||||
const consume = (type, message) => {
|
||||
if (check(type)) {
|
||||
return advance();
|
||||
}
|
||||
throw error(peek(), message);
|
||||
}
|
||||
|
||||
const match = (...types) => {
|
||||
for (let i = 0; i < types.length; i++) {
|
||||
if (check(types[i])) {
|
||||
advance();
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
const check = (type) => {
|
||||
if (is_at_end()) {
|
||||
return false;
|
||||
}
|
||||
return peek().type === type;
|
||||
}
|
||||
|
||||
const advance = () => {
|
||||
if (!is_at_end()) {
|
||||
current++;
|
||||
}
|
||||
return previous();
|
||||
}
|
||||
|
||||
const is_at_end = () => {
|
||||
return peek().type === EOF;
|
||||
}
|
||||
|
||||
const peek = () => {
|
||||
return tokens[current];
|
||||
}
|
||||
|
||||
const previous = () => {
|
||||
return tokens[current - 1];
|
||||
}
|
||||
|
||||
return parse();
|
||||
}
|
||||
266
js/scanner.js
Normal file
266
js/scanner.js
Normal file
|
|
@ -0,0 +1,266 @@
|
|||
export const scan = (source) => {
|
||||
const tokens = [];
|
||||
let start = 0;
|
||||
let current = 0;
|
||||
let line = 1;
|
||||
|
||||
const scan_tokens = () => {
|
||||
while (!is_at_end()) {
|
||||
start = current;
|
||||
scan_token();
|
||||
}
|
||||
|
||||
tokens.push({type: EOF, lexeme: "", line: line});
|
||||
return tokens;
|
||||
};
|
||||
|
||||
const is_at_end = () => {
|
||||
return current >= source.length;
|
||||
}
|
||||
|
||||
const advance = () => {
|
||||
return source.charAt(current++);
|
||||
}
|
||||
|
||||
const add_token = (type, literal) => {
|
||||
tokens.push({type: type, lexeme: source.substring(start, current), literal: literal, line: line});
|
||||
}
|
||||
|
||||
const scan_token = () => {
|
||||
let c = advance();
|
||||
switch (c) {
|
||||
case '(':
|
||||
add_token(LEFT_PAREN);
|
||||
break;
|
||||
case ')':
|
||||
add_token(RIGHT_PAREN);
|
||||
break;
|
||||
case '{':
|
||||
add_token(LEFT_BRACE);
|
||||
break;
|
||||
case '}':
|
||||
add_token(RIGHT_BRACE);
|
||||
break;
|
||||
case ',':
|
||||
add_token(COMMA);
|
||||
break;
|
||||
case '.':
|
||||
add_token(DOT);
|
||||
break;
|
||||
case '-':
|
||||
add_token(MINUS);
|
||||
break;
|
||||
case '+':
|
||||
add_token(PLUS);
|
||||
break;
|
||||
case ';':
|
||||
add_token(SEMICOLON);
|
||||
break;
|
||||
case '*':
|
||||
add_token(STAR);
|
||||
break;
|
||||
case '!':
|
||||
add_token(match('=') ? BANG_EQUAL : BANG);
|
||||
break;
|
||||
case '=':
|
||||
add_token(match('=') ? EQUAL_EQUAL : EQUAL);
|
||||
break;
|
||||
case '<':
|
||||
add_token(match('=') ? LESS_EQUAL : LESS);
|
||||
break;
|
||||
case '>':
|
||||
add_token(match('=') ? GREATER_EQUAL : GREATER);
|
||||
break;
|
||||
case '/':
|
||||
if (match('/')) {
|
||||
while (peek() !== '\n' && !is_at_end()) {
|
||||
advance();
|
||||
}
|
||||
} else {
|
||||
add_token(SLASH);
|
||||
}
|
||||
break;
|
||||
case ' ':
|
||||
case '\r':
|
||||
case '\t':
|
||||
break;
|
||||
case '\n':
|
||||
line++;
|
||||
break;
|
||||
case '"':
|
||||
string();
|
||||
break;
|
||||
default:
|
||||
if (is_digit(c)) {
|
||||
number();
|
||||
} else if (is_alpha(c)) {
|
||||
identifier();
|
||||
} else {
|
||||
throw error(line, "Unexpected character");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const identifier = () => {
|
||||
while (is_alphaNumeric(peek())) {
|
||||
advance();
|
||||
}
|
||||
let text = source.substring(start, current);
|
||||
let type = keywords.get(text);
|
||||
|
||||
if (type == null) {
|
||||
type = IDENTIFIER;
|
||||
}
|
||||
add_token(type);
|
||||
}
|
||||
|
||||
const is_alphaNumeric = (c) => {
|
||||
return is_alpha(c) || is_digit(c);
|
||||
}
|
||||
|
||||
const is_alpha = (c) => {
|
||||
return typeof c === 'string' && (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z') || c === '_';
|
||||
}
|
||||
|
||||
const number = () => {
|
||||
while (is_digit(peek())) {
|
||||
advance();
|
||||
}
|
||||
|
||||
if (peek() === '.' && is_digit(peekNext())) {
|
||||
advance();
|
||||
}
|
||||
|
||||
while (is_digit(peek())) {
|
||||
advance();
|
||||
}
|
||||
|
||||
add_token(NUMBER, source.substring(start, current));
|
||||
}
|
||||
|
||||
const string = () => {
|
||||
while (peek() !== '"' && !is_at_end()) {
|
||||
if (peek() === '\n') {
|
||||
line++;
|
||||
}
|
||||
advance();
|
||||
}
|
||||
|
||||
if (is_at_end()) {
|
||||
throw new Error(error(line, "Unterminated string"));
|
||||
}
|
||||
|
||||
advance();
|
||||
|
||||
let value = source.substring(start + 1, current - 1);
|
||||
console.log("string "+value);
|
||||
add_token(STRING, value);
|
||||
}
|
||||
|
||||
const peekNext = () => {
|
||||
return source.charAt(current + 1);
|
||||
}
|
||||
|
||||
const is_digit = (c) => {
|
||||
return typeof c === 'string' && c >= '0' && c <= '9';
|
||||
}
|
||||
|
||||
const peek = () => {
|
||||
if (is_at_end()) {
|
||||
return '\0';
|
||||
}
|
||||
return source.charAt(current);
|
||||
}
|
||||
|
||||
const match = (expected) => {
|
||||
if (is_at_end()) {
|
||||
return false;
|
||||
}
|
||||
if (source.charAt(current) !== expected) {
|
||||
return false;
|
||||
}
|
||||
current++;
|
||||
return true;
|
||||
}
|
||||
|
||||
return scan_tokens();
|
||||
}
|
||||
|
||||
export const error = (token, message) => {
|
||||
if (token.type === EOF) {
|
||||
return report(token.line, " at end", message);
|
||||
} else {
|
||||
return report(token.line, "", message);
|
||||
}
|
||||
}
|
||||
|
||||
export const report = (line, where, message) => {
|
||||
return ("[line " + line + "] Error" + where + ": " + message);
|
||||
}
|
||||
|
||||
export const LEFT_PAREN = 1;
|
||||
export const RIGHT_PAREN = 2;
|
||||
export const LEFT_BRACE = 3;
|
||||
export const RIGHT_BRACE = 4;
|
||||
export const COMMA = 5;
|
||||
export const DOT = 6;
|
||||
export const MINUS = 7;
|
||||
export const PLUS = 8;
|
||||
export const SEMICOLON = 9;
|
||||
export const SLASH = 10;
|
||||
export const STAR = 11;
|
||||
export const BANG = 12;
|
||||
export const BANG_EQUAL = 13;
|
||||
export const EQUAL = 14;
|
||||
export const EQUAL_EQUAL = 15;
|
||||
export const GREATER = 16;
|
||||
export const GREATER_EQUAL = 17;
|
||||
export const LESS = 18;
|
||||
export const LESS_EQUAL = 19;
|
||||
export const IDENTIFIER = 20;
|
||||
export const STRING = 21;
|
||||
export const NUMBER = 22;
|
||||
export const AND = 23;
|
||||
export const ELSE = 24;
|
||||
export const FALSE = 25;
|
||||
export const FUN = 26;
|
||||
export const FOR = 27;
|
||||
export const IF = 28;
|
||||
export const OR = 30;
|
||||
export const PRINT = 31;
|
||||
export const RETURN = 32;
|
||||
export const TRUE = 33;
|
||||
export const VAR = 34;
|
||||
export const WHILE = 35;
|
||||
export const EOF = 36;
|
||||
export const START = 37;
|
||||
export const GO = 38;
|
||||
export const TURN = 39;
|
||||
export const LEFT = 40;
|
||||
export const RIGHT = 41;
|
||||
export const PILLARS = 42;
|
||||
export const MOVING_PILLARS = 43;
|
||||
export const STAIRCASE = 44;
|
||||
|
||||
export const keywords = new Map([
|
||||
["and", AND],
|
||||
["else", ELSE],
|
||||
["false", FALSE],
|
||||
["fun", FUN],
|
||||
["for", FOR],
|
||||
["if", IF],
|
||||
["or", OR],
|
||||
["print", PRINT],
|
||||
["return", RETURN],
|
||||
["true", TRUE],
|
||||
["var", VAR],
|
||||
["while", WHILE],
|
||||
["start", START],
|
||||
["go", GO],
|
||||
["turn", TURN],
|
||||
["left", LEFT],
|
||||
["right", RIGHT],
|
||||
["pillars", PILLARS],
|
||||
["moving_pillars", MOVING_PILLARS],
|
||||
["staircase", STAIRCASE]
|
||||
])
|
||||
0
js/vendor/.gitkeep
vendored
Normal file
0
js/vendor/.gitkeep
vendored
Normal file
4494
package-lock.json
generated
Normal file
4494
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
24
package.json
Normal file
24
package.json
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": " ",
|
||||
"version": "0.0.1",
|
||||
"description": "",
|
||||
"private": true,
|
||||
"keywords": [
|
||||
""
|
||||
],
|
||||
"license": "",
|
||||
"author": "",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"start": "webpack serve --open --config webpack.config.dev.js",
|
||||
"build": "webpack --config webpack.config.prod.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"copy-webpack-plugin": "^11.0.0",
|
||||
"html-webpack-plugin": "^5.6.0",
|
||||
"webpack": "^5.91.0",
|
||||
"webpack-cli": "^5.1.4",
|
||||
"webpack-dev-server": "^5.0.4",
|
||||
"webpack-merge": "^5.10.0"
|
||||
}
|
||||
}
|
||||
BIN
screenshot.png
Normal file
BIN
screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
szpakowski.png
Normal file
BIN
szpakowski.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
26
szpaks/radiator.szpak
Normal file
26
szpaks/radiator.szpak
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
start(-54,20);
|
||||
go(1);
|
||||
for (let i=0; i<4; i++){
|
||||
pillars(13, 2, 1, UP);
|
||||
}
|
||||
left(90);
|
||||
go(18);
|
||||
left(90);
|
||||
go(1)
|
||||
for (let i=0; i<4; i++){
|
||||
pillars(13, 2, 1, UP);
|
||||
}
|
||||
left(90);
|
||||
go(37);
|
||||
left(90);
|
||||
go(1)
|
||||
for (let i=0; i<4; i++){
|
||||
pillars(13, 2, 1, UP);
|
||||
}
|
||||
left(90);
|
||||
go(18);
|
||||
left(90);
|
||||
go(1)
|
||||
for (let i=0; i<4; i++){
|
||||
pillars(13, 2, 1, UP);
|
||||
}
|
||||
12
webpack.common.js
Normal file
12
webpack.common.js
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
const path = require('path');
|
||||
|
||||
module.exports = {
|
||||
entry: {
|
||||
app: './js/app.js',
|
||||
},
|
||||
output: {
|
||||
path: path.resolve(__dirname, 'dist'),
|
||||
clean: true,
|
||||
filename: './js/app.js',
|
||||
},
|
||||
};
|
||||
13
webpack.config.dev.js
Normal file
13
webpack.config.dev.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
const { merge } = require('webpack-merge');
|
||||
const common = require('./webpack.common.js');
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: 'development',
|
||||
devtool: 'inline-source-map',
|
||||
devServer: {
|
||||
liveReload: true,
|
||||
hot: true,
|
||||
open: true,
|
||||
static: ['./'],
|
||||
},
|
||||
});
|
||||
25
webpack.config.prod.js
Normal file
25
webpack.config.prod.js
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
const { merge } = require('webpack-merge');
|
||||
const common = require('./webpack.common.js');
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
const CopyPlugin = require('copy-webpack-plugin');
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: 'production',
|
||||
plugins: [
|
||||
new HtmlWebpackPlugin({
|
||||
template: './index.html',
|
||||
}),
|
||||
new CopyPlugin({
|
||||
patterns: [
|
||||
{ from: 'img', to: 'img' },
|
||||
{ from: 'css', to: 'css' },
|
||||
{ from: 'js/vendor', to: 'js/vendor' },
|
||||
{ from: 'icon.svg', to: 'icon.svg' },
|
||||
{ from: 'favicon.ico', to: 'favicon.ico' },
|
||||
{ from: 'robots.txt', to: 'robots.txt' },
|
||||
{ from: 'icon.png', to: 'icon.png' },
|
||||
{ from: 'site.webmanifest', to: 'site.webmanifest' },
|
||||
],
|
||||
}),
|
||||
],
|
||||
});
|
||||
Loading…
Add table
Reference in a new issue