instamatic 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c1abbaf57a3fba26920ecf16de4223f84229089d
+  data.tar.gz: ad297b260338099060510d872c492661cfbd09f6
+SHA512:
+  metadata.gz: 09cc8ea0ec15dbd297f8afebef4b4dd1328eb421a7712ae8bf811b199634f097919606b4af421ab9209d30eb76a58f6e9594dbb9854ac086bbf610612ee7153a
+  data.tar.gz: 1788bfeccca55dd828cfdffeeba5c0d5cc3377d786c588c62d02882402584e43e21a1fd078f9971971b6415e40625777287965b8103e6375ae3b96d737811a30

data/.gitignore

@@ -0,0 +1,12 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+
+.idea
+.ruby-gemset

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Andrew Neely
+
+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/README.md

@@ -0,0 +1,59 @@
+# Instamatic
+
+Instamatic is a gem that lets you run a generator to create an image placement service in minutes.
+
+Once your project is set up, just drop images (PNG files with transparency) into the `images/` folder and launch like any Sinatra app.
+
+Add a config.ru file, and you're ready to push to heroku.
+
+Requests to the root of your site land on an instruction page with a detailed explanation of how the URL scheme of the service works. 
+
+Other URLs are parsed by the route matcher against the following two schemes. Note: all params but the first are optional in reverse order from the end.
+
+TL;DR:
+
+`/some_image_name/width/height/hex_color_w_no_leading_hash/scale/`
+
+e.g. http://www.rappersonthe.rocks/l_l_cool_j/800/600/ffc0cb/
+
+or
+
+`/width/height/hex_color_w_no_leading_hash/scale/`
+ 
+e.g. http://www.rappersonthe.rocks/640/480/000000/200/
+
+A working example of the homepage and service is available at http://www.rappersonthe.rocks
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'instamatic'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install instamatic
+
+## Usage
+
+Getting started is easy!
+
+1. After installing the gem, run `setup_instamatic` to get a prompt to generate the `images/` folder and a `templates/` folder with erb templates for the homepage to copy-edit. 
+2. Drop your images into `images/` and run the server with `rackup`, `shotgun`, or `ruby`.
+3. That's it!
+
+<!--## Contributing-->
+
+<!--Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/instamatic.-->
+
+
+## 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,2 @@
+require 'bundler/gem_tasks'
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+require 'instamatic'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start

data/bin/setup

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

data/config.ru

@@ -0,0 +1,5 @@
+require 'rubygems'
+require 'bundler'
+Bundler.setup
+require 'instamatic'
+run Instamatic::App

data/exe/setup_instamatic

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require 'setup_instamatic_util'
+
+Instamatic::SetupInstamaticUtil.copy_to_project!

data/instamatic.gemspec

