markuapad 0.1.7

data/src/styles/_variables.scss

@@ -0,0 +1,25 @@
+// Colors
+$white: #fff;
+$editor-background: #fff;
+$files-background: #fff;
+$background: #f5f5f5;
+$blue: #477dca;
+$light-blue: lighten($blue, 10%);
+
+// Transitions
+$base-transition-duration: .250s;
+
+// Layout
+$editor-min-height: 90%;
+$files-min-height: 90%;
+$editor-padding: 2em;
+$file-browser-padding: 1em;
+
+// Typography
+$base-font-size: 1em; // Default 16px
+$h1-font-size: $base-font-size * 2.25;
+$h2-font-size: $base-font-size * 2;
+$h3-font-size: $base-font-size * 1.75;
+$h4-font-size: $base-font-size * 1.5;
+$h5-font-size: $base-font-size * 1.25;
+$h6-font-size: $base-font-size;

data/src/styles/_workspace.scss

@@ -0,0 +1,31 @@
+.workspace {
+  @include display(flex);
+  @include flex(1 1 100%);
+  @include flex-flow(row nowrap);
+
+  &.live {
+    bottom: 0;
+    left: 10px;
+    position: absolute;
+    right: 10px;
+    top: 0;
+
+    .editor {
+      max-width: 64em;
+    }
+
+    .live-preview {
+      @extend %box-shadow;
+      @include flex(1);
+      background: $editor-background;
+      max-height: 100%;
+      overflow: auto;
+      padding: 2em 1em;
+
+      // Make the preview contents not center, looks dumb at large resolutions
+      .content {
+        margin-left: initial;
+      }
+    }
+  }
+}

data/src/styles/app.scss

@@ -0,0 +1,52 @@
+@import "variables";
+
+// Bourbon
+@import "../../bower_components/bourbon/app/assets/stylesheets/bourbon";
+
+// Bitters
+@import "../../bower_components/bitters/app/assets/stylesheets/base";
+
+// Neat
+@import "grid-settings";
+@import "../../bower_components/neat/app/assets/stylesheets/neat";
+
+// Fonts
+@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Open+Sans);
+
+// Font awesome
+@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css);
+
+// Our extends
+@import "extendables";
+
+// Our layout library
+@import "layout";
+
+@import "toolbar";
+@import "editor";
+@import "file_browser";
+@import "preview";
+@import "workspace";
+@import "modal";
+
+.markuapad {
+  @include display(flex);
+  @include flex-flow(column nowrap);
+  height: 100%;
+
+  a:hover { text-decoration: none; }
+
+  h1 { font-size: $h1-font-size; }
+  h2 { font-size: $h2-font-size; }
+  h3 { font-size: $h3-font-size; }
+  h4 { font-size: $h4-font-size; }
+  h5 { font-size: $h5-font-size; }
+  h6 { font-size: $h6-font-size; }
+}
+
+.markuapad .main-view {
+  @include display(flex);
+  @include flex(1);
+  @include flex-flow(row nowrap);
+  position: relative;
+}

data/src/styles/index.scss

@@ -0,0 +1,41 @@
+// Bourbon
+@import "./variables";
+@import "../../bower_components/bourbon/app/assets/stylesheets/bourbon";
+
+// Move this to an example-only css
+#markuapad-hero {
+  padding: 20px;
+  border: thin solid #bce8f1;
+  margin: 10px;
+  background-color: #d9edf7;
+  border-radius: 3px;
+  h2 { font-family: 'Roboto Slab', serif; font-size: 2em; }
+  position: relative;
+  #markuapad-hero-close {
+    @include appearance(none);
+    background: initial;
+    border-radius: initial;
+    color: initial;
+
+    position: absolute;
+    right: 10px;
+    top: 10px;
+
+    padding: 5px;
+
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  background: $background;
+  font-family: 'Open Sans', sans-serif;
+  margin: 0 8px;
+}

data/src/util.js

