liquid_cms 0.2.2.0 → 0.3.0

data/lib/generators/liquid_cms/templates/public/cms/codemirror/contrib/sql/js/parsesql.js

@@ -0,0 +1,211 @@
+var SqlParser = Editor.Parser = (function() {
+
+  function wordRegexp(words) {
+    return new RegExp("^(?:" + words.join("|") + ")$", "i");
+  }
+
+  var functions = wordRegexp([
+    "abs", "acos", "adddate", "aes_encrypt", "aes_decrypt", "ascii",
+    "asin", "atan", "atan2", "avg", "benchmark", "bin", "bit_and",
+    "bit_count", "bit_length", "bit_or", "cast", "ceil", "ceiling",
+    "char_length", "character_length", "coalesce", "concat", "concat_ws",
+    "connection_id", "conv", "convert", "cos", "cot", "count", "curdate",
+    "current_date", "current_time", "current_timestamp", "current_user",
+    "curtime", "database", "date_add", "date_format", "date_sub",
+    "dayname", "dayofmonth", "dayofweek", "dayofyear", "decode", "degrees",
+    "des_encrypt", "des_decrypt", "elt", "encode", "encrypt", "exp",
+    "export_set", "extract", "field", "find_in_set", "floor", "format",
+    "found_rows", "from_days", "from_unixtime", "get_lock", "greatest",
+    "group_unique_users", "hex", "ifnull", "inet_aton", "inet_ntoa", "instr",
+    "interval", "is_free_lock", "isnull", "last_insert_id", "lcase", "least",
+    "left", "length", "ln", "load_file", "locate", "log", "log2", "log10",
+    "lower", "lpad", "ltrim", "make_set", "master_pos_wait", "max", "md5",
+    "mid", "min", "mod", "monthname", "now", "nullif", "oct", "octet_length",
+    "ord", "password", "period_add", "period_diff", "pi", "position",
+    "pow", "power", "quarter", "quote", "radians", "rand", "release_lock",
+    "repeat", "reverse", "right", "round", "rpad", "rtrim", "sec_to_time",
+    "session_user", "sha", "sha1", "sign", "sin", "soundex", "space", "sqrt",
+    "std", "stddev", "strcmp", "subdate", "substring", "substring_index",
+    "sum", "sysdate", "system_user", "tan", "time_format", "time_to_sec",
+    "to_days", "trim", "ucase", "unique_users", "unix_timestamp", "upper",
+    "user", "version", "week", "weekday", "yearweek"
+  ]);
+
+  var keywords = wordRegexp([
+    "alter", "grant", "revoke", "primary", "key", "table", "start",
+    "transaction", "select", "update", "insert", "delete", "create", "describe",
+    "from", "into", "values", "where", "join", "inner", "left", "natural", "and",
+    "or", "in", "not", "xor", "like", "using", "on", "order", "group", "by",
+    "asc", "desc", "limit", "offset", "union", "all", "as", "distinct", "set",
+    "commit", "rollback", "replace", "view", "database", "separator", "if",
+    "exists", "null", "truncate", "status", "show", "lock", "unique"
+  ]);
+
+  var types = wordRegexp([
+    "bigint", "binary", "bit", "blob", "bool", "char", "character", "date",
+    "datetime", "dec", "decimal", "double", "enum", "float", "float4", "float8",
+    "int", "int1", "int2", "int3", "int4", "int8", "integer", "long", "longblob",
+    "longtext", "mediumblob", "mediumint", "mediumtext", "middleint", "nchar",
+    "numeric", "real", "set", "smallint", "text", "time", "timestamp", "tinyblob",
+    "tinyint", "tinytext", "varbinary", "varchar", "year"
+  ]);
+
+  var operators = wordRegexp([
+    ":=", "<", "<=", "==", "<>", ">", ">=", "like", "rlike", "in", "xor", "between"
+  ]);
+
+  var operatorChars = /[*+\-<>=&|:\/]/;
+
+  var tokenizeSql = (function() {
+    function normal(source, setState) {
+      var ch = source.next();
+      if (ch == "@" || ch == "$") {
+        source.nextWhileMatches(/[\w\d]/);
+        return "sql-var";
+      }
+      else if (ch == "\"" || ch == "'" || ch == "`") {
+        setState(inLiteral(ch));
+        return null;
+      }
+      else if (ch == "," || ch == ";") {
+        return "sql-separator"
+      }
+      else if (ch == '-') {
+        if (source.peek() == "-") {
+          while (!source.endOfLine()) source.next();
+          return "sql-comment";
+        }
+        else if (/\d/.test(source.peek())) {
+          source.nextWhileMatches(/\d/);
+          if (source.peek() == '.') {
+            source.next();
+            source.nextWhileMatches(/\d/);
+          }
+          return "sql-number";
+        }
+        else
+          return "sql-operator";
+      }
+      else if (operatorChars.test(ch)) {
+        source.nextWhileMatches(operatorChars);
+        return "sql-operator";
+      }
+      else if (/\d/.test(ch)) {
+        source.nextWhileMatches(/\d/);
+        if (source.peek() == '.') {
+          source.next();
+          source.nextWhileMatches(/\d/);
+        }
+        return "sql-number";
+      }
+      else if (/[()]/.test(ch)) {
+        return "sql-punctuation";
+      }
+      else {
+        source.nextWhileMatches(/[_\w\d]/);
+        var word = source.get(), type;
+        if (operators.test(word))
+          type = "sql-operator";
+        else if (keywords.test(word))
+          type = "sql-keyword";
+        else if (functions.test(word))
+          type = "sql-function";
+        else if (types.test(word))
+          type = "sql-type";
+        else
+          type = "sql-word";
+        return {style: type, content: word};
+      }
+    }
+
+    function inLiteral(quote) {
+      return function(source, setState) {
+        var escaped = false;
+        while (!source.endOfLine()) {
+          var ch = source.next();
+          if (ch == quote && !escaped) {
+            setState(normal);
+            break;
+          }
+          escaped = !escaped && ch == "\\";
+        }
+        return quote == "`" ? "sql-word" : "sql-literal";
+      };
+    }
+
+    return function(source, startState) {
+      return tokenizer(source, startState || normal);
+    };
+  })();
+
+  function indentSql(context) {
+    return function(nextChars) {
+      var firstChar = nextChars && nextChars.charAt(0);
+      var closing = context && firstChar == context.type;
+      if (!context)
+        return 0;
+      else if (context.align)
+        return context.col - (closing ? context.width : 0);
+      else
+        return context.indent + (closing ? 0 : indentUnit);
+    }
+  }
+
+  function parseSql(source) {
+    var tokens = tokenizeSql(source);
+    var context = null, indent = 0, col = 0;
+    function pushContext(type, width, align) {
+      context = {prev: context, indent: indent, col: col, type: type, width: width, align: align};
+    }
+    function popContext() {
+      context = context.prev;
+    }
+
+    var iter = {
+      next: function() {
+        var token = tokens.next();
+        var type = token.style, content = token.content, width = token.value.length;
+
+        if (content == "\n") {
+          token.indentation = indentSql(context);
+          indent = col = 0;
+          if (context && context.align == null) context.align = false;
+        }
+        else if (type == "whitespace" && col == 0) {
+          indent = width;
+        }
+        else if (!context && type != "sql-comment") {
+          pushContext(";", 0, false);
+        }
+
+        if (content != "\n") col += width;
+
+        if (type == "sql-punctuation") {
+          if (content == "(")
+            pushContext(")", width);
+          else if (content == ")")
+            popContext();
+        }
+        else if (type == "sql-separator" && content == ";" && context && !context.prev) {
+          popContext();
+        }
+
+        return token;
+      },
+
+      copy: function() {
+        var _context = context, _indent = indent, _col = col, _tokenState = tokens.state;
+        return function(source) {
+          tokens = tokenizeSql(source, _tokenState);
+          context = _context;
+          indent = _indent;
+          col = _col;
+          return iter;
+        };
+      }
+    };
+    return iter;
+  }
+
+  return {make: parseSql, electricChars: ")"};
+})();

