codeserver 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 3fc7a72117e1fc7fdbdd887c145e95642b74dcf5
+  data.tar.gz: 6abe538504cac145d630d13b28345ce72f91a47d
+SHA512:
+  metadata.gz: 64fbb8d1bd73f1cbf1b85e43abdc4e8fe6044a7a7a2365f48d27363b01eadcfb03ba4441839a04eca40ef4e62ccbf3327ae59b0c87919b77f41f3e6170bceb07
+  data.tar.gz: 556f2664dbb33415565a2a574ae32e825edf674d9e5211b490e3499f66cff066298225b37d6f03fc7c842f1cb3e7166a41aa8faa241a174954768f181c1b7672

data/.gitignore

@@ -0,0 +1,12 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+/lib/node_modules
+/lib/public/dist/
+

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.3
+before_install: gem install bundler -v 1.10.6

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,13 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free experience for everyone, regardless of level of experience, gender, gender identity and expression, sexual orientation, disability, personal appearance, body size, race, ethnicity, age, or religion.
+
+Examples of unacceptable behavior by participants include the use of sexual language or imagery, derogatory comments or personal attacks, trolling, public or private harassment, insults, or other unprofessional conduct.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct. Project maintainers who do not follow the Code of Conduct may be removed from the project team.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
+
+This Code of Conduct is adapted from the [Contributor Covenant](http://contributor-covenant.org), version 1.0.0, available at [http://contributor-covenant.org/version/1/0/0/](http://contributor-covenant.org/version/1/0/0/)

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in code-server.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Gavin Stark
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Procfile

@@ -0,0 +1,3 @@
+sinatra: rake devserver
+webpack: cd lib; webpack --progress --colors --watch
+

data/README.md

@@ -0,0 +1,32 @@
+# CodeServer
+
+This gem adds a `codeserver` command which, when supplied a parameter of a directory, will server this directory as a browsable code repository.
+
+## Installation
+
+Install this gem:
+
+```ruby
+gem install codeserver
+```
+
+And then execute:
+
+    $ codeserver --directory . --port 4242 --binding 0.0.0.0
+
+The options above show the defaults.
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/code-server. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,18 @@
+require "bundler/gem_tasks"
+require 'codeserver'
+require 'sinatra'
+
+file 'lib/public/dist/bundle.js' => FileList['lib/public/assets/**'] do
+  puts "Webpack"
+  %x{cd lib; webpack}
+end
+
+task :build => 'lib/public/dist/bundle.js'
+
+desc "devserver"
+task :devserver do
+  CodeServer::SinatraApp.setup!
+
+  CodeServer::SinatraApp.run!(root_path: File.expand_path("."))
+end
+

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/codeserver.gemspec

@@ -0,0 +1,30 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'codeserver/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "codeserver"
+  spec.version       = CodeServer::VERSION
+  spec.authors       = ["Gavin Stark"]
+  spec.email         = ["gavin@gstark.com"]
+
+  spec.summary       = %q{Serves your local directory of code with a navigatable project tree and code formatting}
+  spec.description   = %q{Serves your local directory of code with a navigatable project tree and code formatting}
+  spec.homepage      = "https://github.com/gstark/code-server"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.files         += ["lib/public/dist/bundle.js"]
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "awesome_print"
+
+  spec.add_dependency "sinatra"
+  spec.add_dependency "sinatra-websocket"
+  spec.add_dependency "rb-fsevent"
+end

data/exe/codeserver

@@ -0,0 +1,29 @@
+#!/usr/bin/env ruby
+
+require 'codeserver'
+require 'sinatra'
+
+require 'optparse'
+
+options = CodeServer::SinatraApp::DEFAULT_OPTIONS
+
+OptionParser.new do |opts|
+  opts.banner = "Usage: code-server [options]"
+
+  opts.on("-d", "--directory DIRECTORY", "Directory to serve (defaults to .)") do |directory|
+    options[:directory] = directory
+  end
+
+  opts.on("-b", "--binding BINDING", "Binds to the specified IP (defaults to 0.0.0.0)") do |binding|
+    options[:binding] = binding
+  end
+
+  opts.on("-p", "--port PORT", "Port number to use (defaults to 4242)") do |port|
+    options[:port] = port
+  end
+end.parse!
+
+CodeServer::SinatraApp.setup!(options)
+
+CodeServer::SinatraApp.run!(root_path: File.expand_path(options[:directory]))
+

data/lib/.babelrc

@@ -0,0 +1,4 @@
+{
+  "stage": 0,
+}
+

data/lib/codeserver.rb

@@ -0,0 +1,79 @@
+require "codeserver/version"
+require 'sinatra'
+require 'sinatra-websocket'
+require 'rb-fsevent'
+require 'awesome_print' if development?
+
+require 'find'
+require 'erb'
+require 'json'
+require 'date'
+require 'open3'
+
+require_relative 'file_extensions'
+require_relative 'tree'
+
+module CodeServer
+  class SinatraApp < Sinatra::Base
+    DEFAULT_OPTIONS = { directory: ".", binding: "0.0.0.0", port: 4242 }
+
+    def self.setup!(options = DEFAULT_OPTIONS)
+      Sinatra::Base.set(:port, options[:port])
+      Sinatra::Base.set(:bind, options[:binding])
+      Sinatra::Base.set(:show_exceptions, false)
+    end
+
+    set :public_folder, File.expand_path(File.join(File.dirname(__FILE__), "public"))
+
+    Tilt.register Tilt::ERBTemplate, 'html.erb'
+
+    get '/' do
+      erb :index
+    end
+
+    get '/file' do
+      @path = params[:path]
+
+      erb :index
+    end
+
+    get '/directory.json' do
+      tree = Tree.new(settings.root_path)
+
+      content_type :json
+
+      tree.directory_structure.to_json
+    end
+
+    get '/code' do
+      send_file File.safe_join(settings.root_path, params[:file]).tr(";", "")
+    end
+
+    get '/updates' do
+      tree    = Tree.new(settings.root_path)
+      fsevent = FSEvent.new
+
+      request.websocket do |websocket|
+        websocket.onopen do
+          fsevent.watch(settings.root_path) do |change|
+            websocket.send(({ tree: tree.directory_structure }.to_json))
+          end
+
+          fsevent.watch(settings.root_path, file_events: true) do |changes|
+            changes.select { |change| File.file?(change) }.each do |change|
+              content = File.read(change)
+              path = change.gsub(settings.root_path) { "." }
+              websocket.send(({ content: content, path: path }.to_json))
+            end
+            websocket.send(({ tree: tree.directory_structure }.to_json))
+          end
+          fsevent.run
+        end
+      end
+    end
+
+    error do
+      "ooops"
+    end
+  end
+end

data/lib/codeserver/version.rb

@@ -0,0 +1,3 @@
+module CodeServer
+  VERSION = "0.1.0"
+end

data/lib/file_extensions.rb

@@ -0,0 +1,20 @@
+require 'pathname'
+
+class File
+  TraversalException = Class.new(StandardError)
+
+  # Returns a String containing the path to the specified file with the
+  # guarantee that the resulting file path is a subdirectory of the source
+  # path.  This avoids tricks like specifiying "../../../../../../etc/passwd"
+  # in the filename part
+  def self.safe_join(root_path, *segments)
+    clean_path = Pathname(root_path).cleanpath
+
+    new_path = clean_path
+    Array(segments).each { |segment| new_path += segment.to_s }
+
+    new_path.ascend { |path| return new_path.to_s if (path == clean_path) }
+
+    raise TraversalException
+  end
+end

data/lib/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "codeserver",
+  "version": "0.0.1",
+  "description": "Local Code Server",
+  "readme": "../README.md",
+  "main": "app.jsx",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Gavin Stark",
+  "license": "MIT",
+  "dependencies": {
+    "react": "^0.14.8",
+    "react-copy-to-clipboard": "^4.2.2",
+    "react-dom": "^0.14.1",
+    "react-highlight": "0.8.0",
+    "redux": "^3.0.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "devDependencies": {
+    "babel-core": "^5.8.33",
+    "babel-loader": "^5.3.3",
+    "babel-plugin-react-transform": "^1.1.1",
+    "webpack": "^1.12.2"
+  }
+}