@@ -0,0 +1,43 @@
+let imageTagFixRegex = /src="images\/([\w,\s-]+\.(?:(?:png)|(?:jpg)|(?:jpeg)|(?:gif)|(?:bmp)))/;
+let allImageTagFixRegex = new RegExp(imageTagFixRegex.source, "g");
+
+import FileAccessor from "./file_accessor"
+
+export let fixImagePaths = (htmlString, rerun) => {
+  let matches = htmlString.match(allImageTagFixRegex);
+
+  for (let match of matches || []) {
+    // Get the base64 url for the image
+    let key = match.substr(match.lastIndexOf("/") + 1)
+    let file = FileAccessor.getSync(key, "image", rerun);
+
+    if (!file || !file.data) {
+      FileAccessor.get(key, rerun, "image");
+      continue;
+    }
+
+    let uri = `data:${file.mimetype.string};base64,${file.data}`
+    htmlString = htmlString.replace(imageTagFixRegex, `src="${uri}`)
+  }
+  return htmlString;
+}
+
+// Helpers for the localstorage manipulation
+export let getCached = (key, defaultValue) => {
+  let value;
+  if (value = localStorage.getItem(key))
+    try {
+      value = JSON.parse(value);
+      return value
+    }
+    catch(error) {
+      return value;
+    }
+  else
+    return defaultValue;
+}
+
+export let setCached = (key, value) => {
+  localStorage.setItem(key, (typeof value === "string" ? value : JSON.stringify(value)));
+  return value;
+}

data/src/web.js

@@ -0,0 +1,4 @@
+import Markuapad from "./markuapad"
+
+// Call the api to create a new markuapad instance on the #main element
+Markuapad.create("main", { fileAccessor: ExampleFileAccessor });

data/test/editor.es6

@@ -0,0 +1,6 @@
+var should = require("should")
+var markuapad = require("../build/markuapad")
+
+describe("Editor", () => {
+  it("Should have an editor", () => { markuapad.should.have.function('create'); })
+});

data/webpack.config.js

@@ -0,0 +1,48 @@
+'use strict';
+var fs = require('fs');
+var path = require('path');
+
+var webpack = require('webpack');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+var commonLoaders = [
+  { test: /\.jsx?$/, loaders: ['babel-loader'], exclude: /node_modules/ },
+  { test: /\.scss?$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!sass') }
+];
+
+var plugins = [
+  new ExtractTextPlugin('[name].css', {
+    allChunks: true
+  })
+];
+
+if (process.env.PROD) {
+  plugins.push(
+    new webpack.optimize.UglifyJsPlugin({minimize: true})
+  )
+}
+
+module.exports = {
+    name: 'browser',
+    entry: {
+      app: ['./src/markuapad.js'],
+      web: './src/web.js',
+      index: './src/index.js',
+      dist: './src/dist.js'
+    },
+    output: {
+      path: "./build",
+      filename: '[name].js'
+    },
+    resolve: {
+      extensions: ['', '.js', '.jsx', '.scss']
+    },
+    module: {
+      loaders: commonLoaders
+    },
+    plugins: plugins,
+    devServer: {
+      contentBase: "./build",
+      inline: true
+    }
+  }

metadata

@@ -0,0 +1,129 @@
+--- !ruby/object:Gem::Specification
+name: markuapad
+version: !ruby/object:Gem::Version
+  version: 0.1.7
+platform: ruby
+authors:
+- Braden Simpson
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-07-29 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+- !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'
+description: 
+email:
+- braden@ruboss.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".babelrc"
+- ".gitignore"
+- ".jshintrc"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/markuapad.js
+- app/assets/stylesheets/markuapad.css
+- bin/console
+- bin/setup
+- bower.json
+- build/app.css
+- build/app.js
+- build/browser-polyfill.min.js
+- build/dist.css
+- build/dist.js
+- build/index.css
+- build/index.html
+- build/index.js
+- build/web.css
+- build/web.js
+- lib/markuapad.rb
+- lib/markuapad/engine.rb
+- lib/markuapad/version.rb
+- markuapad.gemspec
+- package.json
+- prepare_gem.sh
+- src/dist.js
+- src/file_accessor.js
+- src/index.js
+- src/jsx/editor.jsx
+- src/jsx/file_browser.jsx
+- src/jsx/file_browser_list_item.jsx
+- src/jsx/image_modal.jsx
+- src/jsx/live_preview.jsx
+- src/jsx/main.jsx
+- src/jsx/preview.jsx
+- src/jsx/toolbar.jsx
+- src/markuapad.js
+- src/styles/_editor.scss
+- src/styles/_extendables.scss
+- src/styles/_file_browser.scss
+- src/styles/_grid-settings.scss
+- src/styles/_layout.scss
+- src/styles/_modal.scss
+- src/styles/_preview.scss
+- src/styles/_toolbar.scss
+- src/styles/_variables.scss
+- src/styles/_workspace.scss
+- src/styles/app.scss
+- src/styles/index.scss
+- src/util.js
+- src/web.js
+- test/editor.es6
+- webpack.config.js
+homepage: http://github.com/bradens/markuapad
+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.4.5
+signing_key: 
+specification_version: 4
+summary: An app for writing markua based documents.
+test_files: []