data/lib/generators/liquid_cms/templates/public/cms/codemirror/css/csscolors.css

@@ -0,0 +1,51 @@
+html {
+  cursor: text;
+}
+
+.editbox {
+  margin: .4em;
+  padding: 0;
+  font-family: monospace;
+  font-size: 10pt;
+  color: black;
+}
+
+pre.code, .editbox {
+  color: #666666;
+}
+
+.editbox p {
+  margin: 0;
+}
+
+span.css-at {
+  color: #770088;
+}
+
+span.css-unit {
+  color: #228811;
+}
+
+span.css-value {
+  color: #770088;
+}
+
+span.css-identifier {
+  color: black;
+}
+
+span.css-important {
+  color: #0000FF;
+}
+
+span.css-colorcode {
+  color: #004499;
+}
+
+span.css-comment {
+  color: #AA7700;
+}
+
+span.css-string {
+  color: #AA2222;
+}

data/lib/generators/liquid_cms/templates/public/cms/codemirror/css/docs.css

@@ -0,0 +1,50 @@
+body {
+  margin: 0;
+  padding: 3em 6em;
+  color: black;
+  max-width: 50em;
+}
+
+h1 {
+  font-size: 22pt;
+}
+
+.underline {
+  border-bottom: 3px solid #C44;
+}
+
+h2 {
+  font-size: 14pt;
+}
+
+h3 {
+  font-size: 12pt;
+}
+
+p.rel {
+  padding-left: 2em;
+  text-indent: -2em;
+}
+
+div.border {
+  border: 1px solid black;
+  padding: 3px;
+}
+
+code {
+  font-family: courier, monospace;
+  font-size: 90%;
+  color: #144;
+}
+
+pre.code {
+  margin: 1.1em 12px;
+  border: 1px solid #CCCCCC;
+  color: black;
+  padding: .4em;
+  font-family: courier, monospace;
+}
+
+.warn {
+  color: #C00;
+}

