the class "CodeMirror-activeline-background".
9 |
10 | (function(mod) {
11 | if (typeof exports == "object" && typeof module == "object") // CommonJS
12 | mod(require("../../lib/codemirror"));
13 | else if (typeof define == "function" && define.amd) // AMD
14 | define(["../../lib/codemirror"], mod);
15 | else // Plain browser env
16 | mod(CodeMirror);
17 | })(function(CodeMirror) {
18 | "use strict";
19 | var WRAP_CLASS = "CodeMirror-activeline";
20 | var BACK_CLASS = "CodeMirror-activeline-background";
21 |
22 | CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
23 | var prev = old && old != CodeMirror.Init;
24 | if (val && !prev) {
25 | cm.state.activeLines = [];
26 | updateActiveLines(cm, cm.listSelections());
27 | cm.on("beforeSelectionChange", selectionChange);
28 | } else if (!val && prev) {
29 | cm.off("beforeSelectionChange", selectionChange);
30 | clearActiveLines(cm);
31 | delete cm.state.activeLines;
32 | }
33 | });
34 |
35 | function clearActiveLines(cm) {
36 | for (var i = 0; i < cm.state.activeLines.length; i++) {
37 | cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
38 | cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
39 | }
40 | }
41 |
42 | function sameArray(a, b) {
43 | if (a.length != b.length) return false;
44 | for (var i = 0; i < a.length; i++)
45 | if (a[i] != b[i]) return false;
46 | return true;
47 | }
48 |
49 | function updateActiveLines(cm, ranges) {
50 | var active = [];
51 | for (var i = 0; i < ranges.length; i++) {
52 | var range = ranges[i];
53 | if (!range.empty()) continue;
54 | var line = cm.getLineHandleVisualStart(range.head.line);
55 | if (active[active.length - 1] != line) active.push(line);
56 | }
57 | if (sameArray(cm.state.activeLines, active)) return;
58 | cm.operation(function() {
59 | clearActiveLines(cm);
60 | for (var i = 0; i < active.length; i++) {
61 | cm.addLineClass(active[i], "wrap", WRAP_CLASS);
62 | cm.addLineClass(active[i], "background", BACK_CLASS);
63 | }
64 | cm.state.activeLines = active;
65 | });
66 | }
67 |
68 | function selectionChange(cm, sel) {
69 | updateActiveLines(cm, sel.ranges);
70 | }
71 | });
--------------------------------------------------------------------------------
/libraries/jszip-utils-ie.js:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | JSZipUtils - A collection of cross-browser utilities to go along with JSZip.
4 |
5 |
6 | (c) 2014 Stuart Knightley, David Duponchel
7 | Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip-utils/master/LICENSE.markdown.
8 |
9 | */
10 | ;(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o\r\n"+
18 | "\r\n";
32 |
33 | // inject VBScript
34 | document.write(IEBinaryToArray_ByteStr_Script);
35 |
36 | global.JSZipUtils._getBinaryFromXHR = function (xhr) {
37 | var binary = xhr.responseBody;
38 | var byteMapping = {};
39 | for ( var i = 0; i < 256; i++ ) {
40 | for ( var j = 0; j < 256; j++ ) {
41 | byteMapping[ String.fromCharCode( i + (j << 8) ) ] =
42 | String.fromCharCode(i) + String.fromCharCode(j);
43 | }
44 | }
45 | var rawBytes = IEBinaryToArray_ByteStr(binary);
46 | var lastChr = IEBinaryToArray_ByteStr_Last(binary);
47 | return rawBytes.replace(/[\s\S]/g, function( match ) {
48 | return byteMapping[match];
49 | }) + lastChr;
50 | };
51 |
52 | // enforcing Stuk's coding style
53 | // vim: set shiftwidth=4 softtabstop=4:
54 |
55 | },{}]},{},[1])
56 | ;
--------------------------------------------------------------------------------
/libraries/libs.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lsu-emdm/braid/490c0acbb7cf5d7c36fb8613f94b80c49f65edcf/libraries/libs.zip
--------------------------------------------------------------------------------
/libraries/mode/htmlembedded/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CodeMirror: Html Embedded Scripts mode
4 |
30 | Html Embedded Scripts mode
31 |
43 |
44 |
52 |
53 | Mode for html embedded scripts like JSP and ASP.NET. Depends on HtmlMixed which in turn depends on
54 | JavaScript, CSS and XML.
55 |
56 | MIME types defined: application/x-aspx (ASP.NET),
57 | application/x-ejs (Embedded Javascript), application/x-jsp (JavaServer Pages)
58 |
59 |
--------------------------------------------------------------------------------
/libraries/mode/javascript/json-ld.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CodeMirror: JSON-LD mode
4 |
29 | JSON-LD mode
30 |
31 |
32 |
61 |
62 |
70 |
71 | This is a specialization of the JavaScript mode .
72 |
73 |
--------------------------------------------------------------------------------
/libraries/mode/javascript/typescript.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CodeMirror: TypeScript mode
4 |
26 | TypeScript mode
27 |
28 |
29 |
51 |
52 |
59 |
60 | This is a specialization of the JavaScript mode .
61 |
62 |
--------------------------------------------------------------------------------
/libraries/theme/3024-day.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: 3024 day
4 | Author: Jan T. Sott (http://github.com/idleberg)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-3024-day.CodeMirror {background: #f7f7f7; color: #3a3432;}
12 | .cm-s-3024-day div.CodeMirror-selected {background: #d6d5d4 !important;}
13 |
14 | .cm-s-3024-day .CodeMirror-gutters {background: #f7f7f7; border-right: 0px;}
15 | .cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
16 | .cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; }
17 | .cm-s-3024-day .CodeMirror-linenumber {color: #807d7c;}
18 |
19 | .cm-s-3024-day .CodeMirror-cursor {border-left: 1px solid #5c5855 !important;}
20 |
21 | .cm-s-3024-day span.cm-comment {color: #cdab53;}
22 | .cm-s-3024-day span.cm-atom {color: #a16a94;}
23 | .cm-s-3024-day span.cm-number {color: #a16a94;}
24 |
25 | .cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute {color: #01a252;}
26 | .cm-s-3024-day span.cm-keyword {color: #db2d20;}
27 | .cm-s-3024-day span.cm-string {color: #fded02;}
28 |
29 | .cm-s-3024-day span.cm-variable {color: #01a252;}
30 | .cm-s-3024-day span.cm-variable-2 {color: #01a0e4;}
31 | .cm-s-3024-day span.cm-def {color: #e8bbd0;}
32 | .cm-s-3024-day span.cm-bracket {color: #3a3432;}
33 | .cm-s-3024-day span.cm-tag {color: #db2d20;}
34 | .cm-s-3024-day span.cm-link {color: #a16a94;}
35 | .cm-s-3024-day span.cm-error {background: #db2d20; color: #5c5855;}
36 |
37 | .cm-s-3024-day .CodeMirror-activeline-background {background: #e8f2ff !important;}
38 | .cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important;}
39 |
--------------------------------------------------------------------------------
/libraries/theme/neat.css:
--------------------------------------------------------------------------------
1 | .cm-s-neat span.cm-comment { color: #a86; }
2 | .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
3 | .cm-s-neat span.cm-string { color: #a22; }
4 | .cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
5 | .cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
6 | .cm-s-neat span.cm-variable { color: black; }
7 | .cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
8 | .cm-s-neat span.cm-meta {color: #555;}
9 | .cm-s-neat span.cm-link { color: #3a3; }
10 |
11 | .cm-s-neat .CodeMirror-activeline-background {background: #e8f2ff !important;}
12 | .cm-s-neat .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
13 |
--------------------------------------------------------------------------------
/libraries/theme/neo.css:
--------------------------------------------------------------------------------
1 | /* neo theme for codemirror */
2 |
3 | /* Color scheme */
4 |
5 | .cm-s-neo.CodeMirror {
6 | background-color:#ffffff;
7 | color:#2e383c;
8 | line-height:1.1;
9 | }
10 | .cm-s-neo .cm-comment {color:#75787b}
11 | .cm-s-neo .cm-keyword, .cm-s-neo .cm-property {color:#1d75b3}
12 | .cm-s-neo .cm-atom,.cm-s-neo .cm-number {color:#75438a}
13 | .cm-s-neo .cm-node,.cm-s-neo .cm-tag {color:#9c3328}
14 | .cm-s-neo .cm-string {color:#b35e14}
15 | .cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier {color:#047d65}
16 |
17 |
18 | /* Editor styling */
19 |
20 | .cm-s-neo pre {
21 | padding:0;
22 | }
23 |
24 | .cm-s-neo .CodeMirror-gutters {
25 | border:none;
26 | border-right:10px solid transparent;
27 | background-color:transparent;
28 | }
29 |
30 | .cm-s-neo .CodeMirror-linenumber {
31 | padding:0;
32 | color:#e0e2e5;
33 | }
34 |
35 | .cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
36 | .cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
37 |
38 | .cm-s-neo div.CodeMirror-cursor {
39 | width: auto;
40 | border: 0;
41 | background: rgba(155,157,162,0.37);
42 | z-index: 1;
43 | }
44 |
--------------------------------------------------------------------------------
/libraries/theme/paraiso-light.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Paraíso (Light)
4 | Author: Jan T. Sott
5 |
6 | Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
7 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
8 |
9 | */
10 |
11 | .cm-s-paraiso-light.CodeMirror {background: #e7e9db; color: #41323f;}
12 | .cm-s-paraiso-light div.CodeMirror-selected {background: #b9b6b0 !important;}
13 | .cm-s-paraiso-light .CodeMirror-gutters {background: #e7e9db; border-right: 0px;}
14 | .cm-s-paraiso-light .CodeMirror-guttermarker { color: black; }
15 | .cm-s-paraiso-light .CodeMirror-guttermarker-subtle { color: #8d8687; }
16 | .cm-s-paraiso-light .CodeMirror-linenumber {color: #8d8687;}
17 | .cm-s-paraiso-light .CodeMirror-cursor {border-left: 1px solid #776e71 !important;}
18 |
19 | .cm-s-paraiso-light span.cm-comment {color: #e96ba8;}
20 | .cm-s-paraiso-light span.cm-atom {color: #815ba4;}
21 | .cm-s-paraiso-light span.cm-number {color: #815ba4;}
22 |
23 | .cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute {color: #48b685;}
24 | .cm-s-paraiso-light span.cm-keyword {color: #ef6155;}
25 | .cm-s-paraiso-light span.cm-string {color: #fec418;}
26 |
27 | .cm-s-paraiso-light span.cm-variable {color: #48b685;}
28 | .cm-s-paraiso-light span.cm-variable-2 {color: #06b6ef;}
29 | .cm-s-paraiso-light span.cm-def {color: #f99b15;}
30 | .cm-s-paraiso-light span.cm-bracket {color: #41323f;}
31 | .cm-s-paraiso-light span.cm-tag {color: #ef6155;}
32 | .cm-s-paraiso-light span.cm-link {color: #815ba4;}
33 | .cm-s-paraiso-light span.cm-error {background: #ef6155; color: #776e71;}
34 |
35 | .cm-s-paraiso-light .CodeMirror-activeline-background {background: #CFD1C4 !important;}
36 | .cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
37 |
--------------------------------------------------------------------------------
/libraries/theme/zenburn.css:
--------------------------------------------------------------------------------
1 | /**
2 | * "
3 | * Using Zenburn color palette from the Emacs Zenburn Theme
4 | * https://github.com/bbatsov/zenburn-emacs/blob/master/zenburn-theme.el
5 | *
6 | * Also using parts of https://github.com/xavi/coderay-lighttable-theme
7 | * "
8 | * From: https://github.com/wisenomad/zenburn-lighttable-theme/blob/master/zenburn.css
9 | */
10 |
11 | .cm-s-zenburn .CodeMirror-gutters { background: #3f3f3f !important; }
12 | .cm-s-zenburn .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { color: #999; }
13 | .cm-s-zenburn .CodeMirror-cursor { border-left: 1px solid white !important; }
14 | .cm-s-zenburn { background-color: #3f3f3f; color: #dcdccc; }
15 | .cm-s-zenburn span.cm-builtin { color: #dcdccc; font-weight: bold; }
16 | .cm-s-zenburn span.cm-comment { color: #7f9f7f; }
17 | .cm-s-zenburn span.cm-keyword { color: #f0dfaf; font-weight: bold; }
18 | .cm-s-zenburn span.cm-atom { color: #bfebbf; }
19 | .cm-s-zenburn span.cm-def { color: #dcdccc; }
20 | .cm-s-zenburn span.cm-variable { color: #dfaf8f; }
21 | .cm-s-zenburn span.cm-variable-2 { color: #dcdccc; }
22 | .cm-s-zenburn span.cm-string { color: #cc9393; }
23 | .cm-s-zenburn span.cm-string-2 { color: #cc9393; }
24 | .cm-s-zenburn span.cm-number { color: #dcdccc; }
25 | .cm-s-zenburn span.cm-tag { color: #93e0e3; }
26 | .cm-s-zenburn span.cm-property { color: #dfaf8f; }
27 | .cm-s-zenburn span.cm-attribute { color: #dfaf8f; }
28 | .cm-s-zenburn span.cm-qualifier { color: #7cb8bb; }
29 | .cm-s-zenburn span.cm-meta { color: #f0dfaf; }
30 | .cm-s-zenburn span.cm-header { color: #f0efd0; }
31 | .cm-s-zenburn span.cm-operator { color: #f0efd0; }
32 | .cm-s-zenburn span.CodeMirror-matchingbracket { box-sizing: border-box; background: transparent; border-bottom: 1px solid; }
33 | .cm-s-zenburn span.CodeMirror-nonmatchingbracket { border-bottom: 1px solid; background: none; }
34 | .cm-s-zenburn .CodeMirror-activeline { background: #000000; }
35 | .cm-s-zenburn .CodeMirror-activeline-background { background: #000000; }
36 | .cm-s-zenburn .CodeMirror-selected { background: #545454; }
37 | .cm-s-zenburn .CodeMirror-focused .CodeMirror-selected { background: #4f4f4f; }
38 |
--------------------------------------------------------------------------------
/listener.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
23 |
24 |
25 | ah
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/m.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | BRAID: Web Audio Instruments
6 |
7 |
8 |
21 |
22 |
23 |
24 |
25 | ▶ Load with Tone.js
26 |
27 |
28 |
29 | ▶ Load with Gibber
30 |
31 |
32 |
BRAID: Web Audio Instruments
6 |
7 |
8 |
21 |
22 |
23 |
24 |
25 | ▶ Load with Tone.js
26 |
27 |
28 |
