Web-среда 0.1 для транслятора Web-sandbox 0.1 for the translator

Доработана и обозначена как версия 0.1 написанная на Go и JavaScript web-среда(песочница) для взаимодействия с транслятором Восток. Среда позволяет редактировать модули на Обероне, запускать экспортированные процедуры, преобразовывать модули на другие языки программирования. Модули, доступные по умолчанию из окружения транслятора, ограничены в доступе к возможностям сервера.

The web-sandbox written in Go and JavaScript for interacting with the Vostok translator has been fixed as version 0.1. The sandbox allows you to edit modules on Oberon, run exported procedures, convert modules to other programming languages. Modules available from the default translator's environment have restricted access to server's resources.

Доработки:

1. Возможность работы с несколькими модулями.
2. Использование текущего редактора в качестве стандартного источника ввода.
3. Добавление подсветки строк и комментариев, поддержка сниппетов и включение дополнения ввода.
4. Сохранение ввода в локальном web-хранилище.
5. Возможность сохранения на сервере с предоставлением доступа как для изменения, так и только для просмотра.
6. Возможность фиксации содержимого командной строки в виде кнопки.
7. Возможность запуска кода в командной строке с клавиатуры.
8. Возможность запуска кода из журнала.
9. Минимальная начальная конфигурация среда сокращена до одного журнала.
10. Выбрано тёмное оформление и добавлена иконка.

Enhancements:

1. Ability to work with multiple modules.
2. Using the current editor as the standard input source.
3. Adding string and comment highlighting, supporting snippets and enabling autocompletion.
4. Saving input to a local web-storage.
5. Ability to save on a server with access for editing and for viewing only.
6. Ability to fix the content of the command line as a button.
7. Ability to run code in the command line by the keyboard.
8. Ability to run code from a log.
9. Minimal initial configuration of sandbox reduced to a single log.
10. Dark theme has been chosen and the icon has been added.

Youtube

Web-среда доступна по адресу The sandbox available by URL vostok.oberon.org/sandbox.html

Для сборки и запуска по месту необходимо выполнить:

For local building and running needs to execute:

cd vostok/demo-server
# go version ≥ 1.16
go build server.go
./server &
browse http://localhost:8080/

Для встраивания в страницу необходимо записать подобный код:

For embedding to HTML-page needs code like this:

<link rel='stylesheet' type='text/css' href='vostokbox.css'>
<script src='https://ajaxorg.github.io/ace-builds/src/ace.js'
        type='text/javascript' charset='utf-8'></script>
<script src='https://ajaxorg.github.io/ace-builds/src/ext-language_tools.js'
        type='text/javascript' charset='utf-8'></script>
<script src='ace-oberon.js' type='text/javascript' charset='utf-8'></script>
<script src='vostokbox-config.js' type='text/javascript' charset='utf-8'></script>
<script src='vostokbox.js'  type='text/javascript' charset='utf-8'></script>

<div id='vostokbox-tabs'></div>

<div>
  <div class='vostokbox-editor'>MODULE One;
END One.</div>
  <div class='vostokbox-editor'>MODULE Two;
IMPORT One;
END Two.</div>
  <div id='vostokbox-log'></div>
</div>

<div id='vostokbox-button-runners'></div>
<div id='vostokbox-runners'></div>

<script>VostokBox.createByDefaultIdentifiers(document, ace, {
  runners:['One'], buttonRunners:['Two']});
</script>