├── .gitmodules
├── LICENSE
├── README.md
├── client
    ├── codemirror
    │   ├── base16-dark.css
    │   ├── clike.js
    │   ├── codemirror.css
    │   └── codemirror.js
    ├── css
    │   ├── bootstrap-theme.min.css
    │   └── bootstrap.min.css
    ├── default.png
    ├── fav.ico
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   ├── glyphicons-halflings-regular.woff
    │   └── glyphicons-halflings-regular.woff2
    ├── index.html
    ├── js
    │   ├── bootstrap.min.js
    │   ├── jquery-ui.min.js
    │   └── jquery.min.js
    ├── logo.png
    ├── script.js
    └── style.css
├── cpp
    ├── .gitignore
    ├── app
    │   ├── App.cpp
    │   ├── App.h
    │   ├── LoopApp.cpp
    │   ├── LoopApp.h
    │   ├── ShaderApp.cpp
    │   ├── ShaderApp.h
    │   ├── Simplex.cpp
    │   ├── Simplex.h
    │   ├── helpers.cpp
    │   └── helpers.h
    ├── screen
    │   ├── Color.cpp
    │   ├── Color.h
    │   ├── Frame.cpp
    │   ├── Frame.h
    │   ├── Screen.cpp
    │   └── Screen.h
    └── template
    │   ├── App.cpp
    │   ├── App.h
    │   ├── LoopApp.cpp
    │   ├── LoopApp.h
    │   ├── ShaderApp.cpp
    │   ├── ShaderApp.h
    │   ├── appInterface.cpp
    │   ├── appInterface.h
    │   └── makefile
└── server
    ├── .gitignore
    ├── apprunner.py
    ├── apps.py
    ├── nocache.py
    ├── server.py
    ├── sourcefile.py
    ├── test.py
    └── userapp.py


/.gitmodules:
--------------------------------------------------------------------------------
 1 | [submodule "rpi_ws281x"]
 2 | 	path = rpi_ws281x
 3 | 	url = https://github.com/jgarff/rpi_ws281x
 4 | [submodule "screen/rpi_ws281x"]
 5 | 	path = screen/rpi_ws281x
 6 | 	url = https://github.com/jgarff/rpi_ws281x
 7 | [submodule "cpp/screen/rpi_ws281x"]
 8 | 	path = cpp/screen/rpi_ws281x
 9 | 	url = https://github.com/jgarff/rpi_ws281x
