wip

yanick · Feb 16, 2012 · 160d34f · 160d34f
1 parent 07bf1ca
commit 160d34f
Show file tree

Hide file tree

Showing 171 changed files with 7,406 additions and 27 deletions.
diff --git a/lib/chorus.pm b/lib/chorus.pm
@@ -47,7 +47,7 @@ sub groom_markdown {
     my $md = shift;
 
     $md =~ s#^(~~~+)\s*?(\S*)$ (.*?)^\1$ #
-        "<pre lang='$2'>" 
+        "<pre class='snippet sh-$2'>" 
       . encode_entities($3) 
       . '</pre>'#xemgs;
 

diff --git a/public/SHJS-Extended/LICENSE b/public/SHJS-Extended/LICENSE
@@ -0,0 +1,2 @@
+License: GNU General Public License 3 (GPLv3)
+Read more at http://shjs.sourceforge.net/doc/gplv3.html
diff --git a/public/SHJS-Extended/README b/public/SHJS-Extended/README
@@ -0,0 +1,22 @@
+Syntax Highlighter in JavaScript Extended (SHJSX)
+
+Features
+SHJS (http://shjs.sourceforge.net/) is a source code highlighter written in JavaScript and used for presenting code on the web.
+	The stuffs that I added to SHJS are:
+	1. Added line numbers, based on SHJS-Linenumbers (https://github.com/F1skr/SHJS-Linenumbers/blob/master/src/sh_main.js)
+	2. 'Select All' option: Click the option, and the code gets selected. This is so you can copy-paste code quickly :)
+	3. Word highlighting: Click on a word (or select a few letters of the word) in the code, and all occurrences of the word are highlighted.
+	4. Brace highlighting: Click on a brace and it's matching brace get highlighted. 'Braces' include curly braces {}, square brackets [] and parenthesis ().
+	5. Code title: Can add a header title to the code snippet (can be used to display something like "mysnippet.js | One line description").
+
+Usage
+Go through the source code of the example HTML file.
+For using SHJS-Extended on your side, copy-paste the shjsx folder to your site.
+
+Other notes
+All the js files have been compressed (minified) with YUI compressor (http://developer.yahoo.com/yui/compressor/).
+
+SHJS documentation is at the original SHJS project (http://shjs.sourceforge.net/).
+
+Thanks to:
+SHJS Author and F1skr (https://github.com/F1skr).
diff --git a/public/SHJS-Extended/example.html b/public/SHJS-Extended/example.html
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Example</title>
+  <!-- The follwing are the files that must be added for using SHJS-Extended -->
+  <!-- Common Styles -->
+  <link rel="stylesheet" href="shjsx/shx_main.min.css" type="text/css" media="all"/>
+  <!-- Theme file. There are many more themes in the css folder -->
+  <link rel="stylesheet" href="shjsx/css/shx_theme.min.css" type="text/css" media="all"/>
+  <!-- For printers -->
+	<!--
+		This gives a black and white highlighting for print (It will work for any theme). 
+		If you are using shx_theme.min.css (or any light-background theme) then you may try shx_print.min.css for printing with colors.
+	-->
+  <link rel="stylesheet" href="shjsx/css/sh_print.min.css" type="text/css" media="print" />
+  <!-- Main JS file -->
+  <script type="text/javascript" src="shjsx/sh_main.min.js"></script>
+
+  <script type="text/javascript">
+	function init() { //body onload
+		var start=new Date();
+		/*
+			What does sh_highlightDocument do?
+			It finds all html pre elements whose 'class' attribute is sh-{language} (where {language} is the name of a programming language. See 'lang' folder for names of all supported languages).
+			It then loads the neccessary language files (if it hasn't been loaded) and then syntax highlights the pre element.
+			
+			Function call: sh_highlightDocument(path_to_shjsx_directory, suffix);
+			Any CSS class named sh-{language} on a pre element
+			will cause to load file
+			path_to_shjx_directory/lang/sh_{language}.suffix
+			
+			Example:
+			If a pre element has a class named sh-cpp, then a call such as:
+				sh_highlightDocument('myfolder/shjsx/', '.min.js');
+			will first load myfolder/shjsx/lang/sh_cpp.min.js
+			and then do the syntax highlighting.
+		*/
+		sh_highlightDocument('shjsx/', '.min.js'); //where shjsx/ is the path to directory where the SHJSX files are placed.
+		//And '.min.js' is the js file suffix.
+
+		var stop=new Date();
+		document.getElementById('processTime').appendChild(document.createTextNode('Time taken to complete process: '+(stop-start)+' ms'));
+	}
+  </script>
+  <!-- That's all -->
+
+  <style type="text/css">
+	.message {
+		font-family: arial;
+		font-size: 14px;
+	}
+  </style>
+</head>
+<body onload="init();">
+<div class="message">
+	The stuffs that I added to SHJS are:<br/>
+	1. Line numbers (based on SHJS-Linenumbers from https://github.com/F1skr/SHJS-Linenumbers/blob/master/src/sh_main.js)<br/>
+	2. 'Select All' option: Click the option, and the code gets selected. This is so you can copy-paste code quickly :)<br/>
+	3. Word highlighting: Click on a word in the code, and all occurances of the word are highlighted.<br/>
+	4. Brace highlighting: Click on a brace and it's matching brace get highlighted. 'Braces' include curly braces {}, square brackets [] and parenthesis ().<br/>
+	<br/>
+	Check the source code of this file for explaination on how to use SHJS-Extended on your site.
+</div>
+<br/>
+<div id="processTime"></div>
+
+<!-- "title" attribute of the pre element will be taken as the code/header title -->
+<pre class="sh-javascript" title="Code snippet from sh_main.js">
+/**
+ * @description Finds all occurances of a word in a pre element and marks/highlights them (using a span element and defined CSS class).
+ * @param {HTMLPreElement} element
+ * @param {String} word Word to find
+ * @param {Boolean} [wholeWord] Optional: When true, matches only whole words. Defaults to true.
+ */
+function shx_hilitWord(element,word,wholeWord) {
+	if(!wholeWord) wholeWord=true;
+	var _nextNode = function(_node) {
+		return _node.firstChild || _node.nextSibling || (_node.parentNode!==element ? _node.parentNode.nextSibling : false);
+	}
+
+	//Step 0: Unhilit braces and join adjacent text nodes. 
+	shx_unhilitBrace();
+	element.normalize();
+
+	/* Step 1: Get all text nodes and their node value length. 
+	 * This is an optimization, rather than traversing the DOM multiple times.
+	 * Also get all text from 'element' node.
+	 */
+	var textNodes=[], nodePos=[], text='',len=0;
+	//Iterate through child nodes
+	for(var node=element.firstChild; node; node=_nextNode(node) ) {
+		if(node.nodeType==3) {//Text node
+			//Remove hilit if hilit'ed
+			if(_hasClass(node.parentNode,'shx-hilit')) {
+				var parent=node.parentNode;
+				parent.parentNode.replaceChild(node,parent);
+			}
+			textNodes.push(node);
+			nodePos.push(len);
+			text+=node.nodeValue;
+			len+=node.nodeValue.length;
+		}
+	}
+	nodePos.push(len); //To make calculations easier at step 3.
+
+	/*Step 2: Get word match positions*/ 
+	var matchPos=[];
+	len=word.length;
+	for(var pos=text.indexOf(word); pos!=-1; pos=text.indexOf(word,pos+len)) {
+		// Match whole words only. Check if character before and after the match is not one of the 'variable name' characters.
+		if(wholeWord) {
+			var ok = ((pos-1)&lt;0 || ((pos-1)&gt;=0 &amp;&amp; !_isVarNameChar(text[pos-1])));
+			if(ok &amp;&amp; ((pos+len)&gt;=text.length || ((pos+len)&lt;text.length &amp;&amp; !_isVarNameChar(text[pos+len]))) ) {
+				matchPos.push(pos);
+			}
+		} else {
+			matchPos.push(pos); //Not tested so far
+		}
+	}
+
+	//Private function
+	var _hilit=function(_node) {
+		var span=document.createElement('span');
+		span.setAttribute('class','shx-hilit');
+		span.setAttribute('title','Count : '+matchPos.length);
+		_node.parentNode.replaceChild(span,_node);
+		span.appendChild(_node);
+	}
+
+	/*Step 3: Highlight the text nodes*/
+	var matchIndex=0, startNode=false, pos=matchPos[matchIndex], newNode;
+	var hilitQueue=[];
+	for(var i=0;i&lt;textNodes.length;i++) {
+		if(pos&gt;=nodePos[i] &amp;&amp; pos&lt;nodePos[i+1]) {
+			startNode=!startNode;
+			//Split text node if required
+			var diff=pos-nodePos[i];
+			if(diff!=0 &amp;&amp; diff!=textNodes[i].nodeValue.length) {
+				newNode=textNodes[i].splitText(diff);
+				textNodes.splice(i+1,0,newNode);
+				nodePos.splice(i+1,0,pos);
+			} else {
+				newNode=textNodes[i];
+				i--; //No split has taken place. So make sure we goes through the current i value once again.
+			}
+
+			if(startNode) {
+				hilitQueue.push(newNode);
+			}
+			else {
+				if(diff!=0 &amp;&amp; textNodes[i]!=hilitQueue[hilitQueue.length-1]) {
+					hilitQueue.push(textNodes[i]);
+				}
+				for(var k=0; k&lt;hilitQueue.length; k++) {
+					_hilit(hilitQueue[k]);
+				}
+				hilitQueue=[];
+			}
+			pos = startNode? (matchPos[matchIndex]+len) : matchPos[++matchIndex];
+		} else if(startNode &amp;&amp; textNodes[i]!=hilitQueue[hilitQueue.length-1]) {
+			hilitQueue.push(textNodes[i]);
+		}
+	}
+
+	//Join adjacent textnodes
+	element.normalize();
+}
+</pre>
+<br/>
+<pre class="sh-cpp" title="matrix.cpp">
+/**
+ * &quot;Enter the Matrix&quot; ASCII Animation with C++ and Windows API
+ */
+
+#include &lt;iostream&gt;
+#include &lt;ctime&gt;
+#include &lt;map&gt;
+#include &lt;windows.h&gt;
+using namespace std;
+
+int random(int num)
+{
+    return rand()%num;
+}
+
+void writeCharAt(int x,int y, char charToWrite) {
+    if(x&lt;0 || y&lt;0 || x&gt;=80 || y&gt;=50)
+        return;
+    char character[1];
+    character[0]=charToWrite;
+    DWORD charsWritten=0;
+
+    while(charsWritten!=1)
+        WriteConsoleOutputCharacter(GetStdHandle(STD_OUTPUT_HANDLE), character, 1, COORD {static_cast&lt;short&gt;(x),static_cast&lt;short&gt;(y)}, &amp;charsWritten);
+}
+
+void setCellColor(int x, int y, WORD color) {
+    if(x&lt;0 || y&lt;0 || x&gt;=80 || y&gt;=50)
+        return;
+    WORD attr[1];
+    attr[0]=color;
+    DWORD charsWritten=0;
+
+    while(charsWritten!=1 &amp;&amp; !WriteConsoleOutputAttribute(GetStdHandle(STD_OUTPUT_HANDLE), attr, 1, COORD {static_cast&lt;short&gt;(x),static_cast&lt;short&gt;(y)}, &amp;charsWritten));
+}
+
+bool listenForKeyStroke() {
+    HANDLE hIn = GetStdHandle(STD_INPUT_HANDLE);
+    INPUT_RECORD InRec;
+    DWORD NumRead;
+    PeekConsoleInput(hIn,&amp;InRec,1,&amp;NumRead);
+    if(NumRead==1)
+        ReadConsoleInput(hIn,&amp;InRec,1,&amp;NumRead);
+    return InRec.EventType!=KEY_EVENT;
+}
+
+class AnimThread {
+    public:
+    short int x,y,speed,length, head_color;
+    bool initialized;
+    static map&lt;int,bool&gt; positions;
+    static UINT frame;
+
+    bool initialize() {
+        if(random(3)==0) {
+            initialized=true;
+            do {
+                x=random(80);
+            }while(positions[x]);
+            positions[x]=true;
+
+            speed=random(3)+1, length=random(20)+5;
+            y=(-1*length)-random(80);
+            head_color=random(2);
+            return true;
+        }
+        return false;
+    }
+    AnimThread() {
+        initialized=false;
+        initialize();
+    }
+    bool runOnce() {
+        if(!initialized)
+            initialize();
+        if(y&gt;=50) {
+            positions[x]=false;
+            initialized=false;
+        }
+        if(initialized) {
+            if(frame%speed!=0)
+                return true;
+            setCellColor(x,y+length-2, FOREGROUND_GREEN);
+            setCellColor(x, y+length-1, FOREGROUND_GREEN | FOREGROUND_INTENSITY);
+
+            writeCharAt(x,y+length,random(256));
+            if(head_color==0)
+                setCellColor(x, y+length, FOREGROUND_RED | FOREGROUND_GREEN | FOREGROUND_BLUE | FOREGROUND_INTENSITY);
+            else
+                setCellColor(x, y+length, FOREGROUND_GREEN | FOREGROUND_INTENSITY);
+            writeCharAt(x,y,' ');
+            y++;
+            return true;
+        }
+        return false;
+    }
+    static void nextFrame() {
+        frame++;
+        if(frame==1000)
+            frame=0;
+    }
+};
+map&lt;int,bool&gt; AnimThread::positions;
+UINT AnimThread::frame=1;
+
+int main()
+{
+    //80x50 console screen
+    HANDLE hOut = GetStdHandle(STD_OUTPUT_HANDLE);
+	SMALL_RECT sr={0,0,79,49};
+ 	SetConsoleWindowInfo(hOut,true,&amp;sr);
+	SetConsoleScreenBufferSize(hOut,(COORD){80,50});
+
+    srand(time(NULL));
+    AnimThread test[50];
+
+    while(listenForKeyStroke()) {
+        for(int i=0;i&lt;50;i++)
+            test[i].runOnce();
+        Sleep(5);
+        AnimThread::nextFrame();
+    }
+    return 0;
+}
+</pre>
+
+</body>
+</html>
diff --git a/public/SHJS-Extended/shjsx/css/sh_acid.min.css b/public/SHJS-Extended/shjsx/css/sh_acid.min.css
diff --git a/public/SHJS-Extended/shjsx/css/sh_berries-dark.min.css b/public/SHJS-Extended/shjsx/css/sh_berries-dark.min.css
diff --git a/public/SHJS-Extended/shjsx/css/sh_berries-light.min.css b/public/SHJS-Extended/shjsx/css/sh_berries-light.min.css
diff --git a/public/SHJS-Extended/shjsx/css/sh_bipolar.min.css b/public/SHJS-Extended/shjsx/css/sh_bipolar.min.css