middleman-blog-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +10 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +3 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE.txt +21 -0
  7. data/README.md +48 -0
  8. data/Rakefile +1 -0
  9. data/bin/console +14 -0
  10. data/bin/setup +7 -0
  11. data/lib/middleman-blog-ui.rb +12 -0
  12. data/lib/middleman/blog/ui/api_server.rb +169 -0
  13. data/lib/middleman/blog/ui/extension.rb +64 -0
  14. data/lib/middleman/blog/ui/version.rb +7 -0
  15. data/middleman-blog-ui.gemspec +38 -0
  16. data/source/admin/drafts.json.erb +6 -0
  17. data/source/admin/index.html.haml +18 -0
  18. data/source/admin/published.json.erb +6 -0
  19. data/source/javascripts/admin/admin.js +25 -0
  20. data/source/javascripts/admin/api.coffee +94 -0
  21. data/source/javascripts/admin/components/admin_navbar.js.coffee +49 -0
  22. data/source/javascripts/admin/components/app.js.coffee +21 -0
  23. data/source/javascripts/admin/components/autosize_textarea.js.coffee +60 -0
  24. data/source/javascripts/admin/components/dashboard.js.coffee +8 -0
  25. data/source/javascripts/admin/components/dashboard_draft_list.js.coffee +19 -0
  26. data/source/javascripts/admin/components/dashboard_navbar.js.coffee +51 -0
  27. data/source/javascripts/admin/components/dashboard_published_list.js.coffee +19 -0
  28. data/source/javascripts/admin/components/editor.js.coffee +24 -0
  29. data/source/javascripts/admin/components/editor_navbar.js.coffee +63 -0
  30. data/source/javascripts/admin/components/markdown_preview.js.coffee +9 -0
  31. data/source/javascripts/admin/components/metadata_editor.js.coffee +25 -0
  32. data/source/javascripts/admin/marked.min.js +6 -0
  33. data/source/javascripts/admin/react-bootstrap.min.js +10 -0
  34. data/source/javascripts/admin/react-bootstrap.min.js.map +1 -0
  35. data/source/javascripts/admin/reflux.min.js +1 -0
  36. data/source/javascripts/admin/stores/article.coffee +71 -0
  37. data/source/javascripts/admin/stores/command.coffee +83 -0
  38. data/source/javascripts/admin/stores/drafts.coffee +16 -0
  39. data/source/javascripts/admin/stores/published.coffee +16 -0
  40. data/source/javascripts/admin/superagent.js +1318 -0
  41. data/source/stylesheets/admin.css.scss +55 -0
  42. metadata +186 -0
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: cdc55779ae026dbba0b68101c7f99442cbb0c60a
4
+ data.tar.gz: 2dba91eb73a5dbdb8a58ffae0aa580c5395e161c
5
+ SHA512:
6
+ metadata.gz: d2dafb7bec2a7ca72407955789ce8f10717cc874627049f8368d007c1aeb8e90d98d6681d9093753ebcfebc332d5c1f28badf160c731b0b62217305c16bb69eb
7
+ data.tar.gz: 74c976a2feb8008e710a4d0ae607eb08840498f18198cd60bb9f6907e119bc1a88dc6429682c62ddd9ea1628078568adf4bc5e78bf9224ccbe993b01d67a2652
@@ -0,0 +1,10 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
10
+ .DS_Store
data/.rspec ADDED
@@ -0,0 +1,2 @@
1
+ --format documentation
2
+ --color
@@ -0,0 +1,3 @@
1
+ language: ruby
2
+ rvm:
3
+ - 2.2.2
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in middleman-blog-ui.gemspec
4
+ gemspec
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2015 Will Schenk
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,48 @@
1
+ # Middleman::Blog::Ui
2
+
3
+ This gem is mean to work with an exitisting middleman site, that uses both middleman-blog and middleman-blog-drafts.
4
+
5
+ More information on how it works can be found on my blog, at http://willschenk.com/building-a-gui-for-managing-middleman-blogs/
6
+
7
+ ## Installation
8
+
9
+
10
+ Given a middleman app with `middleman-blog` and `middleman-blog-drafts` configured:
11
+
12
+ 1. Add `middleman-blog-ui` in your `Gemfile`.
13
+ 2. Add `activate :blog_ui` in `config.rb`
14
+ 3. Start `middleman server`
15
+ 4. Visit [http://localhost:4567/admin](http://localhost:4567/admin).
16
+
17
+ And now you are living in the fabulous world where you can, from your browser:
18
+
19
+ - Edit existing drafts and posts
20
+ - Create new drafts
21
+ - Publish drafts into posts
22
+ - Run some basic `git` commands.
23
+ - Run `middleman build`
24
+ - Run `middleman deploy`
25
+
26
+ ## Next steps
27
+
28
+ This is mainly a proof of concept, but I'm using it right now to write this post. The app itself needs
29
+
30
+ 1. A decent UI
31
+ 2. Support for other static generators other than middleman
32
+ 3. A concept of users
33
+ 4. Shared drafts
34
+ 5. Better error handling
35
+
36
+ ## Development
37
+
38
+ After checking out the repo, run `bin/setup` to install dependencies. Then, run `bin/console` for an interactive prompt that will allow you to experiment.
39
+
40
+ 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` to create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
41
+
42
+ ## Contributing
43
+
44
+ 1. Fork it ( https://github.com/[my-github-username]/middleman-blog-ui/fork )
45
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
46
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
47
+ 4. Push to the branch (`git push origin my-new-feature`)
48
+ 5. Create a new Pull Request
@@ -0,0 +1 @@
1
+ require "bundler/gem_tasks"
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "middleman/blog/ui"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start
@@ -0,0 +1,7 @@
1
+ #!/bin/bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+
5
+ bundle install
6
+
7
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,12 @@
1
+ # encoding: UTF-8
2
+
3
+ require 'middleman-core'
4
+
5
+ ::Middleman::Extensions.register(:blog_ui) do
6
+ module Middleman::Blog::Ui
7
+ SOURCE_DIR = File.expand_path(File.join('..', '..', 'source'), __FILE__)
8
+ end
9
+
10
+ require 'middleman/blog/ui/extension'
11
+ ::Middleman::Blog::Ui::Extension
12
+ end
@@ -0,0 +1,169 @@
1
+ require 'sinatra/base'
2
+ require 'sinatra/json'
3
+ require 'fileutils'
4
+
5
+ module Middleman
6
+ module Blog
7
+ module Ui
8
+ class ApiServer < Sinatra::Base
9
+ get '/' do
10
+ "This is the api server"
11
+ end
12
+
13
+ get '/post' do
14
+ app = load_app
15
+
16
+ logger.info "Looking up #{params[:path]}"
17
+
18
+ file = app.sitemap.find_resource_by_path params[:path] if params[:path]
19
+
20
+ if !file
21
+ status 404
22
+ json error: "Unknown path #{params[:path]}"
23
+ else
24
+ raw = File.read file.source_file
25
+ body = raw.gsub( /^---\n.*?---\n*/m, "" ) # Remove the preyaml
26
+
27
+ json meta: file.data, content: body
28
+ end
29
+ end
30
+
31
+ post '/post' do
32
+ payload = params
33
+ payload = JSON.parse(request.body.read).symbolize_keys unless params[:path]
34
+
35
+ logger.info "Saving #{payload[:path]} with #{payload[:meta]}"
36
+
37
+ file = load_app.sitemap.find_resource_by_path payload[:path]
38
+
39
+ if !file
40
+ logger.info "Unknown path: #{payload[:path]}"
41
+ status 404
42
+ json error: "Unknown path #{payload[:path]}"
43
+ else
44
+ File.open( file.source_file, "w" ) do |out|
45
+ out.puts YAML.dump( payload[:meta] )
46
+ out.puts "---"
47
+ out.puts payload[:body]
48
+ end
49
+ end
50
+
51
+ json message: "Post saved"
52
+ end
53
+
54
+ post '/images' do
55
+
56
+ File.open('/tmp/' + params['file'][:filename], "wb") do |f|
57
+ f.write(params['file'][:tempfile].read)
58
+ end
59
+
60
+ json message: "Image uploaded"
61
+ end
62
+
63
+ post '/build' do
64
+ `bundle exec middleman build 2>&1`
65
+ end
66
+
67
+ post '/update' do
68
+ `git pull origin master 2>&1`
69
+ end
70
+
71
+ post '/status' do
72
+ `git status 2>&1`
73
+ end
74
+
75
+ post '/drafts' do
76
+ if !params[:title]
77
+ status 404
78
+ json error: "Bad Parameters"
79
+ else
80
+ logger.info "Created draft for #{params[:title]}"
81
+
82
+ slug = params[:title].downcase.gsub( /[^a-z]/, "-" )
83
+
84
+ draft_dir = File.expand_path( "source/drafts", Dir.pwd )
85
+ FileUtils.mkdir_p draft_dir
86
+
87
+ outfile = File.expand_path( "source/drafts/#{slug}.html.markdown", Dir.pwd )
88
+
89
+ File.open( outfile, "w" ) do |out|
90
+ out.puts YAML.dump( params )
91
+ out.puts "---\n\n# #{params[:title]}\nHere we go!"
92
+ end
93
+
94
+ json created: "drafts/#{slug}.html"
95
+ end
96
+ end
97
+
98
+ post '/diff' do
99
+ payload = params
100
+ payload = JSON.parse(request.body.read).symbolize_keys unless params[:path]
101
+
102
+ file = load_app.sitemap.find_resource_by_path payload[:path]
103
+
104
+ if !file
105
+ logger.info "Unknown path: #{payload[:path]}"
106
+ status 404
107
+ "Unknown path #{payload[:path]}"
108
+ else
109
+ `git diff #{file.source_file} 2>&1`
110
+ end
111
+ end
112
+
113
+
114
+ post '/publish' do
115
+ payload = params
116
+ payload = JSON.parse(request.body.read).symbolize_keys unless params[:path]
117
+
118
+ file = load_app.sitemap.find_resource_by_path payload[:path]
119
+
120
+ if !file
121
+ logger.info "Unknown path: #{payload[:path]}"
122
+ status 404
123
+ "Unknown path #{payload[:path]}"
124
+ else
125
+ `bundle exec middleman publish #{file.source_file} 2>&1`
126
+ end
127
+ end
128
+
129
+
130
+ post '/deploy' do
131
+ content_type :txt
132
+ stream do |out|
133
+ 5.times do
134
+ out << "Hi there\n"
135
+ puts "Hi there"
136
+ sleep 1
137
+ end
138
+ end
139
+ # IO.popen( '/Users/wschenk/src/willschenk.com/longrunning.sh' ) do |io|
140
+ # stream do |out|
141
+ # io.each do |s|
142
+ # puts s
143
+ # out << s
144
+ # end
145
+ # end
146
+ # end
147
+ end
148
+
149
+ private
150
+ def load_app
151
+ opts = {}
152
+
153
+ app = ::Middleman::Application.server.inst do
154
+ set :environment, opts[:environment].to_sym if opts[:environment]
155
+
156
+ # ::Middleman::Logger.singleton(opts[:debug] ? 0 : 1, opts[:instrumenting] || false)
157
+ logger
158
+ end
159
+
160
+ app
161
+ end
162
+
163
+ def logger
164
+ ::Middleman::Logger.singleton( 1 )
165
+ end
166
+ end
167
+ end
168
+ end
169
+ end
@@ -0,0 +1,64 @@
1
+ require 'middleman/blog/ui/api_server'
2
+ require 'react/source'
3
+ require 'sprockets/coffee-react'
4
+
5
+ module Middleman
6
+ module Blog
7
+ module Ui
8
+ # Middleman extension entry point
9
+ class Extension < Middleman::Extension
10
+ def initialize(app, options_hash = {}, &block)
11
+ super
12
+
13
+ puts "== Starting API Server on /api"
14
+ app.map "/api" do
15
+ run ApiServer
16
+ end
17
+
18
+ ::Sprockets.register_preprocessor 'application/javascript', ::Sprockets::CoffeeReact
19
+ end
20
+
21
+ def after_configuration
22
+ # p "after_configuration"
23
+ register_extension_templates
24
+ Dir.glob( "#{SOURCE_DIR}/javascripts/**/*" ).each do |f|
25
+ # p "Adding #{f}"
26
+ app.sprockets.append_path File.dirname(f)
27
+ end
28
+ Dir.glob( "#{SOURCE_DIR}/stylesheets/*" ).each do |f|
29
+ # p "Adding #{f}"
30
+ app.sprockets.append_path File.dirname(f)
31
+ end
32
+ app.sprockets.append_path File.dirname(::React::Source.bundled_path_for('react.js'))
33
+ end
34
+
35
+ def manipulate_resource_list(resources)
36
+ # p "manipulate_resource_list"
37
+ Dir.glob( "#{SOURCE_DIR}/**/*" ).each do |path|
38
+ unless File.directory? path
39
+ resources << make_template( path, path.gsub( /#{SOURCE_DIR}\//, "" ) )
40
+ end
41
+ end
42
+ # resources << make_template( "#{SOURCE_DIR}/stylesheets/admin.css.scss", "stylesheets/admin.css" )
43
+ resources
44
+ end
45
+
46
+ private
47
+ def register_extension_templates
48
+ # We call reload_path to register the templates directory with Middleman.
49
+ # The path given to app.files must be relative to the Middleman site's root.
50
+ templates_dir_relative_from_root = Pathname(SOURCE_DIR).relative_path_from(Pathname(app.root))
51
+ app.files.reload_path(templates_dir_relative_from_root)
52
+ end
53
+
54
+ def make_template( file, name )
55
+ name = name.gsub( /.erb/, "" ).gsub( /.haml/, "" ).gsub( /.coffee/, "" ).gsub( /.scss/, "" )
56
+ # puts "Adding #{name}"
57
+ Middleman::Sitemap::Resource.new(app.sitemap, name, file).tap do |resource|
58
+ resource.add_metadata(options: { layout: false }, locals: {})
59
+ end
60
+ end
61
+ end
62
+ end
63
+ end
64
+ end
@@ -0,0 +1,7 @@
1
+ module Middleman
2
+ module Blog
3
+ module Ui
4
+ VERSION = "0.1.0"
5
+ end
6
+ end
7
+ end
@@ -0,0 +1,38 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'middleman/blog/ui/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "middleman-blog-ui"
8
+ spec.version = Middleman::Blog::Ui::VERSION
9
+ spec.authors = ["Will Schenk"]
10
+ spec.email = ["wschenk@gmail.com"]
11
+
12
+ spec.summary = %q{Basic web UI for a middleman-blog.}
13
+ spec.description = %q{Basic web UI for a middleman-blog.}
14
+ spec.homepage = "https://github.com/HappyFunCorp/middleman-blog-ui"
15
+ spec.license = "MIT"
16
+
17
+ # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
18
+ # delete this section to allow pushing this gem to any host.
19
+ if spec.respond_to?(:metadata)
20
+ spec.metadata['allowed_push_host'] = "https://rubygems.org"
21
+ else
22
+ raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
23
+ end
24
+
25
+ spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
26
+ spec.bindir = "exe"
27
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
28
+ spec.require_paths = ["lib"]
29
+
30
+ # spec.add_dependency "middleman-react"
31
+ spec.add_dependency "sprockets-coffee-react"
32
+ spec.add_dependency "sinatra"
33
+ spec.add_dependency "sinatra-contrib"
34
+ spec.add_dependency "react-source"
35
+ spec.add_dependency "bootstrap-sass"
36
+ spec.add_development_dependency "bundler", "~> 1.9"
37
+ spec.add_development_dependency "rake", "~> 10.0"
38
+ end
@@ -0,0 +1,6 @@
1
+ <% d = drafts.collect do |d|
2
+ { path: d.path, title: d.title }
3
+ end
4
+ %><%=
5
+ {drafts: d }.to_json
6
+ %>
@@ -0,0 +1,18 @@
1
+ !!! 5
2
+ %html.no-js
3
+ %head
4
+ %meta{ :charset => 'utf-8' }/
5
+ %meta{ 'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1' }/
6
+
7
+ %title Blog Admin
8
+
9
+ %meta{ :name => 'description', :content => '' }/
10
+ %meta{ :name => 'viewport', :content => 'width=device-width' }/
11
+ = stylesheet_link_tag 'admin'
12
+ = javascript_include_tag 'admin/admin', 'modernizr'
13
+
14
+ %body
15
+ #content
16
+ :javascript
17
+ React.render( React.createElement(App, null), document.getElementById('content') );
18
+