repla 0.3.0 → 0.4.0

data/lib/repla/resources/js/bullets/Gruntfile.js

@@ -0,0 +1,30 @@
+module.exports = function(grunt) {
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+		jade: {
+			options: {
+				pretty: true
+			},
+			no_options: {
+				files: {
+					'example/index.html': ['example/jade/index.jade'],
+					'test/lib/index.html': ['test/lib/jade/index.jade']
+				}
+			}
+		},
+		watch: {
+		  scripts: {
+		    files: ['**/*.jade'],
+		    tasks: ['jade'],
+		    options: {
+		      spawn: false,
+		    },
+		  },
+		},
+	});
+
+	grunt.loadNpmTasks('grunt-contrib-jade');
+	grunt.loadNpmTasks('grunt-contrib-watch');
+
+	grunt.registerTask('default', ['jade']);
+};

data/lib/repla/resources/js/bullets/README.md

@@ -0,0 +1,3 @@
+# Bullets.js
+
+A simple library to give outliner functionality to an HTML document.

data/lib/repla/resources/js/bullets/bullets.js

@@ -0,0 +1,82 @@
+var Bullets = {
+
+	// Public
+	tags: 'a',
+	selected: 'selected',
+    get selection () {
+		if (document.body != document.activeElement) {
+			return $(document.activeElement);
+		}
+		return $(Bullets.selectedID);
+	},
+
+	// Private
+	nextOffset: 1,
+	previousOffset: -1,
+    get selectedID () {
+		return '#' + Bullets.selected;
+	},
+
+	// Public
+	selectNext: function() {
+		this.selectOffset(this.nextOffset);
+	},
+	selectPrevious: function() {
+		this.selectOffset(this.previousOffset);
+	},
+
+	// Private
+	selectOffset: function(offset) {
+		var tags = $(this.tags);
+		if (!tags.length > 0) {
+			this.nothingToSelect();
+			return;
+		}
+
+		var selection = this.selection;
+		if (!selection.length > 0) {
+			// Nothing selection, select first or last element
+			var select;
+			if (offset > 0) {
+				select = tags.first();
+			} else {
+				select = tags.last();
+			}
+			this.select(select);
+			return;
+		}
+		var indexToSelect = tags.index(selection) + offset;
+		var tag = tags.eq(indexToSelect);
+		if (!tag.length > 0 || indexToSelect < 0) { 
+			// No next tag was found.
+			// Ignore indexes less than zero to prevent wrapping.
+			this.nothingToSelect();
+			return;
+		}
+		this.select(tag);
+	},
+
+	followSelection: function() {
+		var selection = this.selection;
+		var address = selection.attr('href');
+		window.location = address;
+	},
+	select: function(object) {
+		this.deselect();
+		object.focus();
+		object.attr('id', Bullets.selected);
+	},
+
+	deselect: function(object) {
+		object = object || this.selection;
+		if (object.length > 0) {
+			object.blur();
+			object.removeAttr('id');			
+		}
+	},
+
+	nothingToSelect: function() {
+		// TODO Beep or visual bell here?
+		console.log("Nothing to select");
+	}
+}

data/lib/repla/resources/js/bullets/example/css/bullets.css

@@ -0,0 +1,6 @@
+#selected {
+	background-color: #BCD7D5;
+}
+#selected:focus {
+	background-color: #A7C1D7;
+}

data/lib/repla/resources/js/bullets/example/css/raster.css

