initial UI skeleton

max-mapper · max-mapper · commit ee15228b1c57 · 2014-10-19T11:55:47.000+09:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+node_modules
diff --git a/demo.js b/demo.js
@@ -0,0 +1,3 @@
+var adventureTime = require('./')
+
+adventureTime()
diff --git a/index.html b/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>dat adventure</title>
+    <style type="text/css">
+      .CodeMirror { font-size: 12px; height: 100% !important; }
+      .CodeMirror-scroll { height: 100%; }
+      .CodeMirror div.CodeMirror-selected { background: rgba(0,0,0,0.1); }
+      .CodeMirror-focused div.CodeMirror-selected { background: rgba(0,0,255,0.1); }
+      .CodeMirror .errorLine { background: rgba(255,0,0,0.25); }
+      .container { }
+      .editor {
+        position: absolute;
+        top: 50%;
+        left: 25%;
+        right: 0;
+        bottom: 0;
+      }
+      .guide {
+        background: #e2e2e2;
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 50%;
+      }
+      .tree {
+        position: absolute;
+        top: 50%;
+        left: 0;
+        right: 75%;
+        bottom: 0;
+      }
+    </style>
+</head>
+<body>
+  <div class="container editor"></div>
+  <div class="container tree"></div>
+  <div class="container guide"></div>
+  <script src="demo.js" type="text/javascript"></script>
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,27 @@
+var treeView = require('tree-view')
+var edit = require('edit')
+var flatui = require('flatui')
+var defaultcss = require('defaultcss')
+
+module.exports = function() {
+  var editorDiv = document.querySelector('.editor')
+  var treeDiv = document.querySelector('.tree')
+  // insert the flatui stylesheet into the DOM if it doesnt already exist on the page
+  defaultcss(flatui)
+  // instantiate the editor
+  edit({container: editorDiv})
+  
+  var tree = treeView()
+  tree.appendTo(treeDiv)
+  
+  tree.directory('/', [{
+    path: '/foo',
+    type: 'directory'
+  }, {
+    path: '/bar',
+    type: 'directory'
+  }, {
+    path: '/baz',
+    type: 'file'
+  }])
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "adventure-time",
+  "version": "1.0.0",
+  "description": "a web UI for doing nodeschool adventures in the browser",
+  "main": "index.js",
+  "scripts": {
+    "start": "beefy demo.js"
+  },
+  "author": "max ogden",
+  "license": "BSD",
+  "dependencies": {
+    "defaultcss": "^1.1.0",
+    "edit": "^1.0.0",
+    "tree-view": "^2.1.3"
+  },
+  "devDependencies": {
+    "beefy": "^2.1.1",
+    "browserify": "^6.1.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/maxogden/adventure-time.git"
+  },
+  "bugs": {
+    "url": "https://github.com/maxogden/adventure-time/issues"
+  },
+  "homepage": "https://github.com/maxogden/adventure-time"
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+var adventureTime = require('./')`
	`2`	`+`
	`3`	`+adventureTime()`