From jvloothuis at codespeak.net Fri Jun 1 22:15:37 2007
From: jvloothuis at codespeak.net (jvloothuis at codespeak.net)
Date: Fri, 1 Jun 2007 22:15:37 +0200 (CEST)
Subject: [KSS-checkins] r43980 - kukit/euro-python-2007
Message-ID: <20070601201537.AD2AB8067@code0.codespeak.net>
Author: jvloothuis
Date: Fri Jun 1 22:15:36 2007
New Revision: 43980
Added:
kukit/euro-python-2007/EXTERNALS.txt
- copied unchanged from r43810, kukit/euro-python-2007/staticdemo/EXTERNALS.txt
kukit/euro-python-2007/demo.kss
- copied unchanged from r43810, kukit/euro-python-2007/staticdemo/demo.kss
kukit/euro-python-2007/photo.jpg
- copied unchanged from r43810, kukit/euro-python-2007/staticdemo/photo.jpg
kukit/euro-python-2007/static-demo.html
- copied unchanged from r43810, kukit/euro-python-2007/staticdemo/index.html
Modified:
kukit/euro-python-2007/ (props changed)
Log:
Moved demo to parent folder, this is where all the HTML will be
From jvloothuis at codespeak.net Fri Jun 1 22:16:43 2007
From: jvloothuis at codespeak.net (jvloothuis at codespeak.net)
Date: Fri, 1 Jun 2007 22:16:43 +0200 (CEST)
Subject: [KSS-checkins] r43981 - in kukit/euro-python-2007: . languages
Message-ID: <20070601201643.A1A8C8081@code0.codespeak.net>
Author: jvloothuis
Date: Fri Jun 1 22:16:43 2007
New Revision: 43981
Added:
kukit/euro-python-2007/basic-workings.html
kukit/euro-python-2007/highlight.js
kukit/euro-python-2007/index.html
kukit/euro-python-2007/languages/
kukit/euro-python-2007/presentation.css
Log:
Start of more info on how KSS works
Added: kukit/euro-python-2007/basic-workings.html
==============================================================================
--- (empty file)
+++ kukit/euro-python-2007/basic-workings.html Fri Jun 1 22:16:43 2007
@@ -0,0 +1,38 @@
+
+
+
+ KSS, doing Ajax with style
+
+
+
+
+
+
+
+
+
+
+
+
Added: kukit/euro-python-2007/highlight.js
==============================================================================
--- (empty file)
+++ kukit/euro-python-2007/highlight.js Fri Jun 1 22:16:43 2007
@@ -0,0 +1,404 @@
+/*
+Syntax highlighting with language autodetection.
+http://softwaremaniacs.org/soft/highlight/
+*/
+
+var DEFAULT_LANGUAGES = ['python', 'ruby', 'perl', 'php', 'css', 'html', 'django', 'javascript', 'java', 'cpp', 'sql', 'smalltalk'];
+var ALL_LANGUAGES = (DEFAULT_LANGUAGES.join(',') + ',' + ['1c', 'axapta', 'delphi', 'rib', 'rsl', 'vbscript'].join(',')).split(',');
+var LANGUAGE_GROUPS = {
+ 'html': 'html',
+ 'css': 'html',
+ 'django': 'html'
+}
+
+var IDENT_RE = '[a-zA-Z][a-zA-Z0-9_]*';
+var UNDERSCORE_IDENT_RE = '[a-zA-Z_][a-zA-Z0-9_]*';
+var NUMBER_RE = '\\b\\d+(\\.\\d+)?';
+var C_NUMBER_RE = '\\b(0x[A-Za-z0-9]+|\\d+(\\.\\d+)?)';
+
+// Common modes
+var APOS_STRING_MODE = {
+ className: 'string',
+ begin: '\'', end: '\'',
+ contains: ['escape'],
+ relevance: 0
+}
+var QUOTE_STRING_MODE = {
+ className: 'string',
+ begin: '"', end: '"',
+ contains: ['escape'],
+ relevance: 0
+}
+var BACKSLASH_ESCAPE = {
+ className: 'escape',
+ begin: '\\\\.', end: '^',
+ relevance: 0
+}
+var C_LINE_COMMENT_MODE = {
+ className: 'comment',
+ begin: '//', end: '$',
+ relevance: 0
+}
+var C_BLOCK_COMMENT_MODE = {
+ className: 'comment',
+ begin: '/\\*', end: '\\*/'
+}
+var HASH_COMMENT_MODE = {
+ className: 'comment',
+ begin: '#', end: '$'
+}
+var C_NUMBER_MODE = {
+ className: 'number',
+ begin: C_NUMBER_RE, end: '^',
+ relevance: 0
+}
+
+var LANGUAGES = {}
+var selected_languages = {};
+
+function Highlighter(language_name, value) {
+ currentMode = function(){
+ return modes[modes.length - 1];
+ }//currentMode
+
+ function subMode(lexem) {
+ if (!currentMode().contains)
+ return null;
+ for (var key in language.modes)
+ if (contains(currentMode().contains, language.modes[key].className) && language.modes[key].beginRe.test(lexem))
+ return language.modes[key];
+ return null;
+ }//subMode
+
+ function endOfMode(mode_index, lexem) {
+ if (modes[mode_index].end && modes[mode_index].endRe.test(lexem))
+ return 1;
+ if (modes[mode_index].endsWithParent) {
+ var level = endOfMode(mode_index - 1, lexem);
+ return level ? level + 1 : 0;
+ }//if
+ return 0;
+ }//endOfMode
+
+ function isIllegal(lexem) {
+ if (!currentMode().illegalRe)
+ return false;
+ return currentMode().illegalRe.test(lexem);
+ }//isIllegal
+
+ function eatModeChunk(value, index) {
+ if (!currentMode().terminators) {
+ var terminators = [];
+
+ if (currentMode().contains)
+ for (var key in language.modes) {
+ if (contains(currentMode().contains, language.modes[key].className) &&
+ !contains(terminators, language.modes[key].begin))
+ terminators[terminators.length] = language.modes[key].begin;
+ }//for
+
+ var mode_index = modes.length - 1;
+ do {
+ if (modes[mode_index].end && !contains(terminators, modes[mode_index].end))
+ terminators[terminators.length] = modes[mode_index].end;
+ mode_index--;
+ } while (modes[mode_index + 1].endsWithParent);
+
+ if (currentMode().illegal)
+ if (!contains(terminators, currentMode().illegal))
+ terminators[terminators.length] = currentMode().illegal;
+
+ var terminator_re = '(' + terminators[0];
+ for (var i = 0; i < terminators.length; i++)
+ terminator_re += '|' + terminators[i];
+ terminator_re += ')';
+ currentMode().terminators = langRe(language, terminator_re);
+ }//if
+ value = value.substr(index);
+ var match = currentMode().terminators.exec(value);
+ if (!match)
+ return [value, '', true];
+ if (match.index == 0)
+ return ['', match[0], false];
+ else
+ return [value.substr(0, match.index), match[0], false];
+ }//eatModeChunk
+
+ function escape(value) {
+ return value.replace(/&/gm, '&').replace(//gm, '>');
+ }//escape
+
+ function keywordMatch(mode, match) {
+ if (!mode.keywordGroups) {
+ for (var key in mode.keywords) {
+ if (mode.keywords[key] instanceof Object)
+ mode.keywordGroups = mode.keywords;
+ else
+ mode.keywordGroups = {'keyword': mode.keywords};
+ break;
+ }//for
+ }//if
+ for (var className in mode.keywordGroups) {
+ var value = mode.keywordGroups[className][language.case_insensitive ? match[0].toLowerCase() : match[0]];
+ if (value)
+ return [className, value];
+ }//for
+ return false;
+ }//keywordMatch
+
+ function processKeywords(buffer) {
+ var mode = currentMode();
+ if (!mode.keywords || !mode.lexems)
+ return escape(buffer);
+ if (!mode.lexemsRe) {
+ var lexems = [];
+ for (var key in mode.lexems)
+ if (!contains(lexems, mode.lexems[key]))
+ lexems[lexems.length] = mode.lexems[key];
+ var lexems_re = '(' + lexems[0];
+ for (var i = 1; i < lexems.length; i++)
+ lexems_re += '|' + lexems[i];
+ lexems_re += ')';
+ mode.lexemsRe = langRe(language, lexems_re, true);
+ }//if
+ var result = '';
+ var last_index = 0;
+ mode.lexemsRe.lastIndex = 0;
+ var match = mode.lexemsRe.exec(buffer);
+ while (match) {
+ result += escape(buffer.substr(last_index, match.index - last_index));
+ keyword_match = keywordMatch(mode, match);
+ if (keyword_match) {
+ keyword_count += keyword_match[1];
+ result += '' + escape(match[0]) + '';
+ } else {
+ result += escape(match[0]);
+ }//if
+ last_index = mode.lexemsRe.lastIndex;
+ match = mode.lexemsRe.exec(buffer);
+ }//while
+ result += escape(buffer.substr(last_index, buffer.length - last_index));
+ return result;
+ }//processKeywords
+
+ function processModeInfo(buffer, lexem, end) {
+ if (end) {
+ result += processKeywords(currentMode().buffer + buffer);
+ return;
+ }//if
+ if (isIllegal(lexem))
+ throw 'Illegal';
+ var new_mode = subMode(lexem);
+ if (new_mode) {
+ currentMode().buffer += buffer;
+ result += processKeywords(currentMode().buffer);
+ if (new_mode.excludeBegin) {
+ result += lexem + '';
+ new_mode.buffer = '';
+ } else {
+ result += '';
+ new_mode.buffer = lexem;
+ }//if
+ modes[modes.length] = new_mode;
+ relevance += currentMode().relevance != undefined ? currentMode().relevance : 1;
+ return;
+ }//if
+ var end_level = endOfMode(modes.length - 1, lexem);
+ if (end_level) {
+ currentMode().buffer += buffer;
+ if (currentMode().excludeEnd) {
+ result += processKeywords(currentMode().buffer) + '' + lexem;
+ } else {
+ result += processKeywords(currentMode().buffer + lexem) + '';
+ }
+ while (end_level > 1) {
+ result += '';
+ end_level--;
+ modes.length--;
+ }//while
+ modes.length--;
+ currentMode().buffer = '';
+ return;
+ }//if
+ }//processModeInfo
+
+ function highlight(value) {
+ var index = 0;
+ language.defaultMode.buffer = '';
+ do {
+ var mode_info = eatModeChunk(value, index);
+ processModeInfo(mode_info[0], mode_info[1], mode_info[2]);
+ index += mode_info[0].length + mode_info[1].length;
+ } while (!mode_info[2]);
+ if(modes.length > 1)
+ throw 'Illegal';
+ }//highlight
+
+ this.language_name = language_name;
+ var language = LANGUAGES[language_name];
+ var modes = [language.defaultMode];
+ var relevance = 0;
+ var keyword_count = 0;
+ var result = '';
+ try {
+ highlight(value);
+ this.relevance = relevance;
+ this.keyword_count = keyword_count;
+ this.result = result;
+ } catch (e) {
+ if (e == 'Illegal') {
+ this.relevance = 0;
+ this.keyword_count = 0;
+ this.result = escape(value);
+ } else {
+ throw e;
+ }//if
+ }//try
+}//Highlighter
+
+function contains(array, item) {
+ if (!array)
+ return false;
+ for (var key in array)
+ if (array[key] == item)
+ return true;
+ return false;
+}//contains
+
+function blockText(block) {
+ var result = '';
+ for (var i = 0; i < block.childNodes.length; i++)
+ if (block.childNodes[i].nodeType == 3)
+ result += block.childNodes[i].nodeValue;
+ else if (block.childNodes[i].nodeName == 'BR')
+ result += '\n';
+ else
+ throw 'Complex markup';
+ return result;
+}//blockText
+
+function initHighlight(block) {
+ if (block.className.search(/\bno\-highlight\b/) != -1)
+ return;
+ try {
+ blockText(block);
+ } catch (e) {
+ if (e == 'Complex markup')
+ return;
+ }//try
+ var classes = block.className.split(/\s+/);
+ for (var i = 0; i < classes.length; i++) {
+ if (LANGUAGES[classes[i]]) {
+ highlightLanguage(block, classes[i]);
+ return;
+ }//if
+ }//for
+ highlightAuto(block);
+}//initHighlight
+
+function highlightLanguage(block, language) {
+ var highlight = new Highlighter(language, blockText(block));
+ // See these 4 lines? This is IE's notion of "block.innerHTML = result". Love this browser :-/
+ var container = document.createElement('div');
+ container.innerHTML = '
' + highlight.result + '
';
+ var environment = block.parentNode.parentNode;
+ environment.replaceChild(container.firstChild, block.parentNode);
+}//highlightLanguage
+
+function highlightAuto(block) {
+ var result = null;
+ var language = '';
+ var max_relevance = 2;
+ var relevance = 0;
+ var block_text = blockText(block);
+ for (var key in selected_languages) {
+ var highlight = new Highlighter(key, block_text);
+ relevance = highlight.keyword_count + highlight.relevance;
+ if (relevance > max_relevance) {
+ max_relevance = relevance;
+ result = highlight;
+ }//if
+ }//for
+
+ if(result) {
+ // See these 4 lines? This is IE's notion of "block.innerHTML = result". Love this browser :-/
+ var container = document.createElement('div');
+ container.innerHTML = '
' + result.result + '
';
+ var environment = block.parentNode.parentNode;
+ environment.replaceChild(container.firstChild, block.parentNode);
+ }//if
+}//highlightAuto
+
+function langRe(language, value, global) {
+ var mode = 'm' + (language.case_insensitive ? 'i' : '') + (global ? 'g' : '');
+ return new RegExp(value, mode);
+}//re
+
+function compileRes() {
+ for (var i in LANGUAGES) {
+ var language = LANGUAGES[i];
+ for (var key in language.modes) {
+ if (language.modes[key].begin)
+ language.modes[key].beginRe = langRe(language, '^' + language.modes[key].begin);
+ if (language.modes[key].end)
+ language.modes[key].endRe = langRe(language, '^' + language.modes[key].end);
+ if (language.modes[key].illegal)
+ language.modes[key].illegalRe = langRe(language, '^(?:' + language.modes[key].illegal + ')');
+ language.defaultMode.illegalRe = langRe(language, '^(?:' + language.defaultMode.illegal + ')');
+ }//for
+ }//for
+}//compileRes
+
+function initHighlighting() {
+ if (initHighlighting.called)
+ return;
+ initHighlighting.called = true;
+ compileRes();
+ if (arguments.length) {
+ for (var i = 0; i < arguments.length; i++) {
+ if (LANGUAGES[arguments[i]]) {
+ selected_languages[arguments[i]] = LANGUAGES[arguments[i]];
+ }//if
+ }//for
+ } else
+ selected_languages = LANGUAGES;
+ var pres = document.getElementsByTagName('pre');
+ for (var i = 0; i < pres.length; i++) {
+ if (pres[i].firstChild && pres[i].firstChild.nodeName == 'CODE')
+ initHighlight(pres[i].firstChild);
+ }//for
+}//initHighlighting
+
+function injectScripts(languages) {
+ var scripts = document.getElementsByTagName('SCRIPT');
+ for (var i=0; i < scripts.length; i++) {
+ if (scripts[i].src.match(/highlight\.js$/)) {
+ var path = scripts[i].src.replace(/highlight\.js$/, '');
+ break;
+ }//if
+ }//for
+ if (languages.length == 0) {
+ languages = DEFAULT_LANGUAGES;
+ }//if
+ var injected = {}
+ for (var i=0; i < languages.length; i++) {
+ var filename = LANGUAGE_GROUPS[languages[i]] ? LANGUAGE_GROUPS[languages[i]] : languages[i];
+ if (!injected[filename]) {
+ document.write('');
+ injected[filename] = true;
+ }//if
+ }//for
+}//injectScripts
+
+function initHighlightingOnLoad() {
+ var original_arguments = arguments;
+ injectScripts(arguments);
+ var handler = function(){initHighlighting.apply(null, original_arguments)};
+ if (window.addEventListener) {
+ window.addEventListener('DOMContentLoaded', handler, false);
+ window.addEventListener('load', handler, false);
+ } else if (window.attachEvent)
+ window.attachEvent('onload', handler);
+ else
+ window.onload = handler;
+}//initHighlightingOnLoad
\ No newline at end of file
Added: kukit/euro-python-2007/index.html
==============================================================================
--- (empty file)
+++ kukit/euro-python-2007/index.html Fri Jun 1 22:16:43 2007
@@ -0,0 +1,38 @@
+
+
+
+ KSS, doing Ajax with style
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
KSS consist of a few important pieces. The diagram above
+ shows three layers. At the top you can see the KSS file
+ layer. This represents the actual KSS files.
+
+
Next is the command layer. This represents all available
+ commands in the KSS system. This is also the point where you
+ can extend KSS to create your own command's.
+
+
An example KSS command in show which alters the style
+ property of a node. Notice how the plugin is registered using
+ the command registry API.
+
+
You can also see that a command is defined using
+ Javascript. In this example you can see it is pretty straight
+ forware to get the arguments and the node on which to
+ operate.
+
+
The last piece of the puzzle is the KSS runtime. This code
+ is responsible for loading and parsing the KSS. It will then
+ bind the events to the DOM etc.
KSS consist of a few important pieces. The diagram above
- shows three layers. At the top you can see the KSS file
- layer. This represents the actual KSS files.
-
-
Next is the command layer. This represents all available
- commands in the KSS system. This is also the point where you
- can extend KSS to create your own command's.
+
An example KSS command in show which alters the style
property of a node. Notice how the plugin is registered using
the command registry API.
@@ -84,11 +73,6 @@
Javascript. In this example you can see it is pretty straight
forware to get the arguments and the node on which to
operate.
-
-
The last piece of the puzzle is the KSS runtime. This code
- is responsible for loading and parsing the KSS. It will then
- bind the events to the DOM etc.
-
From jvloothuis at codespeak.net Sat Jun 2 21:17:06 2007
From: jvloothuis at codespeak.net (jvloothuis at codespeak.net)
Date: Sat, 2 Jun 2007 21:17:06 +0200 (CEST)
Subject: [KSS-checkins] r43997 - kukit/euro-python-2007
Message-ID: <20070602191706.B212180CE@code0.codespeak.net>
Author: jvloothuis
Date: Sat Jun 2 21:17:05 2007
New Revision: 43997
Added:
kukit/euro-python-2007/example-plugin.html
- copied unchanged from r43996, kukit/euro-python-2007/basic-workings.html
Removed:
kukit/euro-python-2007/basic-workings.html
Modified:
kukit/euro-python-2007/static-demo.html
Log:
Renamed to match the change of contents
Deleted: /kukit/euro-python-2007/basic-workings.html
==============================================================================
--- /kukit/euro-python-2007/basic-workings.html Sat Jun 2 21:17:05 2007
+++ (empty file)
@@ -1,79 +0,0 @@
-
-
-
- KSS, doing Ajax with style
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
An example KSS command in show which alters the style
- property of a node. Notice how the plugin is registered using
- the command registry API.
-
-
You can also see that a command is defined using
- Javascript. In this example you can see it is pretty straight
- forware to get the arguments and the node on which to
- operate.
-
-
-
-
Modified: kukit/euro-python-2007/static-demo.html
==============================================================================
--- kukit/euro-python-2007/static-demo.html (original)
+++ kukit/euro-python-2007/static-demo.html Sat Jun 2 21:17:05 2007
@@ -62,6 +62,7 @@