Title: {this.props.title}
24 | Body: {this.props.body}
25 | Published: {this.props.published}
26 | Published By: {this.props.publishedBy}
27 | rails logo(100): 
28 | rails logo(50): })
29 | rails logo(25): {imageTag(railsLogo, {width: 25})}
30 | reactjs logo: 
31 | custom props with component:
32 | custom props with helper: {imageTag("logo/reactjs-logo.svg", {id:"img-custom-props-helper", className:"logo", alt:reactjsLogo, onClick:this.handleClick, "data-foo":"bar", "data-clicked":this.state.clicked})}
33 | 
`
33 | 2. with props: e.g.: `
`
35 |
36 | 1) this feature requires gem 'css_sprite'
37 |
38 | 2) css_sprite images should be placed in dir `assets/images/css_sprite/`
39 |
40 | 3) put the string `css_sprite` after `/assets/` in the path
41 |
42 | ### JS funtion Style
43 |
44 | just similar to rails helper `image_tag`
45 |
46 | 1. base usage: e.g.: `imageTag('logo.png')`
47 | 2. with props: e.g.: `imageTag('path/logo.png', {alt: 'logo', className: 'logo', id: 'logo', width: 100, height: 50})`
48 |
49 |
50 | ### helper for getting image path
51 |
52 | e.g.: `Img.assetPath('placeholder/logo.png')`
53 |
54 | ## Acknowledgements
55 |
56 | the image path will respect `Rails.env`, for development it will be sth like
57 |
58 | `/assets/logo.png`
59 |
60 | and for production, it will be contains the timestamp as
61 |
62 | `/assets/logo-be1f67ffd42a4c1a41bdcc547c5705a3423a2f24bfe930f00398077fe518e6c0.png`
63 |
64 |
65 | ## Contributing
66 |
67 | 1. Fork it ( https://github.com/rainchen/react-rails-img/fork )
68 | 2. Create your feature branch (`git checkout -b my-new-feature`)
69 | 3. Commit your changes (`git commit -am 'Add some feature'`)
70 | 4. Push to the branch (`git push origin my-new-feature`)
71 | 5. Create a new Pull Request
72 |
--------------------------------------------------------------------------------
/spec/dummy/config/environments/test.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # The test environment is used exclusively to run your application's
5 | # test suite. You never need to work with it otherwise. Remember that
6 | # your test database is "scratch space" for the test suite and is wiped
7 | # and recreated between test runs. Don't rely on the data there!
8 | config.cache_classes = true
9 | # config.cache_classes = false # set cache_classes to false to disable Sprockets caching assets so that `Sprockets.register_dependency_resolver 'rails-env'` can be called for each asset
10 | # prevent sprockets from caching assets in test env when cache_classes is set to true
11 | sprockets_env = nil
12 | config.assets.configure do |env|
13 | sprockets_env = env # Sprockets::Environment
14 | # Use memory store for assets cache in test env to avoid caching to tmp/assets
15 | env.cache = ActiveSupport::Cache.lookup_store(:memory_store)
16 | end
17 | # reset `Rails.application.assets` which was set by sprockets-rails using `env = env.cached; app.assets = self.build_environment(app, true)`
18 | # in sprockets-rails-3.1.1/lib/sprockets/railtie.rb
19 | config.after_initialize do
20 | # Rails.application.assets is Sprockets::CachedEnvironment
21 | Rails.application.assets = sprockets_env
22 | end
23 |
24 | # Do not eager load code on boot. This avoids loading your whole application
25 | # just for the purpose of running a single test. If you are using a tool that
26 | # preloads Rails for running tests, you may have to set it to true.
27 | config.eager_load = false
28 |
29 | # Configure static file server for tests with Cache-Control for performance.
30 | config.serve_static_files = true
31 | config.static_cache_control = 'public, max-age=3600'
32 |
33 | # Show full error reports and disable caching.
34 | config.consider_all_requests_local = true
35 | config.action_controller.perform_caching = false
36 |
37 | # Raise exceptions instead of rendering exception templates.
38 | config.action_dispatch.show_exceptions = false
39 |
40 | # Disable request forgery protection in test environment.
41 | config.action_controller.allow_forgery_protection = false
42 |
43 | # Tell Action Mailer not to deliver emails to the real world.
44 | # The :test delivery method accumulates sent emails in the
45 | # ActionMailer::Base.deliveries array.
46 | config.action_mailer.delivery_method = :test
47 |
48 | # Randomize the order test cases are executed.
49 | config.active_support.test_order = :random
50 |
51 | # Print deprecation notices to the stderr.
52 | config.active_support.deprecation = :stderr
53 |
54 | # Raises error for missing translations
55 | # config.action_view.raise_on_missing_translations = true
56 | end
57 |
--------------------------------------------------------------------------------
/spec/rails_helper.rb:
--------------------------------------------------------------------------------
1 | # This file is copied to spec/ when you run 'rails generate rspec:install'
2 | ENV['RAILS_ENV'] ||= 'test'
3 | require File.expand_path('../dummy/config/environment', __FILE__)
4 | # Prevent database truncation if the environment is production
5 | abort("The Rails environment is running in production mode!") if Rails.env.production?
6 | require 'spec_helper'
7 | require 'rspec/rails'
8 | # Add additional requires below this line. Rails is not loaded until this point!
9 |
10 | # Requires supporting ruby files with custom matchers and macros, etc, in
11 | # spec/support/ and its subdirectories. Files matching `spec/**/*_spec.rb` are
12 | # run as spec files by default. This means that files in spec/support that end
13 | # in _spec.rb will both be required and run as specs, causing the specs to be
14 | # run twice. It is recommended that you do not name files matching this glob to
15 | # end with _spec.rb. You can configure this pattern with the --pattern
16 | # option on the command line or in ~/.rspec, .rspec or `.rspec-local`.
17 | #
18 | # The following line is provided for convenience purposes. It has the downside
19 | # of increasing the boot-up time by auto-requiring all files in the support
20 | # directory. Alternatively, in the individual `*_spec.rb` files, manually
21 | # require only the support files necessary.
22 | #
23 | # Dir[Rails.root.join('spec/support/**/*.rb')].each { |f| require f }
24 |
25 | # Checks for pending migration and applies them before tests are run.
26 | # If you are not using ActiveRecord, you can remove this line.
27 | ActiveRecord::Migration.maintain_test_schema!
28 |
29 | RSpec.configure do |config|
30 | # Remove this line if you're not using ActiveRecord or ActiveRecord fixtures
31 | config.fixture_path = "#{::Rails.root}/spec/fixtures"
32 |
33 | # If you're not using ActiveRecord, or you'd prefer not to run each of your
34 | # examples within a transaction, remove the following line or assign false
35 | # instead of true.
36 | config.use_transactional_fixtures = true
37 |
38 | # RSpec Rails can automatically mix in different behaviours to your tests
39 | # based on their file location, for example enabling you to call `get` and
40 | # `post` in specs under `spec/controllers`.
41 | #
42 | # You can disable this behaviour by removing the line below, and instead
43 | # explicitly tag your specs with their type, e.g.:
44 | #
45 | # RSpec.describe UsersController, :type => :controller do
46 | # # ...
47 | # end
48 | #
49 | # The different available types are documented in the features, such as in
50 | # https://relishapp.com/rspec/rspec-rails/docs
51 | config.infer_spec_type_from_file_location!
52 |
53 | # Filter lines from Rails gems in backtraces.
54 | config.filter_rails_from_backtrace!
55 | # arbitrary gems may also be filtered via:
56 | # config.filter_gems_from_backtrace("gem name")
57 | end
58 |
--------------------------------------------------------------------------------
/spec/dummy/app/assets/images/rails-logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
36 |
--------------------------------------------------------------------------------
/vendor/assets/javascripts/react_rails_img.js.jsx.erb:
--------------------------------------------------------------------------------
1 | <%
2 | images = {}
3 | prefix = Rails.application.config.assets.prefix
4 | should_compute_assets_path = Rails.env.production? || Rails.env.staging? # for performance
5 | if should_compute_assets_path
6 | images_path = Rails.root.join('app/assets/images/')
7 | images_dir = images_path.to_s
8 | images_enumerator = defined?(assets) ? assets.each_file : Dir["#{images_dir}**/*.*"]
9 | images_enumerator.each do |file_path|
10 | if file_path.to_s.starts_with?(images_dir)
11 | relative_path = Pathname.new(file_path).relative_path_from(Pathname.new(images_path)).to_s
12 | file_path = asset_path(relative_path)
13 | images[relative_path] = file_path
14 | end
15 | end
16 | end
17 | %>
18 | // usage: 
19 | // using cssSprite: 
=>
20 | //