data/lib/generators/liquid_cms/templates/public/cms/codemirror/css/jscolors.css

@@ -0,0 +1,59 @@
+html {
+  cursor: text;
+}
+
+.editbox {
+  margin: .4em;
+  padding: 0;
+  font-family: monospace;
+  font-size: 10pt;
+  color: black;
+}
+
+pre.code, .editbox {
+  color: #666666;
+}
+
+.editbox p {
+  margin: 0;
+}
+
+span.js-punctuation {
+  color: #666666;
+}
+
+span.js-operator {
+  color: #666666;
+}
+
+span.js-keyword {
+  color: #770088;
+}
+
+span.js-atom {
+  color: #228811;
+}
+
+span.js-variable {
+  color: black;
+}
+
+span.js-variabledef {
+  color: #0000FF;
+}
+
+span.js-localvariable {
+  color: #004499;
+}
+
+span.js-property {
+  color: black;
+}
+
+span.js-comment {
+  color: #AA7700;
+}
+
+span.js-string {
+  color: #AA2222;
+}

data/lib/generators/liquid_cms/templates/public/cms/codemirror/css/sparqlcolors.css

@@ -0,0 +1,43 @@
+html {
+  cursor: text;
+}
+
+.editbox {
+  margin: .4em;
+  padding: 0;
+  font-family: monospace;
+  font-size: 10pt;
+  color: black;
+}
+
+.editbox p {
+  margin: 0;
+}
+
+span.sp-keyword {
+  color: #708;
+}
+
+span.sp-prefixed {
+  color: #5d1;
+}
+
+span.sp-var {
+  color: #00c;
+}
+
+span.sp-comment {
+  color: #a70;
+}
+
+span.sp-literal {
+  color: #a22;
+}
+
+span.sp-uri {
+  color: #292;
+}
+
+span.sp-operator {
+  color: #088;
+}

data/lib/generators/liquid_cms/templates/public/cms/codemirror/css/xmlcolors.css

@@ -0,0 +1,55 @@
+html {
+  cursor: text;
+}
+
+.editbox {
+  margin: .4em;
+  padding: 0;
+  font-family: monospace;
+  font-size: 10pt;
+  color: black;
+}
+
+.editbox p {
+  margin: 0;
+}
+
+span.xml-tagname {
+  color: #A0B;
+}
+
+span.xml-attribute {
+  color: #281;
+}
+
+span.xml-punctuation {
+  color: black;
+}
+
+span.xml-attname {
+  color: #00F;
+}
+
+span.xml-comment {
+  color: #A70;
+}
+
+span.xml-cdata {
+  color: #48A;
+}
+
+span.xml-processing {
+  color: #999;
+}
+
+span.xml-entity {
+  color: #A22;
+}
+
+span.xml-error {
+ color: #F00 !important;
+}
+
+span.xml-text {
+  color: black;
+}

data/lib/generators/liquid_cms/templates/public/cms/codemirror/csstest.html

@@ -0,0 +1,60 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script src="js/codemirror.js" type="text/javascript"></script>
+    <title>CodeMirror: CSS demonstration</title>
+    <link rel="stylesheet" type="text/css" href="css/docs.css"/>
+  </head>
+  <body style="padding: 20px;">
+
+<p>Demonstration of <a href="index.html">CodeMirror</a>'s CSS
+highlighter.</p>
+
+<div class="border">
+<textarea id="code" cols="120" rows="30">
+/* Some example CSS */
+
+@import url("something.css");
+
+body {
+  margin: 0;
+  padding: 3em 6em;
+  font-family: tahoma, arial, sans-serif;
+  color: #000;
+}
+
+#navigation a {
+  font-weight: bold;
+  text-decoration: none !important;
+}
+
+h1 {
+  font-size: 2.5em;
+}
+
+h2 {
+  font-size: 1.7em;
+}
+
+h1:before, h2:before {
+  content: "::";
+}
+
+code {
+  font-family: courier, monospace;
+  font-size: 80%;
+  color: #418A8A;
+}
+</textarea>
+</div>
+
+<script type="text/javascript">
+  var editor = CodeMirror.fromTextArea('code', {
+    height: "350px",
+    parserfile: "parsecss.js",
+    stylesheet: "css/csscolors.css",
+    path: "js/"
+  });
+</script>
+
+  </body>
+</html>

data/lib/generators/liquid_cms/templates/public/cms/codemirror/highlight.html

