@visbot/codemirror-avs
Advanced tools
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-avs
Alternatively, you can clone this repository
$ git clone https://github.com/visbot/codemirror-avs
Example 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
FAQs
Winamp AVS mode for CodeMirror 5
The npm package @visbot/codemirror-avs receives a total of 6 weekly downloads. As such, @visbot/codemirror-avs popularity was classified as not popular.
We found that @visbot/codemirror-avs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.