data/lib/public/assets/app.jsx

@@ -0,0 +1,244 @@
+'use strict'
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import * as Redux from 'redux';
+import ReactHighlight from 'react-highlight';
+import CopyToClipboard from 'react-copy-to-clipboard';
+
+function transformer(state, action)
+{
+  switch(action.type)
+  {
+    case 'LOADING_TREE': return { ...state, isLoadingFile: false, isLoadingTree: true }
+    case 'LOADED_TREE':  return { ...state, isLoadingFile: false, isLoadingTree: false, tree: action.tree }
+    case 'LOADING_FILE': return { ...state, isLoadingFile: true,  contents: "", selected_path: action.path }
+    case 'LOADED_FILE':  return { ...state, isLoadingFile: false, contents: action.contents }
+  }
+
+  return {}
+}
+
+let store = Redux.createStore(transformer)
+store.dispatch({type: 'LOADED_TREE', tree: { directories: [], files: [] } })
+
+store.subscribe(() => {
+  let state = store.getState()
+
+  if (state.isLoadingFile)
+  {
+    fetch(`/code?file=${state.selected_path}`).
+      then(response => response.text()).
+      then(data => { store.dispatch({type: 'LOADED_FILE', contents: data }) })
+  }
+})
+
+store.subscribe(() => {
+  let state = store.getState()
+
+  if (state.isLoadingTree)
+  {
+    fetch('/directory.json').then(response => response.json()).
+                             then(data => { store.dispatch({type: 'LOADED_TREE', tree: data }) })
+  }
+})
+
+class File extends React.Component
+{
+  handleClick(path)
+  {
+    store.dispatch({type: 'LOADING_FILE', path})
+    window.history.pushState(null, null, "/file?path=" + path);
+  }
+
+  render()
+  {
+    return (
+      <li onClick={this.handleClick.bind(this, this.props.path)} className={`file ${this.props.path == store.getState().selected_path ? 'active' : ''}`}>
+        <a>{this.props.name}</a>
+      </li>
+    )
+  }
+}
+
+class Directory extends React.Component
+{
+  render()
+  {
+    let state = store.getState();
+    let checked = (state.selected_path && state.selected_path.startsWith(this.props.path)) ? "checked" : "";
+
+    return (
+      <li>
+        <label>{this.props.name}</label>
+        <input type="checkbox" defaultChecked={checked}/>
+        <SubDirectory directories={this.props.directories} files={this.props.files}/>
+      </li>
+    )
+  }
+}
+
+class SubDirectory extends React.Component
+{
+  get directories()
+  {
+    return this.props.directories.map(
+      (directory) => <Directory key={directory.path}
+                                path={directory.path}
+                                name={directory.name}
+                                directories={directory.directories}
+                                files={directory.files}/>
+    )
+  }
+
+  get files()
+  {
+    return this.props.files.map(
+      (file) => <File name={file.name} key={file.path} path={file.path}/>
+    )
+  }
+
+  render()
+  {
+    return (
+      <ol>
+        {this.directories}
+        {this.files}
+      </ol>
+    )
+  }
+}
+
+class Tree extends React.Component
+{
+  constructor(props) {
+    super(props)
+    this.state = store.getState()
+  }
+
+  componentDidMount()
+  {
+    store.subscribe(() => { this.setState(store.getState()) })
+  }
+
+  render()
+  {
+    return (
+      <div id="tree">
+        <SubDirectory directories={this.state.tree.directories} files={this.state.tree.files}/>
+      </div>
+    )
+  }
+}
+
+class CurrentlyViewingPath extends React.Component
+{
+  constructor(props)
+  {
+    super(props)
+    this.state = store.getState()
+  }
+
+  componentDidMount()
+  {
+    store.subscribe(() => { this.setState(store.getState()) })
+  }
+
+  render()
+  {
+    return (
+      <h1 id="currently-viewing-path">
+        {this.state.selected_path}
+      </h1>
+    )
+  }
+}
+
+class FileViewer extends React.Component
+{
+  constructor(props)
+  {
+    super(props)
+    this.state = store.getState()
+  }
+
+  componentDidMount()
+  {
+    store.subscribe(() => { this.setState(store.getState()) })
+  }
+
+  render()
+  {
+    let extension = /(?:\.([^.]+))?$/.exec(this.state.selected_path)[1];
+
+    return (
+      <div>
+        <CopyToClipboard text={this.state.contents}>
+          <a className="copy">Copy to clipboard</a>
+        </CopyToClipboard>
+        <ReactHighlight className={extension}>
+          {this.state.contents}
+        </ReactHighlight>
+      </div>
+    )
+  }
+}
+
+class App extends React.Component
+{
+  constructor()
+  {
+    super();
+
+    this.ws = new WebSocket('ws://' + window.location.host + '/updates');
+
+    this.ws.onmessage = (message) => {
+      let state = store.getState();
+      let data = JSON.parse(message.data)
+      if (data.tree)
+      {
+        store.dispatch({ type: 'LOADED_TREE', tree: data.tree });
+      }
+      if (data.content && (data.path === state.selected_path))
+      {
+        store.dispatch({ type: 'LOADED_FILE', contents: data.content });
+      }
+    };
+  }
+
+  componentDidMount()
+  {
+    store.subscribe(() => { this.setState(store.getState()) })
+  }
+
+  render()
+  {
+    return (
+         <div id="app">
+           <div id="sidebar">
+             <Tree key='app'/>
+           </div>
+           <div id="main">
+             <CurrentlyViewingPath key='currently-viewing-path'/>
+             <FileViewer key='fileviewer'/>
+           </div>
+         </div>
+    )
+  }
+}
+
+ReactDOM.render(
+  <App/>,
+  document.getElementById('root')
+)
+
+store.dispatch({type: 'LOADING_TREE'})
+let defaultPath = document.getElementById("root").getAttribute("data-path");
+if (defaultPath)
+{
+  store.dispatch({type: 'LOADING_FILE', path: defaultPath});
+}
+else
+{
+  store.dispatch({type: 'LOADED_FILE', contents: defaultPath});
+}

