luau/docs/assets/js/repl.js

require.config({ paths: { vs: 'assets/js/vs' } });

let editor

require(['vs/editor/editor.main'], function () {
    monaco.languages.register({ id: 'luau' });

    monaco.languages.setMonarchTokensProvider('luau', {
        defaultToken: '',
        tokenPostfix: '.lua',
    
        keywords: [
            'and',
            'break',
            'do',
            'else',
            'elseif',
            'end',
            'false',
            'for',
            'function',
            'goto',
            'if',
            'in',
            'local',
            'nil',
            'not',
            'or',
            'repeat',
            'return',
            'then',
            'true',
            'until',
            'while',
            // luau
            'type',
            'export',
            // primative types
            'string',
            'number',
            'boolean',
            'thread',
        ],
    
        brackets: [
            { token: 'delimiter.bracket', open: '{', close: '}' },
            { token: 'delimiter.array', open: '[', close: ']' },
            { token: 'delimiter.parenthesis', open: '(', close: ')' }
        ],
    
        operators: [
            '+',
            '-',
            '*',
            '/',
            '%',
            '^',
            '#',
            '==',
            '~=',
            '<=',
            '>=',
            '<',
            '>',
            '=',
            ';',
            ':',
            ',',
            '.',
            '..',
            '...',
            // luau
            '+=',
            '-=',
            '*=',
            '/=',
            '%=',
            '^=',
            '..=',
            '::',
            "|",
            "&"
        ],
    
        // we include these common regular expressions
        symbols: /[=><!~?:&|+\-*\/\^%]+/,
        escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
    
        // The main tokenizer for our languages
        tokenizer: {
            root: [
                // identifiers and keywords
                [
                    /[a-zA-Z_]\w*/,
                    {
                        cases: {
                            '@keywords': { token: 'keyword.$0' },
                            '@default': 'identifier'
                        }
                    }
                ],
                // whitespace
                { include: '@whitespace' },
    
                // keys
                [/(,)(\s*)([a-zA-Z_]\w*)(\s*)(:)(?!:)/, ['delimiter', '', 'key', '', 'delimiter']],
                [/({)(\s*)([a-zA-Z_]\w*)(\s*)(:)(?!:)/, ['@brackets', '', 'key', '', 'delimiter']],
    
                // delimiters and operators
                [/[{}()\[\]]/, '@brackets'],
                [
                    /@symbols/,
                    {
                        cases: {
                            '@operators': 'delimiter',
                            '@default': ''
                        }
                    }
                ],
    
                // numbers
                [/\d*\.\d+([eE][\-+]?\d+)?/, 'number.float'],
                [/0[xX][0-9a-fA-F_]*[0-9a-fA-F]/, 'number.hex'],
                [/\d+?/, 'number'],
    
                // delimiter: after number because of .\d floats
                [/[;,.]/, 'delimiter'],
    
                // strings: recover on non-terminated strings
                [/"([^"\\]|\\.)*$/, 'string.invalid'], // non-teminated string
                [/'([^'\\]|\\.)*$/, 'string.invalid'], // non-teminated string
                [/"/, 'string', '@string."'],
                [/'/, 'string', "@string.'"]
            ],
    
            whitespace: [
                [/[ \t\r\n]+/, ''],
                [/--\[([=]*)\[/, 'comment', '@comment.$1'],
                [/--.*$/, 'comment']
            ],
    
            comment: [
                [/[^\]]+/, 'comment'],
                [
                    /\]([=]*)\]/,
                    {
                        cases: {
                            '$1==$S2': { token: 'comment', next: '@pop' },
                            '@default': 'comment'
                        }
                    }
                ],
                [/./, 'comment']
            ],
    
            string: [
                [/[^\\"']+/, 'string'],
                [/@escapes/, 'string.escape'],
                [/\\./, 'string.escape.invalid'],
                [
                    /["']/,
                    {
                        cases: {
                            '$#==$S2': { token: 'string', next: '@pop' },
                            '@default': 'string'
                        }
                    }
                ]
            ]
        }
    });

    monaco.languages.setLanguageConfiguration('luau', {
        comments: {
            lineComment: '--',
            blockComment: ['--[[', ']]']
        },
        brackets: [
            ['{', '}'],
            ['[', ']'],
            ['(', ')']
        ],
        autoClosingPairs: [
            { open: '{', close: '}' },
            { open: '[', close: ']' },
            { open: '(', close: ')' },
            { open: '"', close: '"' },
            { open: "'", close: "'" }
        ],
        surroundingPairs: [
            { open: '{', close: '}' },
            { open: '[', close: ']' },
            { open: '(', close: ')' },
            { open: '"', close: '"' },
            { open: "'", close: "'" }
        ]
    })

	editor = monaco.editor.create(document.getElementById('demoscript'), {
		value: ['print("Hello World!")'].join('\n'),
		language: 'luau',
        minimap: {
            enabled: false
        }
	});
});

function output(text) {
    document.getElementById("output").value += "[" + new Date().toLocaleTimeString() + "] " + text.replace('stdin:', '') + "\n";
}

var Module = {
    'print': function (msg) { output(msg) }
};

function clearInput() {
    if (editor) {
        editor.setValue("")
    }
}

function clearOutput() {
    document.getElementById("output").value = "";
}

executeScript = function() {
    if (editor) {
        var err = Module.ccall('executeScript', 'string', ['string'], [editor.getValue()]);
        if (err) {
            output('Error:' + err.replace('stdin:', ''));
        }
    }
}