testing some stuff

README.md

@@ -1,2 +1,20 @@
-# outliner
+Outliner
+============
+
+<img align="right" src="https://raw.githubusercontent.com/setpixel/outliner/master/chromestore/icon_256.png">
+
 Quickly outline the shit out of some stuff!
+
+You can try the current version here: http://outliner.setpixel.com/
+
+Basically, it's for sequencing story ideas as quickly as possible. When you write a story, you can add a bunch of nodes or scenes to quickly outline the idea. Then you can use that as a scaffold when you write the full story/screenplay/document.
+
+```
+ENTER: add a node
+TAB: change node type
+Arrow up and down: change selection
+COMMAND+ Arrow: change order
+```
+
+I'm writing this in all vanilla JS, trying not to use any backend code.
+I'm using Google Drive Realtime API, and AWS SDK.

assets/js/contextmenu.js

@@ -53,6 +53,7 @@
     init();
 
     $(document).on("contextmenu", function(e){
+      console.log(visible)
       e.preventDefault();
       if (visible == false) {
         var maxY = $(window).height() - 215;
@@ -69,11 +70,15 @@
     });
 
     $(document).on("click", function(e){
+      console.log("SUP")
+
       if (visible && (e.button != 2)) {
+
+
         visible = false;
         $("#context-menu").toggleClass("hidden", true);
         setTimeout(function(){$("#context-menu").hide();}, 200);
-        setTimeout(function(){$("#context-menu").css("left", 10000);;}, 200);
+        setTimeout(function(){$("#context-menu").css("left", 10000);}, 200);
       }
     });
 

assets/js/main.js

@@ -178,7 +178,6 @@ import "./stats";
 import "./realtimeModel";
 import "./awsuploader";
 import "./circlebob";
-import "./html2canvas.min.js";
 import "./namesdb";
 
 ;(function() {
@@ -229,6 +228,7 @@ import "./namesdb";
     var fieldList = ['title', 'synopsis', 'imageURL','setting','timeOfDay','text', 'tags', 'actors', 'duration', 'completion'];
 
     for (var i = 0; i < fieldList.length; i++) {
+      if (node[fieldList[i]] == "[]") { node[fieldList[i]] = ""; };
       $("#inspector #" + fieldList[i] ).val(node[fieldList[i]]);
     }
 
@@ -304,6 +304,10 @@ import "./namesdb";
         });
       }
 
+      $("#" + nodeID).dblclick(function(event) {
+        inspectorWindow.toggle(true);
+      });
+
       $("#" + nodeID).on("mousedown", function(event) {
         $('input').blur()
 

assets/js/realtimeModel.js

@@ -365,6 +365,7 @@ TODO
 
     for (var i = 0; i < nodes.length; i++) {
       if (typeof nodes[i][property] === 'string') {
+        if (nodes[i][property] == "[]") { nodes[i][property] = ""; };
         if (isList) {
           var propertyItems = nodes[i][property].split(",");
           for (var z = 0; z < propertyItems.length; z++) {

assets/scss/components/_base.scss

@@ -8,3 +8,4 @@
 @import "circle-bob";
 @import "auth-window";
 @import "chat";
+@import "context-menu";

bower.json

@@ -15,6 +15,7 @@
   ],
   "devDependencies": {
     "tinycolor": "~1.2.1",
-    "moment": "~2.10.6"
+    "moment": "~2.10.6",
+    "html2canvas": "~0.4.1"
   }
 }

build/gulpfile.js

@@ -13,6 +13,7 @@ browserSync.use(require('bs-snippet-injector'), {
 
 gulp.task('browser-sync', ['styles'], function() {
 	browserSync.init({
+		port: 8000,
 		server: {
 			basedir: parameters.app_url
 		}
@@ -65,9 +66,9 @@ gulp.task('styles', function() {
 });
 
 gulp.task('minify', ['vendor', 'babel'], function() {
+	// .pipe($.uglify())
 	return gulp.src([parameters.tmp_path + '/js/vendor.js', parameters.tmp_path + '/js/main.js'])
 	.pipe($.concat('app.min.js'))
-	.pipe($.uglify())
 	.pipe(gulp.dest(parameters.web_path + '/assets/js'));
 });
 

index.html

@@ -118,5 +118,9 @@ <h3>See the whole picture!</h3>
         <div id="right-padding-hack"></div>
       </div>
     </div>
+<!-- BS:SNIPPET--><script type='text/javascript' id="__bs_script__">//<![CDATA[
+    document.write("<script async src='/browser-sync/browser-sync-client.2.8.2.js'><\/script>".replace("HOST", location.hostname));
+//]]></script>
+<!-- BS:SNIPPET:END-->
 </body>
 </html>