data/lib/public/assets/editor.css

@@ -0,0 +1,232 @@
+atom-text-editor, :host {
+  background-color: #1d1f21;
+  color: #c5c8c6;
+}
+atom-text-editor .invisible-character, :host .invisible-character {
+  color: rgba(197, 200, 198, 0.2);
+}
+atom-text-editor .indent-guide, :host .indent-guide {
+  color: rgba(197, 200, 198, 0.2);
+}
+atom-text-editor .wrap-guide, :host .wrap-guide {
+  background-color: rgba(197, 200, 198, 0.1);
+}
+atom-text-editor .gutter, :host .gutter {
+  background-color: #292c2f;
+}
+atom-text-editor .gutter .cursor-line, :host .gutter .cursor-line {
+  background-color: rgba(255, 255, 255, 0.14);
+}
+atom-text-editor .line-number.cursor-line-no-selection, :host .line-number.cursor-line-no-selection {
+  background-color: rgba(255, 255, 255, 0.14);
+}
+atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, atom-text-editor .fold-marker:after, :host .fold-marker:after {
+  color: #fba0e3;
+}
+atom-text-editor .invisible, :host .invisible {
+  color: #c5c8c6;
+}
+atom-text-editor .cursor, :host .cursor {
+  border-color: white;
+}
+atom-text-editor .selection .region, :host .selection .region {
+  background-color: #444;
+}
+atom-text-editor .source.gfm, :host .source.gfm {
+  color: #999;
+}
+atom-text-editor .gfm .markup.heading, :host .gfm .markup.heading {
+  color: #eee;
+}
+atom-text-editor .gfm .link, :host .gfm .link {
+  color: #555;
+}
+atom-text-editor .gfm .variable.list, :host .gfm .variable.list, atom-text-editor .gfm .support.quote, :host .gfm .support.quote {
+  color: #555;
+}
+atom-text-editor .gfm .link .entity, :host .gfm .link .entity {
+  color: #ddd;
+}
+atom-text-editor .gfm .raw, :host .gfm .raw {
+  color: #aaa;
+}
+atom-text-editor .markdown .paragraph, :host .markdown .paragraph {
+  color: #999;
+}
+atom-text-editor .markdown .heading, :host .markdown .heading {
+  color: #eee;
+}
+atom-text-editor .markdown .raw, :host .markdown .raw {
+  color: #aaa;
+}
+atom-text-editor .markdown .link, :host .markdown .link {
+  color: #555;
+}
+atom-text-editor .markdown .link .string, :host .markdown .link .string {
+  color: #555;
+}
+atom-text-editor .markdown .link .string.title, :host .markdown .link .string.title {
+  color: #ddd;
+}
+.bracket-matcher .region {
+  border-bottom: 1px solid #f8de7e;
+  margin-top: -1px;
+  opacity: .7;
+}
+.comment {
+  color: #7C7C7C;
+}
+.entity {
+  color: #FFD2A7;
+}
+.entity.name.type {
+  text-decoration: underline;
+  color: #FFFFB6;
+}
+.entity.other.inherited-class {
+  color: #9B5C2E;
+}
+.keyword {
+  color: #96CBFE;
+}
+.keyword.control {
+  color: #96CBFE;
+}
+.keyword.operator {
+  color: #EDEDED;
+}
+.storage {
+  color: #CFCB90;
+}
+.storage.modifier {
+  color: #96CBFE;
+}
+.constant {
+  color: #99CC99;
+}
+.constant.numeric {
+  color: #FF73FD;
+}
+.variable {
+  color: #C6C5FE;
+}
+.invalid.deprecated {
+  text-decoration: underline;
+  color: #FD5FF1;
+}
+.invalid.illegal {
+  color: #FD5FF1;
+  background-color: rgba(86, 45, 86, 0.75);
+}
+.string .source, .string .meta.embedded.line {
+  color: #EDEDED;
+}
+.string .punctuation.section.embedded {
+  color: #00A0A0;
+}
+.string .punctuation.section.embedded .source {
+  color: #00A0A0;
+}
+.string {
+  color: #A8FF60;
+}
+.string .constant {
+  color: #00A0A0;
+}
+.string.regexp {
+  color: #E9C062;
+}
+.string.regexp .constant.character.escape, .string.regexp .source.ruby.embedded, .string.regexp .string.regexp.arbitrary-repetition {
+  color: #FF8000;
+}
+.string.regexp.group {
+  color: #C6A24F;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+.string.regexp.character-class {
+  color: #B18A3D;
+}
+.string .variable {
+  color: #8A9A95;
+}
+.support {
+  color: #FFFFB6;
+}
+.support.function {
+  color: #DAD085;
+}
+.support.constant {
+  color: #FFD2A7;
+}
+.support.type.property-name.css {
+  color: #EDEDED;
+}
+.source .entity.name.tag, .source .punctuation.tag {
+  color: #96CBFE;
+}
+.source .entity.other.attribute-name {
+  color: #C6C5FE;
+}
+.entity.other.attribute-name {
+  color: #C6C5FE;
+}
+.entity.name.tag.namespace, .entity.other.attribute-name.namespace {
+  color: #E18964;
+}
+.meta.preprocessor.c {
+  color: #8996A8;
+}
+.meta.preprocessor.c .keyword {
+  color: #AFC4DB;
+}
+.meta.cast {
+  color: #676767;
+}
+.meta.sgml.html .meta.doctype, .meta.sgml.html .meta.doctype .entity, .meta.sgml.html .meta.doctype .string, .meta.xml-processing, .meta.xml-processing .entity, .meta.xml-processing .string {
+  color: #494949;
+}
+.meta.tag .entity, .meta.tag > .punctuation, .meta.tag.inline .entity {
+  color: #C6C5FE;
+}
+.meta.tag .name, .meta.tag.inline .name, .meta.tag > .punctuation {
+  color: #96CBFE;
+}
+.meta.selector.css .entity.name.tag {
+  text-decoration: underline;
+  color: #96CBFE;
+}
+.meta.selector.css .entity.other.attribute-name.tag.pseudo-class {
+  color: #8F9D6A;
+}
+.meta.selector.css .entity.other.attribute-name.id {
+  color: #8B98AB;
+}
+.meta.selector.css .entity.other.attribute-name.class {
+  color: #62B1FE;
+}
+.meta.property-group .support.constant.property-value.css, .meta.property-value .support.constant.property-value.css {
+  color: #F9EE98;
+}
+.meta.preprocessor.at-rule .keyword.control.at-rule {
+  color: #8693A5;
+}
+.meta.property-value .support.constant.named-color.css, .meta.property-value .constant {
+  color: #87C38A;
+}
+.meta.constructor.argument.css {
+  color: #8F9D6A;
+}
+.meta.diff, .meta.diff.header {
+  color: #F8F8F8;
+  background-color: #0E2231;
+}
+.meta.separator {
+  color: #60A633;
+  background-color: #242424;
+}
+.meta.line.entry.logfile, .meta.line.exit.logfile {
+  background-color: rgba(238, 238, 238, 0.16);
+}
+.meta.line.error.logfile {
+  background-color: #751012;
+}