@@ -0,0 +1,131 @@
+/* Settings */
+/* Eric Meyer's Reset
+============================================================================*/
+/* Details here:
+   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+
+   Some of the rules have been broken up for cleaner display in firebug. */
+/* First the resets ... */
+/* Structural Tags
+----------------------------------------------------------------------------*/
+html, body, div, span {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Text Tags
+----------------------------------------------------------------------------*/
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ol, ul, li, strong, em {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Less Used Tags
+----------------------------------------------------------------------------*/
+applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn,
+font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* ... and now everything else */
+/* remember to define focus styles! */
+:focus {
+  outline: 0; }
+
+body {
+  line-height: 1;
+  color: black;
+  background: white; }
+
+ol, ul {
+  list-style: none; }
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+  border-collapse: separate;
+  border-spacing: 0; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+blockquote:before, blockquote:after, q:before, q:after {
+  content: ""; }
+
+blockquote, q {
+  quotes: "" ""; }
+
+body {
+  font-size: 0.75em;
+  line-height: 1.41667em; }
+
+h1 {
+  font-size: 3em;
+  line-height: 1.41667em;
+  margin-bottom: 0.47222em;
+  line-height: 1.41667em;
+  margin-bottom: 0.47222em; }
+
+h2 {
+  font-size: 2em;
+  line-height: 1.41667em;
+  margin-bottom: 0.70833em;
+  line-height: 1.41667em;
+  margin-bottom: 0.70833em; }
+
+h3 {
+  font-size: 1.75em;
+  line-height: 1.41667em;
+  margin-bottom: 0.20238em;
+  line-height: 1.42857em;
+  margin-bottom: 0.19048em; }
+
+h4 {
+  font-size: 1.5em;
+  line-height: 1.41667em;
+  margin-bottom: 0.47222em;
+  line-height: 1.44444em;
+  margin-bottom: 0.44444em; }
+
+h5 {
+  font-size: 1.16667em;
+  line-height: 1.41667em;
+  margin-bottom: 1.0119em;
+  line-height: 1.42857em;
+  margin-bottom: 1em; }
+
+h6 {
+  font-size: 1em;
+  line-height: 1.41667em;
+  margin-bottom: 1.41667em;
+  line-height: 1.41667em;
+  margin-bottom: 1.41667em; }
+
+p, ul, ol {
+  margin-bottom: 1.41667em; }
+
+ul {
+  list-style-type: disc;
+  margin-left: 2em; }
+
+ol {
+  list-style-type: decimal;
+  margin-left: 2em; }
+
+body {
+  padding: 1.41667em; }

data/lib/repla/resources/js/bullets/example/css/style.css

@@ -0,0 +1,7 @@
+body {
+	font-family: "Menlo", monospace;
+}
+li {
+	list-style: none;
+	white-space: pre-wrap;
+}

data/lib/repla/resources/js/bullets/example/index.html

@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Bullets Demo</title>
+    <link rel="stylesheet" href="./css/bullets.css">
+    <link rel="stylesheet" href="./css/raster.css">
+    <link rel="stylesheet" href="./css/style.css">
+    <script src="./js/handlebars.js"></script>
+    <script src="./js/jquery.js"></script>
+    <script src="./js/mousetrap.js"></script>
+    <script src="./js/mousetrap_config.js"></script>
+    <script src="./../bullets.js"></script>
+  </head>
+  <body>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 0</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 1</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 2</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 3</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 4</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 5</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 6</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 7</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 8</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+    <section>
+      <header>
+        <h5><a href="google.com">Anchor 9</a></h5>
+        <ul>
+          <li>List Item 0</li>
+          <li>List Item 1</li>
+          <li>List Item 2</li>
+          <li>List Item 3</li>
+          <li>List Item 4</li>
+        </ul>
+      </header>
+    </section>
+  </body>
+</html>

data/lib/repla/resources/js/bullets/example/jade/content.jade

@@ -0,0 +1,10 @@
+- var sections = 10
+- var sectionSize = 5
+- for (var section = 0; section < sections; section++)
+  section
+    header
+      h5
+        a(href='google.com') Anchor #{section}
+      ul
+        - for (var listItem = 0; listItem < sectionSize; listItem++)
+          li List Item #{listItem}

data/lib/repla/resources/js/bullets/example/jade/css.jade

@@ -0,0 +1,3 @@
+link(rel='stylesheet', href=resourceBasePath + 'css/bullets.css')
+link(rel='stylesheet', href=resourceBasePath + 'css/raster.css')
+link(rel='stylesheet', href=resourceBasePath + 'css/style.css')

data/lib/repla/resources/js/bullets/example/jade/index.jade

@@ -0,0 +1,10 @@
+doctype 5
+html(lang="en")
+  head
+    meta(charset="utf-8")
+    title= "Bullets Demo"
+    - var resourceBasePath = './'
+    include css.jade
+    include javascript.jade
+  body
+    include content.jade

data/lib/repla/resources/js/bullets/example/jade/javascript.jade

@@ -0,0 +1,5 @@
+script(src=resourceBasePath + 'js/handlebars.js')
+script(src=resourceBasePath + 'js/jquery.js')
+script(src=resourceBasePath + 'js/mousetrap.js')
+script(src=resourceBasePath + 'js/mousetrap_config.js')
+script(src=resourceBasePath + '../bullets.js')