10 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Marian Kleineberg
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![Screenshot](https://i.imgur.com/dB2leW9.png)
 2 | 
 3 | # About
 4 | 
 5 | This project provides a web interface for a hardware 16x16 LED matrix where users can quickly and easily program simple animations which are then played on the LED matrix.
 6 | The goal is to provide a similar experience to [Shadertoy](https://shadertoy.com).
 7 | 
 8 | # Prerequisites
 9 | This software is meant to run on a Raspberry Pi with 256 WS2812 LEDs.
10 | It makes use of the [rpi_ws281x](https://github.com/jgarff/rpi_ws281x) library.
11 | Adafruit has a [good tutorial](https://learn.adafruit.com/neopixels-on-raspberry-pi?view=all) on how to set up the hardware for these LEDs.
12 | You should be able to run the `strandtest.py` example as described in the tutorial before using this software.
13 | The setup assumes that you use the default configuration of the `rpi_ws281x` library (GPIO pin 18).
14 | If your setup is different, please edit `cpp/screen/Screen.cpp`.
15 | 
16 | # Installation
17 | 
18 | 1. Clone this repository:
19 | ```
20 | git clone --recursive https://github.com/marian42/ledcpp
21 | ```
22 | Note that you need to clone recursively in order to initialize the submodule.
23 | 
24 | 2.  Go to the `ws281x` library and build:
25 | ```
26 | cd ledcpp/cpp/screen/rpi_ws281x
27 | scons
28 | ```
29 | 
30 | # Usage
31 | 
32 | From within the project root directory, run `sudo python server/server.py`
33 | 
34 | Use a webbrowser to go to the IP address of your Raspberry Pi and you should see the web interface.
35 | 
36 | # Writing apps
37 | There are three templates of apps you can choose from:
38 | 1. `ShaderApp` Inspired by fragment shaders, you implement a function that computes a color given the screen position.
39 | It is called for every pixel, every frame.
40 | 2. `LoopApp` You implement a method that is called once per frame and draws something on the screen.
41 | 3. `App` You have control over timing and you write the draw loop yourself.
42 | 
43 | ## Color
44 | The color class is mutable. Its values can be changed like this:
45 | 
46 | ```
47 | color.r = 128;                // 0 .. 255
48 | color.rgb(255, 255, 0);       // 0 .. 255
49 | color.hsv(10, 255, 255);      // all values 0 .. 255
50 | color.gray(255);              // grayscale
51 | color.hue(0);                 // fully saturated colors
52 | color.blend(c1, c2, progress);// progress 0 .. 1
53 | color.set(color)              // copy existing color
54 | ```
55 | 
56 | ## Math and convenience methods
57 | These common methods are available:
58 | ```
59 | min, max, map, fract, clamp, modulo
60 | ```
61 | 
62 | And some more specialized ones:
63 | ```
64 | float getRadius(int x, int y);        // distance from (8,8)
65 | float getAngle(int x, int y);         // angle around the center, in radians
66 | float map(float value, float oldLow, float oldHigh, float newLow, float newHigh);
67 | float noise(float x, float y);        // Simplex noise
68 | int getRing(int x, int y);            // distance from (8,8) counting concentric square rings
69 | int getRingPosition(int x, int y);    // position of the pixel within its ring
70 | ```
71 | In addition, you can use everything from `cmath`, write your own functions or include other libraries.
72 | 
73 | # Known issues
74 | 
75 | The user written C++ code is run directly within the python server.
76 | Whenever the user code causes an error, the entire server crashes and needs to be restarted manually.
77 | That's annoying and I'm working on a solution.
78 | 


--------------------------------------------------------------------------------
/client/codemirror/base16-dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 |     Name:       Base16 Default Dark
 4 |     Author:     Chris Kempson (http://chriskempson.com)
 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-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; }
12 | .cm-s-base16-dark div.CodeMirror-selected { background: #303030; }
13 | .cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
14 | .cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
15 | .cm-s-base16-dark .CodeMirror-gutters { background: #151515; border-right: 0px; }
16 | .cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
17 | .cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
18 | .cm-s-base16-dark .CodeMirror-linenumber { color: #505050; }
19 | .cm-s-base16-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }
20 | 
21 | .cm-s-base16-dark span.cm-comment { color: #8f5536; }
22 | .cm-s-base16-dark span.cm-atom { color: #aa759f; }
23 | .cm-s-base16-dark span.cm-number { color: #aa759f; }
24 | 
25 | .cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute { color: #90a959; }
26 | .cm-s-base16-dark span.cm-keyword { color: #ac4142; }
27 | .cm-s-base16-dark span.cm-string { color: #f4bf75; }
28 | 
29 | .cm-s-base16-dark span.cm-variable { color: #90a959; }
30 | .cm-s-base16-dark span.cm-variable-2 { color: #6a9fb5; }
31 | .cm-s-base16-dark span.cm-def { color: #d28445; }
32 | .cm-s-base16-dark span.cm-bracket { color: #e0e0e0; }
33 | .cm-s-base16-dark span.cm-tag { color: #ac4142; }
34 | .cm-s-base16-dark span.cm-link { color: #aa759f; }
35 | .cm-s-base16-dark span.cm-error { background: #ac4142; color: #b0b0b0; }
36 | 
37 | .cm-s-base16-dark .CodeMirror-activeline-background { background: #202020; }
38 | .cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
39 | 


--------------------------------------------------------------------------------
/client/codemirror/clike.js:
--------------------------------------------------------------------------------
  1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
  2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
  3 | 
  4 | (function(mod) {
  5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
  6 |     mod(require("../../lib/codemirror"));
  7 |   else if (typeof define == "function" && define.amd) // AMD
  8 |     define(["../../lib/codemirror"], mod);
  9 |   else // Plain browser env
 10 |     mod(CodeMirror);
 11 | })(function(CodeMirror) {
 12 | "use strict";
 13 | 
 14 | function Context(indented, column, type, info, align, prev) {
 15 |   this.indented = indented;
 16 |   this.column = column;
 17 |   this.type = type;
 18 |   this.info = info;
 19 |   this.align = align;
 20 |   this.prev = prev;
 21 | }
 22 | function pushContext(state, col, type, info) {
 23 |   var indent = state.indented;
 24 |   if (state.context && state.context.type != "statement" && type != "statement")
 25 |     indent = state.context.indented;
 26 |   return state.context = new Context(indent, col, type, info, null, state.context);
 27 | }
 28 | function popContext(state) {
 29 |   var t = state.context.type;
 30 |   if (t == ")" || t == "]" || t == "}")
 31 |     state.indented = state.context.indented;
 32 |   return state.context = state.context.prev;
 33 | }
 34 | 
 35 | function typeBefore(stream, state, pos) {
 36 |   if (state.prevToken == "variable" || state.prevToken == "variable-3") return true;
 37 |   if (/\S(?:[^- ]>|[*\]])\s*$|\*$/.test(stream.string.slice(0, pos))) return true;
 38 |   if (state.typeAtEndOfLine && stream.column() == stream.indentation()) return true;
 39 | }
 40 | 
 41 | function isTopScope(context) {
 42 |   for (;;) {
 43 |     if (!context || context.type == "top") return true;
 44 |     if (context.type == "}" && context.prev.info != "namespace") return false;
 45 |     context = context.prev;
 46 |   }
 47 | }
 48 | 
 49 | CodeMirror.defineMode("clike", function(config, parserConfig) {
 50 |   var indentUnit = config.indentUnit,
 51 |       statementIndentUnit = parserConfig.statementIndentUnit || indentUnit,
 52 |       dontAlignCalls = parserConfig.dontAlignCalls,
 53 |       keywords = parserConfig.keywords || {},
 54 |       types = parserConfig.types || {},
 55 |       builtin = parserConfig.builtin || {},
 56 |       blockKeywords = parserConfig.blockKeywords || {},
 57 |       defKeywords = parserConfig.defKeywords || {},
 58 |       atoms = parserConfig.atoms || {},
 59 |       hooks = parserConfig.hooks || {},
 60 |       multiLineStrings = parserConfig.multiLineStrings,
 61 |       indentStatements = parserConfig.indentStatements !== false,
 62 |       indentSwitch = parserConfig.indentSwitch !== false,
 63 |       namespaceSeparator = parserConfig.namespaceSeparator,
 64 |       isPunctuationChar = parserConfig.isPunctuationChar || /[\[\]{}\(\),;\:\.]/,
 65 |       numberStart = parserConfig.numberStart || /[\d\.]/,
 66 |       number = parserConfig.number || /^(?:0x[a-f\d]+|0b[01]+|(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?)(u|ll?|l|f)?/i,
 67 |       isOperatorChar = parserConfig.isOperatorChar || /[+\-*&%=<>!?|\/]/,
 68 |       endStatement = parserConfig.endStatement || /^[;:,]$/;
 69 | 
 70 |   var curPunc, isDefKeyword;
 71 | 
 72 |   function tokenBase(stream, state) {
 73 |     var ch = stream.next();
 74 |     if (hooks[ch]) {
 75 |       var result = hooks[ch](stream, state);
 76 |       if (result !== false) return result;
 77 |     }
 78 |     if (ch == '"' || ch == "'") {
 79 |       state.tokenize = tokenString(ch);
 80 |       return state.tokenize(stream, state);
 81 |     }
 82 |     if (isPunctuationChar.test(ch)) {
 83 |       curPunc = ch;
 84 |       return null;
 85 |     }
 86 |     if (numberStart.test(ch)) {
 87 |       stream.backUp(1)
 88 |       if (stream.match(number)) return "number"
 89 |       stream.next()
 90 |     }
 91 |     if (ch == "/") {
 92 |       if (stream.eat("*")) {
 93 |         state.tokenize = tokenComment;
 94 |         return tokenComment(stream, state);
 95 |       }
 96 |       if (stream.eat("/")) {
 97 |         stream.skipToEnd();
 98 |         return "comment";
 99 |       }
100 |     }
101 |     if (isOperatorChar.test(ch)) {
102 |       while (!stream.match(/^\/[\/*]/, false) && stream.eat(isOperatorChar)) {}
103 |       return "operator";
104 |     }
105 |     stream.eatWhile(/[\w\$_\xa1-\uffff]/);
106 |     if (namespaceSeparator) while (stream.match(namespaceSeparator))
107 |       stream.eatWhile(/[\w\$_\xa1-\uffff]/);
108 | 
109 |     var cur = stream.current();
110 |     if (contains(keywords, cur)) {
111 |       if (contains(blockKeywords, cur)) curPunc = "newstatement";
112 |       if (contains(defKeywords, cur)) isDefKeyword = true;
113 |       return "keyword";
114 |     }
115 |     if (contains(types, cur)) return "variable-3";
116 |     if (contains(builtin, cur)) {
117 |       if (contains(blockKeywords, cur)) curPunc = "newstatement";
118 |       return "builtin";
119 |     }
120 |     if (contains(atoms, cur)) return "atom";
121 |     return "variable";
122 |   }
123 | 
124 |   function tokenString(quote) {
125 |     return function(stream, state) {
126 |       var escaped = false, next, end = false;
127 |       while ((next = stream.next()) != null) {
128 |         if (next == quote && !escaped) {end = true; break;}
129 |         escaped = !escaped && next == "\\";
130 |       }
131 |       if (end || !(escaped || multiLineStrings))
132 |         state.tokenize = null;
133 |       return "string";
134 |     };
135 |   }
136 | 
137 |   function tokenComment(stream, state) {
138 |     var maybeEnd = false, ch;
139 |     while (ch = stream.next()) {
140 |       if (ch == "/" && maybeEnd) {
141 |         state.tokenize = null;
142 |         break;
143 |       }
144 |       maybeEnd = (ch == "*");
145 |     }
146 |     return "comment";
147 |   }
148 | 
149 |   function maybeEOL(stream, state) {
150 |     if (parserConfig.typeFirstDefinitions && stream.eol() && isTopScope(state.context))
151 |       state.typeAtEndOfLine = typeBefore(stream, state, stream.pos)
152 |   }
153 | 
154 |   // Interface
155 | 
156 |   return {
157 |     startState: function(basecolumn) {
158 |       return {
159 |         tokenize: null,
160 |         context: new Context((basecolumn || 0) - indentUnit, 0, "top", null, false),
161 |         indented: 0,
162 |         startOfLine: true,
163 |         prevToken: null
164 |       };
165 |     },
166 | 
167 |     token: function(stream, state) {
168 |       var ctx = state.context;
169 |       if (stream.sol()) {
170 |         if (ctx.align == null) ctx.align = false;
171 |         state.indented = stream.indentation();
172 |         state.startOfLine = true;
173 |       }
174 |       if (stream.eatSpace()) { maybeEOL(stream, state); return null; }
175 |       curPunc = isDefKeyword = null;
176 |       var style = (state.tokenize || tokenBase)(stream, state);
177 |       if (style == "comment" || style == "meta") return style;
178 |       if (ctx.align == null) ctx.align = true;
179 | 
180 |       if (endStatement.test(curPunc)) while (state.context.type == "statement") popContext(state);
181 |       else if (curPunc == "{") pushContext(state, stream.column(), "}");
182 |       else if (curPunc == "[") pushContext(state, stream.column(), "]");
183 |       else if (curPunc == "(") pushContext(state, stream.column(), ")");
184 |       else if (curPunc == "}") {
185 |         while (ctx.type == "statement") ctx = popContext(state);
186 |         if (ctx.type == "}") ctx = popContext(state);
187 |         while (ctx.type == "statement") ctx = popContext(state);
188 |       }
189 |       else if (curPunc == ctx.type) popContext(state);
190 |       else if (indentStatements &&
191 |                (((ctx.type == "}" || ctx.type == "top") && curPunc != ";") ||
192 |                 (ctx.type == "statement" && curPunc == "newstatement"))) {
193 |         pushContext(state, stream.column(), "statement", stream.current());
194 |       }
195 | 
196 |       if (style == "variable" &&
197 |           ((state.prevToken == "def" ||
198 |             (parserConfig.typeFirstDefinitions && typeBefore(stream, state, stream.start) &&
199 |              isTopScope(state.context) && stream.match(/^\s*\(/, false)))))
200 |         style = "def";
201 | 
202 |       if (hooks.token) {
203 |         var result = hooks.token(stream, state, style);
204 |         if (result !== undefined) style = result;
205 |       }
206 | 
207 |       if (style == "def" && parserConfig.styleDefs === false) style = "variable";
208 | 
209 |       state.startOfLine = false;
210 |       state.prevToken = isDefKeyword ? "def" : style || curPunc;
211 |       maybeEOL(stream, state);
212 |       return style;
213 |     },
214 | 
215 |     indent: function(state, textAfter) {
216 |       if (state.tokenize != tokenBase && state.tokenize != null || state.typeAtEndOfLine) return CodeMirror.Pass;
217 |       var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
218 |       if (ctx.type == "statement" && firstChar == "}") ctx = ctx.prev;
219 |       if (parserConfig.dontIndentStatements)
220 |         while (ctx.type == "statement" && parserConfig.dontIndentStatements.test(ctx.info))
221 |           ctx = ctx.prev
222 |       if (hooks.indent) {
223 |         var hook = hooks.indent(state, ctx, textAfter);
224 |         if (typeof hook == "number") return hook
225 |       }
226 |       var closing = firstChar == ctx.type;
227 |       var switchBlock = ctx.prev && ctx.prev.info == "switch";
228 |       if (parserConfig.allmanIndentation && /[{(]/.test(firstChar)) {
229 |         while (ctx.type != "top" && ctx.type != "}") ctx = ctx.prev
230 |         return ctx.indented
231 |       }
232 |       if (ctx.type == "statement")
233 |         return ctx.indented + (firstChar == "{" ? 0 : statementIndentUnit);
234 |       if (ctx.align && (!dontAlignCalls || ctx.type != ")"))
235 |         return ctx.column + (closing ? 0 : 1);
236 |       if (ctx.type == ")" && !closing)
237 |         return ctx.indented + statementIndentUnit;
238 | 
239 |       return ctx.indented + (closing ? 0 : indentUnit) +
240 |         (!closing && switchBlock && !/^(?:case|default)\b/.test(textAfter) ? indentUnit : 0);
241 |     },
242 | 
243 |     electricInput: indentSwitch ? /^\s*(?:case .*?:|default:|\{\}?|\})$/ : /^\s*[{}]$/,
244 |     blockCommentStart: "/*",
245 |     blockCommentEnd: "*/",
246 |     lineComment: "//",
247 |     fold: "brace"
248 |   };
249 | });
250 | 
251 |   function words(str) {
252 |     var obj = {}, words = str.split(" ");
253 |     for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
254 |     return obj;
255 |   }
256 |   function contains(words, word) {
257 |     if (typeof words === "function") {
258 |       return words(word);
259 |     } else {
260 |       return words.propertyIsEnumerable(word);
261 |     }
262 |   }
263 |   var cKeywords = "auto if break case register continue return default do sizeof " +
264 |     "static else struct switch extern typedef union for goto while enum const volatile";
265 |   var cTypes = "int long char short double float unsigned signed void size_t ptrdiff_t";
266 | 
267 |   function cppHook(stream, state) {
268 |     if (!state.startOfLine) return false
269 |     for (var ch, next = null; ch = stream.peek();) {
270 |       if (ch == "\\" && stream.match(/^.$/)) {
271 |         next = cppHook
272 |         break
273 |       } else if (ch == "/" && stream.match(/^\/[\/\*]/, false)) {
274 |         break
275 |       }
276 |       stream.next()
277 |     }
278 |     state.tokenize = next
279 |     return "meta"
280 |   }
281 | 
282 |   function pointerHook(_stream, state) {
283 |     if (state.prevToken == "variable-3") return "variable-3";
284 |     return false;
285 |   }
286 | 
287 |   function cpp14Literal(stream) {
288 |     stream.eatWhile(/[\w\.']/);
289 |     return "number";
290 |   }
291 | 
292 |   function cpp11StringHook(stream, state) {
293 |     stream.backUp(1);
294 |     // Raw strings.
295 |     if (stream.match(/(R|u8R|uR|UR|LR)/)) {
296 |       var match = stream.match(/"([^\s\\()]{0,16})\(/);
297 |       if (!match) {
298 |         return false;
299 |       }
300 |       state.cpp11RawStringDelim = match[1];
301 |       state.tokenize = tokenRawString;
302 |       return tokenRawString(stream, state);
303 |     }
304 |     // Unicode strings/chars.
305 |     if (stream.match(/(u8|u|U|L)/)) {
306 |       if (stream.match(/["']/, /* eat */ false)) {
307 |         return "string";
308 |       }
309 |       return false;
310 |     }
311 |     // Ignore this hook.
312 |     stream.next();
313 |     return false;
314 |   }
315 | 
316 |   function cppLooksLikeConstructor(word) {
317 |     var lastTwo = /(\w+)::(\w+)$/.exec(word);
318 |     return lastTwo && lastTwo[1] == lastTwo[2];
319 |   }
320 | 
321 |   // C#-style strings where "" escapes a quote.
322 |   function tokenAtString(stream, state) {
323 |     var next;
324 |     while ((next = stream.next()) != null) {
325 |       if (next == '"' && !stream.eat('"')) {
326 |         state.tokenize = null;
327 |         break;
328 |       }
329 |     }
330 |     return "string";
331 |   }
332 | 
333 |   // C++11 raw string literal is <prefix>"<delim>( anything )<delim>", where
334 |   // <delim> can be a string up to 16 characters long.
335 |   function tokenRawString(stream, state) {
336 |     // Escape characters that have special regex meanings.
337 |     var delim = state.cpp11RawStringDelim.replace(/[^\w\s]/g, '\\$&');
338 |     var match = stream.match(new RegExp(".*?\\)" + delim + '"'));
339 |     if (match)
340 |       state.tokenize = null;
341 |     else
342 |       stream.skipToEnd();
343 |     return "string";
344 |   }
345 | 
346 |   function def(mimes, mode) {
347 |     if (typeof mimes == "string") mimes = [mimes];
348 |     var words = [];
349 |     function add(obj) {
350 |       if (obj) for (var prop in obj) if (obj.hasOwnProperty(prop))
351 |         words.push(prop);
352 |     }
353 |     add(mode.keywords);
354 |     add(mode.types);
355 |     add(mode.builtin);
356 |     add(mode.atoms);
357 |     if (words.length) {
358 |       mode.helperType = mimes[0];
359 |       CodeMirror.registerHelper("hintWords", mimes[0], words);
360 |     }
361 | 
362 |     for (var i = 0; i < mimes.length; ++i)
363 |       CodeMirror.defineMIME(mimes[i], mode);
364 |   }
365 | 
366 |   def(["text/x-csrc", "text/x-c", "text/x-chdr"], {
367 |     name: "clike",
368 |     keywords: words(cKeywords),
369 |     types: words(cTypes + " bool _Complex _Bool float_t double_t intptr_t intmax_t " +
370 |                  "int8_t int16_t int32_t int64_t uintptr_t uintmax_t uint8_t uint16_t " +
371 |                  "uint32_t uint64_t"),
372 |     blockKeywords: words("case do else for if switch while struct"),
373 |     defKeywords: words("struct"),
374 |     typeFirstDefinitions: true,
375 |     atoms: words("null true false"),
376 |     hooks: {"#": cppHook, "*": pointerHook},
377 |     modeProps: {fold: ["brace", "include"]}
378 |   });
379 | 
380 |   def(["text/x-c++src", "text/x-c++hdr"], {
381 |     name: "clike",
382 |     keywords: words(cKeywords + " asm dynamic_cast namespace reinterpret_cast try explicit new " +
383 |                     "static_cast typeid catch operator template typename class friend private " +
384 |                     "this using const_cast inline public throw virtual delete mutable protected " +
385 |                     "alignas alignof constexpr decltype nullptr noexcept thread_local final " +
386 |                     "static_assert override"),
387 |     types: words(cTypes + " bool wchar_t"),
388 |     blockKeywords: words("catch class do else finally for if struct switch try while"),
389 |     defKeywords: words("class namespace struct enum union"),
390 |     typeFirstDefinitions: true,
391 |     atoms: words("true false null"),
392 |     dontIndentStatements: /^template$/,
393 |     hooks: {
394 |       "#": cppHook,
395 |       "*": pointerHook,
396 |       "u": cpp11StringHook,
397 |       "U": cpp11StringHook,
398 |       "L": cpp11StringHook,
399 |       "R": cpp11StringHook,
400 |       "0": cpp14Literal,
401 |       "1": cpp14Literal,
402 |       "2": cpp14Literal,
403 |       "3": cpp14Literal,
404 |       "4": cpp14Literal,
405 |       "5": cpp14Literal,
406 |       "6": cpp14Literal,
407 |       "7": cpp14Literal,
408 |       "8": cpp14Literal,
409 |       "9": cpp14Literal,
410 |       token: function(stream, state, style) {
411 |         if (style == "variable" && stream.peek() == "(" &&
412 |             (state.prevToken == ";" || state.prevToken == null ||
413 |              state.prevToken == "}") &&
414 |             cppLooksLikeConstructor(stream.current()))
415 |           return "def";
416 |       }
417 |     },
418 |     namespaceSeparator: "::",
419 |     modeProps: {fold: ["brace", "include"]}
420 |   });
421 | 
422 |   def("text/x-java", {
423 |     name: "clike",
424 |     keywords: words("abstract assert break case catch class const continue default " +
425 |                     "do else enum extends final finally float for goto if implements import " +
426 |                     "instanceof interface native new package private protected public " +
427 |                     "return static strictfp super switch synchronized this throw throws transient " +
428 |                     "try volatile while"),
429 |     types: words("byte short int long float double boolean char void Boolean Byte Character Double Float " +
430 |                  "Integer Long Number Object Short String StringBuffer StringBuilder Void"),
431 |     blockKeywords: words("catch class do else finally for if switch try while"),
432 |     defKeywords: words("class interface package enum"),
433 |     typeFirstDefinitions: true,
434 |     atoms: words("true false null"),
435 |     endStatement: /^[;:]$/,
436 |     number: /^(?:0x[a-f\d_]+|0b[01_]+|(?:[\d_]+\.?\d*|\.\d+)(?:e[-+]?[\d_]+)?)(u|ll?|l|f)?/i,
437 |     hooks: {
438 |       "@": function(stream) {
439 |         stream.eatWhile(/[\w\$_]/);
440 |         return "meta";
441 |       }
442 |     },
443 |     modeProps: {fold: ["brace", "import"]}
444 |   });
445 | 
446 |   def("text/x-csharp", {
447 |     name: "clike",
448 |     keywords: words("abstract as async await base break case catch checked class const continue" +
449 |                     " default delegate do else enum event explicit extern finally fixed for" +
450 |                     " foreach goto if implicit in interface internal is lock namespace new" +
451 |                     " operator out override params private protected public readonly ref return sealed" +
452 |                     " sizeof stackalloc static struct switch this throw try typeof unchecked" +
453 |                     " unsafe using virtual void volatile while add alias ascending descending dynamic from get" +
454 |                     " global group into join let orderby partial remove select set value var yield"),
455 |     types: words("Action Boolean Byte Char DateTime DateTimeOffset Decimal Double Func" +
456 |                  " Guid Int16 Int32 Int64 Object SByte Single String Task TimeSpan UInt16 UInt32" +
457 |                  " UInt64 bool byte char decimal double short int long object"  +
458 |                  " sbyte float string ushort uint ulong"),
459 |     blockKeywords: words("catch class do else finally for foreach if struct switch try while"),
460 |     defKeywords: words("class interface namespace struct var"),
461 |     typeFirstDefinitions: true,
462 |     atoms: words("true false null"),
463 |     hooks: {
464 |       "@": function(stream, state) {
465 |         if (stream.eat('"')) {
466 |           state.tokenize = tokenAtString;
467 |           return tokenAtString(stream, state);
468 |         }
469 |         stream.eatWhile(/[\w\$_]/);
470 |         return "meta";
471 |       }
472 |     }
473 |   });
474 | 
475 |   function tokenTripleString(stream, state) {
476 |     var escaped = false;
477 |     while (!stream.eol()) {
478 |       if (!escaped && stream.match('"""')) {
479 |         state.tokenize = null;
480 |         break;
481 |       }
482 |       escaped = stream.next() == "\\" && !escaped;
483 |     }
484 |     return "string";
485 |   }
486 | 
487 |   def("text/x-scala", {
488 |     name: "clike",
489 |     keywords: words(
490 | 
491 |       /* scala */
492 |       "abstract case catch class def do else extends final finally for forSome if " +
493 |       "implicit import lazy match new null object override package private protected return " +
494 |       "sealed super this throw trait try type val var while with yield _ : = => <- <: " +
495 |       "<% >: # @ " +
496 | 
497 |       /* package scala */
498 |       "assert assume require print println printf readLine readBoolean readByte readShort " +
499 |       "readChar readInt readLong readFloat readDouble " +
500 | 
501 |       ":: #:: "
502 |     ),
503 |     types: words(
504 |       "AnyVal App Application Array BufferedIterator BigDecimal BigInt Char Console Either " +
505 |       "Enumeration Equiv Error Exception Fractional Function IndexedSeq Int Integral Iterable " +
506 |       "Iterator List Map Numeric Nil NotNull Option Ordered Ordering PartialFunction PartialOrdering " +
507 |       "Product Proxy Range Responder Seq Serializable Set Specializable Stream StringBuilder " +
508 |       "StringContext Symbol Throwable Traversable TraversableOnce Tuple Unit Vector " +
509 | 
510 |       /* package java.lang */
511 |       "Boolean Byte Character CharSequence Class ClassLoader Cloneable Comparable " +
512 |       "Compiler Double Exception Float Integer Long Math Number Object Package Pair Process " +
513 |       "Runtime Runnable SecurityManager Short StackTraceElement StrictMath String " +
514 |       "StringBuffer System Thread ThreadGroup ThreadLocal Throwable Triple Void"
515 |     ),
516 |     multiLineStrings: true,
517 |     blockKeywords: words("catch class do else finally for forSome if match switch try while"),
518 |     defKeywords: words("class def object package trait type val var"),
519 |     atoms: words("true false null"),
520 |     indentStatements: false,
521 |     indentSwitch: false,
522 |     hooks: {
523 |       "@": function(stream) {
524 |         stream.eatWhile(/[\w\$_]/);
525 |         return "meta";
526 |       },
527 |       '"': function(stream, state) {
528 |         if (!stream.match('""')) return false;
529 |         state.tokenize = tokenTripleString;
530 |         return state.tokenize(stream, state);
531 |       },
532 |       "'": function(stream) {
533 |         stream.eatWhile(/[\w\$_\xa1-\uffff]/);
534 |         return "atom";
535 |       },
536 |       "=": function(stream, state) {
537 |         var cx = state.context
538 |         if (cx.type == "}" && cx.align && stream.eat(">")) {
539 |           state.context = new Context(cx.indented, cx.column, cx.type, cx.info, null, cx.prev)
540 |           return "operator"
541 |         } else {
542 |           return false
543 |         }
544 |       }
545 |     },
546 |     modeProps: {closeBrackets: {triples: '"'}}
547 |   });
548 | 
549 |   function tokenKotlinString(tripleString){
550 |     return function (stream, state) {
551 |       var escaped = false, next, end = false;
552 |       while (!stream.eol()) {
553 |         if (!tripleString && !escaped && stream.match('"') ) {end = true; break;}
554 |         if (tripleString && stream.match('"""')) {end = true; break;}
555 |         next = stream.next();
556 |         if(!escaped && next == "$" && stream.match('{'))
557 |           stream.skipTo("}");
558 |         escaped = !escaped && next == "\\" && !tripleString;
559 |       }
560 |       if (end || !tripleString)
561 |         state.tokenize = null;
562 |       return "string";
563 |     }
564 |   }
565 | 
566 |   def("text/x-kotlin", {
567 |     name: "clike",
568 |     keywords: words(
569 |       /*keywords*/
570 |       "package as typealias class interface this super val " +
571 |       "var fun for is in This throw return " +
572 |       "break continue object if else while do try when !in !is as? " +
573 | 
574 |       /*soft keywords*/
575 |       "file import where by get set abstract enum open inner override private public internal " +
576 |       "protected catch finally out final vararg reified dynamic companion constructor init " +
577 |       "sealed field property receiver param sparam lateinit data inline noinline tailrec " +
578 |       "external annotation crossinline const operator infix"
579 |     ),
580 |     types: words(
581 |       /* package java.lang */
582 |       "Boolean Byte Character CharSequence Class ClassLoader Cloneable Comparable " +
583 |       "Compiler Double Exception Float Integer Long Math Number Object Package Pair Process " +
584 |       "Runtime Runnable SecurityManager Short StackTraceElement StrictMath String " +
585 |       "StringBuffer System Thread ThreadGroup ThreadLocal Throwable Triple Void"
586 |     ),
587 |     intendSwitch: false,
588 |     indentStatements: false,
589 |     multiLineStrings: true,
590 |     blockKeywords: words("catch class do else finally for if where try while enum"),
591 |     defKeywords: words("class val var object package interface fun"),
592 |     atoms: words("true false null this"),
593 |     hooks: {
594 |       '"': function(stream, state) {
595 |         state.tokenize = tokenKotlinString(stream.match('""'));
596 |         return state.tokenize(stream, state);
597 |       }
598 |     },
599 |     modeProps: {closeBrackets: {triples: '"'}}
600 |   });
601 | 
602 |   def(["x-shader/x-vertex", "x-shader/x-fragment"], {
603 |     name: "clike",
604 |     keywords: words("sampler1D sampler2D sampler3D samplerCube " +
605 |                     "sampler1DShadow sampler2DShadow " +
606 |                     "const attribute uniform varying " +
607 |                     "break continue discard return " +
608 |                     "for while do if else struct " +
609 |                     "in out inout"),
610 |     types: words("float int bool void " +
611 |                  "vec2 vec3 vec4 ivec2 ivec3 ivec4 bvec2 bvec3 bvec4 " +
612 |                  "mat2 mat3 mat4"),
613 |     blockKeywords: words("for while do if else struct"),
614 |     builtin: words("radians degrees sin cos tan asin acos atan " +
615 |                     "pow exp log exp2 sqrt inversesqrt " +
616 |                     "abs sign floor ceil fract mod min max clamp mix step smoothstep " +
617 |                     "length distance dot cross normalize ftransform faceforward " +
618 |                     "reflect refract matrixCompMult " +
619 |                     "lessThan lessThanEqual greaterThan greaterThanEqual " +
620 |                     "equal notEqual any all not " +
621 |                     "texture1D texture1DProj texture1DLod texture1DProjLod " +
622 |                     "texture2D texture2DProj texture2DLod texture2DProjLod " +
623 |                     "texture3D texture3DProj texture3DLod texture3DProjLod " +
624 |                     "textureCube textureCubeLod " +
625 |                     "shadow1D shadow2D shadow1DProj shadow2DProj " +
626 |                     "shadow1DLod shadow2DLod shadow1DProjLod shadow2DProjLod " +
627 |                     "dFdx dFdy fwidth " +
628 |                     "noise1 noise2 noise3 noise4"),
629 |     atoms: words("true false " +
630 |                 "gl_FragColor gl_SecondaryColor gl_Normal gl_Vertex " +
631 |                 "gl_MultiTexCoord0 gl_MultiTexCoord1 gl_MultiTexCoord2 gl_MultiTexCoord3 " +
632 |                 "gl_MultiTexCoord4 gl_MultiTexCoord5 gl_MultiTexCoord6 gl_MultiTexCoord7 " +
633 |                 "gl_FogCoord gl_PointCoord " +
634 |                 "gl_Position gl_PointSize gl_ClipVertex " +
635 |                 "gl_FrontColor gl_BackColor gl_FrontSecondaryColor gl_BackSecondaryColor " +
636 |                 "gl_TexCoord gl_FogFragCoord " +
637 |                 "gl_FragCoord gl_FrontFacing " +
638 |                 "gl_FragData gl_FragDepth " +
639 |                 "gl_ModelViewMatrix gl_ProjectionMatrix gl_ModelViewProjectionMatrix " +
640 |                 "gl_TextureMatrix gl_NormalMatrix gl_ModelViewMatrixInverse " +
641 |                 "gl_ProjectionMatrixInverse gl_ModelViewProjectionMatrixInverse " +
642 |                 "gl_TexureMatrixTranspose gl_ModelViewMatrixInverseTranspose " +
643 |                 "gl_ProjectionMatrixInverseTranspose " +
644 |                 "gl_ModelViewProjectionMatrixInverseTranspose " +
645 |                 "gl_TextureMatrixInverseTranspose " +
646 |                 "gl_NormalScale gl_DepthRange gl_ClipPlane " +
647 |                 "gl_Point gl_FrontMaterial gl_BackMaterial gl_LightSource gl_LightModel " +
648 |                 "gl_FrontLightModelProduct gl_BackLightModelProduct " +
649 |                 "gl_TextureColor gl_EyePlaneS gl_EyePlaneT gl_EyePlaneR gl_EyePlaneQ " +
650 |                 "gl_FogParameters " +
651 |                 "gl_MaxLights gl_MaxClipPlanes gl_MaxTextureUnits gl_MaxTextureCoords " +
652 |                 "gl_MaxVertexAttribs gl_MaxVertexUniformComponents gl_MaxVaryingFloats " +
653 |                 "gl_MaxVertexTextureImageUnits gl_MaxTextureImageUnits " +
654 |                 "gl_MaxFragmentUniformComponents gl_MaxCombineTextureImageUnits " +
655 |                 "gl_MaxDrawBuffers"),
656 |     indentSwitch: false,
657 |     hooks: {"#": cppHook},
658 |     modeProps: {fold: ["brace", "include"]}
659 |   });
660 | 
661 |   def("text/x-nesc", {
662 |     name: "clike",
663 |     keywords: words(cKeywords + "as atomic async call command component components configuration event generic " +
664 |                     "implementation includes interface module new norace nx_struct nx_union post provides " +
665 |                     "signal task uses abstract extends"),
666 |     types: words(cTypes),
667 |     blockKeywords: words("case do else for if switch while struct"),
668 |     atoms: words("null true false"),
669 |     hooks: {"#": cppHook},
670 |     modeProps: {fold: ["brace", "include"]}
671 |   });
672 | 
673 |   def("text/x-objectivec", {
674 |     name: "clike",
675 |     keywords: words(cKeywords + "inline restrict _Bool _Complex _Imaginary BOOL Class bycopy byref id IMP in " +
676 |                     "inout nil oneway out Protocol SEL self super atomic nonatomic retain copy readwrite readonly"),
677 |     types: words(cTypes),
678 |     atoms: words("YES NO NULL NILL ON OFF true false"),
679 |     hooks: {
680 |       "@": function(stream) {
681 |         stream.eatWhile(/[\w\$]/);
682 |         return "keyword";
683 |       },
684 |       "#": cppHook,
685 |       indent: function(_state, ctx, textAfter) {
686 |         if (ctx.type == "statement" && /^@\w/.test(textAfter)) return ctx.indented
687 |       }
688 |     },
689 |     modeProps: {fold: "brace"}
690 |   });
691 | 
692 |   def("text/x-squirrel", {
693 |     name: "clike",
694 |     keywords: words("base break clone continue const default delete enum extends function in class" +
695 |                     " foreach local resume return this throw typeof yield constructor instanceof static"),
696 |     types: words(cTypes),
697 |     blockKeywords: words("case catch class else for foreach if switch try while"),
698 |     defKeywords: words("function local class"),
699 |     typeFirstDefinitions: true,
700 |     atoms: words("true false null"),
701 |     hooks: {"#": cppHook},
702 |     modeProps: {fold: ["brace", "include"]}
703 |   });
704 | 
705 |   // Ceylon Strings need to deal with interpolation
706 |   var stringTokenizer = null;
707 |   function tokenCeylonString(type) {
708 |     return function(stream, state) {
709 |       var escaped = false, next, end = false;
710 |       while (!stream.eol()) {
711 |         if (!escaped && stream.match('"') &&
712 |               (type == "single" || stream.match('""'))) {
713 |           end = true;
714 |           break;
715 |         }
716 |         if (!escaped && stream.match('``')) {
717 |           stringTokenizer = tokenCeylonString(type);
718 |           end = true;
719 |           break;
720 |         }
721 |         next = stream.next();
722 |         escaped = type == "single" && !escaped && next == "\\";
723 |       }
724 |       if (end)
725 |           state.tokenize = null;
726 |       return "string";
727 |     }
728 |   }
729 | 
730 |   def("text/x-ceylon", {
731 |     name: "clike",
732 |     keywords: words("abstracts alias assembly assert assign break case catch class continue dynamic else" +
733 |                     " exists extends finally for function given if import in interface is let module new" +
734 |                     " nonempty object of out outer package return satisfies super switch then this throw" +
735 |                     " try value void while"),
736 |     types: function(word) {
737 |         // In Ceylon all identifiers that start with an uppercase are types
738 |         var first = word.charAt(0);
739 |         return (first === first.toUpperCase() && first !== first.toLowerCase());
740 |     },
741 |     blockKeywords: words("case catch class dynamic else finally for function if interface module new object switch try while"),
742 |     defKeywords: words("class dynamic function interface module object package value"),
743 |     builtin: words("abstract actual aliased annotation by default deprecated doc final formal late license" +
744 |                    " native optional sealed see serializable shared suppressWarnings tagged throws variable"),
745 |     isPunctuationChar: /[\[\]{}\(\),;\:\.`]/,
746 |     isOperatorChar: /[+\-*&%=<>!?|^~:\/]/,
747 |     numberStart: /[\d#$]/,
748 |     number: /^(?:#[\da-fA-F_]+|\$[01_]+|[\d_]+[kMGTPmunpf]?|[\d_]+\.[\d_]+(?:[eE][-+]?\d+|[kMGTPmunpf]|)|)/i,
749 |     multiLineStrings: true,
750 |     typeFirstDefinitions: true,
751 |     atoms: words("true false null larger smaller equal empty finished"),
752 |     indentSwitch: false,
753 |     styleDefs: false,
754 |     hooks: {
755 |       "@": function(stream) {
756 |         stream.eatWhile(/[\w\$_]/);
757 |         return "meta";
758 |       },
759 |       '"': function(stream, state) {
760 |           state.tokenize = tokenCeylonString(stream.match('""') ? "triple" : "single");
761 |           return state.tokenize(stream, state);
762 |         },
763 |       '`': function(stream, state) {
764 |           if (!stringTokenizer || !stream.match('`')) return false;
765 |           state.tokenize = stringTokenizer;
766 |           stringTokenizer = null;
767 |           return state.tokenize(stream, state);
768 |         },
769 |       "'": function(stream) {
770 |         stream.eatWhile(/[\w\$_\xa1-\uffff]/);
771 |         return "atom";
772 |       },
773 |       token: function(_stream, state, style) {
774 |           if ((style == "variable" || style == "variable-3") &&
775 |               state.prevToken == ".") {
776 |             return "variable-2";
777 |           }
778 |         }
779 |     },
780 |     modeProps: {
781 |         fold: ["brace", "import"],
782 |         closeBrackets: {triples: '"'}
783 |     }
784 |   });
785 | 
786 | });
787 | 


--------------------------------------------------------------------------------
/client/codemirror/codemirror.css:
--------------------------------------------------------------------------------
  1 | /* BASICS */
  2 | 
  3 | .CodeMirror {
  4 |   /* Set height, width, borders, and global font properties here */
  5 |   font-family: monospace;
  6 |   height: 300px;
  7 |   color: black;
  8 | }
  9 | 
 10 | /* PADDING */
 11 | 
 12 | .CodeMirror-lines {
 13 |   padding: 4px 0; /* Vertical padding around content */
 14 | }
 15 | .CodeMirror pre {
 16 |   padding: 0 4px; /* Horizontal padding of content */
 17 | }
 18 | 
 19 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
 20 |   background-color: white; /* The little square between H and V scrollbars */
 21 | }
 22 | 
 23 | /* GUTTER */
 24 | 
 25 | .CodeMirror-gutters {
 26 |   border-right: 1px solid #ddd;
 27 |   background-color: #f7f7f7;
 28 |   white-space: nowrap;
 29 | }
 30 | .CodeMirror-linenumbers {}
 31 | .CodeMirror-linenumber {
 32 |   padding: 0 3px 0 5px;
 33 |   min-width: 20px;
 34 |   text-align: right;
 35 |   color: #999;
 36 |   white-space: nowrap;
 37 | }
 38 | 
 39 | .CodeMirror-guttermarker { color: black; }
 40 | .CodeMirror-guttermarker-subtle { color: #999; }
 41 | 
 42 | /* CURSOR */
 43 | 
 44 | .CodeMirror-cursor {
 45 |   border-left: 1px solid black;
 46 |   border-right: none;
 47 |   width: 0;
 48 | }
 49 | /* Shown when moving in bi-directional text */
 50 | .CodeMirror div.CodeMirror-secondarycursor {
 51 |   border-left: 1px solid silver;
 52 | }
 53 | .cm-fat-cursor .CodeMirror-cursor {
 54 |   width: auto;
 55 |   border: 0 !important;
 56 |   background: #7e7;
 57 | }
 58 | .cm-fat-cursor div.CodeMirror-cursors {
 59 |   z-index: 1;
 60 | }
 61 | 
 62 | .cm-animate-fat-cursor {
 63 |   width: auto;
 64 |   border: 0;
 65 |   -webkit-animation: blink 1.06s steps(1) infinite;
 66 |   -moz-animation: blink 1.06s steps(1) infinite;
 67 |   animation: blink 1.06s steps(1) infinite;
 68 |   background-color: #7e7;
 69 | }
 70 | @-moz-keyframes blink {
 71 |   0% {}
 72 |   50% { background-color: transparent; }
 73 |   100% {}
 74 | }
 75 | @-webkit-keyframes blink {
 76 |   0% {}
 77 |   50% { background-color: transparent; }
 78 |   100% {}
 79 | }
 80 | @keyframes blink {
 81 |   0% {}
 82 |   50% { background-color: transparent; }
 83 |   100% {}
 84 | }
 85 | 
 86 | /* Can style cursor different in overwrite (non-insert) mode */
 87 | .CodeMirror-overwrite .CodeMirror-cursor {}
 88 | 
 89 | .cm-tab { display: inline-block; text-decoration: inherit; }
 90 | 
 91 | .CodeMirror-rulers {
 92 |   position: absolute;
 93 |   left: 0; right: 0; top: -50px; bottom: -20px;
 94 |   overflow: hidden;
 95 | }
 96 | .CodeMirror-ruler {
 97 |   border-left: 1px solid #ccc;
 98 |   top: 0; bottom: 0;
 99 |   position: absolute;
100 | }
101 | 
102 | /* DEFAULT THEME */
103 | 
104 | .cm-s-default .cm-header {color: blue;}
105 | .cm-s-default .cm-quote {color: #090;}
106 | .cm-negative {color: #d44;}
107 | .cm-positive {color: #292;}
108 | .cm-header, .cm-strong {font-weight: bold;}
109 | .cm-em {font-style: italic;}
110 | .cm-link {text-decoration: underline;}
111 | .cm-strikethrough {text-decoration: line-through;}
112 | 
113 | .cm-s-default .cm-keyword {color: #708;}
114 | .cm-s-default .cm-atom {color: #219;}
115 | .cm-s-default .cm-number {color: #164;}
116 | .cm-s-default .cm-def {color: #00f;}
117 | .cm-s-default .cm-variable,
118 | .cm-s-default .cm-punctuation,
119 | .cm-s-default .cm-property,
120 | .cm-s-default .cm-operator {}
121 | .cm-s-default .cm-variable-2 {color: #05a;}
122 | .cm-s-default .cm-variable-3 {color: #085;}
123 | .cm-s-default .cm-comment {color: #a50;}
124 | .cm-s-default .cm-string {color: #a11;}
125 | .cm-s-default .cm-string-2 {color: #f50;}
126 | .cm-s-default .cm-meta {color: #555;}
127 | .cm-s-default .cm-qualifier {color: #555;}
128 | .cm-s-default .cm-builtin {color: #30a;}
129 | .cm-s-default .cm-bracket {color: #997;}
130 | .cm-s-default .cm-tag {color: #170;}
131 | .cm-s-default .cm-attribute {color: #00c;}
132 | .cm-s-default .cm-hr {color: #999;}
133 | .cm-s-default .cm-link {color: #00c;}
134 | 
135 | .cm-s-default .cm-error {color: #f00;}
136 | .cm-invalidchar {color: #f00;}
137 | 
138 | .CodeMirror-composing { border-bottom: 2px solid; }
139 | 
140 | /* Default styles for common addons */
141 | 
142 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
143 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
144 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
145 | .CodeMirror-activeline-background {background: #e8f2ff;}
146 | 
147 | /* STOP */
148 | 
149 | /* The rest of this file contains styles related to the mechanics of
150 |    the editor. You probably shouldn't touch them. */
151 | 
152 | .CodeMirror {
153 |   position: relative;
154 |   overflow: hidden;
155 |   background: white;
156 | }
157 | 
158 | .CodeMirror-scroll {
159 |   overflow: scroll !important; /* Things will break if this is overridden */
160 |   /* 30px is the magic margin used to hide the element's real scrollbars */
161 |   /* See overflow: hidden in .CodeMirror */
162 |   margin-bottom: -30px; margin-right: -30px;
163 |   padding-bottom: 30px;
164 |   height: 100%;
165 |   outline: none; /* Prevent dragging from highlighting the element */
166 |   position: relative;
167 | }
168 | .CodeMirror-sizer {
169 |   position: relative;
170 |   border-right: 30px solid transparent;
171 | }
172 | 
173 | /* The fake, visible scrollbars. Used to force redraw during scrolling
174 |    before actual scrolling happens, thus preventing shaking and
175 |    flickering artifacts. */
176 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
177 |   position: absolute;
178 |   z-index: 6;
179 |   display: none;
180 | }
181 | .CodeMirror-vscrollbar {
182 |   right: 0; top: 0;
183 |   overflow-x: hidden;
184 |   overflow-y: scroll;
185 | }
186 | .CodeMirror-hscrollbar {
187 |   bottom: 0; left: 0;
188 |   overflow-y: hidden;
189 |   overflow-x: scroll;
190 | }
191 | .CodeMirror-scrollbar-filler {
192 |   right: 0; bottom: 0;
193 | }
194 | .CodeMirror-gutter-filler {
195 |   left: 0; bottom: 0;
196 | }
197 | 
198 | .CodeMirror-gutters {
199 |   position: absolute; left: 0; top: 0;
200 |   min-height: 100%;
201 |   z-index: 3;
202 | }
203 | .CodeMirror-gutter {
204 |   white-space: normal;
205 |   height: 100%;
206 |   display: inline-block;
207 |   vertical-align: top;
208 |   margin-bottom: -30px;
209 |   /* Hack to make IE7 behave */
210 |   *zoom:1;
211 |   *display:inline;
212 | }
213 | .CodeMirror-gutter-wrapper {
214 |   position: absolute;
215 |   z-index: 4;
216 |   background: none !important;
217 |   border: none !important;
218 | }
219 | .CodeMirror-gutter-background {
220 |   position: absolute;
221 |   top: 0; bottom: 0;
222 |   z-index: 4;
223 | }
224 | .CodeMirror-gutter-elt {
225 |   position: absolute;
226 |   cursor: default;
227 |   z-index: 4;
228 | }
229 | .CodeMirror-gutter-wrapper {
230 |   -webkit-user-select: none;
231 |   -moz-user-select: none;
232 |   user-select: none;
233 | }
234 | 
235 | .CodeMirror-lines {
236 |   cursor: text;
237 |   min-height: 1px; /* prevents collapsing before first draw */
238 | }
239 | .CodeMirror pre {
240 |   /* Reset some styles that the rest of the page might have set */
241 |   -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
242 |   border-width: 0;
243 |   background: transparent;
244 |   font-family: inherit;
245 |   font-size: inherit;
246 |   margin: 0;
247 |   white-space: pre;
248 |   word-wrap: normal;
249 |   line-height: inherit;
250 |   color: inherit;
251 |   z-index: 2;
252 |   position: relative;
253 |   overflow: visible;
254 |   -webkit-tap-highlight-color: transparent;
255 |   -webkit-font-variant-ligatures: none;
256 |   font-variant-ligatures: none;
257 | }
258 | .CodeMirror-wrap pre {
259 |   word-wrap: break-word;
260 |   white-space: pre-wrap;
261 |   word-break: normal;
262 | }
263 | 
264 | .CodeMirror-linebackground {
265 |   position: absolute;
266 |   left: 0; right: 0; top: 0; bottom: 0;
267 |   z-index: 0;
268 | }
269 | 
270 | .CodeMirror-linewidget {
271 |   position: relative;
272 |   z-index: 2;
273 |   overflow: auto;
274 | }
275 | 
276 | .CodeMirror-widget {}
277 | 
278 | .CodeMirror-code {
279 |   outline: none;
280 | }
281 | 
282 | /* Force content-box sizing for the elements where we expect it */
283 | .CodeMirror-scroll,
284 | .CodeMirror-sizer,
285 | .CodeMirror-gutter,
286 | .CodeMirror-gutters,
287 | .CodeMirror-linenumber {
288 |   -moz-box-sizing: content-box;
289 |   box-sizing: content-box;
290 | }
291 | 
292 | .CodeMirror-measure {
293 |   position: absolute;
294 |   width: 100%;
295 |   height: 0;
296 |   overflow: hidden;
297 |   visibility: hidden;
298 | }
299 | 
300 | .CodeMirror-cursor {
301 |   position: absolute;
302 |   pointer-events: none;
303 | }
304 | .CodeMirror-measure pre { position: static; }
305 | 
306 | div.CodeMirror-cursors {
307 |   visibility: hidden;
308 |   position: relative;
309 |   z-index: 3;
310 | }
311 | div.CodeMirror-dragcursors {
312 |   visibility: visible;
313 | }
314 | 
315 | .CodeMirror-focused div.CodeMirror-cursors {
316 |   visibility: visible;
317 | }
318 | 
319 | .CodeMirror-selected { background: #d9d9d9; }
320 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
321 | .CodeMirror-crosshair { cursor: crosshair; }
322 | .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
323 | .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
324 | 
325 | .cm-searching {
326 |   background: #ffa;
327 |   background: rgba(255, 255, 0, .4);
328 | }
329 | 
330 | /* IE7 hack to prevent it from returning funny offsetTops on the spans */
331 | .CodeMirror span { *vertical-align: text-bottom; }
332 | 
333 | /* Used to force a border model for a node */
334 | .cm-force-border { padding-right: .1px; }
335 | 
336 | @media print {
337 |   /* Hide the cursor when printing */
338 |   .CodeMirror div.CodeMirror-cursors {
339 |     visibility: hidden;
340 |   }
341 | }
342 | 
343 | /* See issue #2901 */
344 | .cm-tab-wrap-hack:after { content: ''; }
345 | 
346 | /* Help users use markselection to safely style text background */
347 | span.CodeMirror-selectedtext { background: none; }
348 | 


--------------------------------------------------------------------------------
/client/default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/default.png


--------------------------------------------------------------------------------
/client/fav.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/fav.ico


--------------------------------------------------------------------------------
/client/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/client/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/client/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/client/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | 	<link rel="icon" type="image/ico" href="fav.ico">
  8 |     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9 |     <title>LED Matrix</title>
 10 | 
 11 |     <!-- Bootstrap -->
 12 |     <link href="css/bootstrap.min.css" rel="stylesheet">
 13 | 	<link href="css/bootstrap-theme.min.css" rel="stylesheet">
 14 | 	<link href="style.css" rel="stylesheet">
 15 | 	<link rel="stylesheet" href="codemirror/codemirror.css">
 16 | 	<link rel="stylesheet" href="codemirror/base16-dark.css">
 17 | 
 18 |     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 19 |     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 20 |     <!--[if lt IE 9]>
 21 |       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 22 |       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 23 |     <![endif]-->
 24 |   </head>
 25 |   <body class="nocompiler">
 26 | 	<nav class="navbar navbar-default" style="margin-bottom:0px; border-radius:0px;">
 27 | 	  <div class="container-fluid">
 28 | 		<div class="navbar-header">
 29 | 		  <a class="navbar-brand" href="#">LED Matrix</a>
 30 | 		</div>
 31 | 
 32 | 		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 33 | 		  <ul class="nav navbar-nav">
 34 | 			<li><a href="#" title="Upload, Compile, Run (Ctrl + Enter)", id="btnRun"><span class="glyphicon glyphicon-play" aria-hidden="true"></span></a></li>
 35 | 			<li><a href="#" title="Upload, Compile (Ctrl + K)", id="btnCompile"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></li>
 36 | 			<li><a href="#" title="Upload (Ctrl + S)", id="btnUpload"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span></a></li>
 37 | 		  
 38 | 			<li><a href="#" id="fps"></a></li>
 39 | 			<li><a href="#" id="status">Connecting...</a></li>
 40 | 		  </ul>
 41 | 		  <ul class="nav navbar-nav navbar-right">
 42 | 			<li><a href="#" title="Create new App" id="btnShowCreateApp"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
 43 | 			<li><a href="#" title="Delete App" id="btnDeleteApp"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
 44 | 			<li><a href="#" title="Stop", id="btnStop"><span class="glyphicon glyphicon-stop" aria-hidden="true"></span></a></li>
 45 | 			<li><a href="#" title="Blank Screen", id="btnFadeout"><span class="glyphicon glyphicon-off" aria-hidden="true"></span></a></li>
 46 | 			<li><a href="#" title="Record GIF", id="btnRecordGif"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span></a></li>
 47 | 			<li><a href="#" title="Show/Hide Compile output", id="btnCompiler"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span></a></li>
 48 | 		  </ul>
 49 | 		</div>
 50 | 	  </div>
 51 | 	</nav>
 52 | 	
 53 | 	
 54 |     
 55 |     <div class="content-wrapper">
 56 | 		<div class="sidebar">
 57 | 		</div>
 58 | 	</div>
 59 | 	<div class="main-content">
 60 | 		<div id="codewrapper" class="editor"></div>
 61 | 	</div>
 62 | 	<div class="compiler-wrapper">
 63 | 		<div class="compiler-headline">
 64 | 			Compiler
 65 | 			<a id="btnHideCompiler" class="glyphicon glyphicon-remove"></a>
 66 | 		</div>
 67 | 		<div id="compilerText"></div>
 68 | 	</div>
 69 | 
 70 | 	<div class="dialog-wrapper">
 71 | 		<div class="panel panel-default" id="createAppPanel">
 72 | 			<div class="panel-heading">Create new App</div>
 73 | 			<div class="panel-body">
 74 | 				<form id="createAppForm">
 75 | 					<table class="form-table">
 76 | 						<tr>
 77 | 							<td>Template</td>
 78 | 							<td>						
 79 | 								<!-- Split button -->
 80 | 								<div class="btn-group">
 81 | 								  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="btnTemplate">
 82 | 									<span id="btnTemplateText">Shader App</span>
 83 | 									<span class="caret"></span>
 84 | 									<span class="sr-only">Toggle Dropdown</span>
 85 | 								  </button>
 86 | 								  <ul class="dropdown-menu">
 87 | 									<li><a href="#" onclick="templateSelectorClick(event);">App</a></li>
 88 | 									<li><a href="#" onclick="templateSelectorClick(event);">Looping App</a></li>
 89 | 									<li><a href="#" onclick="templateSelectorClick(event);">Shader App</a></li>
 90 | 								  </ul>
 91 | 								</div>
 92 | 							</td>
 93 | 						</tr>
 94 | 						<tr>
 95 | 							<td>Name</td>
 96 | 							<td>
 97 | 								<div class="input">
 98 | 								  <input id="inputAppName" type="text" class="form-control" placeholder="My Example App">
 99 | 								</div>
100 | 							</td>
101 | 						</tr>
102 | 						<tr>
103 | 							<td>File Name</td>
104 | 							<td>
105 | 								<div class="input-group" style="font-family:monospace;">
106 | 								  <input id="inputShortName" type="text" class="form-control" placeholder="MyExampleApp" aria-describedby="basic-addon2">
107 | 								  <span class="input-group-addon" id="basic-addon2">.cpp</span>
108 | 								</div>
109 | 							</td>
110 | 						</tr>
111 | 					</table>
112 | 					<div style="text-align:right;">
113 | 						<button type="button" class="btn btn-default" id="btnHideCreateApp">Cancel</button>
114 | 						<button type="submit" value="Submit" class="btn btn-default" id="btnCreateApp">Create App</button>
115 | 					</div>
116 | 				</form>
117 | 			</div>
118 | 		</div>
119 | 	</div>
120 | 	
121 | </body>
122 |     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
123 |     <script src="js/jquery.min.js"></script>
124 |     <script src="js/jquery-ui.min.js"></script>
125 |     <!-- Include all compiled plugins (below), or include individual files as needed -->
126 |     <script src="js/bootstrap.min.js"></script>
127 |     <script src="codemirror/codemirror.js"></script>
128 |     <script src="codemirror/clike.js"></script>
129 |     <script src="script.js"></script>
130 |   </body>
131 | </html>


--------------------------------------------------------------------------------
/client/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
3 |  * Copyright 2011-2016 Twitter, Inc.
4 |  * Licensed under the MIT license
5 |  */
6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>3)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){if(a(b.target).is(this))return b.handleObj.handler.apply(this,arguments)}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.7",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a("#"===f?[]:f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.7",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c).prop(c,!0)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c).prop(c,!1))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target).closest(".btn");b.call(d,"toggle"),a(c.target).is('input[type="radio"], input[type="checkbox"]')||(c.preventDefault(),d.is("input,button")?d.trigger("focus"):d.find("input:visible,button:visible").first().trigger("focus"))}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));if(!(a>this.$items.length-1||a<0))return this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){if(!this.sliding)return this.slide("next")},c.prototype.prev=function(){if(!this.sliding)return this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.7",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.7",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",c).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",".dropdown-menu",g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$dialog=this.$element.find(".modal-dialog"),this.$backdrop=null,this.isShown=null,this.originalBodyPad=null,this.scrollbarWidth=0,this.ignoreBackdropClick=!1,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.$dialog.on("mousedown.dismiss.bs.modal",function(){d.$element.one("mouseup.dismiss.bs.modal",function(b){a(b.target).is(d.$element)&&(d.ignoreBackdropClick=!0)})}),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in"),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$dialog.one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").off("click.dismiss.bs.modal").off("mouseup.dismiss.bs.modal"),this.$dialog.off("mousedown.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){document===a.target||this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a(document.createElement("div")).addClass("modal-backdrop "+e).appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){return this.ignoreBackdropClick?void(this.ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus():this.hide()))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.adjustDialog()},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth<a,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.inState=null,this.init("tooltip",a,b)};c.VERSION="3.3.7",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);if(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),!c.isInStateTrue())return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-m<o.top?"bottom":"right"==h&&k.right+l>o.width?"left":"left"==h&&k.left-l<o.left?"right":h,f.removeClass(n).addClass(h)}var p=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(p,h);var q=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",q).emulateTransitionEnd(c.TRANSITION_DURATION):q()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top+=g,b.left+=h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element&&e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=a(this.$tip),g=a.Event("hide.bs."+this.type);if(this.$element.trigger(g),!g.isDefaultPrevented())return f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=window.SVGElement&&c instanceof window.SVGElement,g=d?{top:0,left:0}:f?null:b.offset(),h={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},i=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,h,i,g)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null,a.$element=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.7",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.7",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(void 0===e[a+1]||b<e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){
7 | this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.7",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.7",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return e<c&&"top";if("bottom"==this.affixed)return null!=c?!(e+this.unpin<=f.top)&&"bottom":!(e+g<=a-d)&&"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&e<=c?"top":null!=d&&i+j>=a-d&&"bottom"},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);


--------------------------------------------------------------------------------
/client/js/jquery-ui.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery UI - v1.12.1 - 2016-10-16
2 | * http://jqueryui.com
3 | * Includes: effect.js, effects/effect-blind.js, effects/effect-bounce.js, effects/effect-clip.js, effects/effect-drop.js, effects/effect-explode.js, effects/effect-fade.js, effects/effect-fold.js, effects/effect-highlight.js, effects/effect-puff.js, effects/effect-pulsate.js, effects/effect-scale.js, effects/effect-shake.js, effects/effect-size.js, effects/effect-slide.js, effects/effect-transfer.js
4 | * Copyright jQuery Foundation and other contributors; Licensed MIT */
5 | 
6 | (function(t){"function"==typeof define&&define.amd?define(["jquery"],t):t(jQuery)})(function(t){t.ui=t.ui||{},t.ui.version="1.12.1";var e="ui-effects-",i="ui-effects-style",s="ui-effects-animated",n=t;t.effects={effect:{}},function(t,e){function i(t,e,i){var s=u[e.type]||{};return null==t?i||!e.def?null:e.def:(t=s.floor?~~t:parseFloat(t),isNaN(t)?e.def:s.mod?(t+s.mod)%s.mod:0>t?0:t>s.max?s.max:t)}function s(i){var s=h(),n=s._rgba=[];return i=i.toLowerCase(),f(l,function(t,o){var a,r=o.re.exec(i),l=r&&o.parse(r),h=o.space||"rgba";return l?(a=s[h](l),s[c[h].cache]=a[c[h].cache],n=s._rgba=a._rgba,!1):e}),n.length?("0,0,0,0"===n.join()&&t.extend(n,o.transparent),s):o[i]}function n(t,e,i){return i=(i+1)%1,1>6*i?t+6*(e-t)*i:1>2*i?e:2>3*i?t+6*(e-t)*(2/3-i):t}var o,a="backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",r=/^([\-+])=\s*(\d+\.?\d*)/,l=[{re:/rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,parse:function(t){return[t[1],t[2],t[3],t[4]]}},{re:/rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,parse:function(t){return[2.55*t[1],2.55*t[2],2.55*t[3],t[4]]}},{re:/#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,parse:function(t){return[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]}},{re:/#([a-f0-9])([a-f0-9])([a-f0-9])/,parse:function(t){return[parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)]}},{re:/hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,space:"hsla",parse:function(t){return[t[1],t[2]/100,t[3]/100,t[4]]}}],h=t.Color=function(e,i,s,n){return new t.Color.fn.parse(e,i,s,n)},c={rgba:{props:{red:{idx:0,type:"byte"},green:{idx:1,type:"byte"},blue:{idx:2,type:"byte"}}},hsla:{props:{hue:{idx:0,type:"degrees"},saturation:{idx:1,type:"percent"},lightness:{idx:2,type:"percent"}}}},u={"byte":{floor:!0,max:255},percent:{max:1},degrees:{mod:360,floor:!0}},d=h.support={},p=t("<p>")[0],f=t.each;p.style.cssText="background-color:rgba(1,1,1,.5)",d.rgba=p.style.backgroundColor.indexOf("rgba")>-1,f(c,function(t,e){e.cache="_"+t,e.props.alpha={idx:3,type:"percent",def:1}}),h.fn=t.extend(h.prototype,{parse:function(n,a,r,l){if(n===e)return this._rgba=[null,null,null,null],this;(n.jquery||n.nodeType)&&(n=t(n).css(a),a=e);var u=this,d=t.type(n),p=this._rgba=[];return a!==e&&(n=[n,a,r,l],d="array"),"string"===d?this.parse(s(n)||o._default):"array"===d?(f(c.rgba.props,function(t,e){p[e.idx]=i(n[e.idx],e)}),this):"object"===d?(n instanceof h?f(c,function(t,e){n[e.cache]&&(u[e.cache]=n[e.cache].slice())}):f(c,function(e,s){var o=s.cache;f(s.props,function(t,e){if(!u[o]&&s.to){if("alpha"===t||null==n[t])return;u[o]=s.to(u._rgba)}u[o][e.idx]=i(n[t],e,!0)}),u[o]&&0>t.inArray(null,u[o].slice(0,3))&&(u[o][3]=1,s.from&&(u._rgba=s.from(u[o])))}),this):e},is:function(t){var i=h(t),s=!0,n=this;return f(c,function(t,o){var a,r=i[o.cache];return r&&(a=n[o.cache]||o.to&&o.to(n._rgba)||[],f(o.props,function(t,i){return null!=r[i.idx]?s=r[i.idx]===a[i.idx]:e})),s}),s},_space:function(){var t=[],e=this;return f(c,function(i,s){e[s.cache]&&t.push(i)}),t.pop()},transition:function(t,e){var s=h(t),n=s._space(),o=c[n],a=0===this.alpha()?h("transparent"):this,r=a[o.cache]||o.to(a._rgba),l=r.slice();return s=s[o.cache],f(o.props,function(t,n){var o=n.idx,a=r[o],h=s[o],c=u[n.type]||{};null!==h&&(null===a?l[o]=h:(c.mod&&(h-a>c.mod/2?a+=c.mod:a-h>c.mod/2&&(a-=c.mod)),l[o]=i((h-a)*e+a,n)))}),this[n](l)},blend:function(e){if(1===this._rgba[3])return this;var i=this._rgba.slice(),s=i.pop(),n=h(e)._rgba;return h(t.map(i,function(t,e){return(1-s)*n[e]+s*t}))},toRgbaString:function(){var e="rgba(",i=t.map(this._rgba,function(t,e){return null==t?e>2?1:0:t});return 1===i[3]&&(i.pop(),e="rgb("),e+i.join()+")"},toHslaString:function(){var e="hsla(",i=t.map(this.hsla(),function(t,e){return null==t&&(t=e>2?1:0),e&&3>e&&(t=Math.round(100*t)+"%"),t});return 1===i[3]&&(i.pop(),e="hsl("),e+i.join()+")"},toHexString:function(e){var i=this._rgba.slice(),s=i.pop();return e&&i.push(~~(255*s)),"#"+t.map(i,function(t){return t=(t||0).toString(16),1===t.length?"0"+t:t}).join("")},toString:function(){return 0===this._rgba[3]?"transparent":this.toRgbaString()}}),h.fn.parse.prototype=h.fn,c.hsla.to=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e,i,s=t[0]/255,n=t[1]/255,o=t[2]/255,a=t[3],r=Math.max(s,n,o),l=Math.min(s,n,o),h=r-l,c=r+l,u=.5*c;return e=l===r?0:s===r?60*(n-o)/h+360:n===r?60*(o-s)/h+120:60*(s-n)/h+240,i=0===h?0:.5>=u?h/c:h/(2-c),[Math.round(e)%360,i,u,null==a?1:a]},c.hsla.from=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e=t[0]/360,i=t[1],s=t[2],o=t[3],a=.5>=s?s*(1+i):s+i-s*i,r=2*s-a;return[Math.round(255*n(r,a,e+1/3)),Math.round(255*n(r,a,e)),Math.round(255*n(r,a,e-1/3)),o]},f(c,function(s,n){var o=n.props,a=n.cache,l=n.to,c=n.from;h.fn[s]=function(s){if(l&&!this[a]&&(this[a]=l(this._rgba)),s===e)return this[a].slice();var n,r=t.type(s),u="array"===r||"object"===r?s:arguments,d=this[a].slice();return f(o,function(t,e){var s=u["object"===r?t:e.idx];null==s&&(s=d[e.idx]),d[e.idx]=i(s,e)}),c?(n=h(c(d)),n[a]=d,n):h(d)},f(o,function(e,i){h.fn[e]||(h.fn[e]=function(n){var o,a=t.type(n),l="alpha"===e?this._hsla?"hsla":"rgba":s,h=this[l](),c=h[i.idx];return"undefined"===a?c:("function"===a&&(n=n.call(this,c),a=t.type(n)),null==n&&i.empty?this:("string"===a&&(o=r.exec(n),o&&(n=c+parseFloat(o[2])*("+"===o[1]?1:-1))),h[i.idx]=n,this[l](h)))})})}),h.hook=function(e){var i=e.split(" ");f(i,function(e,i){t.cssHooks[i]={set:function(e,n){var o,a,r="";if("transparent"!==n&&("string"!==t.type(n)||(o=s(n)))){if(n=h(o||n),!d.rgba&&1!==n._rgba[3]){for(a="backgroundColor"===i?e.parentNode:e;(""===r||"transparent"===r)&&a&&a.style;)try{r=t.css(a,"backgroundColor"),a=a.parentNode}catch(l){}n=n.blend(r&&"transparent"!==r?r:"_default")}n=n.toRgbaString()}try{e.style[i]=n}catch(l){}}},t.fx.step[i]=function(e){e.colorInit||(e.start=h(e.elem,i),e.end=h(e.end),e.colorInit=!0),t.cssHooks[i].set(e.elem,e.start.transition(e.end,e.pos))}})},h.hook(a),t.cssHooks.borderColor={expand:function(t){var e={};return f(["Top","Right","Bottom","Left"],function(i,s){e["border"+s+"Color"]=t}),e}},o=t.Color.names={aqua:"#00ffff",black:"#000000",blue:"#0000ff",fuchsia:"#ff00ff",gray:"#808080",green:"#008000",lime:"#00ff00",maroon:"#800000",navy:"#000080",olive:"#808000",purple:"#800080",red:"#ff0000",silver:"#c0c0c0",teal:"#008080",white:"#ffffff",yellow:"#ffff00",transparent:[null,null,null,0],_default:"#ffffff"}}(n),function(){function e(e){var i,s,n=e.ownerDocument.defaultView?e.ownerDocument.defaultView.getComputedStyle(e,null):e.currentStyle,o={};if(n&&n.length&&n[0]&&n[n[0]])for(s=n.length;s--;)i=n[s],"string"==typeof n[i]&&(o[t.camelCase(i)]=n[i]);else for(i in n)"string"==typeof n[i]&&(o[i]=n[i]);return o}function i(e,i){var s,n,a={};for(s in i)n=i[s],e[s]!==n&&(o[s]||(t.fx.step[s]||!isNaN(parseFloat(n)))&&(a[s]=n));return a}var s=["add","remove","toggle"],o={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};t.each(["borderLeftStyle","borderRightStyle","borderBottomStyle","borderTopStyle"],function(e,i){t.fx.step[i]=function(t){("none"!==t.end&&!t.setAttr||1===t.pos&&!t.setAttr)&&(n.style(t.elem,i,t.end),t.setAttr=!0)}}),t.fn.addBack||(t.fn.addBack=function(t){return this.add(null==t?this.prevObject:this.prevObject.filter(t))}),t.effects.animateClass=function(n,o,a,r){var l=t.speed(o,a,r);return this.queue(function(){var o,a=t(this),r=a.attr("class")||"",h=l.children?a.find("*").addBack():a;h=h.map(function(){var i=t(this);return{el:i,start:e(this)}}),o=function(){t.each(s,function(t,e){n[e]&&a[e+"Class"](n[e])})},o(),h=h.map(function(){return this.end=e(this.el[0]),this.diff=i(this.start,this.end),this}),a.attr("class",r),h=h.map(function(){var e=this,i=t.Deferred(),s=t.extend({},l,{queue:!1,complete:function(){i.resolve(e)}});return this.el.animate(this.diff,s),i.promise()}),t.when.apply(t,h.get()).done(function(){o(),t.each(arguments,function(){var e=this.el;t.each(this.diff,function(t){e.css(t,"")})}),l.complete.call(a[0])})})},t.fn.extend({addClass:function(e){return function(i,s,n,o){return s?t.effects.animateClass.call(this,{add:i},s,n,o):e.apply(this,arguments)}}(t.fn.addClass),removeClass:function(e){return function(i,s,n,o){return arguments.length>1?t.effects.animateClass.call(this,{remove:i},s,n,o):e.apply(this,arguments)}}(t.fn.removeClass),toggleClass:function(e){return function(i,s,n,o,a){return"boolean"==typeof s||void 0===s?n?t.effects.animateClass.call(this,s?{add:i}:{remove:i},n,o,a):e.apply(this,arguments):t.effects.animateClass.call(this,{toggle:i},s,n,o)}}(t.fn.toggleClass),switchClass:function(e,i,s,n,o){return t.effects.animateClass.call(this,{add:i,remove:e},s,n,o)}})}(),function(){function n(e,i,s,n){return t.isPlainObject(e)&&(i=e,e=e.effect),e={effect:e},null==i&&(i={}),t.isFunction(i)&&(n=i,s=null,i={}),("number"==typeof i||t.fx.speeds[i])&&(n=s,s=i,i={}),t.isFunction(s)&&(n=s,s=null),i&&t.extend(e,i),s=s||i.duration,e.duration=t.fx.off?0:"number"==typeof s?s:s in t.fx.speeds?t.fx.speeds[s]:t.fx.speeds._default,e.complete=n||i.complete,e}function o(e){return!e||"number"==typeof e||t.fx.speeds[e]?!0:"string"!=typeof e||t.effects.effect[e]?t.isFunction(e)?!0:"object"!=typeof e||e.effect?!1:!0:!0}function a(t,e){var i=e.outerWidth(),s=e.outerHeight(),n=/^rect\((-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto)\)$/,o=n.exec(t)||["",0,i,s,0];return{top:parseFloat(o[1])||0,right:"auto"===o[2]?i:parseFloat(o[2]),bottom:"auto"===o[3]?s:parseFloat(o[3]),left:parseFloat(o[4])||0}}t.expr&&t.expr.filters&&t.expr.filters.animated&&(t.expr.filters.animated=function(e){return function(i){return!!t(i).data(s)||e(i)}}(t.expr.filters.animated)),t.uiBackCompat!==!1&&t.extend(t.effects,{save:function(t,i){for(var s=0,n=i.length;n>s;s++)null!==i[s]&&t.data(e+i[s],t[0].style[i[s]])},restore:function(t,i){for(var s,n=0,o=i.length;o>n;n++)null!==i[n]&&(s=t.data(e+i[n]),t.css(i[n],s))},setMode:function(t,e){return"toggle"===e&&(e=t.is(":hidden")?"show":"hide"),e},createWrapper:function(e){if(e.parent().is(".ui-effects-wrapper"))return e.parent();var i={width:e.outerWidth(!0),height:e.outerHeight(!0),"float":e.css("float")},s=t("<div></div>").addClass("ui-effects-wrapper").css({fontSize:"100%",background:"transparent",border:"none",margin:0,padding:0}),n={width:e.width(),height:e.height()},o=document.activeElement;try{o.id}catch(a){o=document.body}return e.wrap(s),(e[0]===o||t.contains(e[0],o))&&t(o).trigger("focus"),s=e.parent(),"static"===e.css("position")?(s.css({position:"relative"}),e.css({position:"relative"})):(t.extend(i,{position:e.css("position"),zIndex:e.css("z-index")}),t.each(["top","left","bottom","right"],function(t,s){i[s]=e.css(s),isNaN(parseInt(i[s],10))&&(i[s]="auto")}),e.css({position:"relative",top:0,left:0,right:"auto",bottom:"auto"})),e.css(n),s.css(i).show()},removeWrapper:function(e){var i=document.activeElement;return e.parent().is(".ui-effects-wrapper")&&(e.parent().replaceWith(e),(e[0]===i||t.contains(e[0],i))&&t(i).trigger("focus")),e}}),t.extend(t.effects,{version:"1.12.1",define:function(e,i,s){return s||(s=i,i="effect"),t.effects.effect[e]=s,t.effects.effect[e].mode=i,s},scaledDimensions:function(t,e,i){if(0===e)return{height:0,width:0,outerHeight:0,outerWidth:0};var s="horizontal"!==i?(e||100)/100:1,n="vertical"!==i?(e||100)/100:1;return{height:t.height()*n,width:t.width()*s,outerHeight:t.outerHeight()*n,outerWidth:t.outerWidth()*s}},clipToBox:function(t){return{width:t.clip.right-t.clip.left,height:t.clip.bottom-t.clip.top,left:t.clip.left,top:t.clip.top}},unshift:function(t,e,i){var s=t.queue();e>1&&s.splice.apply(s,[1,0].concat(s.splice(e,i))),t.dequeue()},saveStyle:function(t){t.data(i,t[0].style.cssText)},restoreStyle:function(t){t[0].style.cssText=t.data(i)||"",t.removeData(i)},mode:function(t,e){var i=t.is(":hidden");return"toggle"===e&&(e=i?"show":"hide"),(i?"hide"===e:"show"===e)&&(e="none"),e},getBaseline:function(t,e){var i,s;switch(t[0]){case"top":i=0;break;case"middle":i=.5;break;case"bottom":i=1;break;default:i=t[0]/e.height}switch(t[1]){case"left":s=0;break;case"center":s=.5;break;case"right":s=1;break;default:s=t[1]/e.width}return{x:s,y:i}},createPlaceholder:function(i){var s,n=i.css("position"),o=i.position();return i.css({marginTop:i.css("marginTop"),marginBottom:i.css("marginBottom"),marginLeft:i.css("marginLeft"),marginRight:i.css("marginRight")}).outerWidth(i.outerWidth()).outerHeight(i.outerHeight()),/^(static|relative)/.test(n)&&(n="absolute",s=t("<"+i[0].nodeName+">").insertAfter(i).css({display:/^(inline|ruby)/.test(i.css("display"))?"inline-block":"block",visibility:"hidden",marginTop:i.css("marginTop"),marginBottom:i.css("marginBottom"),marginLeft:i.css("marginLeft"),marginRight:i.css("marginRight"),"float":i.css("float")}).outerWidth(i.outerWidth()).outerHeight(i.outerHeight()).addClass("ui-effects-placeholder"),i.data(e+"placeholder",s)),i.css({position:n,left:o.left,top:o.top}),s},removePlaceholder:function(t){var i=e+"placeholder",s=t.data(i);s&&(s.remove(),t.removeData(i))},cleanUp:function(e){t.effects.restoreStyle(e),t.effects.removePlaceholder(e)},setTransition:function(e,i,s,n){return n=n||{},t.each(i,function(t,i){var o=e.cssUnit(i);o[0]>0&&(n[i]=o[0]*s+o[1])}),n}}),t.fn.extend({effect:function(){function e(e){function n(){l.removeData(s),t.effects.cleanUp(l),"hide"===i.mode&&l.hide(),r()}function r(){t.isFunction(h)&&h.call(l[0]),t.isFunction(e)&&e()}var l=t(this);i.mode=u.shift(),t.uiBackCompat===!1||a?"none"===i.mode?(l[c](),r()):o.call(l[0],i,n):(l.is(":hidden")?"hide"===c:"show"===c)?(l[c](),r()):o.call(l[0],i,r)}var i=n.apply(this,arguments),o=t.effects.effect[i.effect],a=o.mode,r=i.queue,l=r||"fx",h=i.complete,c=i.mode,u=[],d=function(e){var i=t(this),n=t.effects.mode(i,c)||a;i.data(s,!0),u.push(n),a&&("show"===n||n===a&&"hide"===n)&&i.show(),a&&"none"===n||t.effects.saveStyle(i),t.isFunction(e)&&e()};return t.fx.off||!o?c?this[c](i.duration,h):this.each(function(){h&&h.call(this)}):r===!1?this.each(d).each(e):this.queue(l,d).queue(l,e)},show:function(t){return function(e){if(o(e))return t.apply(this,arguments);var i=n.apply(this,arguments);return i.mode="show",this.effect.call(this,i)}}(t.fn.show),hide:function(t){return function(e){if(o(e))return t.apply(this,arguments);var i=n.apply(this,arguments);return i.mode="hide",this.effect.call(this,i)}}(t.fn.hide),toggle:function(t){return function(e){if(o(e)||"boolean"==typeof e)return t.apply(this,arguments);var i=n.apply(this,arguments);return i.mode="toggle",this.effect.call(this,i)}}(t.fn.toggle),cssUnit:function(e){var i=this.css(e),s=[];return t.each(["em","px","%","pt"],function(t,e){i.indexOf(e)>0&&(s=[parseFloat(i),e])}),s},cssClip:function(t){return t?this.css("clip","rect("+t.top+"px "+t.right+"px "+t.bottom+"px "+t.left+"px)"):a(this.css("clip"),this)},transfer:function(e,i){var s=t(this),n=t(e.to),o="fixed"===n.css("position"),a=t("body"),r=o?a.scrollTop():0,l=o?a.scrollLeft():0,h=n.offset(),c={top:h.top-r,left:h.left-l,height:n.innerHeight(),width:n.innerWidth()},u=s.offset(),d=t("<div class='ui-effects-transfer'></div>").appendTo("body").addClass(e.className).css({top:u.top-r,left:u.left-l,height:s.innerHeight(),width:s.innerWidth(),position:o?"fixed":"absolute"}).animate(c,e.duration,e.easing,function(){d.remove(),t.isFunction(i)&&i()})}}),t.fx.step.clip=function(e){e.clipInit||(e.start=t(e.elem).cssClip(),"string"==typeof e.end&&(e.end=a(e.end,e.elem)),e.clipInit=!0),t(e.elem).cssClip({top:e.pos*(e.end.top-e.start.top)+e.start.top,right:e.pos*(e.end.right-e.start.right)+e.start.right,bottom:e.pos*(e.end.bottom-e.start.bottom)+e.start.bottom,left:e.pos*(e.end.left-e.start.left)+e.start.left})}}(),function(){var e={};t.each(["Quad","Cubic","Quart","Quint","Expo"],function(t,i){e[i]=function(e){return Math.pow(e,t+2)}}),t.extend(e,{Sine:function(t){return 1-Math.cos(t*Math.PI/2)},Circ:function(t){return 1-Math.sqrt(1-t*t)},Elastic:function(t){return 0===t||1===t?t:-Math.pow(2,8*(t-1))*Math.sin((80*(t-1)-7.5)*Math.PI/15)},Back:function(t){return t*t*(3*t-2)},Bounce:function(t){for(var e,i=4;((e=Math.pow(2,--i))-1)/11>t;);return 1/Math.pow(4,3-i)-7.5625*Math.pow((3*e-2)/22-t,2)}}),t.each(e,function(e,i){t.easing["easeIn"+e]=i,t.easing["easeOut"+e]=function(t){return 1-i(1-t)},t.easing["easeInOut"+e]=function(t){return.5>t?i(2*t)/2:1-i(-2*t+2)/2}})}();var o=t.effects;t.effects.define("blind","hide",function(e,i){var s={up:["bottom","top"],vertical:["bottom","top"],down:["top","bottom"],left:["right","left"],horizontal:["right","left"],right:["left","right"]},n=t(this),o=e.direction||"up",a=n.cssClip(),r={clip:t.extend({},a)},l=t.effects.createPlaceholder(n);r.clip[s[o][0]]=r.clip[s[o][1]],"show"===e.mode&&(n.cssClip(r.clip),l&&l.css(t.effects.clipToBox(r)),r.clip=a),l&&l.animate(t.effects.clipToBox(r),e.duration,e.easing),n.animate(r,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("bounce",function(e,i){var s,n,o,a=t(this),r=e.mode,l="hide"===r,h="show"===r,c=e.direction||"up",u=e.distance,d=e.times||5,p=2*d+(h||l?1:0),f=e.duration/p,m=e.easing,g="up"===c||"down"===c?"top":"left",_="up"===c||"left"===c,v=0,b=a.queue().length;for(t.effects.createPlaceholder(a),o=a.css(g),u||(u=a["top"===g?"outerHeight":"outerWidth"]()/3),h&&(n={opacity:1},n[g]=o,a.css("opacity",0).css(g,_?2*-u:2*u).animate(n,f,m)),l&&(u/=Math.pow(2,d-1)),n={},n[g]=o;d>v;v++)s={},s[g]=(_?"-=":"+=")+u,a.animate(s,f,m).animate(n,f,m),u=l?2*u:u/2;l&&(s={opacity:0},s[g]=(_?"-=":"+=")+u,a.animate(s,f,m)),a.queue(i),t.effects.unshift(a,b,p+1)}),t.effects.define("clip","hide",function(e,i){var s,n={},o=t(this),a=e.direction||"vertical",r="both"===a,l=r||"horizontal"===a,h=r||"vertical"===a;s=o.cssClip(),n.clip={top:h?(s.bottom-s.top)/2:s.top,right:l?(s.right-s.left)/2:s.right,bottom:h?(s.bottom-s.top)/2:s.bottom,left:l?(s.right-s.left)/2:s.left},t.effects.createPlaceholder(o),"show"===e.mode&&(o.cssClip(n.clip),n.clip=s),o.animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("drop","hide",function(e,i){var s,n=t(this),o=e.mode,a="show"===o,r=e.direction||"left",l="up"===r||"down"===r?"top":"left",h="up"===r||"left"===r?"-=":"+=",c="+="===h?"-=":"+=",u={opacity:0};t.effects.createPlaceholder(n),s=e.distance||n["top"===l?"outerHeight":"outerWidth"](!0)/2,u[l]=h+s,a&&(n.css(u),u[l]=c+s,u.opacity=1),n.animate(u,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("explode","hide",function(e,i){function s(){b.push(this),b.length===u*d&&n()}function n(){p.css({visibility:"visible"}),t(b).remove(),i()}var o,a,r,l,h,c,u=e.pieces?Math.round(Math.sqrt(e.pieces)):3,d=u,p=t(this),f=e.mode,m="show"===f,g=p.show().css("visibility","hidden").offset(),_=Math.ceil(p.outerWidth()/d),v=Math.ceil(p.outerHeight()/u),b=[];for(o=0;u>o;o++)for(l=g.top+o*v,c=o-(u-1)/2,a=0;d>a;a++)r=g.left+a*_,h=a-(d-1)/2,p.clone().appendTo("body").wrap("<div></div>").css({position:"absolute",visibility:"visible",left:-a*_,top:-o*v}).parent().addClass("ui-effects-explode").css({position:"absolute",overflow:"hidden",width:_,height:v,left:r+(m?h*_:0),top:l+(m?c*v:0),opacity:m?0:1}).animate({left:r+(m?0:h*_),top:l+(m?0:c*v),opacity:m?1:0},e.duration||500,e.easing,s)}),t.effects.define("fade","toggle",function(e,i){var s="show"===e.mode;t(this).css("opacity",s?0:1).animate({opacity:s?1:0},{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("fold","hide",function(e,i){var s=t(this),n=e.mode,o="show"===n,a="hide"===n,r=e.size||15,l=/([0-9]+)%/.exec(r),h=!!e.horizFirst,c=h?["right","bottom"]:["bottom","right"],u=e.duration/2,d=t.effects.createPlaceholder(s),p=s.cssClip(),f={clip:t.extend({},p)},m={clip:t.extend({},p)},g=[p[c[0]],p[c[1]]],_=s.queue().length;l&&(r=parseInt(l[1],10)/100*g[a?0:1]),f.clip[c[0]]=r,m.clip[c[0]]=r,m.clip[c[1]]=0,o&&(s.cssClip(m.clip),d&&d.css(t.effects.clipToBox(m)),m.clip=p),s.queue(function(i){d&&d.animate(t.effects.clipToBox(f),u,e.easing).animate(t.effects.clipToBox(m),u,e.easing),i()}).animate(f,u,e.easing).animate(m,u,e.easing).queue(i),t.effects.unshift(s,_,4)}),t.effects.define("highlight","show",function(e,i){var s=t(this),n={backgroundColor:s.css("backgroundColor")};"hide"===e.mode&&(n.opacity=0),t.effects.saveStyle(s),s.css({backgroundImage:"none",backgroundColor:e.color||"#ffff99"}).animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("size",function(e,i){var s,n,o,a=t(this),r=["fontSize"],l=["borderTopWidth","borderBottomWidth","paddingTop","paddingBottom"],h=["borderLeftWidth","borderRightWidth","paddingLeft","paddingRight"],c=e.mode,u="effect"!==c,d=e.scale||"both",p=e.origin||["middle","center"],f=a.css("position"),m=a.position(),g=t.effects.scaledDimensions(a),_=e.from||g,v=e.to||t.effects.scaledDimensions(a,0);t.effects.createPlaceholder(a),"show"===c&&(o=_,_=v,v=o),n={from:{y:_.height/g.height,x:_.width/g.width},to:{y:v.height/g.height,x:v.width/g.width}},("box"===d||"both"===d)&&(n.from.y!==n.to.y&&(_=t.effects.setTransition(a,l,n.from.y,_),v=t.effects.setTransition(a,l,n.to.y,v)),n.from.x!==n.to.x&&(_=t.effects.setTransition(a,h,n.from.x,_),v=t.effects.setTransition(a,h,n.to.x,v))),("content"===d||"both"===d)&&n.from.y!==n.to.y&&(_=t.effects.setTransition(a,r,n.from.y,_),v=t.effects.setTransition(a,r,n.to.y,v)),p&&(s=t.effects.getBaseline(p,g),_.top=(g.outerHeight-_.outerHeight)*s.y+m.top,_.left=(g.outerWidth-_.outerWidth)*s.x+m.left,v.top=(g.outerHeight-v.outerHeight)*s.y+m.top,v.left=(g.outerWidth-v.outerWidth)*s.x+m.left),a.css(_),("content"===d||"both"===d)&&(l=l.concat(["marginTop","marginBottom"]).concat(r),h=h.concat(["marginLeft","marginRight"]),a.find("*[width]").each(function(){var i=t(this),s=t.effects.scaledDimensions(i),o={height:s.height*n.from.y,width:s.width*n.from.x,outerHeight:s.outerHeight*n.from.y,outerWidth:s.outerWidth*n.from.x},a={height:s.height*n.to.y,width:s.width*n.to.x,outerHeight:s.height*n.to.y,outerWidth:s.width*n.to.x};n.from.y!==n.to.y&&(o=t.effects.setTransition(i,l,n.from.y,o),a=t.effects.setTransition(i,l,n.to.y,a)),n.from.x!==n.to.x&&(o=t.effects.setTransition(i,h,n.from.x,o),a=t.effects.setTransition(i,h,n.to.x,a)),u&&t.effects.saveStyle(i),i.css(o),i.animate(a,e.duration,e.easing,function(){u&&t.effects.restoreStyle(i)})})),a.animate(v,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){var e=a.offset();0===v.opacity&&a.css("opacity",_.opacity),u||(a.css("position","static"===f?"relative":f).offset(e),t.effects.saveStyle(a)),i()}})}),t.effects.define("scale",function(e,i){var s=t(this),n=e.mode,o=parseInt(e.percent,10)||(0===parseInt(e.percent,10)?0:"effect"!==n?0:100),a=t.extend(!0,{from:t.effects.scaledDimensions(s),to:t.effects.scaledDimensions(s,o,e.direction||"both"),origin:e.origin||["middle","center"]},e);e.fade&&(a.from.opacity=1,a.to.opacity=0),t.effects.effect.size.call(this,a,i)}),t.effects.define("puff","hide",function(e,i){var s=t.extend(!0,{},e,{fade:!0,percent:parseInt(e.percent,10)||150});t.effects.effect.scale.call(this,s,i)}),t.effects.define("pulsate","show",function(e,i){var s=t(this),n=e.mode,o="show"===n,a="hide"===n,r=o||a,l=2*(e.times||5)+(r?1:0),h=e.duration/l,c=0,u=1,d=s.queue().length;for((o||!s.is(":visible"))&&(s.css("opacity",0).show(),c=1);l>u;u++)s.animate({opacity:c},h,e.easing),c=1-c;s.animate({opacity:c},h,e.easing),s.queue(i),t.effects.unshift(s,d,l+1)}),t.effects.define("shake",function(e,i){var s=1,n=t(this),o=e.direction||"left",a=e.distance||20,r=e.times||3,l=2*r+1,h=Math.round(e.duration/l),c="up"===o||"down"===o?"top":"left",u="up"===o||"left"===o,d={},p={},f={},m=n.queue().length;for(t.effects.createPlaceholder(n),d[c]=(u?"-=":"+=")+a,p[c]=(u?"+=":"-=")+2*a,f[c]=(u?"-=":"+=")+2*a,n.animate(d,h,e.easing);r>s;s++)n.animate(p,h,e.easing).animate(f,h,e.easing);n.animate(p,h,e.easing).animate(d,h/2,e.easing).queue(i),t.effects.unshift(n,m,l+1)}),t.effects.define("slide","show",function(e,i){var s,n,o=t(this),a={up:["bottom","top"],down:["top","bottom"],left:["right","left"],right:["left","right"]},r=e.mode,l=e.direction||"left",h="up"===l||"down"===l?"top":"left",c="up"===l||"left"===l,u=e.distance||o["top"===h?"outerHeight":"outerWidth"](!0),d={};t.effects.createPlaceholder(o),s=o.cssClip(),n=o.position()[h],d[h]=(c?-1:1)*u+n,d.clip=o.cssClip(),d.clip[a[l][1]]=d.clip[a[l][0]],"show"===r&&(o.cssClip(d.clip),o.css(h,d[h]),d.clip=s,d[h]=n),o.animate(d,{queue:!1,duration:e.duration,easing:e.easing,complete:i})});var o;t.uiBackCompat!==!1&&(o=t.effects.define("transfer",function(e,i){t(this).transfer(e,i)}))});


--------------------------------------------------------------------------------
/client/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marian42/ledcpp/9f9e7079c415c48cdfe8ad70a62146d7b86097b5/client/logo.png


--------------------------------------------------------------------------------
/client/script.js:
--------------------------------------------------------------------------------
  1 | var apps = {};
  2 | var selectedApp = null;
  3 | 
  4 | var clientStatus = null;
  5 | var serverStatus = "Connecting...";
  6 | 
  7 | function setStatus(value, client) {
  8 | 	if (client) {
  9 | 		clientStatus = value;
 10 | 	} else {
 11 | 		serverStatus = value;
 12 | 	}	
 13 | 	$('#status').html(clientStatus != null ? clientStatus : serverStatus);
 14 | }
 15 | 
 16 | var codeEditor = CodeMirror(document.getElementById("codewrapper"), {
 17 |   value: "",
 18 |   mode:  "text/x-c++src",
 19 |   theme: "base16-dark",
 20 |   lineNumbers: true,
 21 |   indentWithTabs: true,
 22 |   indentUnit: 4,
 23 |   lineWrapping: true
 24 | });
 25 | 
 26 | codeEditor.on("changes", function() {
 27 | 	if (selectedApp == null) {
 28 | 		return;
 29 | 	}
 30 | 	selectedApp.modified = true;
 31 | 	$(selectedApp.domElement).addClass("modified");
 32 | });
 33 | 
 34 | function selectApp(app) {
 35 | 	if (selectedApp != null) {
 36 | 		$(selectedApp.domElement).removeClass("selected");
 37 | 	}
 38 | 	
 39 | 	if (app.source.doc == null) {
 40 | 		app.source.doc = CodeMirror.Doc(app.source.content, "text/x-c++src", 0);
 41 | 	}
 42 | 	
 43 | 	codeEditor.swapDoc(app.source.doc);
 44 | 	
 45 | 	$(app.domElement).addClass("selected");
 46 | 	selectedApp = app;
 47 | }
 48 | 
 49 | function createAppItem(app) {
 50 | 	var sidebar = $(".sidebar")[0];
 51 | 	var item = document.createElement("div");
 52 | 	item.className = "appitem";
 53 | 	
 54 | 	var img = document.createElement("img");
 55 | 	img.src = "screen/" + app.shortname + "?" + new Date().getTime();
 56 | 	img.className = "appscreen";
 57 | 	item.appendChild(img);
 58 | 	
 59 | 	var title = document.createElement("div");
 60 | 	title.className = "apptitle";
 61 | 	title.appendChild(document.createTextNode(app.name));
 62 | 	item.appendChild(title);
 63 | 	
 64 | 	var shortname = document.createElement("div");
 65 | 	shortname.className = "appshortname";
 66 | 	shortname.appendChild(document.createTextNode(app.shortname + ".cpp"));
 67 | 	item.appendChild(shortname);	
 68 | 	
 69 | 	sidebar.appendChild(item);
 70 | 	
 71 | 	$(item).click(function() {
 72 | 		selectApp(app);
 73 | 	});	
 74 | 	$(item).dblclick(function() {
 75 | 		runApp(app);
 76 | 	});
 77 | 	return item;
 78 | }
 79 | 
 80 | function updateApps(appToSelect) {
 81 | 	$.ajax("apps", {
 82 | 		success: function(data) {
 83 | 			for (var i = 0; i < data.length; i++) {
 84 | 				if (apps[data[i].shortname] == null) {
 85 | 					apps[data[i].shortname] = data[i];			
 86 | 					apps[data[i].shortname].domElement = createAppItem(data[i]);
 87 | 					apps[data[i].shortname].modified = false;
 88 | 					if (appToSelect != null && data[i].shortname == appToSelect) {
 89 | 						selectApp(apps[data[i].shortname]);
 90 | 					}
 91 | 				}
 92 | 			}
 93 | 			
 94 | 			if (selectedApp == null && Object.keys(apps).length != 0) {
 95 | 				selectApp(apps[Object.keys(apps)[0]]);
 96 | 			}			
 97 | 			if (Object.keys(apps).length == 0) {
 98 | 				showCreateAppForm();
 99 | 			}
100 | 		}
101 | 	});
102 | }
103 | 
104 | function runApp(app) {
105 | 	setStatus("Connecting...", false);
106 | 	setStatus(null, true);
107 | 	$.ajax("run/" + app.shortname, {
108 | 		method: "POST",
109 | 		success: function(data) {
110 | 			app.domElement.childNodes[0].src = "screen/" + app.shortname + "?" + new Date().getTime();
111 | 			showCompiler(false);
112 | 		},
113 | 		error: function(data) {
114 | 			if (data.responseJSON.compilerMessage != null) {
115 | 				setStatus("Failed to compile" + app.shortname + ".cpp.", true);
116 | 				$('#compilerText').text(data.responseJSON.compilerMessage);
117 | 				showCompiler(true);
118 | 			} else {
119 | 				setStatus("Failed to run app.", true);
120 | 			}
121 | 		}
122 | 	});
123 | }
124 | 
125 | function handleButtonIntent(intent) {
126 | 	if (intent == "compile") {
127 | 		$('#btnCompile span').css("color", "#FFD800");
128 | 		setStatus("Compiling " + selectedApp.shortname + ".cpp...", true);	
129 | 		$.ajax("compile/" + selectedApp.shortname, {
130 | 			method: "POST",
131 | 			success: function(data) {
132 | 				setStatus(null, true);
133 | 				$('#btnCompile span').css("color", "#00CC1B");
134 | 				$('#btnCompile span').animate({color: "#C9C9C9"}, 3000);
135 | 				showCompiler(false);
136 | 			},
137 | 			error: function(data) {
138 | 				setStatus("Failed to compile" + selectedApp.shortname + ".cpp.", true);
139 | 				if (data.responseJSON.compilerMessage != null) {					
140 | 					$('#compilerText').text(data.responseJSON.compilerMessage);
141 | 					showCompiler(true);
142 | 				}
143 | 				$('#btnCompile span').css("color", "#FF0000");
144 | 				$('#btnCompile span').animate({color: "#C9C9C9"}, 3000);
145 | 			}
146 | 		});
147 | 	}
148 | 	
149 | 	if (intent == "run") {
150 | 		runApp(selectedApp);
151 | 	}
152 | }
153 | 
154 | function saveFile(intent) {
155 | 	if (selectedApp == null) {
156 | 		return;
157 | 	}
158 | 	if (!selectedApp.modified && intent != "update") {
159 | 		handleButtonIntent(intent);
160 | 		return;
161 | 	}
162 | 	
163 | 	$('#btnUpload span').css("color", "#FFD800");
164 | 	setStatus("Uploading " + selectedApp.shortname + ".cpp...", true);
165 | 	$.ajax("save/" + selectedApp.shortname, {
166 | 		method: "POST",
167 | 		processData: false,
168 | 		data: codeEditor.getValue(),
169 | 		contentType: 'text/plain',
170 | 		success: function(data) {
171 | 			setStatus(null, true);
172 | 			$('#btnUpload span').css("color", "#00CC1B");
173 | 			$('#btnUpload span').animate({color: "#C9C9C9"}, 3000);
174 | 			selectedApp.modified = false;
175 | 			$(selectedApp.domElement).removeClass("modified");
176 | 			
177 | 			handleButtonIntent(intent);
178 | 		},
179 | 		error: function() {
180 | 			$('#btnUpload span').css("color", "#FF0000");
181 | 			$('#btnUpload span').animate({color: "#C9C9C9"}, 3000);
182 | 			setStatus("Failed to upload.", true);
183 | 		}
184 | 	});
185 | }
186 | 
187 | function showCompiler(show) {
188 | 	$('.compiler-wrapper').effect("slide", {direction: "right", mode: show ? "show" : "hide", complete:
189 | 		function() {
190 | 			$(document.body).removeClass(show ? "nocompiler" : "compiler");
191 | 			$(document.body).addClass(show ? "compiler" : "nocompiler");
192 | 		}
193 | 	}, 200);
194 | }
195 | 
196 | var selectedTemplate = 2;
197 | 
198 | function templateSelectorClick(event) {
199 | 	var element = event.target;
200 | 	selectedTemplate = $($(element)[0].parentNode.parentNode.children).index($(element)[0].parentNode);
201 | 	$('#btnTemplateText').text($(event.target).text());
202 | }
203 | 
204 | function createApp(event) {
205 | 	var name = $('#inputAppName').val();
206 | 	var shortName = $('#inputShortName').val();
207 | 	$('#createAppPanel').effect("slide", {direction: "up", mode: "hide", distance: 520});
208 | 	
209 | 	$.ajax("create", {
210 | 		method: "POST",
211 | 		data: {
212 | 			template: selectedTemplate,
213 | 			name: name,
214 | 			shortName: shortName
215 | 		},
216 | 		success: function(data) {
217 | 			setStatus("Created " + shortName + ".cpp.", true);
218 | 			$('#inputAppName').val('');
219 | 			$('#inputShortName').val('');
220 | 			updateApps(shortName);
221 | 		},
222 | 		error: function(data) {
223 | 			$('#createAppPanel').effect("slide", {direction: "up", mode: "show", distance: 520});
224 | 			setStatus(data.responseText, true);
225 | 		}
226 | 	});
227 | 	
228 | 	event.preventDefault();
229 | }
230 | 
231 | function deleteApp() {
232 | 	if (selectedApp == null) return;
233 | 	if (!confirm("Do you want to permanently delete " + selectedApp.shortname + "?")) return;
234 | 	
235 | 	$.ajax("delete/" + selectedApp.shortname, {
236 | 		method: "POST",
237 | 		success: function(data) {			
238 | 			setStatus("Deleted " + selectedApp.shortname + ".", true);
239 | 			selectedApp.domElement.parentNode.removeChild(selectedApp.domElement);
240 | 			delete apps[selectedApp.shortname];
241 | 			selectedApp = null;
242 | 			if (Object.keys(apps).length != 0) {
243 | 				selectApp(apps[Object.keys(apps)[0]]);
244 | 			} else {
245 | 				codeEditor.getDoc().setValue("");
246 | 				showCreateAppForm();
247 | 			}
248 | 		},
249 | 		error: function() {
250 | 			setStatus("Failed to delete " + selectedApp.shortname + ".", true);			
251 | 		}
252 | 	});
253 | }
254 | 
255 | function updateStatus() {
256 | 	$.ajax("status", {
257 | 		method: "GET",
258 | 		success: function(data) {			
259 | 			setStatus(data.state, false);
260 | 			$('#fps').html(data.fps != null ? data.fps + " FPS" : "");
261 | 		},
262 | 		error: function() {
263 | 			setStatus("Lost connection to server. Retrying...", false);
264 | 		},
265 | 		complete: function() {
266 | 			setTimeout(updateStatus, 1000);
267 | 		}
268 | 	});
269 | }
270 | 
271 | function showCreateAppForm() {
272 | 	$('#createAppPanel').effect("slide", {direction: "up", mode: "show", distance: 520});
273 | 	$('#inputAppName').focus();
274 | }
275 | 
276 | function recordGif() {
277 | 	var gifTab = window.open(selectedApp.shortname + ".gif");
278 | 	gifTab.blur();
279 | 	window.focus();
280 | 	$.ajax("recordgif/" + selectedApp.shortname, {
281 | 		method: "POST",
282 | 		success: function(data) {			
283 | 			gifTab.location.reload();
284 | 			gifTab.focus();
285 | 		}
286 | 	});
287 | }
288 | 
289 | $('#btnUpload').click(function() {saveFile("update");});
290 | $('#btnCompile').click(function() {saveFile("compile");});
291 | $('#btnRun').click(function() {saveFile("run");});
292 | $('#btnStop').click(function() {
293 | 	$.ajax("stop", {method: "POST"});
294 | });
295 | $('#btnFadeout').click(function() {
296 | 	$.ajax("fadeout", {method: "POST"});
297 | });
298 | $('#btnCompiler').click(function() {showCompiler($(document.body).hasClass("nocompiler"));});
299 | $('#btnHideCompiler').click(function() {showCompiler(false);});
300 | 
301 | $('#btnShowCreateApp').click(showCreateAppForm);
302 | $('#inputAppName').on("input", function() {
303 | 	$('#inputShortName').val($('#inputAppName').val().replace(/[^a-zA-Z0-9]/g, ""));
304 | });
305 | 
306 | $('#btnHideCreateApp').click(function() { $('#createAppPanel').effect("slide", {direction: "up", mode: "hide", distance: 520}); });
307 | $('#createAppForm').submit(createApp);
308 | $('#btnRecordGif').click(recordGif);
309 | $('#btnDeleteApp').click(deleteApp);
310 | 
311 | codeEditor.setSize("100%", "100%");
312 | codeEditor.setOption("extraKeys", {
313 | 	"Ctrl-S": saveFile,
314 | 	"Ctrl-Enter": function() {saveFile("run")},
315 | 	"Ctrl-O": function() {saveFile("run")},
316 | 	"Ctrl-K": function() {saveFile("compile")}
317 | });
318 | 
319 | window.onbeforeunload = function(){
320 | 	var unsavedApps = [];
321 | 	for (var i = 0; i < Object.keys(apps).length; i++) {
322 | 		if (apps[Object.keys(apps)[i]].modified) {
323 | 			unsavedApps.push(apps[Object.keys(apps)[i]].name);
324 | 		}
325 | 	}
326 | 	if (unsavedApps.length > 0) {
327 | 		return "Do you want to leave this page? Changes you made will not be saved.";
328 | 	}
329 | };
330 | 
331 | updateApps();
332 | updateStatus();


--------------------------------------------------------------------------------
/client/style.css:
--------------------------------------------------------------------------------
  1 | body, html, .container-fluid, .sidebar, .body {
  2 |     height: 100%;
  3 |     min-height: 100%;
  4 |     color: #FFFFFF;
  5 | }
  6 | 
  7 | .content-wrapper{
  8 |     position: fixed;
  9 |     height: calc(100% - 52px);
 10 | }
 11 | 
 12 | .sidebar {
 13 |     background-color:#1D1D1D;
 14 |     width: 300px;
 15 |     height: calc(100% - 52px);
 16 |     overflow-y: auto;
 17 |     position: relative;
 18 | }
 19 | 
 20 | ::-webkit-scrollbar {
 21 |     background: #191919;
 22 | }
 23 | 
 24 | ::-webkit-scrollbar-thumb {
 25 |     background: #32332D;
 26 | }
 27 | 
 28 | .main-content {
 29 |     background-color:#151515;
 30 |     height: calc(100% - 52px);
 31 |     left:300px;
 32 |     position: fixed;
 33 | }
 34 | 
 35 | .compiler .main-content {
 36 | 	width: calc((100% - 300px) / 2);    
 37 | }
 38 | 
 39 | .nocompiler .main-content {
 40 | 	width: calc((100% - 300px));    
 41 | }
 42 | 
 43 | .compiler .compiler-wrapper {
 44 | 	
 45 | }
 46 | 
 47 | .nocompiler .compiler-wrapper {
 48 | 	display:none;
 49 | }
 50 | 
 51 | .compiler-wrapper  {
 52 | 	background-color:#130000;
 53 | 	width: calc((100% - 300px) / 2);
 54 |     height: calc(100% - 52px);
 55 |     right:0px;
 56 |     position: fixed;
 57 | }
 58 | 
 59 | .compiler-headline {
 60 | 	background-color:#590000;
 61 | 	width: 100%;
 62 | 	padding:15px;
 63 | 	color:#E9E9E9;
 64 | 	font-weight: bold;
 65 | }
 66 | 	
 67 | #compilerText {
 68 | 	height: calc(100% - 50px);
 69 | 	font-family: monospace;	
 70 |     overflow-y: auto;	
 71 | 	padding: 5px;
 72 |     font-size: 13px;
 73 | 	line-height: 180%;
 74 | 	white-space: pre-wrap;
 75 | }
 76 | 
 77 | #btnHideCompiler {
 78 | 	position: absolute;
 79 | 	right: 0px;
 80 | 	top: 0px;
 81 | 	padding: 18px;
 82 | 	text-decoration: none;	
 83 |     cursor: pointer;
 84 | }
 85 | #btnHideCompiler:hover {
 86 | 	background-color:rgba(0, 0, 0, 0.7);
 87 | }
 88 | 
 89 | .appitem {
 90 |     width: 100%;
 91 |     overflow: auto;
 92 |     color: #9DA087;
 93 |     -webkit-user-select: none;
 94 |     user-select: none;
 95 |     cursor: pointer;
 96 | }
 97 | 
 98 | .selected {
 99 | 	background-color:#3B3C35;
100 | 	color:#F2F5D2;
101 | }
102 | 
103 | .appitem:hover {
104 |     background-color: #2D2E28;
105 | }
106 | 
107 | .selected:hover{
108 | 	background-color:#3B3C35;
109 | }
110 | 
111 | .appscreen {
112 |     width: 64px;
113 |     height: 64px;
114 |     float:left;
115 |     margin-right: 18px;
116 |     image-rendering: pixelated;
117 | }
118 | 
119 | .apptitle{
120 |     margin-top: 12px;
121 |     font-weight: bold;
122 |     font-size: 16px;
123 | }
124 | 
125 | .appshortname {
126 |     font-family: monospace;
127 | }
128 | 
129 | .modified .appshortname {
130 | 	font-style: italic;
131 | }
132 | 
133 | .editor {
134 |     width: 100%;
135 |     height: 100%;
136 | }
137 | 
138 | .CodeMirror {
139 |     position: relative;
140 |     width: 100%;
141 |     height: 1000px;
142 | }
143 | 
144 | .navbar-brand {
145 | 	background-image: url(logo.png);
146 | 	background-repeat: no-repeat;
147 | 	padding-left: 60px;
148 | }
149 | 
150 | .dialog-wrapper {
151 | 	position: fixed;
152 | 	width: 600px;
153 | 	left: 50%;
154 | 	margin-left: -300px;
155 | 	margin-top: 50px;
156 | }
157 | 
158 | #createAppPanel {
159 | 	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
160 | 	display: none;
161 | }
162 | 
163 | .form-table td{
164 | 	padding: 10px;
165 | }


--------------------------------------------------------------------------------
/cpp/.gitignore:
--------------------------------------------------------------------------------
1 | *.out
2 | *.o
3 | userapps/*


--------------------------------------------------------------------------------
/cpp/app/App.cpp:
--------------------------------------------------------------------------------
 1 | #include "App.h"
 2 | #include <chrono>
 3 | #include <math.h>
 4 | 
 5 | long App::getMillis() {
 6 | 	auto time = std::chrono::system_clock::now();
 7 | 	auto since_epoch = time.time_since_epoch();
 8 | 	auto millis = std::chrono::duration_cast<std::chrono::milliseconds>(since_epoch);
 9 | 	return millis.count();
10 | }
11 | 
12 | void App::updateTime() {
13 | 	this->millis = getMillis() - this->startTimeMillis;
14 | 	this->time = this->millis * 0.001;
15 | 	this->deltaT = this->millis - this->lastUpdate;
16 | 	this->lastDeltaT[this->frameCount % this->FPS_AVERAGE_COUNT] = this->deltaT;
17 | 	this->lastUpdate = this->millis;
18 | }
19 | 
20 | void App::update() {
21 | 	Screen::getInstance().update(this->frame);
22 | 	this->updateTime();
23 | 	this->frameCount++;
24 | 	
25 | 	if (this->stopped) {
26 | 		throw InterruptException();
27 | 	}
28 | }
29 | 
30 | App::App() {
31 | 	this->frameCount = 0;
32 | 	this->lastUpdate = 0;
33 | 	this->stopped = false;
34 | 	this->startTimeMillis = getMillis();
35 | }
36 | 
37 | void App::stop() {
38 | 	this->stopped = true;
39 | }
40 | 
41 | long App::getDeltaT() {
42 | 	return this->deltaT;
43 | }
44 | 
45 | int App::getFPS() {
46 | 	int deltaTSum = 0;
47 | 	for (int i = 0; i < this->FPS_AVERAGE_COUNT; i++) {
48 | 		deltaTSum += this->frameCount > i ? this->lastDeltaT[i] : 0;
49 | 	}
50 | 	if (this->frameCount < this->FPS_AVERAGE_COUNT) {
51 | 		return 1000 * this->frameCount / deltaTSum;
52 | 	} else {
53 | 		return 1000 * this->FPS_AVERAGE_COUNT / deltaTSum;
54 | 	}
55 | }
56 | 
57 | Frame& App::getFrame() {
58 | 	while (this->frameCount == 0);
59 | 	return this->frame;
60 | }


--------------------------------------------------------------------------------
/cpp/app/App.h:
--------------------------------------------------------------------------------
 1 | #ifndef APP_H
 2 | #define APP_H
 3 | 
 4 | #include "../screen/Screen.h"
 5 | #include <exception>
 6 | 
 7 | class InterruptException : public std::exception { };
 8 | 
 9 | class App {
10 | private:
11 | 	static const int FPS_AVERAGE_COUNT = 10;
12 | 	
13 | 	int lastDeltaT[FPS_AVERAGE_COUNT];
14 | 	long lastUpdate;
15 | 	long startTimeMillis;
16 | 	
17 | 	bool stopped;
18 | 	
19 | 	static long getMillis();
20 | 	
21 | 	void updateTime();
22 | 
23 | protected:
24 | 	Frame frame;
25 | 	
26 | 	long millis;
27 | 	float time;
28 | 	long deltaT;
29 | 	long frameCount;
30 | 	
31 | 	void update();
32 | 
33 | public:
34 | 	App();
35 | 
36 | 	virtual void run() = 0;
37 | 	
38 | 	void stop();
39 | 	
40 | 	long getDeltaT();
41 | 	
42 | 	int getFPS();
43 | 	
44 | 	Frame& getFrame();
45 | };
46 | 
47 | #endif


--------------------------------------------------------------------------------
/cpp/app/LoopApp.cpp:
--------------------------------------------------------------------------------
1 | #include "LoopApp.h"
2 | 
3 | void LoopApp::run() {
4 | 	this->setup();
5 | 	while (true) {
6 | 		this->loop();
7 | 		this->update();
8 | 	}
9 | }


--------------------------------------------------------------------------------
/cpp/app/LoopApp.h:
--------------------------------------------------------------------------------
 1 | #ifndef LOOPAPP_H
 2 | #define LOOPAPP_H
 3 | 
 4 | #include "App.h"
 5 | 
 6 | class LoopApp : public App {
 7 | protected:
 8 | 	virtual void setup() {}
 9 | 	
10 | 	virtual void loop() = 0;
11 | public:
12 | 	void run();
13 | };
14 | 
15 | #endif


--------------------------------------------------------------------------------
/cpp/app/ShaderApp.cpp:
--------------------------------------------------------------------------------
1 | #include "ShaderApp.h"
2 | 
3 | void ShaderApp::loop() {
4 | 	for (int x = 0; x < Frame::WIDTH; x++) {
5 | 		for (int y = 0; y < Frame::HEIGHT; y++) {
6 | 			mainImage(this->frame[x][y], x, y);
7 | 		}
8 | 	}
9 | }


--------------------------------------------------------------------------------
/cpp/app/ShaderApp.h:
--------------------------------------------------------------------------------
 1 | #ifndef SHADERAPP_H
 2 | #define SHADERAPP_H
 3 | 
 4 | #include "LoopApp.h"
 5 | 
 6 | class ShaderApp : public LoopApp {
 7 | protected:
 8 | 	virtual void mainImage(Color& color, int x, int y) = 0;
 9 | 
10 | 	void loop();
11 | };
12 | 
13 | #endif


--------------------------------------------------------------------------------
/cpp/app/Simplex.cpp:
--------------------------------------------------------------------------------
  1 | /*
  2 | ===============================================================================
  3 | A C++ port of a speed-improved simplex noise algorithm for 2D in Java.
  4 | 
  5 | Based on example code by Stefan Gustavson (stegu@itn.liu.se).
  6 | Optimisations by Peter Eastman (peastman@drizzle.stanford.edu).
  7 | Better rank ordering method by Stefan Gustavson in 2012.
  8 | C++ port and minor type and algorithm changes by Josh Koch (jdk1337@gmail.com).
  9 | 
 10 | This could be speeded up even further, but it's useful as it is.
 11 | 
 12 | Version 2012-04-12
 13 | 
 14 | The original Java code was placed in the public domain by its original author,
 15 | Stefan Gustavson. You may use it as you see fit,
 16 | but attribution is appreciated.
 17 | ===============================================================================
 18 | */
 19 | 
 20 | #include "Simplex.h"
 21 | #include <cmath>
 22 | 
 23 | // Private static member definitions
 24 | const double Simplex::F2 = 0.5 * (sqrt( 3.0 ) - 1.0);
 25 | const double Simplex::G2 = (3.0 - sqrt( 3.0 )) / 6.0;
 26 | const uint8_t Simplex::p[256] = {
 27 |     151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,
 28 |     142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,
 29 |     203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,
 30 |     74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,
 31 |     220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,
 32 |     132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,
 33 |     186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,
 34 |     59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,
 35 |     70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,
 36 |     178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,
 37 |     241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,
 38 |     176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,
 39 |     128,195,78,66,215,61,156,180
 40 | };
 41 | const Grad Simplex::grad3[12] = {
 42 |     Grad(1,1,0),Grad(-1,1,0),Grad(1,-1,0),Grad(-1,-1,0),Grad(1,0,1),
 43 |     Grad(-1,0,1),Grad(1,0,-1),Grad(-1,0,-1),Grad(0,1,1),Grad(0,-1,1),
 44 |     Grad(0,1,-1),Grad(0,-1,-1)
 45 | };
 46 | uint8_t Simplex::perm[512] = {0};
 47 | uint8_t Simplex::permMod12[512] = {0};
 48 | 
 49 | // Initialize permutaion arrays
 50 | void Simplex::init() {
 51 |     for ( uint16_t i = 0; i < 512; ++i ) {
 52 |         perm[i] = p[i & 255];
 53 |         permMod12[i] = static_cast<uint8_t>(perm[i] % 12);
 54 |     }
 55 | }
 56 | 
 57 | // Fast floor
 58 | int32_t Simplex::fastFloor( double x ) {
 59 |     int32_t xi = static_cast<int32_t>(x);
 60 |     return x < xi ? xi - 1 : xi;
 61 | }
 62 | 
 63 | double Simplex::dot( const Grad& g, double x, double y ) {
 64 |     return g.x * x + g.y * y;
 65 | }
 66 | 
 67 | // 2D Simplex noise
 68 | double Simplex::noise( double xin, double yin ) {
 69 |     double s = (xin + yin) * F2;
 70 |     int32_t i = fastFloor( xin + s );
 71 |     int32_t j = fastFloor( yin + s );
 72 |     double t = (i + j) * G2;
 73 |     double x0 = xin - (i - t);
 74 |     double y0 = yin - (j - t);
 75 |     uint8_t i1 = 0, j1 = 1;
 76 |     if ( x0 > y0 ) {
 77 |         i1 = 1;
 78 |         j1 = 0;
 79 |     }
 80 |     double x1 = x0 - i1 + G2;
 81 |     double y1 = y0 - j1 + G2;
 82 |     double x2 = x0 - 1.0 + 2.0 * G2;
 83 |     double y2 = y0 - 1.0 + 2.0 * G2;
 84 |     uint8_t ii = i & 255;
 85 |     uint8_t jj = j & 255;
 86 |     uint8_t gi0 = permMod12[ii + perm[jj]];
 87 |     uint8_t gi1 = permMod12[ii + i1 + perm[jj + j1]];
 88 |     uint8_t gi2 = permMod12[ii + 1 + perm[jj + 1]];
 89 |     double n0 = 0.0;
 90 |     double t0 = 0.5 - x0 * x0 - y0 * y0;
 91 |     if ( t0 >= 0.0 ) {
 92 |         t0 *= t0;
 93 |         n0 = t0 * t0 * dot( grad3[gi0], x0, y0 );
 94 |     }
 95 |     double n1 = 0.0;
 96 |     double t1 = 0.5 - x1 * x1 - y1 * y1;
 97 |     if ( t1 >= 0.0 ) {
 98 |         t1 *= t1;
 99 |         n1 = t1 * t1 * dot( grad3[gi1], x1, y1 );
100 |     }
101 |     double n2 = 0.0;
102 |     double t2 = 0.5 - x2 * x2 - y2 * y2;
103 |     if ( t2 >= 0.0 ) {
104 |         t2 *= t2;
105 |         n2 = t2 * t2 * dot( grad3[gi2], x2, y2 );
106 |     }
107 |     return 70.0 * (n0 + n1 + n2);
108 | }


--------------------------------------------------------------------------------
/cpp/app/Simplex.h:
--------------------------------------------------------------------------------
 1 | /*
 2 | ===============================================================================
 3 | A C++ port of a speed-improved simplex noise algorithm for 2D in Java.
 4 | 
 5 | Based on example code by Stefan Gustavson (stegu@itn.liu.se).
 6 | Optimisations by Peter Eastman (peastman@drizzle.stanford.edu).
 7 | Better rank ordering method by Stefan Gustavson in 2012.
 8 | C++ port and minor type and algorithm changes by Josh Koch (jdk1337@gmail.com).
 9 | 
10 | This could be speeded up even further, but it's useful as it is.
11 | 
12 | Version 2012-04-12
13 | 
14 | The original Java code was placed in the public domain by its original author,
15 | Stefan Gustavson. You may use it as you see fit,
16 | but attribution is appreciated.
17 | ===============================================================================
18 | */
19 | 
20 | #ifndef __SIMPLEX_H__
21 | #define __SIMPLEX_H__
22 | 
23 | #include <cstdint>
24 | 
25 | class Grad {
26 | public:
27 |     Grad( int8_t x, int8_t y, int8_t z ) : x(x), y(y), z(z) {}
28 |     int8_t x, y, z;
29 | };
30 | 
31 | class Simplex {
32 | public:
33 |     // Initialize permutation arrays
34 |     static void init();
35 |     // 2D simplex noise
36 |     static double noise( double xin, double yin );
37 | 
38 | private:
39 |     static int32_t fastFloor( double x );
40 |     static double dot( const Grad& g, double x, double y );
41 |     static const double F2;
42 |     static const double G2;
43 |     static const Grad grad3[12];
44 |     static const uint8_t p[256];
45 |     static uint8_t perm[512];
46 |     static uint8_t permMod12[512];
47 | };
48 | 
49 | #endif


--------------------------------------------------------------------------------
/cpp/app/helpers.cpp:
--------------------------------------------------------------------------------
 1 | #include "helpers.h"
 2 | #include <cmath>
 3 | 
 4 | float getRadius(int x, int y) {
 5 | 	return sqrt(pow((x - 7.5) / 8, 2) + pow((y - 7.5) / 8, 2));
 6 | }
 7 | 	
 8 | float getAngle(int x, int y) {
 9 | 	return atan2(x - 7.5, y - 7.5) + pi;
10 | }
11 | 
12 | float clamp(float value, float min, float max) {
13 | 	if (value < min) return min;
14 | 	if (value > max) return max;
15 | 	return value;
16 | }
17 | 
18 | float clamp(float value) {
19 | 	return clamp(value, 0.0, 1.0);
20 | }	
21 | 
22 | float fract(float value) {
23 | 	return value - floor(value);
24 | }
25 | 
26 | float modulo(float value, float divisor) {
27 | 	return value - divisor * floor(value / divisor);
28 | }
29 | 
30 | float map(float value, float oldLow, float oldHigh, float newLow, float newHigh) {
31 | 	return newLow + (newHigh - newLow) * (value - oldLow) / (oldHigh - oldLow);
32 | }
33 | 
34 | float noise(float x, float y) {
35 | 	static bool initialized = false;
36 | 	if (!initialized) {
37 | 		initialized = true;
38 | 		Simplex::init();
39 | 	}
40 | 	return Simplex::noise(x, y);
41 | }
42 | 
43 | int getRing(int x, int y) {
44 | 	return 7 - (x + y > 15 ? min(15 - x, 15 - y) : min(x, y));
45 | }
46 | 
47 | int getRingPosition(int x, int y) {
48 | 	int ring = getRing(x, y);
49 | 	if (x + y < 15) {
50 | 		if (x >= y) { // up
51 | 			return x - y + 0 * 2 * (ring + 1);
52 | 		} else { // left
53 | 			return -2 + 2 * ring - y + x + 3 * 2 * (ring + 1);
54 | 		}
55 | 	} else {
56 | 		if (x >= y) { // right
57 | 			return -1 + y - (15 - x) + 1 * 2 * (ring + 1);
58 | 		} else { // down
59 | 			return -2 + y - x + 2 * 2 * (ring + 1);
60 | 		}	
61 | 	}
62 | }
63 | 
64 | float max(float a, float b) {
65 | 	return a > b ? a : b;
66 | }
67 | 
68 | float min(float a, float b) {
69 | 	return a < b ? a : b;
70 | }
71 | 
72 | int max(int a, int b) {
73 | 	return a > b ? a : b;
74 | }
75 | 
76 | int min(int a, int b) {
77 | 	return a < b ? a : b;
78 | }


--------------------------------------------------------------------------------
/cpp/app/helpers.h:
--------------------------------------------------------------------------------
 1 | #ifndef HELPERS_H
 2 | #define HELPERS_H
 3 | 
 4 | #include "Simplex.h"
 5 | 
 6 | const float pi = 3.14159;
 7 | 
 8 | float getRadius(int x, int y);
 9 | 	
10 | float getAngle(int x, int y);
11 | 
12 | float clamp(float value, float min, float max);
13 | 
14 | float clamp(float value);
15 | 
16 | float fract(float value);
17 | 
18 | float modulo(float value, float divisor);
19 | 
20 | float map(float value, float oldLow, float oldHigh, float newLow, float newHigh);
21 | 
22 | float noise(float x, float y);
23 | 
24 | int getRing(int x, int y);
25 | 
26 | int getRingPosition(int x, int y);
27 | 
28 | float max(float a, float b);
29 | 
30 | float min(float a, float b);
31 | 
32 | int max(int a, int b);
33 | 
34 | int min(int a, int b);
35 | 
36 | #endif


--------------------------------------------------------------------------------
/cpp/screen/Color.cpp:
--------------------------------------------------------------------------------
 1 | #include "Color.h"
 2 | 
 3 | Color::Color(unsigned char r, unsigned char g, unsigned char b) {
 4 | 	this->set(r, g, b);
 5 | }
 6 | 
 7 | Color::Color() {
 8 | 	this->set(0);
 9 | }
10 | 
11 | Color::Color(unsigned char brightness) {
12 | 	this->set(brightness);
13 | }
14 | 
15 | void Color::set(unsigned char r, unsigned char g, unsigned char b) {
16 | 	this->rgb(r,g,b);
17 | }
18 | 
19 | void Color::rgb(unsigned char r, unsigned char g, unsigned char b) {
20 | 	this->r = r;
21 | 	this->g = g;
22 | 	this->b = b;
23 | }
24 | 
25 | void Color::set(unsigned char brightness) {
26 | 	this->rgb(brightness, brightness, brightness);
27 | }
28 | 
29 | void Color::gray(unsigned char brightness) {
30 | 	this->rgb(brightness, brightness, brightness);
31 | }
32 | 
33 | void Color::set(Color& color) {
34 | 	this->rgb(color.r, color.g, color.b);
35 | }
36 | 
37 | unsigned int Color::toInt() {
38 | 	return (r << 16) + (g << 8) + b;
39 | }
40 | 
41 | void Color::hsv(char hue, char saturation, char value) {
42 | 	unsigned char region, remainder, p, q, t;
43 | 
44 | 	if (saturation == 0) {
45 | 		this->set(value);
46 | 		return;
47 | 	}
48 | 
49 | 	region = hue / 43;
50 | 	remainder = (hue - (region * 43)) * 6; 
51 | 
52 | 	p = (value * (255 - saturation)) >> 8;
53 | 	q = (value * (255 - ((saturation * remainder) >> 8))) >> 8;
54 | 	t = (value * (255 - ((saturation * (255 - remainder)) >> 8))) >> 8;
55 | 
56 | 	switch (region) {
57 | 		case 0:
58 | 			r = value; g = t; b = p;
59 | 			break;
60 | 		case 1:
61 | 			r = q; g = value; b = p;
62 | 			break;
63 | 		case 2:
64 | 			r = p; g = value; b = t;
65 | 			break;
66 | 		case 3:
67 | 			r = p; g = q; b = value;
68 | 			break;
69 | 		case 4:
70 | 			r = t; g = p; b = value;
71 | 			break;
72 | 		default:
73 | 			r = value; g = p; b = q;
74 | 			break;
75 | 	}
76 | }
77 | 
78 | void Color::hue(int hue) {
79 | 	hsv(hue, 255, 255);
80 | }
81 | 
82 | void Color::blend(Color& c1, Color& c2, float progress) {
83 | 	set(c1.r * (1.0 - progress) + c2.r * progress,
84 | 		c1.g * (1.0 - progress) + c2.g * progress,
85 | 		c1.b * (1.0 - progress) + c2.b * progress);
86 | }


--------------------------------------------------------------------------------
/cpp/screen/Color.h:
--------------------------------------------------------------------------------
 1 | #ifndef COLOR_H
 2 | #define COLOR_H
 3 | 
 4 | class Color {
 5 | 	
 6 | public:
 7 | 	unsigned char r;
 8 | 	unsigned char g;
 9 | 	unsigned char b;
10 | 	
11 | 	Color(unsigned char r, unsigned char g, unsigned char b);
12 | 	
13 | 	Color();
14 | 	
15 | 	Color(unsigned char brightness);
16 | 	
17 | 	void set(unsigned char r, unsigned char g, unsigned char b);
18 | 	
19 | 	void rgb(unsigned char r, unsigned char g, unsigned char b);
20 | 	
21 | 	void set(unsigned char brightness);
22 | 	
23 | 	void gray(unsigned char brightness);
24 | 	
25 | 	void set(Color& color);
26 | 	
27 | 	unsigned int toInt();
28 | 	
29 | 	void hsv(char hue, char saturation, char value);
30 | 	
31 | 	void hue(int hue);
32 | 	
33 | 	void blend(Color& c1, Color& c2, float progress);
34 | };
35 | 
36 | #endif


--------------------------------------------------------------------------------
/cpp/screen/Frame.cpp:
--------------------------------------------------------------------------------
 1 | #include "Frame.h"
 2 | 
 3 | FrameColumn::FrameColumn(Frame *frame, unsigned int x) {
 4 | 	this->frame = frame;
 5 | 	this->x = x;
 6 | }
 7 | 			
 8 | Color& FrameColumn::operator[] (unsigned int y) {
 9 | 	return *this->frame->get(this->x, y);
10 | }
11 | 	
12 | 	
13 | void Frame::initialize() {
14 | 	for (int i = 0; i < this->WIDTH * this->HEIGHT; i++) {
15 | 		this->pixel[i] = new Color();
16 | 	}
17 | }
18 | 	
19 | Frame::Frame() {
20 | 	this->pixel = new Color*[this->WIDTH * this->HEIGHT];
21 | 	
22 | 	this->columns = new FrameColumn*[this->WIDTH];		
23 | 	for (int x = 0; x < this->WIDTH; x++) {
24 | 		this->columns[x] = new FrameColumn(this, x);
25 | 	}
26 | 	
27 | 	this->initialize();
28 | }
29 | 
30 | Frame::~Frame() {
31 | 	for (int i = 0; i < this->WIDTH * this->HEIGHT; i++) {
32 | 		delete this->pixel[i];
33 | 	}
34 | 	delete this->pixel;
35 | 	for (int x = 0; x < this->WIDTH; x++) {
36 | 		delete this->columns[x];
37 | 	}
38 | 	delete this->columns;
39 | }
40 | 
41 | FrameColumn Frame::operator[] (unsigned int x) {
42 | 	return *this->columns[x];
43 | }
44 | 
45 | Color* Frame::get(unsigned int x, unsigned int y) {
46 | 	return this->pixel[y * this->WIDTH + x];
47 | }
48 | 
49 | char* Frame::getPixelArray() {
50 | 	char* result = new char[this->WIDTH * this->HEIGHT * 3];
51 | 	for (int i = 0; i < this->WIDTH * this->HEIGHT; i++) {
52 | 		result[i * 3 + 0] = this->pixel[i]->r;
53 | 		result[i * 3 + 1] = this->pixel[i]->g;
54 | 		result[i * 3 + 2] = this->pixel[i]->b;			
55 | 	}
56 | 	return result;
57 | }
58 | 
59 | void Frame::clear(Color color) {
60 | 	for (int x = 0; x < this->WIDTH; x++) {
61 | 		for (int y = 0; y < this->HEIGHT; y++) {
62 | 			(*this)[x][y].set(color);
63 | 		}
64 | 	}
65 | }
66 | 
67 | void Frame::clear() {
68 | 	this->clear(Color(0, 0, 0));
69 | }


--------------------------------------------------------------------------------
/cpp/screen/Frame.h:
--------------------------------------------------------------------------------
 1 | #ifndef FRAME_H
 2 | #define FRAME_H
 3 | 
 4 | #include "Color.h"
 5 | 
 6 | class Frame;
 7 | 
 8 | class FrameColumn {
 9 | private:
10 | 	Frame *frame;
11 | 	unsigned int x;
12 | public:
13 | 	FrameColumn(Frame *frame, unsigned int x);
14 | 	
15 | 	Color& operator[] (unsigned int y);
16 | };
17 | 
18 | class Frame {
19 | private:	
20 | 	Color** pixel;
21 | 	
22 | 	FrameColumn** columns;
23 | 	
24 | 	void initialize();
25 | 	
26 | public:
27 | 	static const int WIDTH = 16;
28 | 	static const int HEIGHT = 16;
29 | 	
30 | 	Frame();
31 | 	
32 | 	~Frame();
33 | 	
34 | 	FrameColumn operator[] (unsigned int x);
35 | 	
36 | 	Color* get(unsigned int x, unsigned int y);
37 | 	
38 | 	char* getPixelArray();
39 | 	
40 | 	void clear(Color color);
41 | 	
42 | 	void clear();
43 | };
44 | 
45 | #endif


--------------------------------------------------------------------------------
/cpp/screen/Screen.cpp:
--------------------------------------------------------------------------------
 1 | #include "Screen.h"
 2 | 
 3 | #include <math.h>
 4 | #include <iostream>
 5 | 
 6 | void Screen::initializeLEDString() {
 7 | 	ledString = (ws2811_t) {
 8 | 		nullptr,
 9 | 		nullptr,
10 | 		TARGET_FREQ,
11 | 		DMA, {
12 | 			{ GPIO_PIN, 0, Frame::WIDTH * Frame::HEIGHT, WS2811_STRIP_RGB, nullptr, 255 },
13 | 			{ 0, 0, 0, 0, nullptr, 0 }
14 | 		}
15 | 	};
16 | 	ws2811_init(&ledString);
17 | }
18 | 
19 | unsigned char Screen::processColor(unsigned char value) {
20 | 	return (int)(255.0 * pow(value / 255.0 * brightness, gamma));
21 | }
22 | 
23 | int Screen::colorToInt(Color* color) {
24 | 	return    (processColor(color->r) << 8)
25 | 			+ (processColor(color->g) << 16)
26 | 			+ (processColor(color->b) << 0);
27 | }
28 | 
29 | Screen::Screen() {
30 | 	this->brightness = 1.0;
31 | 	this->gamma = 2.0;
32 | 	this->initializeLEDString();
33 | }
34 | 
35 | void Screen::update(Frame& frame) {
36 | 	for (int x = 0; x < Frame::WIDTH; x++) {
37 | 		for (int y = 0; y < Frame::HEIGHT; y++) {
38 | 			int address = y * Frame::HEIGHT + (y % 2 == 0 ? x : Frame::WIDTH - 1 - x);
39 | 			this->ledString.channel[0].leds[address] = colorToInt(&(frame[x][y]));
40 | 		}
41 | 	}
42 | 	ws2811_render(&ledString);
43 | }
44 | 
45 | Screen& Screen::getInstance() {
46 | 	static Screen instance;	
47 | 	return instance;
48 | }
49 | 


--------------------------------------------------------------------------------
/cpp/screen/Screen.h:
--------------------------------------------------------------------------------
 1 | #ifndef SCREEN_H
 2 | #define SCREEN_H
 3 | 
 4 | #include "Frame.h"
 5 | 
 6 | #include <cstdint>
 7 | #include "rpi_ws281x/ws2811.h"
 8 | 
 9 | #define TARGET_FREQ		WS2811_TARGET_FREQ
10 | #define GPIO_PIN		18
11 | #define DMA				5
12 | 
13 | class Screen {
14 | private:
15 | 	ws2811_t ledString;
16 | 	
17 | 	void initializeLEDString();
18 | 
19 | 	unsigned char processColor(unsigned char value);
20 | 	
21 | 	int colorToInt(Color* color);
22 | 	
23 | 	Screen();
24 | 	
25 | public:
26 | 	float brightness;
27 | 	float gamma;
28 | 	
29 | 	void update(Frame& frame);
30 | 	
31 | 	static Screen& getInstance();
32 | };
33 | 
34 | #endif


--------------------------------------------------------------------------------
/cpp/template/App.cpp:
--------------------------------------------------------------------------------
1 | #include "<AppName>.h"
2 | 
3 | void <AppName>::run() {
4 | 	Color color(255, 0, 255);
5 | 	frame.clear(color);
6 | 	update();
7 | }


--------------------------------------------------------------------------------
/cpp/template/App.h:
--------------------------------------------------------------------------------
 1 | #include "../../app/ShaderApp.h"
 2 | #include "../../app/helpers.h"
 3 | #include <cmath>
 4 | 
 5 | using namespace std;
 6 | 
 7 | class <AppName> : public App {
 8 | public:
 9 | 	void run();
10 | };


--------------------------------------------------------------------------------
/cpp/template/LoopApp.cpp:
--------------------------------------------------------------------------------
1 | #include "<AppName>.h"
2 | 
3 | void <AppName>::loop() {
4 | 	Color color;
5 | 	color.hsv(time * 50, 255, 255);
6 | 	frame.clear(color);
7 | }


--------------------------------------------------------------------------------
/cpp/template/LoopApp.h:
--------------------------------------------------------------------------------
 1 | #include "../../app/ShaderApp.h"
 2 | #include "../../app/helpers.h"
 3 | #include <cmath>
 4 | 
 5 | using namespace std;
 6 | 
 7 | class <AppName> : public LoopApp {
 8 | protected:
 9 | 	void setup() {}
10 | 	
11 | 	void loop();
12 | };


--------------------------------------------------------------------------------
/cpp/template/ShaderApp.cpp:
--------------------------------------------------------------------------------
1 | #include "<AppName>.h"
2 | 
3 | void <AppName>::mainImage(Color& color, int x, int y) {
4 | 	color.hsv((x * 16 - int(time * 100)) % 256, 255, 255);
5 | }


--------------------------------------------------------------------------------
/cpp/template/ShaderApp.h:
--------------------------------------------------------------------------------
 1 | #include "../../app/ShaderApp.h"
 2 | #include "../../app/helpers.h"
 3 | #include <cmath>
 4 | 
 5 | using namespace std;
 6 | 
 7 | class <AppName> : public ShaderApp {
 8 | protected:
 9 | 	void mainImage(Color& color, int x, int y);
10 | };


--------------------------------------------------------------------------------
/cpp/template/appInterface.cpp:
--------------------------------------------------------------------------------
 1 | #include "appInterface.h"
 2 | 
 3 | void runAppTask() {
 4 | 	try {
 5 | 		app->run();
 6 | 	}
 7 | 	catch(InterruptException exception) { }
 8 | }
 9 | 
10 | void start() {
11 | 	if (app != 0) {
12 | 		return;
13 | 	}
14 | 	
15 | 	app = new <AppName>();
16 | 	appThread = new thread(runAppTask);
17 | }
18 | 
19 | void stop() {
20 | 	if (app == 0) {
21 | 		return;
22 | 	}
23 | 	
24 | 	app->stop();
25 | 	if (appThread != 0) {
26 | 		appThread->join();
27 | 		delete appThread;
28 | 		appThread = 0;
29 | 	}
30 | }
31 | 
32 | void deleteApp() {
33 | 	if (app != 0) {		
34 | 		delete app;
35 | 	}
36 | }
37 | 
38 | int getFPS() {
39 | 	if (app == 0) {
40 | 		return 0;
41 | 	}
42 | 	return app->getFPS();
43 | }
44 | 
45 | char* getFrame() {
46 | 	return app->getFrame().getPixelArray();
47 | }
48 | 
49 | long getTime() {
50 | 	auto time = std::chrono::system_clock::now();
51 | 	auto since_epoch = time.time_since_epoch();
52 | 	auto millis = std::chrono::duration_cast<std::chrono::milliseconds>(since_epoch);
53 | 	return millis.count();
54 | }
55 | 
56 | void crtAnimation() {
57 | 	Frame frame;
58 | 	const int duration = 500;
59 | 	long start = getTime();
60 | 	while (true) {
61 | 		float progress = (float)(getTime() - start) / duration;
62 | 		Color white = Color(255, 255, 255);
63 | 		frame.clear();
64 | 		if (progress < 0.5) {
65 | 			float progress1 = progress * 2.0;
66 | 			for (int x = 0; x < 16; x++) {
67 | 				for (int y = 0; y < 16; y++) {
68 | 					int ySource = 8 + (int)((y - 8.0) / (1.0 - progress1));
69 | 					if (ySource >= 0 && ySource < 16) {
70 | 						frame[x][y].blend(app->getFrame()[x][ySource], white, pow(progress1, 2.0));
71 | 					}
72 | 				}
73 | 			}
74 | 		} else {
75 | 			float progress2 = (progress - 0.5) * 2.0;
76 | 			for (int x = 0; x < 16; x++) {
77 | 				frame[x][8].set(clamp((7 - abs(x - 8)) - progress2 * 8.0, 0.0, 1.0) * 255.0);
78 | 			}
79 | 		}
80 | 		Screen::getInstance().update(frame);
81 | 		if (progress >= 1.0) {
82 | 			frame.clear();
83 | 			Screen::getInstance().update(frame);
84 | 			return;
85 | 		}
86 | 	}
87 | }
88 | 
89 | void fadeout() {
90 | 	stop();
91 | 	
92 | 	if (app == 0) {
93 | 		Frame frame;
94 | 		Screen::getInstance().update(frame);
95 | 		return;
96 | 	}
97 | 	
98 | 	crtAnimation();
99 | }


--------------------------------------------------------------------------------
/cpp/template/appInterface.h:
--------------------------------------------------------------------------------
 1 | #include "<AppName>.h"
 2 | #include <thread>
 3 | 
 4 | <AppName>* app = 0;
 5 | thread* appThread = 0;
 6 | 
 7 | void runAppTask();
 8 | 
 9 | extern "C" void start();
10 | 
11 | extern "C" void stop();
12 | 
13 | extern "C" void deleteApp();
14 | 
15 | extern "C" int getFPS();
16 | 
17 | extern "C" char* getFrame();
18 | 
19 | long getTime();
20 | 
21 | void crtAnimation();
22 | 
23 | extern "C" void fadeout();


--------------------------------------------------------------------------------
/cpp/template/makefile:
--------------------------------------------------------------------------------
 1 | CC=gcc
 2 | CFLAGS=-fPIC -std=c++11 -lstdc++ -L ../../screen/rpi_ws281x/ -lws2811 -lm
 3 | 
 4 | DEPS = appInterface.h
 5 | DEPS += <AppName>.h
 6 | DEPS += ../../app/App.h
 7 | DEPS += ../../app/helpers.h
 8 | DEPS += ../../app/LoopApp.h
 9 | DEPS += ../../app/ShaderApp.h
10 | DEPS += ../../app/Simplex.h
11 | DEPS += ../../screen/Color.h
12 | DEPS += ../../screen/Frame.h
13 | DEPS += ../../screen/Screen.h
14 | 
15 | %.o: %.cpp $(DEPS)
16 | 	$(CC) -c -o $@ $< $(CFLAGS)
17 | 
18 | all: $(DEPS:.h=.o)
19 | 	gcc -shared -o bin/<AppName>.so $^ $(CFLAGS)


--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
1 | *.pyc


--------------------------------------------------------------------------------
/server/apprunner.py:
--------------------------------------------------------------------------------
  1 | from PIL import Image
  2 | import os
  3 | import time
  4 | import StringIO
  5 | import subprocess
  6 | 
  7 | state = "Ready"
  8 | compile_output = ""
  9 | interface = None
 10 | running = False
 11 | current_app = None
 12 | 
 13 | def reset_state():
 14 | 	global state
 15 | 	if running:
 16 | 		state = "Running " + current_app.name + "."
 17 | 	else:
 18 | 		state = "Ready."
 19 | 
 20 | def update_state(value):
 21 | 	global state
 22 | 	state = value
 23 | 	print state
 24 | 
 25 | def compile(userapp):
 26 | 	global compile_output	
 27 | 	update_state("Compiling " + userapp.name + "...")
 28 | 	
 29 | 	compile_output = userapp.compile()
 30 | 	
 31 | 	reset_state()
 32 | 	return userapp.compiled_successfully
 33 | 		
 34 | def run(userapp):
 35 | 	global interface
 36 | 	global running
 37 | 	global current_app
 38 | 	stop()
 39 | 	interface = userapp.load_app_interface()
 40 | 	interface.start()
 41 | 	running = True
 42 | 	current_app = userapp
 43 | 	reset_state()
 44 | 	
 45 | def stop():
 46 | 	global running
 47 | 	if interface != None and running:
 48 | 		interface.stop()
 49 | 	running = False
 50 | 	reset_state()
 51 | 	
 52 | def fadeout():
 53 | 	global running
 54 | 	running = False
 55 | 	if interface != None:
 56 | 		interface.fadeout()
 57 | 	reset_state()
 58 | 
 59 | def get_image():
 60 | 	pixels = interface.getFrame()
 61 | 	
 62 | 	image = Image.new('RGB', (16, 16))
 63 | 	pixels_out = image.load()
 64 | 	
 65 | 	for x in range(16):
 66 | 		for y in range(16):
 67 | 			color = (
 68 | 				ord(pixels[(y * 16 + x) * 3 + 0]),
 69 | 				ord(pixels[(y * 16 + x) * 3 + 1]),
 70 | 				ord(pixels[(y * 16 + x) * 3 + 2]))
 71 | 			pixels_out[x, y] = color
 72 | 	return image
 73 | 	
 74 | def save_image(filename):
 75 | 	image = get_image()
 76 | 	image.save(filename, "PNG")
 77 | 	
 78 | def image_stream():
 79 |     while True:
 80 | 		while not running:
 81 | 			time.sleep(0.1)
 82 | 		image = get_image()
 83 | 		output = StringIO.StringIO()
 84 | 		image.save(output, "PNG")
 85 | 		image_string = output.getvalue()
 86 | 		output.close()
 87 | 		
 88 | 		yield (b'--frame\r\n'
 89 | 			b'Content-Type: image/png\r\n\r\n' + image_string + b'\r\n')
 90 | 			
 91 | def get_status():   
 92 | 	result = {}
 93 | 	result["state"] = state
 94 | 	result["app"] = None if current_app == None else current_app.shortname
 95 | 	result["fps"] = None if not running else interface.getFPS()
 96 | 	return result
 97 | 
 98 | def tobytes(self):
 99 | 	return self.tostring()
100 | 
101 | def record_gif(userapp, duration = 4, fps = 30, pixel_size = 8):
102 | 	dir = userapp.get_directory() + "capture/"
103 | 	if not os.path.exists(dir):
104 | 		os.makedirs(dir)
105 | 
106 | 	update_state("Recording GIF...")
107 | 	frame_count = duration * fps
108 | 	run(userapp)
109 | 	next_frame = time.clock()
110 | 	for i in range(frame_count):
111 | 		update_state("Recording GIF ({:.1f}%)".format(100.0 * i / frame_count))
112 | 		save_image(dir + str(i).zfill(4) + ".png")
113 | 		next_frame += 1.0 / fps
114 | 		time.sleep(max(0, next_frame - time.clock()))
115 | 	update_state("Rendering GIF...")
116 | 	subprocess.call(['convert',
117 | 		'-layers', 'OptimizePlus',
118 | 		'-delay', '1x' + str(fps),
119 | 		dir + '*.png',
120 | 		'-loop', '0',
121 | 		'+dither',
122 | 		'-colors', '256',
123 | 		'-depth', '8',
124 | 		'-interpolate', 'Nearest',
125 | 		'-filter', 'point',
126 | 		'-resize', str(pixel_size * 100) +'%',
127 | 		userapp.get_directory() + userapp.shortname + '.gif'])	
128 | 	reset_state()
129 | 	
130 | reset_state()


--------------------------------------------------------------------------------
/server/apps.py:
--------------------------------------------------------------------------------
 1 | from userapp import UserApp
 2 | import os
 3 | 
 4 | APP_DIRECTORY = "cpp/userapps"
 5 | 
 6 | app_list = {}
 7 | 
 8 | def load_apps():
 9 | 	global app_list
10 | 
11 | 	subfolders = [subfolder for subfolder in os.listdir(APP_DIRECTORY) if os.path.isdir(os.path.join(APP_DIRECTORY, subfolder))]
12 | 		
13 | 	for subfolder in subfolders:
14 | 		userapp = UserApp(subfolder)
15 | 		userapp.load()
16 | 		app_list[subfolder] = userapp
17 | 	
18 | 	return app_list


--------------------------------------------------------------------------------
/server/nocache.py:
--------------------------------------------------------------------------------
 1 | # https://gist.github.com/arusahni/9434953#file-nocache-py
 2 | from flask import make_response
 3 | from functools import wraps, update_wrapper
 4 | from datetime import datetime
 5 | 
 6 | def nocache(view):
 7 |     @wraps(view)
 8 |     def no_cache(*args, **kwargs):
 9 |         response = make_response(view(*args, **kwargs))
10 |         response.headers['Last-Modified'] = datetime.now()
11 |         response.headers['Cache-Control'] = 'no-store, no-cache, must-revalidate, post-check=0, pre-check=0, max-age=0'
12 |         response.headers['Pragma'] = 'no-cache'
13 |         response.headers['Expires'] = '-1'
14 |         return response
15 |         
16 |     return update_wrapper(no_cache, view)


--------------------------------------------------------------------------------
/server/server.py:
--------------------------------------------------------------------------------
  1 | from flask import *
  2 | from userapp import UserApp
  3 | import thread
  4 | import logging
  5 | import time
  6 | import apps
  7 | import json
  8 | import apprunner
  9 | import os
 10 | from nocache import nocache
 11 | import string
 12 | 
 13 | app_list = apps.load_apps()
 14 | server = Flask(__name__, static_folder='../client/', static_url_path='')
 15 | log = logging.getLogger('werkzeug')
 16 | log.setLevel(logging.ERROR)
 17 | 
 18 | @server.route("/")
 19 | def index():
 20 | 	return server.send_static_file('index.html')
 21 | 
 22 | @server.route("/apps", methods=['GET'])
 23 | def get_apps():
 24 | 	return Response(json.dumps([app.get_serializable() for app in app_list.values()]), mimetype='application/json')
 25 | 
 26 | @server.route("/save/<app_name>", methods=['POST'])
 27 | def update(app_name):
 28 | 	if not app_name in app_list.keys():
 29 | 		return "App not found", 404
 30 | 	selectedApp = app_list[app_name]
 31 | 	file = selectedApp.source_file
 32 | 	file.content = request.data
 33 | 	file.save()
 34 | 	selectedApp.compiled_successfully = False
 35 | 	return "ok"
 36 | 	
 37 | def get_compiler_json(message):
 38 | 	result = {}
 39 | 	result["compilerMessage"] = message
 40 | 	return Response(json.dumps(result), mimetype='application/json', status = 400)
 41 | 	
 42 | @server.route("/compile/<app_name>", methods=['POST'])
 43 | def compile(app_name):
 44 | 	if not app_name in app_list.keys():
 45 | 		return "App not found", 404
 46 | 	selectedApp = app_list[app_name]
 47 | 	
 48 | 	apprunner.stop()
 49 | 	
 50 | 	if not apprunner.compile(selectedApp):
 51 | 		print apprunner.compile_output
 52 | 		return get_compiler_json(apprunner.compile_output)
 53 | 	else:
 54 | 		return "ok"
 55 | 		
 56 | @server.route("/run/<app_name>", methods=['POST'])
 57 | def run(app_name):
 58 | 	if not app_name in app_list.keys():
 59 | 		return "App not found", 404
 60 | 	selectedApp = app_list[app_name]
 61 | 	
 62 | 	compiled = not selectedApp.compiled_successfully
 63 | 	if not selectedApp.compiled_successfully:
 64 | 		apprunner.stop()
 65 | 		if not apprunner.compile(selectedApp):
 66 | 			print apprunner.compile_output
 67 | 			return get_compiler_json(apprunner.compile_output)
 68 | 	apprunner.stop()
 69 | 	apprunner.run(selectedApp)
 70 | 	
 71 | 	if compiled or True:
 72 | 		apprunner.save_image(selectedApp.get_image_filename())
 73 | 	return "ok"
 74 | 	
 75 | @server.route("/stop", methods=['POST'])
 76 | def stop():
 77 | 	apprunner.stop()
 78 | 	return "ok"
 79 | 	
 80 | @server.route("/fadeout", methods=['POST'])
 81 | def fadeout():
 82 | 	apprunner.fadeout()
 83 | 	return "ok"
 84 | 	
 85 | @server.route("/screen/<app_name>", methods=['GET'])
 86 | @nocache
 87 | def get_image(app_name):
 88 | 	if not app_name in app_list.keys():
 89 | 		return server.send_static_file('default.png')
 90 | 	selectedApp = app_list[app_name]
 91 | 	filename = selectedApp.get_image_filename()
 92 | 	if os.path.isfile(filename):
 93 | 		return send_from_directory(os.getcwd(), filename)
 94 | 	else:
 95 | 		return server.send_static_file('default.png')
 96 | 
 97 | @server.route("/stream", methods=['GET'])
 98 | def stream():
 99 | 	return Response(apprunner.image_stream(), mimetype='multipart/x-mixed-replace; boundary=frame')
100 | 
101 | @server.route("/status", methods=['GET'])
102 | def status():
103 | 	return Response(json.dumps(apprunner.get_status()), mimetype='application/json', status = 200)
104 | 
105 | 	
106 | @server.route("/create", methods=['POST'])
107 | def create_app():
108 | 	selected_template = int(request.form["template"])
109 | 	name = request.form["name"]
110 | 	short_name = request.form["shortName"]
111 | 	
112 | 	if short_name in app_list:
113 | 		return "An app with this file name alread exists.", 400		
114 | 	if len(short_name) < 3:
115 | 		return "File name too short.", 400
116 | 	if selected_template < 0 or selected_template > 2:
117 | 		return "Unknown template selected.", 400
118 | 	if any((not char in string.letters + string.digits) for char in short_name):
119 | 		return "File name may only contain letters or digits", 400
120 | 	
121 | 	new_app = UserApp(short_name)
122 | 	new_app.name = name
123 | 	new_app.initialize(selected_template)
124 | 	app_list[short_name] = new_app
125 | 		
126 | 	return "ok"
127 | 	
128 | @server.route("/delete/<app_name>", methods=['POST'])
129 | def delete_app(app_name):
130 | 	if not app_name in app_list.keys():
131 | 		return "App not found", 404
132 | 	selectedApp = app_list[app_name]
133 | 	selectedApp.delete()
134 | 	
135 | 	del app_list[selectedApp.shortname]	
136 | 	return "ok"
137 | 	
138 | @server.route("/recordgif/<app_name>", methods=['POST'])
139 | def record_gif(app_name):
140 | 	if not app_name in app_list.keys():
141 | 		return "App not found", 404
142 | 	selectedApp = app_list[app_name]
143 | 	apprunner.record_gif(selectedApp)
144 | 	return "ok"
145 | 	
146 | @server.route("/<app_name>.gif", methods=['GET'])
147 | def get_gif(app_name):
148 | 	if not app_name in app_list.keys():
149 | 		return "App not found", 404
150 | 	selectedApp = app_list[app_name]
151 | 	if not os.path.isfile(selectedApp.get_directory() + selectedApp.shortname + ".gif"):
152 | 		return "Please wait while the gif is being recorded...", 404
153 | 	return send_from_directory(os.getcwd(), selectedApp.get_directory() + selectedApp.shortname + ".gif")
154 | 	
155 | thread.start_new_thread(server.run, (), {'host': '0.0.0.0', 'port': 80, 'threaded': True})
156 | while True:
157 | 	time.sleep(1)


--------------------------------------------------------------------------------
/server/sourcefile.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | 
 3 | class SourceFile:
 4 | 	def __init__(self, directory, filename):
 5 | 		self.directory = directory
 6 | 		self.filename = filename
 7 | 		self.content = ""
 8 | 		self.load()
 9 | 	
10 | 	def save(self):
11 | 		text_file = open(self.directory + self.filename, "w")
12 | 		text_file.write(self.content)
13 | 		text_file.close()
14 | 		
15 | 	def load(self):
16 | 		if (os.path.isfile(self.directory + self.filename)):
17 | 			with open(self.directory + self.filename, 'r') as file:
18 | 				self.content = file.read()
19 | 				
20 | 	def get_file_name(self):
21 | 		return self.directory + self.filename
22 | 		
23 | 	def get_serializable(self):
24 | 		return {
25 | 			"filename": self.filename,
26 | 			"content": self.content
27 | 		}


--------------------------------------------------------------------------------
/server/test.py:
--------------------------------------------------------------------------------
 1 | from userapp import UserApp
 2 | import apprunner
 3 | 
 4 | app = UserApp("TestApp")
 5 | app.load()
 6 | app.create_app_interface()
 7 | 
 8 | if not apprunner.compile(app):
 9 | 	print apprunner.compile_output
10 | else:
11 | 	apprunner.run(app)


--------------------------------------------------------------------------------
/server/userapp.py:
--------------------------------------------------------------------------------
  1 | from sourcefile import SourceFile
  2 | import configparser
  3 | import os
  4 | import ctypes
  5 | import subprocess
  6 | import json
  7 | import time
  8 | from shutil import copyfile, rmtree
  9 | 
 10 | USERAPPS_DIRECTORY = "cpp/userapps/"
 11 | TEMPLATE_DIRECTORY = "cpp/template/"
 12 | 
 13 | dll_counter = 0
 14 | if not os.path.exists(USERAPPS_DIRECTORY):
 15 |     os.makedirs(USERAPPS_DIRECTORY)
 16 | 
 17 | class UserApp:
 18 | 	def __init__(self, shortname):
 19 | 		self.shortname = shortname
 20 | 		self.source_file = None
 21 | 		self.compiled_successfully = False
 22 | 	
 23 | 	def get_directory(self):
 24 | 		return USERAPPS_DIRECTORY + self.shortname + "/"
 25 | 		
 26 | 	def get_config_filename(self):
 27 | 		return self.get_directory() + "config.ini"
 28 | 	
 29 | 	def initialize(self, selected_template):
 30 | 		os.makedirs(self.get_directory() + "bin/")
 31 | 		
 32 | 		template_name = "App"
 33 | 		if selected_template == 1:
 34 | 			template_name = "LoopApp"
 35 | 		if selected_template == 2:
 36 | 			template_name = "ShaderApp"
 37 | 		self.create_from_template(template_name + ".h", self.shortname + ".h")
 38 | 		self.create_from_template(template_name + ".cpp", self.shortname + ".cpp")
 39 | 		self.create_from_template("makefile")
 40 | 		self.create_app_interface()
 41 | 		
 42 | 		self.source_file = SourceFile(self.get_directory(), self.shortname + ".cpp")
 43 | 		self.save()
 44 | 	
 45 | 	def save(self):
 46 | 		config = configparser.ConfigParser()
 47 | 		config.read(self.get_config_filename())
 48 | 		if (not "App" in config):
 49 | 			config["App"] = {}
 50 | 		config["App"]["name"] = self.name
 51 | 		config["App"]["compiled_successfully"] = "true" if self.compiled_successfully else "false"
 52 | 		
 53 | 		with open(self.get_config_filename(), "w") as configfile:
 54 | 			config.write(configfile)
 55 | 			
 56 | 	def load(self):
 57 | 		config = configparser.ConfigParser()
 58 | 		config.read(self.get_config_filename())
 59 | 		config["DEFAULT"] = {
 60 | 			"name" : "",
 61 | 			"compiled_successfully" : "false"
 62 | 		}
 63 | 		if (not "App" in config):
 64 | 			config["App"] = {}
 65 | 		self.name = config["App"]["name"]
 66 | 		self.compiled_successfully = config["App"]["compiled_successfully"] == "true"
 67 | 		
 68 | 		self.source_file = SourceFile(self.get_directory(), self.shortname + ".cpp")
 69 | 		self.create_from_template("makefile")		
 70 | 				
 71 | 	def create_from_template(self, template_name, target_name = ""):
 72 | 		if target_name == "":
 73 | 			target_name = template_name;
 74 | 		template_lines = ""
 75 | 		with open(TEMPLATE_DIRECTORY + template_name, 'r') as file:
 76 | 			template_lines = file.read()
 77 | 		template_lines = template_lines.replace("<AppName>", self.shortname)
 78 | 		text_file = open(self.get_directory() + target_name, "w")
 79 | 		text_file.write(template_lines)
 80 | 		text_file.close()
 81 | 		
 82 | 	def create_app_interface(self):
 83 | 		self.create_from_template("appInterface.cpp")
 84 | 		self.create_from_template("appInterface.h")
 85 | 	
 86 | 	def compile(self):
 87 | 		compile_start = time.time()
 88 | 		
 89 | 		shell = subprocess.Popen(
 90 | 			["make"],
 91 | 			stderr = subprocess.PIPE,
 92 | 			stdout = subprocess.PIPE,
 93 | 			cwd = self.get_directory())
 94 | 		comm = shell.communicate()
 95 | 		print "Compiled in {:.2f}s.".format(time.time() - compile_start)
 96 | 		self.compiled_successfully = shell.returncode == 0
 97 | 		if (self.compiled_successfully):
 98 | 			self.save()
 99 | 		compile_output = comm[1] if len(comm[1]) != 0 else comm[0]
100 | 		print compile_output
101 | 		
102 | 		return compile_output
103 | 				
104 | 	def load_app_interface(self):
105 | 		global dll_counter
106 | 		filename = self.get_directory() + "bin/" + str(dll_counter) + ".so"
107 | 		
108 | 		copyfile(self.get_directory() + "bin/" + self.shortname + ".so", filename)
109 | 		dll_counter += 1
110 | 		
111 | 		result = ctypes.CDLL(filename)
112 | 		result.getFrame.argtypes = []
113 | 		result.getFrame.restype = ctypes.POINTER(ctypes.c_char)
114 | 		return result
115 | 		
116 | 	def get_serializable(self):
117 | 		return {
118 | 			"name": self.name,
119 | 			"shortname": self.shortname,
120 | 			"source": self.source_file.get_serializable()
121 | 		}
122 | 		
123 | 	def get_image_filename(self):
124 | 		return self.get_directory() + "screen.png"
125 | 		
126 | 	def delete(self):
127 | 		rmtree(self.get_directory())


--------------------------------------------------------------------------------