data/lib/public/assets/solarized-dark.css

@@ -0,0 +1,84 @@
+/*
+
+Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #002b36;
+  color: #839496;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+}
+
+/* Solarized Green */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #859900;
+}
+
+/* Solarized Cyan */
+.hljs-number,
+.hljs-string,
+.hljs-meta .hljs-meta-string,
+.hljs-literal,
+.hljs-doctag,
+.hljs-regexp {
+  color: #2aa198;
+}
+
+/* Solarized Blue */
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #268bd2;
+}
+
+/* Solarized Yellow */
+.hljs-attribute,
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-class .hljs-title,
+.hljs-type {
+  color: #b58900;
+}
+
+/* Solarized Orange */
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link {
+  color: #cb4b16;
+}
+
+/* Solarized Red */
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #073642;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

data/lib/public/assets/style.css

@@ -0,0 +1,58 @@
+body { background: black }
+
+.hljs {
+  background: none;
+}
+
+pre {
+  color: white;
+}
+
+#app {
+  display: flex;
+  flex-direction: row;
+}
+
+#main {
+  display: flex;
+  flex-direction: column;
+}
+
+#sidebar {
+  min-width: 400px;
+  padding-right: 30px;
+}
+
+#currently-viewing-path {
+  color: white;
+  font-family: monospace;
+}
+
+#fileviewer {
+  color: white;
+}
+
+
+li.file {
+  cursor: pointer;
+}
+
+li.file.active {
+  font-weight: bold;
+  background: #CCC;
+  display: inline-block;
+}
+
+li.file.active a {
+  color: black;
+}
+
+.copy {
+  color: transparent;;
+  background-size: contain;
+  background-image: url('/assets/copy.png');
+  background-repeat: no-repeat;
+  width: 50px;
+  height: 50px;
+  cursor: pointer;
+}

