A mode for Winamp AVS to use with CodeMirror, the versatile text editor implemented in JavaScript for the browser.
Use your preferred Node package manager to install the mode
$ yarn add @visbot/codemirror-avs || npm install @visbot/codemirror-avsAlternatively, you can clone this repository
$ git clone https://github.com/visbot/codemirror-avsExample usage on website
<!DOCTYPE html>
<html>
<head>
<!-- Import CodeMirror styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.css">
<head>
</head>
<body>
<!-- Add Textarea -->
<textarea id="editor"></textarea>
<!-- Import CodeMirror library -->
<script defer src="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.js"></script>
<!-- Import AVS mode -->
<script defer src="https://cdn.jsdelivr.net/npm/@visbot/codemirror-avs@latest/dist/avs.min.js"></script>
<!-- Initialize CodeMirror -->
<script type="text/javascript">
const editor = document.getElementById('editor');
const options = {
lineNumbers: true,
mode: 'avs/*'
};
const cm = CodeMirror.fromTextArea(editor, options);
</script>
</body>
</html>Note: If you want to load CodeMirror from a CDN, make sure to specify a specific version for better performance – the example above doesn't to keep it simple.
Beside the loose avs/* mode, you can specify stricter modes for specific components:
| Mode | Effect |
|---|---|
avs/bump |
Trans/Bump |
avs/color-modifier |
Trans/Color Modifier |
avs/dynamic-distance-modifier |
Trans/Dynamic Distance Modifier |
avs/dynamic-movement |
Trans/Dynamic Movement |
avs/dynamic-shift |
Trans/Dynamic Shift |
avs/effect-list |
Effect List |
avs/movement |
Trans/Movement |
avs/superscope |
Render/SuperScope |
avs/texer2 |
Render/Texer II |
avs/triangle |
Render/Triangle |
All code is licensed under The MIT License