middleman-sprockets 3.0.0.rc.1

data/.gitignore

@@ -0,0 +1,5 @@
+.DS_Store
+Gemfile.lock
+tmp
+.rbenv-*
+.sass-cache

data/.travis.yml

@@ -0,0 +1,10 @@
+rvm:
+  - 1.8.7
+  - 1.9.2
+  - 1.9.3
+  - jruby-18mode
+  - jruby-19mode
+
+script: "bundle exec rake test"
+
+env: TEST=true

data/Gemfile

@@ -0,0 +1,28 @@
+source :rubygems
+
+git "git://github.com/middleman/middleman.git" do
+  gem "middleman"
+  gem "middleman-core"
+  gem "middleman-more"
+end
+
+# Specify your gem's dependencies in middleman-blog.gemspec
+gemspec
+
+group :development do
+  gem "rake",     "~> 0.9.2"
+  gem "rdoc",     "~> 3.9"
+  gem "yard",     "~> 0.8.0"
+end
+
+group :test do
+  gem "cucumber", "~> 1.2.0"
+  gem "fivemat"
+  gem "aruba",    "~> 0.4.11"
+  gem "rspec",    "~> 2.7"
+
+  # For actual tests
+  gem "jquery-rails", "~> 2.0.1"
+  # gem "bootstrap-rails", "0.0.5"
+  # gem "zurb-foundation"
+end

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2012 Thomas Reynolds
+
+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,49 @@
+# middleman-sprockets
+
+# Install
+
+```
+gem install middleman-sprockets
+```
+
+If you already have a Middleman project:
+Add `middleman-sprockets` to your `Gemfile`, and open your `config.rb` and add:
+
+```
+activate :sprockets
+```
+
+# Community
+
+The official community forum is available at:
+
+  http://forum.middlemanapp.com/
+
+# Bug Reports
+
+GitHub Issues are used for managing bug reports and feature requests. If you run into issues, please search the issues and submit new problems:
+
+https://github.com/middleman/middleman-sprockets/issues
+
+The best way to get quick responses to your issues and swift fixes to your bugs is to submit detailed bug reports, include test cases and respond to developer questions in a timely manner. Even better, if you know Ruby, you can submit Pull Requests containing Cucumber Features which describe how your feature should work or exploit the bug you are submitting.
+
+# Build & Dependency Status
+
+[![Build Status](http://travis-ci.org/middleman/middleman-sprockets.png)](http://travis-ci.org/middleman/middleman-sprockets)
+
+# How to Run Cucumber Tests
+
+1. Checkout Repository: `git clone https://github.com/middleman/middleman-sprockets.git`
+2. Install Bundler: `gem install bundler`
+3. Run `bundle install` inside the project root to install the gem dependencies.
+4. Run test cases: `bundle exec rake test`
+
+# Donate
+
+[![Click here to lend your support to Middleman](https://www.pledgie.com/campaigns/15807.png)](http://www.pledgie.com/campaigns/15807)
+
+# License
+
+Copyright (c) 2012 Thomas Reynolds. MIT Licensed, see [LICENSE] for details.
+
+[LICENSE]: https://github.com/middleman/middleman-blog/blob/master/LICENSE

data/Rakefile

@@ -0,0 +1,19 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks
+
+require 'cucumber/rake/task'
+
+Cucumber::Rake::Task.new(:cucumber, 'Run features that should pass') do |t|
+  ENV["TEST"] = "true"
+  ENV["AUTOLOAD_SPROCKETS"] = "true"
+  t.cucumber_opts = "--color --tags ~@wip --strict --format #{ENV['CUCUMBER_FORMAT'] || 'Fivemat'}"
+end
+
+require 'rake/clean'
+
+task :test => ["cucumber"]
+
+desc "Build HTML documentation"
+task :doc do
+  sh 'bundle exec yard'
+end

data/features/asset_hash.feature

@@ -0,0 +1,102 @@
+Feature: Assets get a file hash appended to their and references to them are updated
+  Scenario: Hashed-asset files are produced, and HTML, CSS, and JavaScript gets rewritten to reference the new files
+    Given a successfully built app at "asset-hash-app"
+    When I cd to "build"
+    Then the following files should exist:
+      | index.html |
+      | images/100px-1242c368.png |
+      | images/100px-5fd6fb90.jpg |
+      | images/100px-5fd6fb90.gif |
+      | javascripts/application-df677242.js |
+      | stylesheets/site-ed8c2d12.css |
+      | index.html |
+      | subdir/index.html |
+      | other/index.html |
+    And the following files should not exist:
+      | images/100px.png |
+      | images/100px.jpg |
+      | images/100px.gif |
+      | javascripts/application.js |
+      | stylesheets/site.css |
+      
+    And the file "javascripts/application-df677242.js" should contain "img.src = '/images/100px-5fd6fb90.jpg'"
+    And the file "stylesheets/site-ed8c2d12.css" should contain "background-image: url('../images/100px-5fd6fb90.jpg')"
+    And the file "index.html" should contain 'href="stylesheets/site-ed8c2d12.css"'
+    And the file "index.html" should contain 'src="javascripts/application-df677242.js"'
+    And the file "index.html" should contain 'src="images/100px-5fd6fb90.jpg"'
+    And the file "subdir/index.html" should contain 'href="../stylesheets/site-ed8c2d12.css"'
+    And the file "subdir/index.html" should contain 'src="../javascripts/application-df677242.js"'
+    And the file "subdir/index.html" should contain 'src="../images/100px-5fd6fb90.jpg"'
+    And the file "other/index.html" should contain 'href="../stylesheets/site-ed8c2d12.css"'
+    And the file "other/index.html" should contain 'src="../javascripts/application-df677242.js"'
+    And the file "other/index.html" should contain 'src="../images/100px-5fd6fb90.jpg"'
+    
+  Scenario: Hashed assets work in preview server
+    Given the Server is running at "asset-hash-app"
+    When I go to "/"
+    Then I should see 'href="stylesheets/site-ed8c2d12.css"'
+    And I should see 'src="javascripts/application-df677242.js"'
+    And I should see 'src="images/100px-5fd6fb90.jpg"'
+    When I go to "/subdir/"
+    Then I should see 'href="../stylesheets/site-ed8c2d12.css"'
+    And I should see 'src="../javascripts/application-df677242.js"'
+    And I should see 'src="../images/100px-5fd6fb90.jpg"'
+    When I go to "/other/"
+    Then I should see 'href="../stylesheets/site-ed8c2d12.css"'
+    And I should see 'src="../javascripts/application-df677242.js"'
+    And I should see 'src="../images/100px-5fd6fb90.jpg"'
+    When I go to "/javascripts/application-df677242.js"
+    Then I should see "img.src = '/images/100px-5fd6fb90.jpg'"
+    When I go to "/stylesheets/site-ed8c2d12.css"
+    Then I should see "background-image: url('../images/100px-5fd6fb90.jpg')"
+
+  Scenario: Enabling an asset host still produces hashed files and references  
+    Given the Server is running at "asset-hash-host-app"
+    When I go to "/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-e5a31a3e.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    When I go to "/subdir/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-e5a31a3e.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    When I go to "/other/"
+    Then I should see 'href="http://middlemanapp.com/stylesheets/site-e5a31a3e.css"'
+    And I should see 'src="http://middlemanapp.com/images/100px-5fd6fb90.jpg"'
+    # Asset helpers don't appear to work from Compass right now
+    # When I go to "/stylesheets/site-e5a31a3e.css"
+    # Then I should see "background-image: url('http://middlemanapp.com/images/100px-5fd6fb90.jpg')"
+
+  Scenario: The asset hash should change when a SASS partial changes
+    Given the Server is running at "asset-hash-app"
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/partials/"
+    Then I should see 'href="../stylesheets/uses_partials-8b948098.css'
+    And the file "source/stylesheets/_partial.sass" has the contents
+      """
+      body
+        font-size: 18px !important
+      """
+    When I go to "/partials/"
+    Then I should see 'href="../stylesheets/uses_partials-1f9f0ed2.css'
+
+  Scenario: The asset hash should change when a Javascript partial changes
+    Given the Server is running at "asset-hash-app"
+    And the file "source/javascripts/sprockets_sub.js" has the contents
+      """
+      function sprockets_sub_function() { }
+      """
+    When I go to "/partials/"
+    Then I should see 'src="../javascripts/sprockets_base-0252a861.js'
+    When I go to "/javascripts/sprockets_base-0252a861.js"
+    Then I should see "sprockets_sub_function"
+    And the file "source/javascripts/sprockets_sub.js" has the contents
+      """
+      function sprockets_sub2_function() { }
+      """
+    When I go to "/partials/"
+    Then I should see 'src="../javascripts/sprockets_base-5121d891.js'
+    When I go to "/javascripts/sprockets_base-5121d891.js"
+    Then I should see "sprockets_sub2_function"

data/features/sass_partials.feature

@@ -0,0 +1,34 @@
+Feature: Sass partials should work with Sprockets
+
+  Scenario: The preview server should update stylesheets when Sprockets partials change
+    Given the Server is running at "preview-app"
+    And the file "source/stylesheets/main2.css.sass" has the contents
+      """
+      //= require "_partial2.css.sass"
+
+      red
+        color: red
+      """
+    And the file "source/stylesheets/_partial2.css.sass" has the contents
+      """
+      body
+        font-size: 14px
+      """
+    When I go to "/stylesheets/main2.css"
+    Then I should see "color: red;"
+    Then I should see "font-size: 14px"
+    And the file "source/stylesheets/main2.css.sass" has the contents
+      """
+      //= require "_partial2.css.sass"
+
+      red
+        color: blue
+      """
+    And the file "source/stylesheets/_partial2.css.sass" has the contents
+      """
+      body
+        font-size: 18px
+      """
+    When I go to "/stylesheets/main2.css"
+      Then I should see "color: blue;"
+    Then I should see "font-size: 18px"

data/features/sprockets.feature

@@ -0,0 +1,52 @@
+Feature: Sprockets
+
+  Scenario: Sprockets JS require
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/sprockets_base.js"
+    Then I should see "sprockets_sub_function"
+    
+  Scenario: Sprockets JS require with custom :js_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/sprockets_base.js"
+    Then I should see "sprockets_sub_function"
+    
+  Scenario: Plain JS require with custom :js_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/plain.css"
+    Then I should see "helloWorld"
+    
+  Scenario: Sprockets JS should have access to yaml data
+    Given the Server is running at "sprockets-app2"
+    When I go to "/javascripts/multiple_engines.js"
+    Then I should see "Hello One"
+    
+  Scenario: Multiple engine files should build correctly
+    Given a successfully built app at "sprockets-app2"
+    When I cd to "build"
+    Then a file named "javascripts/multiple_engines.js" should exist
+    And the file "javascripts/multiple_engines.js" should contain "Hello One"
+  
+  Scenario: Sprockets CSS require //require
+    Given the Server is running at "sprockets-app2"
+    When I go to "/stylesheets/sprockets_base1.css"
+    Then I should see "hello"
+    
+  Scenario: Sprockets CSS require @import
+    Given the Server is running at "sprockets-app2"
+    When I go to "/stylesheets/sprockets_base2.css"
+    Then I should see "hello"
+
+  Scenario: Sprockets CSS require with custom :css_dir //require
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/sprockets_base1.css"
+    Then I should see "hello"
+    
+  Scenario: Plain CSS require with custom :css_dir
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/plain.css"
+    Then I should see "helloWorld"
+    
+  Scenario: Sprockets CSS require with custom :css_dir @import
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/css/sprockets_base2.css"
+    Then I should see "hello"

data/features/sprockets_gems.feature

@@ -0,0 +1,15 @@
+Feature: Sprockets Gems
+  Scenario: Sprockets can pull jQuery from gem
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/jquery_include.js"
+    Then I should see "var jQuery ="
+  
+  # Scenario: Sprockets can pull CSS from gem
+  #   Given the Server is running at "sprockets-app"
+  #   When I go to "/library/css/bootstrap_include.css"
+  #   Then I should see "Bootstrap"
+  
+  Scenario: Sprockets can pull js from vendored assets
+    Given the Server is running at "sprockets-app"
+    When I go to "/library/js/vendored_include.js"
+    Then I should see "var vendored_js_included = true;"

data/features/support/env.rb

@@ -0,0 +1,4 @@
+PROJECT_ROOT_PATH = File.dirname(File.dirname(File.dirname(__FILE__)))
+require "middleman-core"
+require "middleman-core/step_definitions"
+require File.join(PROJECT_ROOT_PATH, 'lib', 'middleman-sprockets')

data/fixtures/asset-hash-app/config.rb

@@ -0,0 +1,7 @@
+activate :asset_hash
+
+activate :relative_assets
+
+activate :directory_indexes
+
+#page '/foo.html', :directory_index => false

data/fixtures/asset-hash-app/source/index.html.erb

@@ -0,0 +1,308 @@
+<% content_for :head do %>
+  <title>The Middleman!</title>
+<% end %>
+
+<h2>Image url:</h2>
+<img src="<%= image_path('100px.jpg') %>">
+
+<h2>Autogenerated tests:</h2>
+<p>images/100px.jpg</p>
+<p>/images/100px.jpg</p>
+<p>../images/100px.jpg</p>
+<p>../../images/100px.jpg</p>
+<p>../../../images/100px.jpg</p>
+<p>http://example.com/images/100px.jpg</p>
+<p>aimages/100px.jpga</p>
+<p>1images/100px.jpg1</p>
+<p>.images/100px.jpg.</p>
+<p>-images/100px.jpg-</p>
+<p>_images/100px.jpg_</p>
+<p>'images/100px.jpg'</p>
+<p>'/images/100px.jpg'</p>
+<p>'../images/100px.jpg'</p>
+<p>'../../images/100px.jpg'</p>
+<p>'../../../images/100px.jpg'</p>
+<p>'http://example.com/images/100px.jpg'</p>
+<p>'aimages/100px.jpga'</p>
+<p>'1images/100px.jpg1'</p>
+<p>'.images/100px.jpg.'</p>
+<p>'-images/100px.jpg-'</p>
+<p>'_images/100px.jpg_'</p>
+<p>"images/100px.jpg"</p>
+<p>"/images/100px.jpg"</p>
+<p>"../images/100px.jpg"</p>
+<p>"../../images/100px.jpg"</p>
+<p>"../../../images/100px.jpg"</p>
+<p>"http://example.com/images/100px.jpg"</p>
+<p>"aimages/100px.jpga"</p>
+<p>"1images/100px.jpg1"</p>
+<p>".images/100px.jpg."</p>
+<p>"-images/100px.jpg-"</p>
+<p>"_images/100px.jpg_"</p>
+<p>&lt;img src=images/100px.jpg /&gt;</p>
+<p>&lt;img src=/images/100px.jpg /&gt;</p>
+<p>&lt;img src=../images/100px.jpg /&gt;</p>
+<p>&lt;img src=../../images/100px.jpg /&gt;</p>
+<p>&lt;img src=../../../images/100px.jpg /&gt;</p>
+<p>&lt;img src=http://example.com/images/100px.jpg /&gt;</p>
+<p>&lt;img src=aimages/100px.jpga /&gt;</p>
+<p>&lt;img src=1images/100px.jpg1 /&gt;</p>
+<p>&lt;img src=.images/100px.jpg. /&gt;</p>
+<p>&lt;img src=-images/100px.jpg- /&gt;</p>
+<p>&lt;img src=_images/100px.jpg_ /&gt;</p>
+<p>&lt;img src='images/100px.jpg' /&gt;</p>
+<p>&lt;img src='/images/100px.jpg' /&gt;</p>
+<p>&lt;img src='../images/100px.jpg' /&gt;</p>
+<p>&lt;img src='../../images/100px.jpg' /&gt;</p>
+<p>&lt;img src='../../../images/100px.jpg' /&gt;</p>
+<p>&lt;img src='http://example.com/images/100px.jpg' /&gt;</p>
+<p>&lt;img src='aimages/100px.jpga' /&gt;</p>
+<p>&lt;img src='1images/100px.jpg1' /&gt;</p>
+<p>&lt;img src='.images/100px.jpg.' /&gt;</p>
+<p>&lt;img src='-images/100px.jpg-' /&gt;</p>
+<p>&lt;img src='_images/100px.jpg_' /&gt;</p>
+<p>&lt;img src="images/100px.jpg" /&gt;</p>
+<p>&lt;img src="/images/100px.jpg" /&gt;</p>
+<p>&lt;img src="../images/100px.jpg" /&gt;</p>
+<p>&lt;img src="../../images/100px.jpg" /&gt;</p>
+<p>&lt;img src="../../../images/100px.jpg" /&gt;</p>
+<p>&lt;img src="http://example.com/images/100px.jpg" /&gt;</p>
+<p>&lt;img src="aimages/100px.jpga" /&gt;</p>
+<p>&lt;img src="1images/100px.jpg1" /&gt;</p>
+<p>&lt;img src=".images/100px.jpg." /&gt;</p>
+<p>&lt;img src="-images/100px.jpg-" /&gt;</p>
+<p>&lt;img src="_images/100px.jpg_" /&gt;</p>
+<p>background-image:url(images/100px.jpg);</p>
+<p>background-image:url(/images/100px.jpg);</p>
+<p>background-image:url(../images/100px.jpg);</p>
+<p>background-image:url(../../images/100px.jpg);</p>
+<p>background-image:url(../../../images/100px.jpg);</p>
+<p>background-image:url(http://example.com/images/100px.jpg);</p>
+<p>background-image:url(aimages/100px.jpga);</p>
+<p>background-image:url(1images/100px.jpg1);</p>
+<p>background-image:url(.images/100px.jpg.);</p>
+<p>background-image:url(-images/100px.jpg-);</p>
+<p>background-image:url(_images/100px.jpg_);</p>
+<p>background-image:url('images/100px.jpg');</p>
+<p>background-image:url('/images/100px.jpg');</p>
+<p>background-image:url('../images/100px.jpg');</p>
+<p>background-image:url('../../images/100px.jpg');</p>
+<p>background-image:url('../../../images/100px.jpg');</p>
+<p>background-image:url('http://example.com/images/100px.jpg');</p>
+<p>background-image:url('aimages/100px.jpga');</p>
+<p>background-image:url('1images/100px.jpg1');</p>
+<p>background-image:url('.images/100px.jpg.');</p>
+<p>background-image:url('-images/100px.jpg-');</p>
+<p>background-image:url('_images/100px.jpg_');</p>
+<p>background-image:url("images/100px.jpg");</p>
+<p>background-image:url("/images/100px.jpg");</p>
+<p>background-image:url("../images/100px.jpg");</p>
+<p>background-image:url("../../images/100px.jpg");</p>
+<p>background-image:url("../../../images/100px.jpg");</p>
+<p>background-image:url("http://example.com/images/100px.jpg");</p>
+<p>background-image:url("aimages/100px.jpga");</p>
+<p>background-image:url("1images/100px.jpg1");</p>
+<p>background-image:url(".images/100px.jpg.");</p>
+<p>background-image:url("-images/100px.jpg-");</p>
+<p>background-image:url("_images/100px.jpg_");</p>
+<br /><br /><br />
+<p>images/100px.png</p>
+<p>/images/100px.png</p>
+<p>../images/100px.png</p>
+<p>../../images/100px.png</p>
+<p>../../../images/100px.png</p>
+<p>http://example.com/images/100px.png</p>
+<p>aimages/100px.pnga</p>
+<p>1images/100px.png1</p>
+<p>.images/100px.png.</p>
+<p>-images/100px.png-</p>
+<p>_images/100px.png_</p>
+<p>'images/100px.png'</p>
+<p>'/images/100px.png'</p>
+<p>'../images/100px.png'</p>
+<p>'../../images/100px.png'</p>
+<p>'../../../images/100px.png'</p>
+<p>'http://example.com/images/100px.png'</p>
+<p>'aimages/100px.pnga'</p>
+<p>'1images/100px.png1'</p>
+<p>'.images/100px.png.'</p>
+<p>'-images/100px.png-'</p>
+<p>'_images/100px.png_'</p>
+<p>"images/100px.png"</p>
+<p>"/images/100px.png"</p>
+<p>"../images/100px.png"</p>
+<p>"../../images/100px.png"</p>
+<p>"../../../images/100px.png"</p>
+<p>"http://example.com/images/100px.png"</p>
+<p>"aimages/100px.pnga"</p>
+<p>"1images/100px.png1"</p>
+<p>".images/100px.png."</p>
+<p>"-images/100px.png-"</p>
+<p>"_images/100px.png_"</p>
+<p>&lt;img src=images/100px.png /&gt;</p>
+<p>&lt;img src=/images/100px.png /&gt;</p>
+<p>&lt;img src=../images/100px.png /&gt;</p>
+<p>&lt;img src=../../images/100px.png /&gt;</p>
+<p>&lt;img src=../../../images/100px.png /&gt;</p>
+<p>&lt;img src=http://example.com/images/100px.png /&gt;</p>
+<p>&lt;img src=aimages/100px.pnga /&gt;</p>
+<p>&lt;img src=1images/100px.png1 /&gt;</p>
+<p>&lt;img src=.images/100px.png. /&gt;</p>
+<p>&lt;img src=-images/100px.png- /&gt;</p>
+<p>&lt;img src=_images/100px.png_ /&gt;</p>
+<p>&lt;img src='images/100px.png' /&gt;</p>
+<p>&lt;img src='/images/100px.png' /&gt;</p>
+<p>&lt;img src='../images/100px.png' /&gt;</p>
+<p>&lt;img src='../../images/100px.png' /&gt;</p>
+<p>&lt;img src='../../../images/100px.png' /&gt;</p>
+<p>&lt;img src='http://example.com/images/100px.png' /&gt;</p>
+<p>&lt;img src='aimages/100px.pnga' /&gt;</p>
+<p>&lt;img src='1images/100px.png1' /&gt;</p>
+<p>&lt;img src='.images/100px.png.' /&gt;</p>
+<p>&lt;img src='-images/100px.png-' /&gt;</p>
+<p>&lt;img src='_images/100px.png_' /&gt;</p>
+<p>&lt;img src="images/100px.png" /&gt;</p>
+<p>&lt;img src="/images/100px.png" /&gt;</p>
+<p>&lt;img src="../images/100px.png" /&gt;</p>
+<p>&lt;img src="../../images/100px.png" /&gt;</p>
+<p>&lt;img src="../../../images/100px.png" /&gt;</p>
+<p>&lt;img src="http://example.com/images/100px.png" /&gt;</p>
+<p>&lt;img src="aimages/100px.pnga" /&gt;</p>
+<p>&lt;img src="1images/100px.png1" /&gt;</p>
+<p>&lt;img src=".images/100px.png." /&gt;</p>
+<p>&lt;img src="-images/100px.png-" /&gt;</p>
+<p>&lt;img src="_images/100px.png_" /&gt;</p>
+<p>background-image:url(images/100px.png);</p>
+<p>background-image:url(/images/100px.png);</p>
+<p>background-image:url(../images/100px.png);</p>
+<p>background-image:url(../../images/100px.png);</p>
+<p>background-image:url(../../../images/100px.png);</p>
+<p>background-image:url(http://example.com/images/100px.png);</p>
+<p>background-image:url(aimages/100px.pnga);</p>
+<p>background-image:url(1images/100px.png1);</p>
+<p>background-image:url(.images/100px.png.);</p>
+<p>background-image:url(-images/100px.png-);</p>
+<p>background-image:url(_images/100px.png_);</p>
+<p>background-image:url('images/100px.png');</p>
+<p>background-image:url('/images/100px.png');</p>
+<p>background-image:url('../images/100px.png');</p>
+<p>background-image:url('../../images/100px.png');</p>
+<p>background-image:url('../../../images/100px.png');</p>
+<p>background-image:url('http://example.com/images/100px.png');</p>
+<p>background-image:url('aimages/100px.pnga');</p>
+<p>background-image:url('1images/100px.png1');</p>
+<p>background-image:url('.images/100px.png.');</p>
+<p>background-image:url('-images/100px.png-');</p>
+<p>background-image:url('_images/100px.png_');</p>
+<p>background-image:url("images/100px.png");</p>
+<p>background-image:url("/images/100px.png");</p>
+<p>background-image:url("../images/100px.png");</p>
+<p>background-image:url("../../images/100px.png");</p>
+<p>background-image:url("../../../images/100px.png");</p>
+<p>background-image:url("http://example.com/images/100px.png");</p>
+<p>background-image:url("aimages/100px.pnga");</p>
+<p>background-image:url("1images/100px.png1");</p>
+<p>background-image:url(".images/100px.png.");</p>
+<p>background-image:url("-images/100px.png-");</p>
+<p>background-image:url("_images/100px.png_");</p>
+<br /><br /><br />
+<p>images/100px.gif</p>
+<p>/images/100px.gif</p>
+<p>../images/100px.gif</p>
+<p>../../images/100px.gif</p>
+<p>../../../images/100px.gif</p>
+<p>http://example.com/images/100px.gif</p>
+<p>aimages/100px.gifa</p>
+<p>1images/100px.gif1</p>
+<p>.images/100px.gif.</p>
+<p>-images/100px.gif-</p>
+<p>_images/100px.gif_</p>
+<p>'images/100px.gif'</p>
+<p>'/images/100px.gif'</p>
+<p>'../images/100px.gif'</p>
+<p>'../../images/100px.gif'</p>
+<p>'../../../images/100px.gif'</p>
+<p>'http://example.com/images/100px.gif'</p>
+<p>'aimages/100px.gifa'</p>
+<p>'1images/100px.gif1'</p>
+<p>'.images/100px.gif.'</p>
+<p>'-images/100px.gif-'</p>
+<p>'_images/100px.gif_'</p>
+<p>"images/100px.gif"</p>
+<p>"/images/100px.gif"</p>
+<p>"../images/100px.gif"</p>
+<p>"../../images/100px.gif"</p>
+<p>"../../../images/100px.gif"</p>
+<p>"http://example.com/images/100px.gif"</p>
+<p>"aimages/100px.gifa"</p>
+<p>"1images/100px.gif1"</p>
+<p>".images/100px.gif."</p>
+<p>"-images/100px.gif-"</p>
+<p>"_images/100px.gif_"</p>
+<p>&lt;img src=images/100px.gif /&gt;</p>
+<p>&lt;img src=/images/100px.gif /&gt;</p>
+<p>&lt;img src=../images/100px.gif /&gt;</p>
+<p>&lt;img src=../../images/100px.gif /&gt;</p>
+<p>&lt;img src=../../../images/100px.gif /&gt;</p>
+<p>&lt;img src=http://example.com/images/100px.gif /&gt;</p>
+<p>&lt;img src=aimages/100px.gifa /&gt;</p>
+<p>&lt;img src=1images/100px.gif1 /&gt;</p>
+<p>&lt;img src=.images/100px.gif. /&gt;</p>
+<p>&lt;img src=-images/100px.gif- /&gt;</p>
+<p>&lt;img src=_images/100px.gif_ /&gt;</p>
+<p>&lt;img src='images/100px.gif' /&gt;</p>
+<p>&lt;img src='/images/100px.gif' /&gt;</p>
+<p>&lt;img src='../images/100px.gif' /&gt;</p>
+<p>&lt;img src='../../images/100px.gif' /&gt;</p>
+<p>&lt;img src='../../../images/100px.gif' /&gt;</p>
+<p>&lt;img src='http://example.com/images/100px.gif' /&gt;</p>
+<p>&lt;img src='aimages/100px.gifa' /&gt;</p>
+<p>&lt;img src='1images/100px.gif1' /&gt;</p>
+<p>&lt;img src='.images/100px.gif.' /&gt;</p>
+<p>&lt;img src='-images/100px.gif-' /&gt;</p>
+<p>&lt;img src='_images/100px.gif_' /&gt;</p>
+<p>&lt;img src="images/100px.gif" /&gt;</p>
+<p>&lt;img src="/images/100px.gif" /&gt;</p>
+<p>&lt;img src="../images/100px.gif" /&gt;</p>
+<p>&lt;img src="../../images/100px.gif" /&gt;</p>
+<p>&lt;img src="../../../images/100px.gif" /&gt;</p>
+<p>&lt;img src="http://example.com/images/100px.gif" /&gt;</p>
+<p>&lt;img src="aimages/100px.gifa" /&gt;</p>
+<p>&lt;img src="1images/100px.gif1" /&gt;</p>
+<p>&lt;img src=".images/100px.gif." /&gt;</p>
+<p>&lt;img src="-images/100px.gif-" /&gt;</p>
+<p>&lt;img src="_images/100px.gif_" /&gt;</p>
+<p>background-image:url(images/100px.gif);</p>
+<p>background-image:url(/images/100px.gif);</p>
+<p>background-image:url(../images/100px.gif);</p>
+<p>background-image:url(../../images/100px.gif);</p>
+<p>background-image:url(../../../images/100px.gif);</p>
+<p>background-image:url(http://example.com/images/100px.gif);</p>
+<p>background-image:url(aimages/100px.gifa);</p>
+<p>background-image:url(1images/100px.gif1);</p>
+<p>background-image:url(.images/100px.gif.);</p>
+<p>background-image:url(-images/100px.gif-);</p>
+<p>background-image:url(_images/100px.gif_);</p>
+<p>background-image:url('images/100px.gif');</p>
+<p>background-image:url('/images/100px.gif');</p>
+<p>background-image:url('../images/100px.gif');</p>
+<p>background-image:url('../../images/100px.gif');</p>
+<p>background-image:url('../../../images/100px.gif');</p>
+<p>background-image:url('http://example.com/images/100px.gif');</p>
+<p>background-image:url('aimages/100px.gifa');</p>
+<p>background-image:url('1images/100px.gif1');</p>
+<p>background-image:url('.images/100px.gif.');</p>
+<p>background-image:url('-images/100px.gif-');</p>
+<p>background-image:url('_images/100px.gif_');</p>
+<p>background-image:url("images/100px.gif");</p>
+<p>background-image:url("/images/100px.gif");</p>
+<p>background-image:url("../images/100px.gif");</p>
+<p>background-image:url("../../images/100px.gif");</p>
+<p>background-image:url("../../../images/100px.gif");</p>
+<p>background-image:url("http://example.com/images/100px.gif");</p>
+<p>background-image:url("aimages/100px.gifa");</p>
+<p>background-image:url("1images/100px.gif1");</p>
+<p>background-image:url(".images/100px.gif.");</p>
+<p>background-image:url("-images/100px.gif-");</p>
+<p>background-image:url("_images/100px.gif_");</p>
+<br /><br /><br />