data/lib/public/assets/tree.css

@@ -0,0 +1,88 @@
+/* From: http://www.thecssninja.com/css/css-tree-menu */
+ol.tree {
+  padding: 0 0 0 30px;
+  width: 300px
+}
+
+li {
+  position: relative;
+  margin-left: -15px;
+  list-style: none
+}
+
+li.file {
+  margin-left: -1px!important;
+  font-family: monospace
+}
+
+li.file a {
+/* document.png */
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYdJREFUeNqMksFqwkAQhmc3W4q0OSq09170LdJzb32IvkQVpIeeS6Gehdz6AkUoePOYe71VEBGiVkUxyaYzY9bENIYuTDbZ3f/b+Wci7ptNoCGEuMPpCsrHp9Z6qKMI4jjmBWVecL7utlqdHW4GFFpDhHtm3/M86PZ6D3QXxpchSqIlITSJgoBjt93CZr2G1WoFy+WS5/d2u4PnblF3YwAqQnEyBKElPs8sK006DCFEsO/78Oq64NTrby+u+4g7TwzQKUCSWDIG/kAcx2E7tm3Dh+fNDhmE2QwygCIIZcKvaDe1gBt5C9mRh9AlqCkE7C1ICZDcVASx9gCZWsgADhmUQCycwxMArgHXYZ9PIcTC9fDIAvY8nwHJTkHYQhCcsEAZYKvKIIJrmbGwGI/holo96oIugdC6sbCeTkEO+33wRyP6bVVSCD5kYOabumPW6SxpSEsXVL4Hg9piNjvPVPMgoKJRKCygUoq7QGdJQ1q6tYJR+5lM5peNxjP8Y+jNZk4aKsevAAMAmFzedjV8x2YAAAAASUVORK5CYII=) 0 0 no-repeat;
+  color: #fff;
+  padding-left: 21px;
+  text-decoration: none;
+  display: block
+}
+
+li.file {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYdJREFUeNqMksFqwkAQhmc3W4q0OSq09170LdJzb32IvkQVpIeeS6Gehdz6AkUoePOYe71VEBGiVkUxyaYzY9bENIYuTDbZ3f/b+Wci7ptNoCGEuMPpCsrHp9Z6qKMI4jjmBWVecL7utlqdHW4GFFpDhHtm3/M86PZ6D3QXxpchSqIlITSJgoBjt93CZr2G1WoFy+WS5/d2u4PnblF3YwAqQnEyBKElPs8sK006DCFEsO/78Oq64NTrby+u+4g7TwzQKUCSWDIG/kAcx2E7tm3Dh+fNDhmE2QwygCIIZcKvaDe1gBt5C9mRh9AlqCkE7C1ICZDcVASx9gCZWsgADhmUQCycwxMArgHXYZ9PIcTC9fDIAvY8nwHJTkHYQhCcsEAZYKvKIIJrmbGwGI/holo96oIugdC6sbCeTkEO+33wRyP6bVVSCD5kYOabumPW6SxpSEsXVL4Hg9piNjvPVPMgoKJRKCygUoq7QGdJQ1q6tYJR+5lM5peNxjP8Y+jNZk4aKsevAAMAmFzedjV8x2YAAAAASUVORK5CYII=) 0 0 no-repeat
+}
+
+li input {
+  position: absolute;
+  left: 0;
+  margin-left: 0;
+  opacity: 0;
+  z-index: 2;
+  cursor: pointer;
+  height: 1em;
+  width: 1em;
+  top: 0
+}
+
+li input + ol {
+/* toggle-small-expand.png */
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNpi/P//PwMlgImBQkCxASwwRlLLKwYmJqZgRkbGbiBXEYva+0Dvlv7792/tvBoxTAO+fv0MororE6UU9VU5MHRfvP1DsX3+M5DhaxkYxDC98ObNGxBW1FVmY/j16xcYu6SdYvjw4QPDixcvGGSEvoLlQeqweuHdu7dg+vfv32D85ctXsNijR4/B4hwcnHA1WA348uUbmP779y+DUchOuIKQsltgetsUE7garAb8/w9h/vz5h+H0Sk8w2yRsN8OZVa5g9ocPn+BqsBrAzs4PdQEzw48ff+Fi375B2Gxs3HA1WNPB45NlDNzcIvfPXv8LVMwJxmdWOcDZF2//A8uD1GF1wefXZ8Q+Pt42oWN+VBED41d5DKv+/30IlJ8IVCcF5D2DCTPC8gIwAXEDKT4Qk0Di+wzU8xnDgKGbmQACDAAtTZadqmiADQAAAABJRU5ErkJggg==) 40px 0 no-repeat;
+  margin: -.938em 0 0 -44px;
+/* 15px */
+  height: 1em
+}
+
+li input + ol > li {
+  display: none;
+  margin-left: -14px!important;
+  padding-left: 1px
+}
+
+li label {
+/* folder-horizontal.png */
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNqkk71KA1EQhc/dOxsbEYukVYm9jQg+hz6CYGkrBNsEKwtrX0EfwU4UVFDLFWSDlYGAGszP3p91ZlNpdoVrBg572bnf2ZlhR+V5jnmCbo9VZTJS2ODHbkX63Od4Ij7ssdbKbvAFbB76o2GWYTAe42sywX7aQL8/xNnjYsRXttR1G+3tg4tW7twPWGmNXvJcnBvrzRlzyd+c7nTIeWjPXxD9jjqDb0mC9O6+tAdhpwbWQDTTwsCgvrpSCksFr1dsYAsDC1diUETFe11bgC0qcCBnMoiCQikIS9ZxBcawgQnkIwgrBiT9h1YQRYUBkfFTA2/DKvA8RGGJ5xf/OcSK0JogLH2MsCS/VKzjsBZYwtJDiu7nSevyP4v00kNXNqnGWpbFCuQt613Nu87fAgwAb3KTD1NdyNYAAAAASUVORK5CYII=) 15px 1px no-repeat;
+  cursor: pointer;
+  display: block;
+  padding-left: 37px;
+  color: #fff;
+  font-family: monospace
+}
+
+li input:checked + ol {
+/* toggle-small.png */
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASxJREFUeNpi/P//PwMlgImBQkCxASwwRlLLKwYmJqZgRkbGbiBXEYva+0Dvlv7792/tvBoxTAO+fv0MororE6UU9VU5MHRfvP1DsX3+M5DhaxkYsBjw5s0bEKWoq6zA8OvXL7AYKIC/f//O8OPHDwYZIVaQGqjLlDENePfuLZj+/fs3GH/58pXh/fv3YDYIcHBwwtVgDYMvX76B6b9//zIYhezEULhtiglcDVYD/v+HMH/+/MNweqUnhsIPHz7B1WA1gJ2dH+oCZqCf/2IoZGPjhqvBmg4enyxj4OYWuX/2+l+gYk4MfPH2P7A8SB1WF3x+fUbs4+NtEzrmRxUxMH6Vx7Dq/9+HQPmJQHVSQN4zmDAjLC8AExA3kOIDMQkkvs9APZ8xDBi6mQkgwADDMYZH9Ls66AAAAABJRU5ErkJggg==) 40px 5px no-repeat;
+  margin: -1.25em 0 0 -44px;
+/* 20px */
+  padding: 1.563em 0 0 80px;
+  height: auto
+}
+
+li.file {
+  margin: 0 0 0.25em 0.25em;
+}
+
+li input:checked + ol > li {
+  display: block;
+  margin: 0 0 0.25em 0.25em;
+}
+
+li input:checked + ol > li:last-child {
+  margin: 0 0 .063em
+/* 1px */
+}