@@ -0,0 +1,34 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'instamatic/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'instamatic'
+  spec.version       = Instamatic::VERSION
+  spec.authors       = ['Andrew Neely']
+  spec.email         = ['aneely@gmail.com']
+
+  spec.summary       = %q{It's an image placement service in a box!}
+  spec.description   = %q{It's an image placement service in a box! Step 1: Install and run a generator. Step 2) Drop your images into the images directory. Step 3) Profit!}
+  spec.homepage      = 'https://bitbucket.org/aneely/instamatic'
+  spec.license       = 'MIT'
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+  if spec.respond_to?(:metadata)
+    spec.metadata['allowed_push_host'] = "https://rubygems.org"
+  else
+    raise 'RubyGems 2.0 or newer is required to protect against public gem pushes.'
+  end
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = 'exe'
+  spec.executables   = ['setup_instamatic'] #spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib', 'utils']
+
+  spec.add_development_dependency 'bundler', '~> 1.11'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_dependency 'sinatra', '1.4.5'
+  spec.add_dependency 'mini_magick'
+end

data/lib/instamatic/app.rb

@@ -0,0 +1,182 @@
+require 'sinatra'
+require 'mini_magick'
+
+module Instamatic
+  class App < Sinatra::Base
+    set :views, %w(templates)
+
+    helpers do
+      def find_template(views, name, engine, &block)
+        Array(views).each { |v| super(v, name, engine, &block) }
+      end
+
+      def valid_hex_color?(color)
+        match = color.match(/^#([0-9a-fA-F]{6}){1,2}$/)
+
+        match.to_s.length > 0
+      end
+
+      def assign_image(file_name)
+        image_file = "images/#{file_name}.png"
+
+        if File.file?(image_file)
+          MiniMagick::Image.open(image_file)
+        else
+          MiniMagick::Image.open("images/#{random_image_name}.png")
+        end
+      end
+
+      def assign_width(width)
+        assign_dimension(width,1024)
+      end
+
+      def assign_height(height)
+        assign_dimension(height,768)
+      end
+
+      def assign_dimension(dimension, default)
+        sanitized = dimension.to_i
+
+        if sanitized > 0
+          [[2560, sanitized].min, 16].max
+        else
+          default
+        end
+      end
+
+      def assign_color(color)
+        if valid_hex_color?("##{color}")
+          "##{color}"
+        else
+          '#ffffff'
+        end
+      end
+
+      def assign_percent(percent)
+        sanitized = percent.to_i
+
+        if sanitized > 0
+          [[300, sanitized].min, 10].max
+        else
+          100
+        end
+      end
+
+      def dimension_for_percent(dimension, percent)
+        if percent == 100
+          dimension
+        else
+          (dimension * (percent / 100.0)).to_i
+        end
+      end
+
+      def format_image(image, width, height, color, percent)
+        width = dimension_for_percent(width, percent)
+        height = dimension_for_percent(height, percent)
+
+        image.combine_options do |img|
+          img.thumbnail("#{width}x#{height}>")
+          img.background(color)
+          img.gravity('South')
+          img.extent("#{width}x#{height}")
+        end
+
+        image.format('jpg')
+        image.quality(90)
+      end
+
+      def image_file_names
+        file_paths = Dir['images/*']
+        file_paths.each { |file_path| file_path.gsub!('images/', '').gsub!('.png', '') }
+      end
+
+      def random_image_name
+        image_file_names.sample
+      end
+
+      def options_for_image_select
+        select_hash = {}
+
+        image_file_names.each do |file|
+          select_hash[file] = file.split('_').map { |name| name.capitalize }.join(' ')
+        end
+
+        select_hash
+      end
+
+      def response_image(image_name, width, height, color, percent)
+        image_name = params[:image] if image_name.nil?
+
+        image   = assign_image("#{image_name}")
+        width   = assign_width("#{width}")
+        height  = assign_height("#{height}")
+        color   = assign_color("#{color}")
+        percent = assign_percent("#{percent}")
+
+        format_image(image, width, height, color, percent)
+        content_type 'image/jpg'
+        image.to_blob
+      end
+    end
+
+    # defined route methods
+
+    get '/' do
+      @image_select_hash = options_for_image_select
+      @example_image = {
+          file: @image_select_hash.keys.last,
+          name: @image_select_hash.values.last
+      }
+
+      erb :index
+    end
+
+    post '/images' do
+      image   = params[:image_input]
+      width   = params[:width_input]
+      height  = params[:height_input]
+      color   = params[:color_input]
+      percent = params[:percent_input]
+
+      unless color.nil?
+        color.gsub!('#','').downcase!
+      end
+
+      redirect("/#{image}/#{width}/#{height}/#{color}/#{percent}/")
+    end
+
+    get /^\/(\d+)\/(\d+)\/([a-fA-F0-9]{6}){1,2}\b\/(\d+)\/*/ do |width, height, hex_color, percent|
+
+      response_image(nil, width, height,hex_color, percent)
+
+    end
+
+    get /^\/(\d+)\/(\d+)\/([a-fA-F0-9]{6}){1,2}\b\/*/ do |width, height, hex_color|
+
+      response_image(nil, width, height, hex_color, nil)
+
+    end
+
+    get /^\/(\d+)\/(\d+)\/*/ do |width, height|
+
+      response_image(nil, width, height, nil, nil)
+
+    end
+
+    get '/?:image?/?:width?/?:height?/?:color?/?:percent?/?' do
+
+      response_image(params[:images], params[:width], params[:height], params[:color], params[:percent])
+
+    end
+
+    # route methods for undefined API requests
+
+    not_found do
+      error 400
+    end
+
+    error 401 do
+      "{'error':'unauthorized', 'message':'You are not authorized to access this resource.'}"
+    end
+  end
+end

data/lib/instamatic/public/scripts/app.js

@@ -0,0 +1 @@
+$('.color').colorPicker();

data/lib/instamatic/public/scripts/jqColorPicker.min.js

@@ -0,0 +1,4 @@
+/*! tinyColorPicker - v1.0.0 2015-12-15 */
+
+window.Colors=function(a,b){"use strict";function c(a,c,d,f,g){if("string"==typeof c){var c=t.txt2color(c);d=c.type,n[d]=c[d],g=g!==b?g:c.alpha}else if(c)for(var h in c)a[d][h]=k(c[h]/l[d][h][1],0,1);return g!==b&&(a.alpha=k(+g,0,1)),e(d,f?a:b)}function d(a,b,c){var d=m.options.grey,e={};return e.RGB={r:a.r,g:a.g,b:a.b},e.rgb={r:b.r,g:b.g,b:b.b},e.alpha=c,e.equivalentGrey=Math.round(d.r*a.r+d.g*a.g+d.b*a.b),e.rgbaMixBlack=i(b,{r:0,g:0,b:0},c,1),e.rgbaMixWhite=i(b,{r:1,g:1,b:1},c,1),e.rgbaMixBlack.luminance=h(e.rgbaMixBlack,!0),e.rgbaMixWhite.luminance=h(e.rgbaMixWhite,!0),m.options.customBG&&(e.rgbaMixCustom=i(b,m.options.customBG,c,1),e.rgbaMixCustom.luminance=h(e.rgbaMixCustom,!0),m.options.customBG.luminance=h(m.options.customBG,!0)),e}function e(a,b){var c,e,k,o=b||n,p=t,q=m.options,r=l,s=o.RND,u="",v="",w={hsl:"hsv",rgb:a},x=s.rgb;if("alpha"!==a){for(var y in r)if(!r[y][y]){a!==y&&(v=w[y]||"rgb",o[y]=p[v+"2"+y](o[v])),s[y]||(s[y]={}),c=o[y];for(u in c)s[y][u]=Math.round(c[u]*r[y][u][1])}x=s.rgb,o.HEX=p.RGB2HEX(x),o.equivalentGrey=q.grey.r*o.rgb.r+q.grey.g*o.rgb.g+q.grey.b*o.rgb.b,o.webSave=e=f(x,51),o.webSmart=k=f(x,17),o.saveColor=x.r===e.r&&x.g===e.g&&x.b===e.b?"web save":x.r===k.r&&x.g===k.g&&x.b===k.b?"web smart":"",o.hueRGB=t.hue2RGB(o.hsv.h),b&&(o.background=d(x,o.rgb,o.alpha))}var z,A,B,C=o.rgb,D=o.alpha,E="luminance",F=o.background;return z=i(C,{r:0,g:0,b:0},D,1),z[E]=h(z,!0),o.rgbaMixBlack=z,A=i(C,{r:1,g:1,b:1},D,1),A[E]=h(A,!0),o.rgbaMixWhite=A,q.customBG&&(B=i(C,F.rgbaMixCustom,D,1),B[E]=h(B,!0),B.WCAG2Ratio=j(B[E],F.rgbaMixCustom[E]),o.rgbaMixBGMixCustom=B,B.luminanceDelta=Math.abs(B[E]-F.rgbaMixCustom[E]),B.hueDelta=g(F.rgbaMixCustom,B,!0)),o.RGBLuminance=h(x),o.HUELuminance=h(o.hueRGB),q.convertCallback&&q.convertCallback(o,a),o}function f(a,b){var c={},d=0,e=b/2;for(var f in a)d=a[f]%b,c[f]=a[f]+(d>e?b-d:-d);return c}function g(a,b,c){return(Math.max(a.r-b.r,b.r-a.r)+Math.max(a.g-b.g,b.g-a.g)+Math.max(a.b-b.b,b.b-a.b))*(c?255:1)/765}function h(a,b){for(var c=b?1:255,d=[a.r/c,a.g/c,a.b/c],e=m.options.luminance,f=d.length;f--;)d[f]=d[f]<=.03928?d[f]/12.92:Math.pow((d[f]+.055)/1.055,2.4);return e.r*d[0]+e.g*d[1]+e.b*d[2]}function i(a,c,d,e){var f={},g=d!==b?d:1,h=e!==b?e:1,i=g+h*(1-g);for(var j in a)f[j]=(a[j]*g+c[j]*h*(1-g))/i;return f.a=i,f}function j(a,b){var c=1;return c=a>=b?(a+.05)/(b+.05):(b+.05)/(a+.05),Math.round(100*c)/100}function k(a,b,c){return a>c?c:b>a?b:a}var l={rgb:{r:[0,255],g:[0,255],b:[0,255]},hsv:{h:[0,360],s:[0,100],v:[0,100]},hsl:{h:[0,360],s:[0,100],l:[0,100]},alpha:{alpha:[0,1]},HEX:{HEX:[0,16777215]}},m={},n={},o={r:.298954,g:.586434,b:.114612},p={r:.2126,g:.7152,b:.0722},q=function(a){this.colors={RND:{}},this.options={color:"rgba(204, 82, 37, 0.8)",grey:o,luminance:p,valueRanges:l},r(this,a||{})},r=function(a,d){var e,f=a.options;s(a);for(var g in d)d[g]!==b&&(f[g]=d[g]);e=f.customBG,f.customBG="string"==typeof e?t.txt2color(e).rgb:e,n=c(a.colors,f.color,b,!0)},s=function(a){m!==a&&(m=a,n=a.colors)};q.prototype.setColor=function(a,d,f){return s(this),a?c(this.colors,a,d,b,f):(f!==b&&(this.colors.alpha=k(f,0,1)),e(d))},q.prototype.setCustomBackground=function(a){return s(this),this.options.customBG="string"==typeof a?t.txt2color(a).rgb:a,c(this.colors,b,"rgb")},q.prototype.saveAsBackground=function(){return s(this),c(this.colors,b,"rgb",!0)};var t={txt2color:function(a){var b={},c=a.replace(/(?:#|\)|%)/g,"").split("("),d=(c[1]||"").split(/,\s*/),e=c[1]?c[0].substr(0,3):"rgb",f="";if(b.type=e,b[e]={},c[1])for(var g=3;g--;)f=e[g]||e.charAt(g),b[e][f]=+d[g]/l[e][f][1];else b.rgb=t.HEX2rgb(c[0]);return b.alpha=d[3]?+d[3]:1,b},RGB2HEX:function(a){return((a.r<16?"0":"")+a.r.toString(16)+(a.g<16?"0":"")+a.g.toString(16)+(a.b<16?"0":"")+a.b.toString(16)).toUpperCase()},HEX2rgb:function(a){return a=a.split(""),{r:parseInt(a[0]+a[a[3]?1:0],16)/255,g:parseInt(a[a[3]?2:1]+(a[3]||a[1]),16)/255,b:parseInt((a[4]||a[2])+(a[5]||a[2]),16)/255}},hue2RGB:function(a){var b=6*a,c=~~b%6,d=6===b?0:b-c;return{r:Math.round(255*[1,1-d,0,0,d,1][c]),g:Math.round(255*[d,1,1,1-d,0,0][c]),b:Math.round(255*[0,0,d,1,1,1-d][c])}},rgb2hsv:function(a){var b,c,d,e=a.r,f=a.g,g=a.b,h=0;return g>f&&(f=g+(g=f,0),h=-1),c=g,f>e&&(e=f+(f=e,0),h=-2/6-h,c=Math.min(f,g)),b=e-c,d=e?b/e:0,{h:1e-15>d?n&&n.hsl&&n.hsl.h||0:b?Math.abs(h+(f-g)/(6*b)):0,s:e?b/e:n&&n.hsv&&n.hsv.s||0,v:e}},hsv2rgb:function(a){var b=6*a.h,c=a.s,d=a.v,e=~~b,f=b-e,g=d*(1-c),h=d*(1-f*c),i=d*(1-(1-f)*c),j=e%6;return{r:[d,h,g,g,i,d][j],g:[i,d,d,h,g,g][j],b:[g,g,i,d,d,h][j]}},hsv2hsl:function(a){var b=(2-a.s)*a.v,c=a.s*a.v;return c=a.s?1>b?b?c/b:0:c/(2-b):0,{h:a.h,s:a.v||c?c:n&&n.hsl&&n.hsl.s||0,l:b/2}},rgb2hsl:function(a,b){var c=t.rgb2hsv(a);return t.hsv2hsl(b?c:n.hsv=c)},hsl2rgb:function(a){var b=6*a.h,c=a.s,d=a.l,e=.5>d?d*(1+c):d+c-c*d,f=d+d-e,g=e?(e-f)/e:0,h=~~b,i=b-h,j=e*g*i,k=f+j,l=e-j,m=h%6;return{r:[e,l,f,f,k,e][m],g:[k,e,e,l,f,f][m],b:[f,f,k,e,e,l][m]}}};return q}(window),function(a,b,c,d){"use strict";function e(a){return a.value||a.getAttribute("value")||b(a).css("background-color")||"#fff"}function f(a){return a=a.originalEvent&&a.originalEvent.touches?a.originalEvent.touches[0]:a,a.originalEvent?a.originalEvent:a}function g(a){return b(a.find(s.doRender)[0]||a[0])}function h(c){var d=b(this),f=d.offset(),h=b(a),j=s.gap;c?(t=g(d),t._colorMode=t.data("colorMode"),q.$trigger=d,(u||i()).css({left:(u[0]._left=f.left)-((u[0]._left=u[0]._left+u[0]._width-(h.scrollLeft()+h.width()))+j>0?u[0]._left+j:0),top:(u[0]._top=f.top+d.outerHeight())-((u[0]._top=u[0]._top+u[0]._height-(h.scrollTop()+h.height()))+j>0?u[0]._top+j:0)}).show(s.animationSpeed,function(){c!==!0&&(y._width=y.width(),v._width=v.width(),v._height=v.height(),r.setColor(e(t[0])),n(!0))})):b(u).hide(s.animationSpeed,function(){t.blur(),n(!1),q.$trigger=null})}function i(){return b("head").append('<style type="text/css">'+(s.css||J)+(s.cssAddon||"")+"</style>"),q.$UI=u=b(I).css({margin:s.margin}).appendTo("body").show(0,function(){var a=b(this);F=s.GPU&&a.css("perspective")!==d,v=b(".cp-xy-slider",this),w=b(".cp-xy-cursor",this),x=b(".cp-z-cursor",this),y=b(".cp-alpha",this).toggle(!!s.opacity),z=b(".cp-alpha-cursor",this),s.buildCallback.call(q,a),a.prepend("<div>").children().eq(0).css("width",a.children().eq(0).width()),this._width=this.offsetWidth,this._height=this.offsetHeight}).hide().on(D,".cp-xy-slider,.cp-z-slider,.cp-alpha",j)}function j(a){var c=this.className.replace(/cp-(.*?)(?:\s*|$)/,"$1").replace("-","_");a.preventDefault&&a.preventDefault(),a.returnValue=!1,t._offset=b(this).offset(),(c="xy_slider"===c?k:"z_slider"===c?l:m)(a),n(),A.on(E,function(){A.off(".a")}).on(C,function(a){c(a),n()})}function k(a){var b=f(a),c=b.pageX-t._offset.left,d=b.pageY-t._offset.top;r.setColor({s:c/v._width*100,v:100-d/v._height*100},"hsv")}function l(a){var b=f(a).pageY-t._offset.top;r.setColor({h:360-b/v._height*360},"hsv")}function m(a){var b=f(a).pageX-t._offset.left,c=b/y._width;r.setColor({},"rgb",c)}function n(a){var b=r.colors,c=b.hueRGB,e=b.RND.rgb,f=b.RND.hsl,g="#222",h="#ddd",i=t._colorMode,j=1!==b.alpha,k=G(100*b.alpha)/100,l=e.r+", "+e.g+", "+e.b,m="HEX"!==i||j?"rgb"===i||"HEX"===i&&j?j?"rgba("+l+", "+k+")":"rgb("+l+")":"hsl"+(j?"a(":"(")+f.h+", "+f.s+"%, "+f.l+"%"+(j?", "+k:"")+")":"#"+b.HEX,n=b.HUELuminance>.22?g:h,p=b.rgbaMixBlack.luminance>.22?g:h,q=(1-b.hsv.h)*v._height,s=b.hsv.s*v._width,u=(1-b.hsv.v)*v._height,A=k*y._width,B=F?"translate3d":"",C=t[0].value,D=t[0].hasAttribute("value")&&""===C&&a!==d;v._css={backgroundColor:"rgb("+c.r+","+c.g+","+c.b+")"},w._css={transform:B+"("+s+"px, "+u+"px, 0)",left:F?"":s,top:F?"":u,borderColor:b.RGBLuminance>.22?g:h},x._css={transform:B+"(0, "+q+"px, 0)",top:F?"":q,borderColor:"transparent "+n},y._css={backgroundColor:"rgb("+l+")"},z._css={transform:B+"("+A+"px, 0, 0)",left:F?"":A,borderColor:p+" transparent"},t._css={backgroundColor:D?"":m,color:D?"":b.rgbaMixBGMixCustom.luminance>.22?g:h},t.text=D?"":C!==m?m:"",a!==d?o(a):H(o)}function o(a){v.css(v._css),w.css(w._css),x.css(x._css),y.css(y._css),z.css(z._css),s.doRender&&t.css(t._css),t.text&&t.val(t.text),s.renderCallback.call(q,t,"boolean"==typeof a?a:d)}var p,q,r,s,t,u,v,w,x,y,z,A=b(document),B="",C="touchmove.a mousemove.a pointermove.a",D="touchstart.a mousedown.a pointerdown.a",E="touchend.a mouseup.a pointerup.a",F=!1,G=Math.round,H=a.requestAnimationFrame||a.webkitRequestAnimationFrame||function(a){a()},I='<div class="cp-color-picker"><div class="cp-z-slider"><div class="cp-z-cursor"></div></div><div class="cp-xy-slider"><div class="cp-white"></div><div class="cp-xy-cursor"></div></div><div class="cp-alpha"><div class="cp-alpha-cursor"></div></div></div>',J=".cp-color-picker{position:absolute;overflow:hidden;padding:6px 6px 0;background-color:#444;color:#bbb;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;cursor:default;border-radius:5px}.cp-color-picker>div{position:relative;overflow:hidden}.cp-xy-slider{float:left;height:128px;width:128px;margin-bottom:6px;background:linear-gradient(to right,#FFF,rgba(255,255,255,0))}.cp-white{height:100%;width:100%;background:linear-gradient(rgba(0,0,0,0),#000)}.cp-xy-cursor{position:absolute;top:0;width:10px;height:10px;margin:-5px;border:1px solid #fff;border-radius:100%;box-sizing:border-box}.cp-z-slider{float:right;margin-left:6px;height:128px;width:20px;background:linear-gradient(red 0,#f0f 17%,#00f 33%,#0ff 50%,#0f0 67%,#ff0 83%,red 100%)}.cp-z-cursor{position:absolute;margin-top:-4px;width:100%;border:4px solid #fff;border-color:transparent #fff;box-sizing:border-box}.cp-alpha{clear:both;width:100%;height:16px;margin:6px 0;background:linear-gradient(to right,#444,rgba(0,0,0,0))}.cp-alpha-cursor{position:absolute;margin-left:-4px;height:100%;border:4px solid #fff;border-color:#fff transparent;box-sizing:border-box}",K=function(a){r=this.color=new c(a),s=r.options};return K.prototype={render:n,toggle:h},b.fn.colorPicker=function(c){var d=function(){};return c=b.extend({animationSpeed:150,GPU:!0,doRender:!0,customBG:"#FFF",opacity:!0,renderCallback:d,buildCallback:d,body:document.body,scrollResize:!0,gap:4},c),!q&&c.scrollResize&&b(a).on("resize.a scroll.a",function(){q.$trigger&&q.toggle.call(q.$trigger[0],!0)}),p=p?p.add(this):this,p.colorPicker=q||(q=new K(c)),B+=(B?", ":"")+this.selector,b(c.body).off(".a").on(D,function(a){var c=b(a.target);-1!==b.inArray(c.closest(B)[0],p)||c.closest(u).length||p.colorPicker.$trigger&&h()}).on("focusin.a click.a",B,h).on("change.a",B,function(){r.setColor(this.value||"#FFF"),p.colorPicker.render(!0)}),this.each(function(){var a=e(this),d=a.split("("),f=g(b(this));f.data("colorMode",d[1]?d[0].substr(0,3):"HEX").attr("readonly",s.preventFocus),c.doRender&&f.css({"background-color":a,color:function(){return r.setColor(a).rgbaMixBGMixCustom.luminance>.22?"#222":"#ddd"}})})},b.fn.colorPicker.destroy=function(){b(q.color.options.body).off(".a"),q.toggle(!1),p=null,B=""},b}(window,jQuery,Colors);
+//# sourceMappingURL=jqColorPicker.js.map

data/lib/instamatic/public/styles/app.css

@@ -0,0 +1,3 @@
+body {
+  padding-top: 50px;
+}

data/lib/instamatic/version.rb

@@ -0,0 +1,3 @@
+module Instamatic
+  VERSION = '0.1.0'
+end

data/lib/instamatic/views/index.erb

@@ -0,0 +1,136 @@
+<div class="col-md-6">
+  <h3>Use the Image Form</h3>
+
+  <div class="panel panel-default">
+    <div class="panel-body">
+      <h4>Click Your Way to Success</h4>
+
+      <p>You can also use this convenient form to set the options and return a picture:</p>
+      <form action="/images" method="post">
+        <div class="form-group">
+          <label for="imageInput">Image</label>
+          <select class="form-control" id="imageInput" name="image_input">
+            <% if @image_select_hash %>
+              <% @image_select_hash.each do |file, name| %>
+                <option value="<%= file %>"><%= name %></option>
+              <% end %>
+            <% end %>
+          </select>
+        </div>
+        <div class="form-group">
+          <label for="widthInput">Width in Pixels</label>
+          <input type="number" class="form-control" id="widthInput" name="width_input" value="1024" min="16" max="2560">
+        </div>
+        <div class="form-group">
+          <label for="heightInput">Height in Pixels</label>
+          <input type="number" class="form-control" id="heightInput" name="height_input" value="768" min="16" max="2560">
+        </div>
+        <div class="form-group">
+          <label for="colorInput">Background Color</label>
+          <input type="text" class="form-control color no-alpha" id="colorInput" name="color_input" value="#FFFFFF">
+        </div>
+        <div class="form-group">
+          <label for="percentInput">Scale in Percent</label>
+          <input type="number" class="form-control" id="percentInput" name="percent_input" value="100" min="25" max="300" step="25">
+        </div>
+        <button type="submit" class="btn btn-default">Submit</button>
+      </form>
+    </div>
+  </div>
+</div>
+
+<div class="col-md-6">
+  <h3>Use the URL API</h3>
+
+  <div class="panel panel-default">
+    <div class="panel-body">
+
+      <h4>URL Quick Start</h4>
+
+      <p>There are two patterns you can use to build out an image from the URL, one with a named image and one without.</p>
+
+      <p>An example of a valid image URL with a named image would be:</p>
+      <div class="well well-sm"><a href="/<%= @example_image[:file]%>/800/600/ffc0cb/" title="example link">/<%= @example_image[:file]%>/800/600/ffc0cb/</a></div>
+      <p>This link returns an 800x600 pixel image of <%= @example_image[:name]%> with a solid pink background color. You can find a list of valid parameters <a href="#parameter-values" title="values link">below</a>.</p>
+
+      <p>Another example of a valid URL without one would be:</p>
+      <div class="well well-sm"><a href="/640/480" title="example link">/640/480</a></div>
+      <p>This link returns a randomly chosen 640x480 pixel with a white background color.</p>
+
+      <hr>
+
+      <p>Yet another valid URL would be:</p>
+      <div class="well well-sm"><a href="/640/480/000000/200/" title="example link">/640/480/000000/200/</a></div>
+      <p>This link returns a randomly chosen 1280x960 pixel with a black background color. This could be sized to 50% to create a retina-friendly image</p>
+
+      <hr>
+
+      <h4>URL Parameters</h4>
+
+      <p>The URL parameters are parsed in order to customize your image as follows:</p>
+      <div class="well well-sm"><strong>/:image/:width/:height/:color/:scale/</strong></div>
+      <p>or</p>
+      <div class="well well-sm"><strong>/:width/:height/:color/:scale/</strong></div>
+
+      <hr>
+
+      <h4 id="parameter-values">Valid Parameter Values</h4>
+
+      <p>Valid values for the URL parameters are listed below</p>
+      <dl class="padded-dl">
+        <dt>Image</dt>
+        <dd>
+          <ul>
+            <% if @image_select_hash %>
+              <% @image_select_hash.each do |file, name| %>
+                <li><code><%= file %></code></li>
+              <% end %>
+            <% end %>
+          </ul>
+        </dd>
+        <dt>Width & Height</dt>
+        <dd>
+          Any positive integer between <code>16</code> and <code>2560</code>
+        </dd>
+        <dt>Color</dt>
+        <dd>
+          Any valid hex web color without the pound sign in front of it
+        </dd>
+        <dt>Scale</dt>
+        <dd>
+          Any positive integer from <code>25</code> to <code>300</code>; the default is <code>100</code>
+        </dd>
+      </dl>
+
+      <hr>
+
+      <h4>Optional Values</h4>
+
+      <ul>
+        <li>parameters are parsed in order from first to last</li>
+        <li>all parameters but the first can be omitted in reverse order</li>
+        <li>omitted parameters will assume their default values</li>
+        <li>the trailing slash at the end of the URL is optional</li>
+      </ul>
+
+      <hr>
+
+      <h4>Default Values</h4>
+
+      <dl class="dl-horizontal">
+        <dt>Image</dt>
+        <dd>a randomly chosen image</dd>
+        <dt>Width</dt>
+        <dd><code>1024</code></dd>
+        <dt>Height</dt>
+        <dd><code>768</code></dd>
+        <dt>Color</dt>
+        <dd><code>ffffff</code></dd>
+        <dt>Scale</dt>
+        <dd><code>100</code></dd>
+      </dl>
+    </div>
+  </div>
+
+  </div>
+</div>

data/lib/instamatic/views/layout.erb

@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Instamatic</title>
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles/app.css">
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container">
+        <div class="navbar-header">
+          <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">-->
+          <!--<span class="sr-only">Toggle navigation</span>-->
+          <!--<span class="icon-bar"></span>-->
+          <!--<span class="icon-bar"></span>-->
+          <!--<span class="icon-bar"></span>-->
+          <!--</button>-->
+          <a class="navbar-brand" href="#">Instamatic - Just Add Pictures</a>
+        </div>
+        <!--<div id="navbar" class="collapse navbar-collapse">-->
+        <!--<ul class="nav navbar-nav">-->
+        <!--<li class="active"><a href="#">Home</a></li>-->
+        <!--<li><a href="#about">About</a></li>-->
+        <!--<li><a href="#contact">Contact</a></li>-->
+        <!--</ul>-->
+        <!--</div>-->
+        <!--/.nav-collapse -->
+      </div>
+    </nav>
+    <div class="container">
+      <%= yield %>
+    </div>
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" crossorigin="anonymous"></script>
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+    <script src="scripts/jqColorPicker.min.js"></script>
+    <script src="scripts/app.js"></script>
+  </body>
+</html>

data/lib/instamatic.rb

@@ -0,0 +1,5 @@
+require 'instamatic/version'
+
+module Instamatic
+  autoload :App, 'instamatic/app'
+end

data/utils/setup_instamatic_util.rb

@@ -0,0 +1,44 @@
+require 'fileutils'
+
+module Instamatic
+  class SetupInstamaticUtil
+    def self.copy_to_project!
+      puts "Generate MVP Photo Placement Site?\nType ['Y/y'] to proceed\nType anything else to cancel"
+      proceed = gets.chomp
+
+      if proceed.downcase == 'y'
+        copy_template_and_image_files
+        puts "\nAll done!"
+        puts "Add png files with transparency in the images folder and run the server to get started\n\n"
+      end
+    end
+
+    def self.copy_template_and_image_files
+      project_pwd = FileUtils.pwd
+      lib_path = File.expand_path('../../lib', __FILE__)
+
+      # TODO use this for a full generate-everything setup
+      # FileUtils.copy_entry(lib_path, project_pwd) # this copies everything in lib
+
+      templates_source = "#{lib_path}/instamatic/views/"
+      templates_dest = "#{project_pwd}/templates"
+
+      #puts "#{Dir.glob("#{templates_source}/*")}"
+
+      FileUtils.cp_r(templates_source, templates_dest)
+
+      images_source = "#{lib_path}/instamatic/images/"
+      images_dest = "#{project_pwd}/images"
+
+      FileUtils.cp_r(images_source, images_dest)
+
+      config_ru_path = "#{File.expand_path('../..', __FILE__)}/config.ru"
+      config_ru_dest = "#{project_pwd}/config.ru"
+      
+      puts "config_ru_path: #{config_ru_path}"
+      puts "config_ru_dest: #{config_ru_dest}"
+
+      FileUtils.cp_r(config_ru_path, config_ru_dest)
+    end
+  end
+end

metadata

@@ -0,0 +1,125 @@
+--- !ruby/object:Gem::Specification
+name: instamatic
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Andrew Neely
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-02-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !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: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.4.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.4.5
+- !ruby/object:Gem::Dependency
+  name: mini_magick
+  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: 'It''s an image placement service in a box! Step 1: Install and run a
+  generator. Step 2) Drop your images into the images directory. Step 3) Profit!'
+email:
+- aneely@gmail.com
+executables:
+- setup_instamatic
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- config.ru
+- exe/setup_instamatic
+- instamatic.gemspec
+- lib/instamatic.rb
+- lib/instamatic/app.rb
+- lib/instamatic/images/l_l_cool_j.png
+- lib/instamatic/public/favicon.ico
+- lib/instamatic/public/scripts/app.js
+- lib/instamatic/public/scripts/jqColorPicker.min.js
+- lib/instamatic/public/styles/app.css
+- lib/instamatic/version.rb
+- lib/instamatic/views/index.erb
+- lib/instamatic/views/layout.erb
+- utils/setup_instamatic_util.rb
+homepage: https://bitbucket.org/aneely/instamatic
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+- utils
+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.6
+signing_key: 
+specification_version: 4
+summary: It's an image placement service in a box!
+test_files: []