avatarize 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 67526e89034102b5bad76ccb4e79f41e7d2b42aaee671e12b2ebe83c06b64a4d
+  data.tar.gz: a76e75fc26301c9de10cac2f8e63bd46a1b16970d178acdb5959e59fac331521
+SHA512:
+  metadata.gz: d0e722b5433f4ccd3849f582e2719c9e714a311aa95208376bd22552968d99750c78e1f4e051f2e7a64afbee9c3a90cc733d150f86336b13a082a049c70646f7
+  data.tar.gz: 3a3cb2da0544ccc1b68b0cd224177748158f23a963aa1ba3653c4f01498e198d70988e90cda61debb36889fca4b61ac44a413f43cc1e9641b451ebf6c35daf43

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Roger Bagué
+
+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,50 @@
+# Avatarize
+
+Gem to create letter avatars from users name (or any string).
+It uses HTML canvas to generate the image (base64).
+
+Based on [Lee Crossley's](https://github.com/leecrossley) [gist](https://gist.github.com/leecrossley/6027780)
+
+## Installation
+
+Add this line to your application's `Gemfile`:
+
+```ruby
+gem 'avatarize'
+```
+
+Add the following to `application.js`:
+```js
+  //= require avatarize
+
+  window.addEventListener("turbolinks:load", Avatarizer.processAll);
+  // Or this if not uing turbolinks
+  window.addEventListener("load", Avatarizer.processAll);
+```
+
+## Usage
+
+To create an avatar:
+```erb
+  <%= avatar_tag 'Avatarize' %>
+
+  # Custom size
+  <%= avatar_tag 'Avatarize', 200 %>
+
+  # Other html attributes
+  <%= avatar_tag 'Avatarize', nil, class: 'rounded-circle', title: 'Avatar' %>
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome.
+
+1. Fork the project https://github.com/rbague/avatarize/fork
+2. Run `bundle` and `bundle exec rake`
+3. Make your feature or bug fix
+4. Add tests for it. This is important so that it does not break in a future version.
+5. Submit a new Pull Request
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/javascripts/avatarize.js

@@ -0,0 +1,47 @@
+/*
+* Avatarizer.js
+*
+* Roger Bagué Martí
+* Create a letter avatar based on the initial
+* MIT License
+*/
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global.Avatarizer = factory());
+}(this, (function () { 'use strict';
+  const COLOURS = ["#1abc9c", "#2ecc71", "#3498db", "#9b59b6", "#34495e", "#16a085", "#27ae60", "#2980b9", "#8e44ad", "#2c3e50", "#f1c40f", "#e67e22", "#e74c3c", "#ecf0f1", "#95a5a6", "#f39c12", "#d35400", "#c0392b", "#bdc3c7", "#7f8c8d"];
+
+  const Avatarizer = {
+    process: function (source, size) {
+      size = size || 100;
+      if (window.devicePixelRatio) { size = size * window.devicePixelRatio; }
+
+      var content = String(source || "").toUpperCase().charAt(0);
+      var colourIndex = (content.charCodeAt(0) - 64) % COLOURS.length;
+
+      let canvas = document.createElement("canvas");
+      canvas.width = size;
+      canvas.height = size;
+
+      let context = canvas.getContext("2d");
+      context.fillStyle = COLOURS[colourIndex - 1];
+      context.fillRect(0, 0, canvas.width, canvas.height);
+      context.font = Math.round(canvas.width / 1.333) + "px Arial";
+      context.textAlign = "center";
+      context.fillStyle = "#FFFFFF";
+      context.fillText(content, size / 2, Math.round(canvas.width / 1.333));
+
+      return canvas.toDataURL();
+    },
+    processAll: function () {
+      document.querySelectorAll("img[data-avatar-content]").forEach(function(element) {
+        let source = element.getAttribute("data-avatar-content");
+        element.src = Avatarizer.process(source, element.getAttribute("data-avatar-size"));
+        element.setAttribute("alt", source);
+      });
+    }
+  };
+
+  return Avatarizer;
+})));

data/lib/avatarize.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require 'avatarize/version'
+require 'avatarize/engine' if defined?(Rails)
+
+module Avatarize # :nodoc:
+  class << self
+    attr_accessor :defaults
+  end
+
+  self.defaults = { data: { avatar_content: '?', avatar_size: 100 } }
+end

data/lib/avatarize/engine.rb

@@ -0,0 +1,9 @@
+require 'avatarize/helper'
+
+ActiveSupport.on_load(:action_view) do
+  include Avatarize::Helper
+end
+
+module Avatarize
+  class Engine < ::Rails::Engine; end
+end

data/lib/avatarize/helper.rb

@@ -0,0 +1,24 @@
+module Avatarize
+  # Module Helper provides a method to generate the avatar in views
+  module Helper
+    def avatar_tag(content, size = nil, html_options = {})
+      avatar = avatarize_deep_copy(Avatarize.defaults)
+      avatar[:data][:avatar_content] = content unless content.nil? || content.empty?
+      avatar[:data][:avatar_size] = size unless size.nil? || size <= 0
+
+      tag(:img, html_options.merge(avatar))
+    end
+
+    private
+
+    def avatarize_deep_copy(source)
+      source.each_with_object(source.dup) do |(key, value), hash|
+        hash[key] = if value.is_a?(Hash)
+                      avatarize_deep_copy(value)
+                    else
+                      value
+                    end
+      end
+    end
+  end
+end

data/lib/avatarize/version.rb

@@ -0,0 +1,3 @@
+module Avatarize
+  VERSION = '0.1.0'.freeze
+end

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification
+name: avatarize
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Roger Bagué
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-03-12 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !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: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: 
+email: rogerbague@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- app/assets/javascripts/avatarize.js
+- lib/avatarize.rb
+- lib/avatarize/engine.rb
+- lib/avatarize/helper.rb
+- lib/avatarize/version.rb
+homepage: https://github.com/rbague/avatarize
+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: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: Create nice avatars from your user's initial
+test_files: []