data/lib/tree.rb

@@ -0,0 +1,47 @@
+require 'json'
+
+module CodeServer
+  class Tree
+    attr_accessor :root_path
+
+    def initialize(root_path)
+      self.root_path = root_path
+    end
+
+    def directory_structure
+      if %x{git rev-parse 2>&1}.empty?
+        data = %x{cd #{root_path}; git ls-files 2>/dev/null; git ls-files --exclude-standard --others 2>/dev/null}.split("\n")
+      else
+        data = %x{cd #{root_path}; find . | cut -c3-}
+      end
+
+      tree = { files: [], directories: [] }
+      data.each do |line|
+        current_tree = tree
+
+        *directories, file = line.split("/")
+
+        path = "."
+        while directory = directories.shift do
+          path << "/#{directory}"
+
+          subdirectory = current_tree[:directories].find { |entry| entry[:name] == directory }
+          if subdirectory.nil?
+            subdirectory = { name: directory, path: path, directories: [], files: [] }
+            current_tree[:directories] << subdirectory
+          end
+
+          current_tree = subdirectory
+        end
+
+        current_tree[:files] << { name: file, path: "./#{line}" }
+      end
+
+      tree
+    end
+  end
+end
+
+if $0 == __FILE__
+  puts CodeServer::Tree.new("..").directory_structure.to_json
+end

data/lib/views/index.html.erb

@@ -0,0 +1,17 @@
+<html>
+  <head>
+    <link rel="stylesheet" type='text/css' href="/assets/solarized-dark.css">
+    <link rel='stylesheet' type='text/css' href='/assets/style.css'/>
+    <link rel='stylesheet' type='text/css' href='/assets/editor.css'/>
+    <link rel='stylesheet' type='text/css' href='/assets/tree.css'/>
+  </head>
+  <body>
+    <% if @path %>
+      <div id="root" data-path="<%= @path %>"></div>
+    <% else %>
+      <div id="root"></div>
+    <% end %>
+
+    <script src='/dist/bundle.js'></script>
+  </body>
+</html>

data/lib/webpack.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+    entry: "./public/assets/app.jsx",
+    output: {
+        path: 'public/dist',
+        filename: "bundle.js"
+    },
+    module: {
+        loaders: [
+            { test: /\.css$/, loader: "style!css" },
+            { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel"}
+        ]
+    }
+};

metadata

@@ -0,0 +1,157 @@
+--- !ruby/object:Gem::Specification
+name: codeserver
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Gavin Stark
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-08-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: awesome_print
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra-websocket
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rb-fsevent
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Serves your local directory of code with a navigatable project tree and
+  code formatting
+email:
+- gavin@gstark.com
+executables:
+- codeserver
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- Procfile
+- README.md
+- Rakefile
+- bin/setup
+- codeserver.gemspec
+- exe/codeserver
+- lib/.babelrc
+- lib/codeserver.rb
+- lib/codeserver/version.rb
+- lib/file_extensions.rb
+- lib/package.json
+- lib/public/assets/app.jsx
+- lib/public/assets/copy.png
+- lib/public/assets/editor.css
+- lib/public/assets/solarized-dark.css
+- lib/public/assets/style.css
+- lib/public/assets/tree.css
+- lib/public/dist/bundle.js
+- lib/tree.rb
+- lib/views/index.html.erb
+- lib/webpack.config.js
+homepage: https://github.com/gstark/code-server
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Serves your local directory of code with a navigatable project tree and code
+  formatting
+test_files: []