codemirror-avs
![David](https://flat.badgen.net/david/dev/visbot/codemirror-avs)
Description
A mode for Winamp AVS to use with CodeMirror, the versatile text editor implemented in JavaScript for the browser.
Demo Time 🙌
Installation
Use your preferred Node package manager to install the mode
$ yarn add @visbot/codemirror-avs || npm install @visbot/codemirror-avs
Alternatively, you can clone this repository
$ git clone https://github.com/visbot/codemirror-avs
Usage
Example usage on website
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.css">
<head>
</head>
<body>
<textarea id="editor"></textarea>
<script defer src="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@visbot/codemirror-avs@latest/dist/avs.min.js"></script>
<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.
Modes
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 |
License
All code is licensed under The MIT License