some tweaking and notes...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/features/app.js

@@ -364,6 +364,14 @@ module.AppControl = core.ImageGridFeatures.Feature({
 
 	actions: AppControlActions,
 
+	// XXX BUG: when running in electron:
+	// 			- loading this breaks the other buttons (menu, collections, ...)
+	// 			- .toggleFullScreen(..) works in an odd manner -- ok when 
+	// 				explicitly called or button pushed but in opposite manner 
+	// 				when F11 (FIXED?)
+	// 			- ready protocol breaks -- need to call .ready() to unstall 
+	// 				the viewer
+	// 		...does this all have anything to do with double init???
 	//isApplicable: function(){ return this.runtime.desktop },
 	isApplicable: function(){ return this.runtime.desktop && !this.runtime.electron },
 

ui (gen4)/features/filesystem.js

@@ -227,7 +227,7 @@ module.FileSystemInfo = core.ImageGridFeatures.Feature({
 // NOTE: this will also manage .location.from
 var FileSystemLoaderActions = actions.Actions({
 	config: {
-		'image-file-pattern': '*+(jpg|jpeg|png|JPG|JPEG|PNG)',
+		'image-file-pattern': '*+(jpg|jpeg|png|svg|JPG|JPEG|PNG|svg)',
 
 		'image-file-read-stat': true,
 		'image-file-skip-previews': false,

ui (gen4)/features/keyboard.js

@@ -244,7 +244,7 @@ module.GLOBAL_KEYBOARD = {
 
 		// NOTE: this is handled by the wrapper at this point, so we do 
 		// 		not have to do anything here...
-		F11: 'toggleFullScreen', 
+		F11: 'toggleFullScreen!', 
 		ctrl_F: 'F11',
 		meta_F: 'F11',
 

ui (gen4)/index.html

@@ -6,34 +6,43 @@
 <meta name="msapplication-tap-highlight" content="no" />
 <meta name="viewport" content="width=device-width, user-scalable=no" />
 
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Bold.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Bold.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-BoldItalic.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-BoldItalic.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-ExtraBold.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-ExtraBold.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Italic.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Italic.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Light.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Light.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-LightItalic.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-LightItalic.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Regular.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Regular.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Semibold.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-Semibold.ttf" />
-<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf">
+<link rel="prefetch" href="css/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf" />
 
 
-<link rel="stylesheet" href="css/fonts.css">
+<link rel="stylesheet" href="css/fonts.css" />
-<link rel="stylesheet" href="css/layout.css">
+<link rel="stylesheet" href="css/layout.css" />
-<link rel="stylesheet" href="css/editor.css">
+<link rel="stylesheet" href="css/editor.css" />
-<link rel="stylesheet" href="css/widget/browse.css">
+<link rel="stylesheet" href="css/widget/browse.css" />
-<link rel="stylesheet" href="css/widget/overlay.css">
+<link rel="stylesheet" href="css/widget/overlay.css" />
-<link rel="stylesheet" href="css/widget/drawer.css">
+<link rel="stylesheet" href="css/widget/drawer.css" />
 
-<link rel="stylesheet" href="css/loader.css">
+<link rel="stylesheet" href="css/loader.css" />
 
-<link rel="stylesheet" href="css/experimenting.css">
+<link rel="stylesheet" href="css/experimenting.css" />
 
 
 <script>
 if(window.require && window.nw){
 	window.__devtools_failsafe = setTimeout(function(){
-		nw.Window.get().showDevTools()
+		// nw...
+		if(window.nw){
+				nw.Window.get().showDevTools()
+
+		// electron...
+		} else {
+			try{
+				require('electron').remote.getCurrentWindow().openDevTools()
+			} catch(err){ }
+		}
 	}, 5000)
 }
 </script>

ui (gen4)/package.json

@@ -23,7 +23,7 @@
     "glob": "^4.0.6",
     "guarantee-events": "^1.0.0",
     "ig-actions": "^3.8.0",
-    "ig-features": "^3.3.1",
+    "ig-features": "^3.3.2",
     "ig-object": "^1.0.2",
     "openseadragon": "^2.3.1",
     "pica": "^3.0.6",

ui (gen4)/ui.js

@@ -102,23 +102,6 @@ var viewer = require('imagegrid/viewer')
 
 $(function(){
 
-	/*/ list all loaded modules...
-	var m = requirejs.s.contexts._.defined
-	m = Object.keys(m).filter(function(e){ return m[e] != null })
-	console.log('Modules:', m)
-	//*/
-
-	/*/ self-test...
-	var test = viewer.ImageGridFeatures.buildFeatureList()
-	if(test.error){
-		// report loops...
-		var err = test.error
-		err.loops.forEach(function(loop){
-			console.warn('Self-test: Feature dependency loops detected:\n\t'
-				+ loop.join('\n\t\t-> ')) })
-	}
-	//*/
-
 	try {
 		// setup actions...
 		window.ig =