omg_image 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 2e1e0241bab9c052e42bc9319cac7fcaf7ea68999c8032f8578d92876f4cd5b2
+  data.tar.gz: 7c8a7684a69bc13d0bdcaf91aa08565dfbe49d84f55da595666459066fb49501
+SHA512:
+  metadata.gz: bcef2a421d5106171d8c269a50bf353ce676953a9a45c2cced6cf667352a9dfcd36f8bc977c0c440314fc30e826e95c55a205319f0c2797b21a1775afb73038a
+  data.tar.gz: 91f6c00b8688af4a216dd5b18c9e2b30b06d8b4265b9248611179b1262722e2eb95548a3f95bd6f6220fd166249630c46cd51cb4fb109fbd11a0b973cbe8abb5

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2018 Igor Kasyanchuk
+
+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,39 @@
+# OmgImage
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'omg_image'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install omg_image
+```
+
+## Development
+
+- install chrome headless 
+- add to `/etc/hosts` new host `127.0.0.0     site.com`
+- in `puma.rb` put `workers ENV.fetch("WEB_CONCURRENCY") { 3 }` (required because screenshot is made from another request)
+- 
+
+## Issues
+
+- if you process too many requests and because of timeouts dead processes may appear. To kill them `parents_of_dead_kids=$(ps -ef | grep [d]efunct | awk '{print $3}' | sort | uniq | egrep -v '^1$'); echo "$parents_of_dead_kids" | xargs kill`
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'OmgImage'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/config/omg_image_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/omg_image .js
+//= link_directory ../stylesheets/omg_image .css

data/app/assets/javascripts/omg_image/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require activestorage
+//= require_tree .

data/app/assets/stylesheets/omg_image/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/controllers/omg_image/application_controller.rb

@@ -0,0 +1,5 @@
+module OmgImage
+  class ApplicationController < ActionController::Base
+    protect_from_forgery with: :exception
+  end
+end

data/app/controllers/omg_image/previews_controller.rb

@@ -0,0 +1,9 @@
+module OmgImage
+  class PreviewsController < ApplicationController
+    layout nil
+
+    def show
+    end
+
+  end
+end

data/app/helpers/omg_image/application_helper.rb

@@ -0,0 +1,75 @@
+require 'uri'
+require 'tempfile'
+require 'timeout'
+require 'open4'
+
+module OmgImage
+  module ApplicationHelper
+    include OmgHelper
+
+    def omg_image_preview(template, options)
+      options        ||= {}
+      options[:size] ||= '800,400'
+      options[:key]  ||= options.to_s
+
+      image = OmgImage::Image.find_by(key: options[:key])
+      if image && !image.file.attached?
+        image.destroy
+        image = nil
+      end
+
+      file = image&.file || create_screenshot(template, options)
+
+      url_for(file) if file
+    end
+
+    private
+
+    def create_screenshot(template, options)
+      begin
+        start = Time.now
+        body  = OmgImage::Renderer.render(template, locals: options)
+        log_smt "  to_html: #{(Time.now - start).round(2)}"
+
+        input = BetterTempfile.new("input.html")
+        input.write(body)
+        input.flush
+
+        output = BetterTempfile.new("image.png")
+
+        options = { file: output, size: options[:size], path: input.path }
+        command = build_chrome_command(options)
+        log_smt "  => #{command}"
+
+        start = Time.now
+        begin
+          process = open4.spawn(command, timeout: 10)
+        rescue Timeout::Error
+          Process.kill('KILL', process.pid) rescue nil
+        end
+        log_smt "  to_image: #{(Time.now - start).round(2)}"
+
+        image = OmgImage::Image.find_or_create_by(key: options[:key])
+        if !image.file.attached?
+          image.file.attach(io: File.open(output.path), filename: "image.png", content_type: "image/png")
+          image.save
+        end
+
+        image.file
+      ensure
+        output&.close!
+        input&.close!
+      end
+    end
+
+    def build_chrome_command(options)
+      size_opts = options[:size] == :auto ? nil : "--window-size=#{options[:size]}"
+      "google-chrome --headless --disable-gpu --no-sandbox --ignore-certificate-errors --screenshot=#{options[:file].path} #{size_opts} \"file://#{options[:path]}\""
+    end
+
+    def log_smt(str)
+      Rails.logger.debug(str)
+    end
+
+  end
+end

data/app/helpers/omg_image/omg_helper.rb

@@ -0,0 +1,58 @@
+module OmgImage
+  module OmgHelper
+    COLORS = [
+      {
+        bg: "#19063A",
+        text: "#dce9f3",
+      },
+      {
+        bg: "#080E3B",
+        text: "#ffffff",
+      },
+      {
+        bg: "#010C1F",
+        text: "#aebcd5",
+      },
+      {
+        bg: "#d7dee2",
+        text: "#022235",
+      },
+      {
+        bg: "#161616",
+        text: "#66e2d5",
+      },
+      {
+        bg: "#1c0bba",
+        text: "#c9d2dd",
+      },
+      {
+        bg: '#449833',
+        text: '#fff'
+      },
+      {
+        bg: '#f31e25',
+        text: '#fff'
+      },
+      {
+        bg: '#f5681d',
+        text: '#fff'
+      },
+      {
+        bg: '#3d9fe1',
+        text: '#fff'
+      },
+      {
+        bg: '#930b99',
+        text: '#fff'
+      },
+      {
+        bg: '#f2169a',
+        text: '#fff'
+      },
+    ].shuffle.freeze
+
+    def assigned_color(id = rand(COLORS.size))
+      COLORS[id % COLORS.size]
+    end
+  end
+end

data/app/jobs/omg_image/application_job.rb

@@ -0,0 +1,4 @@
+module OmgImage
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/omg_image/application_mailer.rb

@@ -0,0 +1,6 @@
+module OmgImage
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/omg_image/application_record.rb

@@ -0,0 +1,5 @@
+module OmgImage
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/omg_image/image.rb

@@ -0,0 +1,15 @@
+# == Schema Information
+#
+# Table name: omg_image_images
+#
+#  id         :integer          not null, primary key
+#  key        :string
+#  created_at :datetime
+#
+
+module OmgImage
+  class Image < ApplicationRecord
+    has_one_attached :file
+    validates :key, presence: true
+  end
+end

data/config/routes.rb

@@ -0,0 +1,2 @@
+OmgImage::Engine.routes.draw do
+end

data/db/migrate/20180928082949_create_omg_image_images.rb

@@ -0,0 +1,8 @@
+class CreateOmgImageImages < ActiveRecord::Migration[5.2]
+  def change
+    create_table :omg_image_images do |t|
+      t.string :key, index: true, unique: true
+      t.datetime :created_at
+    end
+  end
+end

data/lib/generators/omg_generator.rb

@@ -0,0 +1,7 @@
+class OmgGenerator < Rails::Generators::Base
+  source_root File.expand_path('templates', __dir__)
+  
+  def create_omg_file
+    directory "app/omg"
+  end
+end

data/lib/generators/templates/app/omg/simple.html.erb

@@ -0,0 +1,102 @@
+<% accent_color         = '#FFF' %>
+<% color                = '#FFF' %>
+<% dark_color           = "#000" %>
+<% description_bg_color = 'yellow' %>
+<% description_color    = '#000' %>
+<% border_color         = '#000' %>
+<% shadow_color         = '#555' %>
+
+<style>
+  body{
+    background: white;
+    margin:0;
+    padding:0;
+    overflow: hidden;
+    position:relative;
+  }
+  .preview-div-wrapper {
+    overflow: hidden;
+    position:relative;
+  }
+  .preview-div {
+    background: #fff;
+    border: 0.25vw solid <%= border_color %>;
+    box-shadow: 0.8vw 1vw 0px <%= shadow_color %>;
+    width: 88vw;
+    height: 44vw;
+    margin: 2.5vw auto 5vw;
+    overflow: hidden;
+    position:relative;
+  }
+  .preview-info-header {
+    color: black;
+    margin: 2vw auto 0vw;
+    font-family:  "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 3.5vw;
+    width: 92%;
+  }
+  h1 {
+    color: <%= dark_color %>;
+    width: 92%;
+    margin: 1vw auto;
+    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  }
+  .preview-description {
+    font-size: 3.5vw;
+    position: absolute;
+    left: 1.5vw;
+    bottom: 1.5vw;
+    padding: 1vw 2vw;
+    font-weight: 300;
+    display: flex;
+    flex-flow: row;
+    height: 4vh;    
+    align-items: center;
+  }
+  .preview-description img {
+    display: inline-block;
+    width: 3vw;
+  }
+  .preview-description span {
+    font-size: 2.0vw;
+    padding-top: 1vh;
+    padding-left: 0.5vw;
+  }
+  .preview-tags {
+    position: absolute;
+    right: 1.5vw;
+    bottom: 1.5vw;
+    padding: 1vw 2vw;
+    font-weight: 300;
+  }
+  .preview-tags .tag {
+    font-size: 2.0vw;
+    margin-right: 0.8vw;
+    padding: 0.4vw 0.8vw;
+  }
+</style>
+
+<div class="preview-div-wrapper">
+  <div class="preview-div">
+    <% font_size = 15 - (((title.size**0.89)+85)/16) %>
+    <h1 style="font-size:<%= font_size %>vw;"><%= raw title %><h1>
+
+    <div class="preview-description">
+      <%= image_tag 'logo.svg' %>
+      <span><%= description %></span>
+    </div>
+
+    <% if tags.any? %>
+      <div class="preview-tags">
+        <% shift = rand(10) %>
+        <% tags.each_with_index do |tag, index| %>
+          <% color = assigned_color(shift + index) %>
+          <span class='tag' style="background: <%= color[:bg] %>; color: <%= color[:text] %>">
+            <%= tag %>
+          </span>
+        <% end %>
+      </div>
+    <% end %>
+
+  </div>
+</div>

data/lib/generators/templates/app/omg/square.html.erb

@@ -0,0 +1,22 @@
+<style>
+  body{
+    background: yellow;
+    display: flex;
+    flex-direction: columns;
+    align-items: center;
+    text-align: center;
+  }
+  h1 {
+    color: #000;
+    width: 92%;
+    margin: 1vw auto;
+    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  }
+</style>
+
+<div class="preview-div-wrapper">
+  <div class="preview-div">
+    <% font_size = 15 - (((title.size**0.89)+85)/16) %>
+    <h1 style="font-size:<%= font_size %>vw;"><%= raw title %><h1>
+  </div>
+</div>

data/lib/omg_image/engine.rb

@@ -0,0 +1,11 @@
+module OmgImage
+  class Engine < ::Rails::Engine
+    isolate_namespace OmgImage
+
+    initializer 'rails_db.helpers' do
+      ActiveSupport.on_load :action_view do
+        ActionView::Base.send :include, OmgImage::ApplicationHelper
+      end
+    end    
+  end
+end

data/lib/omg_image/renderer.rb

@@ -0,0 +1,11 @@
+module OmgImage
+  class Renderer
+    def Renderer.render(template, layout: nil, locals: {})
+      ::ApplicationController.render(
+        file: "/#{Rails.root}/app/omg/#{template}", 
+        layout: layout, 
+        locals: locals
+      )
+    end
+  end
+end

data/lib/omg_image/version.rb

@@ -0,0 +1,3 @@
+module OmgImage
+  VERSION = '0.0.1'
+end

data/lib/omg_image.rb

@@ -0,0 +1,7 @@
+require "better_tempfile"
+
+require "omg_image/engine"
+require "omg_image/renderer"
+
+module OmgImage
+end

metadata

@@ -0,0 +1,151 @@
+--- !ruby/object:Gem::Specification
+name: omg_image
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Igor Kasyanchuk
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-11-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.0.0
+- !ruby/object:Gem::Dependency
+  name: open4
+  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: better_tempfile
+  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: sqlite3
+  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: puma
+  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: pry
+  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'
+description: Description of OmgImage.
+email:
+- igorkasyanchuk@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/config/omg_image_manifest.js
+- app/assets/javascripts/omg_image/application.js
+- app/assets/stylesheets/omg_image/application.css
+- app/controllers/omg_image/application_controller.rb
+- app/controllers/omg_image/previews_controller.rb
+- app/helpers/omg_image/application_helper.rb
+- app/helpers/omg_image/omg_helper.rb
+- app/jobs/omg_image/application_job.rb
+- app/mailers/omg_image/application_mailer.rb
+- app/models/omg_image/application_record.rb
+- app/models/omg_image/image.rb
+- config/routes.rb
+- db/migrate/20180928082949_create_omg_image_images.rb
+- lib/generators/omg_generator.rb
+- lib/generators/templates/app/omg/simple.html.erb
+- lib/generators/templates/app/omg/square.html.erb
+- lib/omg_image.rb
+- lib/omg_image/engine.rb
+- lib/omg_image/renderer.rb
+- lib/omg_image/version.rb
+homepage: https://github.com/igorkasyanchuk/omg_image
+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.7.6
+signing_key: 
+specification_version: 4
+summary: Summary of OmgImage.
+test_files: []