@@ -0,0 +1,82 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script src="js/highlight.js" type="text/javascript"></script>
+    <script src="js/stringstream.js" type="text/javascript"></script>
+    <script src="js/tokenize.js" type="text/javascript"></script>
+    <script src="js/tokenizejavascript.js" type="text/javascript"></script>
+    <script src="js/parsejavascript.js" type="text/javascript"></script>
+    <title>CodeMirror: String highlight demonstration</title>
+    <link rel="stylesheet" type="text/css" href="css/jscolors.css"/>
+  </head>
+  <body style="padding: 20px;">
+
+<div style="border: 1px solid black; padding: .4em;">
+<textarea id="code" cols="120" rows="20" style="border-width: 0">
+// Demo for running a CodeMirror parser over a piece of code without
+// creating an actual editor.
+
+(function(){
+  function normaliseString(string) {
+    var tab = "";
+    for (var i = 0; i &lt; indentUnit; i++) tab += " ";
+
+    string = string.replace(/\t/g, tab).replace(/\u00a0/g, " ").replace(/\r\n?/g, "\n");
+    var pos = 0, parts = [], lines = string.split("\n");
+    for (var line = 0; line &lt; lines.length; line++) {
+      if (line != 0) parts.push("\n");
+      parts.push(lines[line]);
+    }
+
+    return {
+      next: function() {
+        if (pos &lt; parts.length) return parts[pos++];
+        else throw StopIteration;
+      }
+    };
+  }
+
+  window.highlightText = function(string, output, parser) {
+    var parser = (parser || Editor.Parser).make(stringStream(normaliseString(string)));
+    try {
+      while (true) {
+        var token = parser.next();
+        var span = document.createElement("SPAN");
+        span.className = token.style;
+        span.appendChild(document.createTextNode(token.value));
+        output.appendChild(span);
+      }
+    }
+    catch (e) {
+      if (e != StopIteration) throw e;
+    }
+  }
+})();
+</textarea>
+</div>
+
+<button onclick="highlight()">Run highlighter</button>
+
+<div>
+<div id="numbers" style="float: left; width: 2em; margin-right: .5em; text-align: right; font-family: monospace; color: #CCC;"></div>
+<pre id="output" style="font-family: monospace"></pre>
+</div>
+
+<script type="text/javascript">
+  // Simple hack to demonstrate adding line numbers. Just pass the DOM node as
+  // the second argument to highlightText when you don't need those
+  function highlight() {
+    var lineNo = 1, output = document.getElementById("output"), numbers = document.getElementById("numbers");
+    output.innerHTML = numbers.innerHTML = "";
+
+    function addLine(line) {
+      numbers.appendChild(document.createTextNode(String(lineNo++)));
+      numbers.appendChild(document.createElement("BR"));
+      for (var i = 0; i < line.length; i++) output.appendChild(line[i]);
+      output.appendChild(document.createElement("BR"));
+    }
+    highlightText(document.getElementById("code").value, addLine);
+  }
+</script>
+
+  </body>
+</html>

data/lib/generators/liquid_cms/templates/public/cms/codemirror/htmltest.html

@@ -0,0 +1,52 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script src="js/codemirror.js" type="text/javascript"></script>
+    <title>CodeMirror: HTML/XML demonstration</title>
+    <link rel="stylesheet" type="text/css" href="css/docs.css"/>
+    <style type="text/css">
+      .CodeMirror-line-numbers {
+        width: 2.2em;
+        color: #aaa;
+        background-color: #eee;
+        text-align: right;
+        padding-right: .3em;
+        font-size: 10pt;
+        font-family: monospace;
+        padding-top: .4em;
+      }
+    </style>
+  </head>
+  <body style="padding: 20px;">
+
+<p>This is a simple demonstration of the XML/HTML indentation module
+for <a href="index.html">CodeMirror</a>. The <a
+href="js/parsexml.js">javascript</a> file contains some comments with
+more information.</p>
+
+<div style="border: 1px solid black; padding: 0px;">
+<textarea id="code" cols="120" rows="30">
+&lt;html style="color: green"&gt;
+  &lt;!-- this is a comment --&gt;
+  &lt;head&gt;
+    &lt;title&gt;HTML Example&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    The indentation tries to be &lt;em&gt;somewhat &amp;quot;do what
+    I mean&amp;quot;&lt;/em&gt;... but might not match your style.
+  &lt;/body&gt;
+&lt;/html&gt;
+</textarea>
+</div>
+
+<script type="text/javascript">
+  var editor = CodeMirror.fromTextArea('code', {
+    height: "350px",
+    parserfile: "parsexml.js",
+    stylesheet: "css/xmlcolors.css",
+    path: "js/",
+    continuousScanning: 500,
+    lineNumbers: true
+  });
+</script>
+  </body>
+</html>