hamlit 2.15.0 → 2.15.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 46fb5b844211b5c8bc782ee88d23eca02b16f9285609e76447a493aa10ee442c
-  data.tar.gz: b1069d514efd9b06b534ec82b3d524fbfde98e87b7b660af6041b60132b7324e
+  metadata.gz: b60ad4fa07019d3e03bc5d521d624607f4dc1740ccaf73f1cee9de9826f38618
+  data.tar.gz: 4d458ddca75c342e4f10f4cf8ccf8f660f0db230dcd8973f91bd37a3c5cf7ae9
 SHA512:
-  metadata.gz: 52c0df95e9916faa1abecd927019d4429e28607fc4096157f6386f981cb2f5e6249e8aaabab0693942f7f31c01d0babcaf4dabea1b4cc92ea0d40b2d2cdf531c
-  data.tar.gz: 5241185ed6759415eaf9a263142a6b937fe316c550a59490964e6d10668e26529d730996fd3443d953216fe2a2d30e9af0f5ad241eea92c9e64cf68af55f82bb
+  metadata.gz: 2bf9dda73fd3ad47f464a5c05327558f7f21afa2e5fa57e3c48ee726c3fcb93177a8fac9300889e7d42e3c5d0cc443a111fe9b2978d55504dbc92474488e0436
+  data.tar.gz: 06a36cc3240044789e160583742950f3c579f9de273ccb0291cd825264da2ea8821b0152ef4aef5d3f4c888c37c3c318628c23bdf60b8042af865a85812efa81

data/.github/workflows/bench.yml

@@ -0,0 +1,46 @@
+name: bench
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+  schedule:
+    - cron: "00 15 * * *" # 7:00 PST (-8), 8:00 PDT (-7)
+jobs:
+  bench:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - slim: 1
+          - template: 'benchmark/boolean_attribute.haml,benchmark/class_attribute.haml,benchmark/id_attribute.haml,benchmark/data_attribute.haml,benchmark/common_attribute.haml'
+          - template: 'benchmark/dynamic_attributes/boolean_attribute.haml,benchmark/dynamic_attributes/class_attribute.haml,benchmark/dynamic_attributes/id_attribute.haml,benchmark/dynamic_attributes/data_attribute.haml,benchmark/dynamic_attributes/common_attribute.haml'
+          - template: 'benchmark/etc/attribute_builder.haml'
+          - template: 'benchmark/etc/static_analyzer.haml'
+          - template: 'benchmark/etc/string_interpolation.haml'
+          - template: 'test/haml/templates/standard.haml'
+            compile: 1
+    steps:
+      - uses: actions/checkout@v2
+      - name: Set up Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: 3.0
+      - uses: actions/cache@v2
+        with:
+          path: vendor/bundle
+          key: ${{ runner.os }}-${{ matrix.ruby }}-gems-${{ hashFiles('**/Gemfile.lock') }}
+          restore-keys: ${{ runner.os }}-gems-
+      - run: sudo apt-get update && sudo apt-get install -y nodejs libxslt-dev # nodejs for execjs, libxslt for TruffleRuby nokogiri
+      - name: bundle install
+        run: bundle config path vendor/bundle && bundle install -j$(nproc) --retry 3
+      - run: bundle exec rake bench
+        env:
+          SLIM_BENCH: ${{ matrix.slim }}
+          TEMPLATE: ${{ matrix.template }}
+          COMPILE: ${{ matrix.compile }}

data/CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to this project will be documented in this file. This
 project adheres to [Semantic Versioning](http://semver.org/). This change log is based upon
 [keep-a-changelog](https://github.com/olivierlacan/keep-a-changelog).
 
+## [2.15.1](https://github.com/k0kubun/hamlit/compare/v2.15.0...v2.15.1) - 2021-07-23
+
+### Fixed
+
+- Remove `benchmark` from the gem package to reduce its size [#186](https://github.com/k0kubun/hamlit/issues/186)
+  *Thanks to @pocke*
+
 ## [2.15.0](https://github.com/k0kubun/hamlit/compare/v2.14.6...v2.15.0) - 2021-04-12
 
 ### Added

data/hamlit.gemspec

@@ -14,7 +14,7 @@ Gem::Specification.new do |spec|
   spec.homepage      = 'https://github.com/k0kubun/hamlit'
   spec.license       = 'MIT'
 
-  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features|sample)/}) }
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features|sample|benchmark)/}) }
   spec.bindir        = 'exe'
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']

data/lib/hamlit/version.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 module Hamlit
-  VERSION = '2.15.0'
+  VERSION = '2.15.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hamlit
 version: !ruby/object:Gem::Version
-  version: 2.15.0
+  version: 2.15.1
 platform: ruby
 authors:
 - Takashi Kokubun
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-04-13 00:00:00.000000000 Z
+date: 2021-07-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: temple
@@ -258,6 +258,7 @@ extensions:
 extra_rdoc_files: []
 files:
 - ".github/FUNDING.yml"
+- ".github/workflows/bench.yml"
 - ".github/workflows/test.yml"
 - ".gitignore"
 - CHANGELOG.md
@@ -266,40 +267,6 @@ files:
 - README.md
 - REFERENCE.md
 - Rakefile
-- benchmark/boolean_attribute.haml
-- benchmark/class_attribute.haml
-- benchmark/common_attribute.haml
-- benchmark/data_attribute.haml
-- benchmark/dynamic_attributes/boolean_attribute.haml
-- benchmark/dynamic_attributes/class_attribute.haml
-- benchmark/dynamic_attributes/common_attribute.haml
-- benchmark/dynamic_attributes/data_attribute.haml
-- benchmark/dynamic_attributes/id_attribute.haml
-- benchmark/dynamic_boolean_attribute.haml
-- benchmark/dynamic_merger/benchmark.rb
-- benchmark/dynamic_merger/hello.haml
-- benchmark/dynamic_merger/hello.string
-- benchmark/etc/attribute_builder.haml
-- benchmark/etc/real_sample.haml
-- benchmark/etc/real_sample.rb
-- benchmark/etc/static_analyzer.haml
-- benchmark/etc/string_interpolation.haml
-- benchmark/etc/tags.haml
-- benchmark/etc/tags_loop.haml
-- benchmark/ext/build_data.rb
-- benchmark/ext/build_id.rb
-- benchmark/graph/graph.key
-- benchmark/graph/graph.png
-- benchmark/id_attribute.haml
-- benchmark/plain.haml
-- benchmark/script.haml
-- benchmark/slim/LICENSE
-- benchmark/slim/context.rb
-- benchmark/slim/run-benchmarks.rb
-- benchmark/slim/view.erb
-- benchmark/slim/view.haml
-- benchmark/slim/view.slim
-- benchmark/utils/benchmark_ips_extension.rb
 - bin/bench
 - bin/console
 - bin/ruby
@@ -393,7 +360,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.3
+rubygems_version: 3.1.2
 signing_key:
 specification_version: 4
 summary: High Performance Haml Implementation

data/benchmark/boolean_attribute.haml

@@ -1,6 +0,0 @@
-%input{ disabled: false }
-%input{ disabled: true }
-- disabled = false
-%input{ disabled: disabled }
-- disabled = true
-%input{ disabled: disabled }

data/benchmark/class_attribute.haml

@@ -1,5 +0,0 @@
-.book{ class: 'content active' }
-.book(class='content active')
-
-- klass = %w[content active]
-.book{ class: klass }

data/benchmark/common_attribute.haml

@@ -1,3 +0,0 @@
-%a{ href: '&"\'<>' }
-- href = '&"\'<>'
-%a{ href: href }

data/benchmark/data_attribute.haml

@@ -1,4 +0,0 @@
-%div{ data: { disabled: false } }
-%div{ data: { disabled: true } }
-- hash = { 'user' => { id: 1234, name: 'k0kubun' }, book_id: 5432 }
-%div{ data: hash } data

data/benchmark/dynamic_attributes/boolean_attribute.haml

@@ -1,4 +0,0 @@
-- hash = { disabled: false }
-%input{ hash }
-- hash = { disabled: true }
-%input{ hash }

data/benchmark/dynamic_attributes/class_attribute.haml

@@ -1,4 +0,0 @@
-- hash = { class: %w[content active] }
-.book{ hash }
-- arr = %w[foo bar]
-.book(class=arr){ hash }

data/benchmark/dynamic_attributes/common_attribute.haml

@@ -1,2 +0,0 @@
-- hash = { href: '&"\'<>' }
-%a{ hash }

data/benchmark/dynamic_attributes/data_attribute.haml

@@ -1,2 +0,0 @@
-- hash = { data: { 'user' => { id: 1234, name: 'k0kubun' }, book_id: 5432 } }
-%div{ hash } data

data/benchmark/dynamic_attributes/id_attribute.haml

@@ -1,2 +0,0 @@
-- hash = { id: %w[content active] }
-#book{ hash }

data/benchmark/dynamic_boolean_attribute.haml

@@ -1,4 +0,0 @@
-- disabled = false
-%input{ disabled: disabled }
-- disabled = true
-%input{ disabled: disabled }

data/benchmark/dynamic_merger/benchmark.rb

@@ -1,25 +0,0 @@
-# Original: https://github.com/amatsuda/string_template/blob/master/benchmark.rb
-require 'benchmark_driver'
-
-Benchmark.driver(repeat_count: 8) do |x|
-  x.prelude %{
-    require 'rails'
-    require 'action_view'
-    require 'string_template'
-    StringTemplate::Railtie.run_initializers
-    require 'hamlit'
-    Hamlit::Railtie.run_initializers
-    Hamlit::RailsTemplate.set_options(escape_html: false, generator: Temple::Generators::ArrayBuffer)
-    require 'action_view/base'
-
-    (view = Class.new(ActionView::Base).new(ActionView::LookupContext.new(''))).instance_variable_set(:@world, 'world!')
-
-    # compile template
-    hello = 'benchmark/dynamic_merger/hello'
-    view.render(template: hello, handlers: 'string')
-    view.render(template: hello, handlers: 'haml')
-  }
-  x.report 'string', %{ view.render(template: hello, handlers: 'string') }
-  x.report 'hamlit', %{ view.render(template: hello, handlers: 'haml') }
-  x.loop_count 100_000
-end

data/benchmark/dynamic_merger/hello.haml

@@ -1,50 +0,0 @@
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }

data/benchmark/dynamic_merger/hello.string

@@ -1,50 +0,0 @@
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }
-hello, #{ @world }

data/benchmark/etc/attribute_builder.haml

@@ -1,5 +0,0 @@
-- h = { 'user' => { id: 1234, name: 'eagletmt' }, book_id: 5432 }
-- c = %w[content active]
-
-%span.book{data: h, class: c}
-  Book

data/benchmark/etc/real_sample.haml

@@ -1,888 +0,0 @@
-#id-1
-  = render partial: 'test'
-
-  %ul#id-2.class-1.class-2
-
-  %section#id-3
-    .class-3 string-1
-    .class-4
-      .class-5 string-2
-      %pre.class-6(readonly="readonly" style='width:1px')
-        :preserve
-          .class-7 string-3
-
-      .class-8 string-4
-      %pre.class-9(readonly="readonly" style='width:2px')
-        :preserve
-          .class-10 string-5
-      %p
-        Hello world
-
-      .class-12 string-6
-      %pre.class-13(readonly="readonly" style='width:3px')
-        :preserve
-          .class-14 string-7
-      %p
-        Hello world
-
-  %section#id-4
-    .class-17 string-8
-    .class-18
-      .class-19 string-9
-      %pre.class-20(readonly="readonly" style='width:4px')
-        :preserve
-          .class-21 string-10
-
-      .class-22 string-11
-      %pre.class-23(readonly="readonly" style='width:5px')
-        :preserve
-          .class-24 string-12
-
-      .class-25.class-26 Hello world
-      %pre.class-27(readonly="readonly" style='width:6px')
-        :preserve
-          .class-28.class-29 Hello world
-
-  %section#id-5
-    .class-30 string-13
-    .class-31 string-14
-    .class-32
-      %pre.class-33(readonly="readonly" style='width:7px')
-        :preserve
-          .class-34 string-15
-
-  %section#id-6
-    .class-35 string-16
-    %ul.class-36.class-37
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#', class: 'klass'
-      %li
-        = link_to 'link', '#', class: 'klass'
-      %li
-        = link_to 'link', '#', class: 'klass'
-      %li
-        = link_to 'link', '#', class: 'klass'
-    .class-38
-      %p text-17
-      %p text-18
-      %pre.class-41(readonly="readonly" style='width:8px')
-        :preserve
-          %ul.class-42.class-43
-            %li
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#', class: 'klass'
-            %li
-              = link_to 'link', '#', class: 'klass'
-            %li
-              = link_to 'link', '#', class: 'klass'
-            %li
-              = link_to 'link', '#', class: 'klass'
-
-  %section#id-7
-    .class-44 string-19
-    %ul.class-45.class-46
-      %li#id-8
-        = link_to 'link', '#', class: 'klass1 klass2'
-        .class-47.class-48.class-49
-          Hello world
-    .class-50
-      %pre.class-51(readonly="readonly" style='width:9px')
-        :preserve
-          %ul.class-52.class-53
-            %li#id-10
-              = link_to 'link',
-                '#id-11',
-                class: 'klass1 klass2'
-              .class-54.class-55.class-56
-                Hello world
-
-  %section#id-12
-    .class-57 string-20
-    %ul.class-58.class-59
-      %li
-        = link_to 'link', '#'
-        .class-60 string-21
-        .class-61 string-22
-      %li
-        = link_to 'link', '#'
-        .class-62 string-23
-        .class-63 string-24
-    .class-64
-      %pre.class-65(readonly="readonly" style='width:10px')
-        :preserve
-          %ul.class-66.class-67
-            %li
-              = link_to 'link', '#'
-              .class-68 string-25
-              .class-69 string-26
-            %li
-              = link_to 'link', '#'
-              .class-70 string-27
-              .class-71 string-28
-
-  %section#id-13
-    .class-72 string-29
-    %ul.class-73.class-74
-      %li
-        = link_to 'link', '#'
-        .class-75 string-30
-        .class-76 string-31
-      %li
-        = link_to 'link', '#'
-        = image_tag 'https://google.com/favicon.ico', class: 'klass1'
-        .class-78 string-32
-      %li
-        = link_to 'link', '#'
-        = image_tag 'https://google.com/favicon.ico', class: 'klass1'
-        .class-80
-          .class-81 string-33
-          .class-82 string-34
-      %li
-        = link_to 'link', '#'
-        = image_tag 'https://google.com/favicon.ico', class: 'klass1'
-        .class-84
-          .class-85 string-35
-          .class-86 string-36
-      %li
-        = link_to 'link', '#'
-        = image_tag 'https://google.com/favicon.ico', class: 'klass1'
-        .class-88 string-37
-        .class-89 string-38
-    .class-90
-      %pre.class-91(readonly="readonly" style='width:11px')
-        :preserve
-          %ul.class-92.class-93
-            %li
-              = link_to 'link', '#'
-              .class-94 string-39
-              .class-95 string-40
-            %li
-              = link_to 'link', '#'
-              = image_tag class: 'klass1'
-              .class-96 string-41
-            %li
-              = link_to 'link', '#'
-              = image_tag class: 'klass1'
-              .class-97
-                .class-98 string-42
-                .class-99 string-43
-            %li
-              = link_to 'link', '#'
-              = image_tag class: 'klass1'
-              .class-100
-                .class-101 string-44
-                .class-102 string-45
-            %li
-              = link_to 'link', '#'
-              = image_tag class: 'klass1'
-              .class-103 string-46
-              .class-104 string-47
-
-  %section#id-14
-    .class-105 string-48
-    %ul.class-106.class-107.class-108
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-
-    .class-109
-      %pre.class-110(readonly="readonly" style='width:12px')
-        :preserve
-          %ul.class-111.class-112.class-113
-            %li
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#'
-
-  %section#id-15
-    .class-114 string-49
-    %ul.class-115.class-116.class-117
-      %li
-        = link_to 'link', '#', class: 'klass'
-        = image_tag 'https://github.com/favicon.ico', class: 'klass'
-        .class-119 string-50
-      %li
-        = link_to 'link', '#', class: 'klass'
-        = image_tag 'https://github.com/favicon.ico', class: 'klass'
-        .class-121 string-51
-      %li
-        = link_to 'link', '#', class: 'klass'
-        = image_tag 'https://github.com/favicon.ico', class: 'klass'
-        .class-123 string-52
-      %li
-        = link_to 'link', '#', class: 'klass'
-        = image_tag 'https://github.com/favicon.ico', class: 'klass'
-        .class-125 string-53
-
-    .class-126
-      %pre.class-127(readonly="readonly" style='width:13px')
-        :preserve
-          %ul.class-128.class-129.class-130
-            %li
-              = link_to 'link', '#'
-              = image_tag clsss: 'klass'
-              .class-131 string-54
-            %li
-              = link_to 'link', '#'
-              = image_tag clsss: 'klass'
-              .class-132 string-55
-
-  %section#id-16
-    .class-133 string-56
-    %ul.class-134.class-135
-      %li= link_to 'link', '#'
-      %li= link_to 'link', '#'
-      %li= link_to 'link', '#'
-    .class-136
-      %pre.class-137(readonly="readonly" style='width:14px')
-        :preserve
-          %ul.class-138.class-139
-            %li= link_to 'link', '#'
-            %li= link_to 'link', '#'
-            %li= link_to 'link', '#'
-
-  %section#id-17
-    .class-140 string-57
-    .class-141
-      %ul.class-142
-        %li
-          = image_tag 'https://github.com/favicon.ico'
-        %li
-          = image_tag 'https://github.com/favicon.ico'
-        %li
-          = image_tag 'https://github.com/favicon.ico'
-
-
-      %pre.class-146(readonly="readonly" style='width:15px')
-        :preserve
-          %ul.class-147
-            %li
-              = image_tag ''
-            %li
-              = image_tag ''
-            %li
-              = image_tag ''
-
-  %section#id-18
-    .class-148 string-58
-    .class-149
-      .class-150
-        .class-151.class-152
-          = image_tag 'https://github.com/favicon.ico'
-        .class-154.class-155
-          .class-156-title string-59
-          Hello world
-
-      %pre.class-157(readonly="readonly" style='width:16px')
-        :preserve
-          .class-158
-            .class-159.class-160
-              Hello world
-            .class-161.class-162
-              Hello world
-
-      %p text-60
-
-  %section#id-19
-    .class-164 string-61
-    .class-165
-      .class-166
-        .class-167
-          = image_tag 'https://github.com/favicon.ico'
-        .class-169
-          = image_tag 'https://github.com/favicon.ico'
-        .class-171
-          = image_tag 'https://github.com/favicon.ico'
-
-        .class-173
-          .class-174-title string-62
-          str
-
-      %pre.class-175(readonly="readonly" style='width:17px')
-        :preserve
-          .class-176
-            .class-177
-              = image_tag ''
-            .class-178
-              = image_tag ''
-            .class-179
-              = image_tag ''
-            .class-180
-              content
-      %p text-63
-      %p text-64
-
-
-  %section#id-20
-    .class-182 string-65
-    .class-183
-      %ul.class-184.class-185
-        %li.class-186.class-187
-          %span.class-188 str
-        %li.class-189
-          = link_to 'link', '#', class: 'klass'
-    .class-190
-      %pre.class-191(readonly="readonly" style='width:18px')
-        :preserve
-          .class-192
-            %ul.class-193.class-194
-              %li.class-195.class-196
-                %span.class-197 str
-              %li.class-198
-                = link_to 'link', '#', class: 'klass'
-
-  %section#id-21
-    .class-199 string-66
-    .class-200
-      %ul.class-201
-        %li.class-202.class-203
-          %span.class-204 str
-        %li.class-205
-          = link_to 'link', '#', class: 'klass'
-        %li.class-206
-          = link_to 'link', '#', class: 'klass'
-    .class-207
-      %pre.class-208(readonly="readonly" style='width:19px')
-        :preserve
-          .class-209
-            %ul.class-210
-              %li.class-211.class-212
-                %span.class-213 str
-              %li.class-214
-                = link_to 'link', '#', class: 'klass'
-              %li.class-215
-                = link_to 'link', '#', class: 'klass'
-
-  %section#id-22
-    .class-216 string-67
-    %ul.class-217
-      %li.class-218
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-    .class-219
-      %pre.class-220(readonly="readonly" style='width:20px')
-        :preserve
-          %ul.class-221
-            %li.class-222
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#'
-
-      %p text-68
-
-  %section#id-23
-    .class-223 string-69
-    %ul.class-224
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-      %li
-        = link_to 'link', '#'
-    .class-225
-      %pre.class-226(readonly="readonly" style='width:21px')
-        :preserve
-          %ul.class-227
-            %li
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#'
-            %li
-              = link_to 'link', '#'
-
-  %section#id-24
-    .class-228 string-70
-    .class-229
-      %a(href="#" class="button") Hello world
-      %p text-71
-      %pre.class-230(readonly="readonly" style='width:22px')
-        :preserve
-          = link_to 'link', '#', class: 'klass'
-
-      %a(href="#" class="button min") Hello world
-      %pre.class-231(readonly="readonly" style='width:23px')
-        :preserve
-          = link_to 'link', '#', class: 'klass'
-
-  %section#id-25
-    .class-232 string-72
-    .class-233
-      %a(href="#" class="klass") Hello world
-      %p text-73
-      %pre.class-234(readonly="readonly" style='width:24px')
-        :preserve
-          = link_to 'link', '#',
-            class: 'klass'
-
-      %a(href="#" class="klass") Hello world
-      %pre.class-235(readonly="readonly" style='width:25px')
-        :preserve
-          = link_to 'link', '#',
-            class: 'klass'
-
-      %a(href="#" class="klass") Hello world
-      %pre.class-236(readonly="readonly" style='width:26px')
-        :preserve
-          = link_to 'link', '#',
-            class: 'klass'
-
-  %section#id-26
-    .class-237 string-74
-    .class-238
-      %a(href="#" class="klass") Hello world
-      %p text-75
-      %pre.class-239(readonly="readonly" style='width:27px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-      %a(href="#" class="klass") Hello world
-      %pre.class-240(readonly="readonly" style='width:28px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-      %a(href="#" class="klass") Hello world
-      %pre.class-241(readonly="readonly" style='width:29px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-
-  %section#id-27
-    .class-242 string-76
-    .class-243
-      %a(href="#" class="klass") Hello world
-      %p text-77
-      %pre.class-244(readonly="readonly" style='width:30px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-      %a(href="#" class="klass") Hello world
-      %pre.class-245(readonly="readonly" style='width:31px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-      %a(href="#" class="klass") Hello world
-      %pre.class-246(readonly="readonly" style='width:32px')
-        :preserve
-          = link_to 'link', '#',
-          class: 'klass'
-
-  %section#id-28
-    .class-247 string-78
-    %a(href="#" class="klass")
-      str
-      %span.class-248
-        str
-        %b text-79
-        str
-    .class-249
-      %pre.class-250(readonly="readonly" style='width:33px')
-        :preserve
-          = link_to 'link', '#'
-          %span.class-251
-            str
-            %b text-80
-            str
-
-  %section#id-29
-    .class-252 string-81
-    %label.class-253{for: 'f1_c1'}
-      %input{type: 'checkbox', id: 'f1_c1', checked: 'checked'}
-      str
-    %label.class-254{for: 'f1_c2'}
-      %input{type: 'checkbox', id: 'f1_c2'}
-      str
-    .class-255
-      %pre.class-256(readonly="readonly" style='width:34px')
-        :preserve
-          %label.class-257{for: 'f1_c1'}
-            %input{type: 'checkbox', id: 'f1_c1', checked: 'checked'}
-            str
-          %label.class-258{for: 'f1_c2'}
-            %input{type: 'checkbox', id: 'f1_c2'}
-            str
-
-    %label.class-259{for: 'f1_r1'}
-      %input{type: 'radio', name: 'form1', id: 'f1_r1', checked: 'checked'}
-      str
-    %label.class-260{for: 'f1_r2'}
-      %input{type: 'radio', name: 'form1', id: 'f1_r2'}
-      str
-    .class-261
-      %pre.class-262(readonly="readonly" style='width:35px')
-        :preserve
-          %label.class-263{for: 'f1_r1'}
-            %input{type: 'radio', name: 'form1', id: 'f1_r1', checked: 'checked'}
-            str
-          %label.class-264{for: 'f1_r2'}
-            %input{type: 'radio', name: 'form1', id: 'f1_r2'}
-            str
-
-  %section#id-30
-    .class-265 string-82
-    %ul.class-266.class-267
-      %li
-        %label.class-268{for: 'f2_c1'}
-          %input{type: 'checkbox', id: 'f2_c1', checked: 'checked'}
-          str
-      %li
-        %label.class-269{for: 'f2_c2'}
-          %input{type: 'checkbox', id: 'f2_c2'}
-          str
-    .class-270
-      %pre.class-271(readonly="readonly" style='width:36px')
-        :preserve
-          %ul.class-272.class-273
-            %li
-              %label.class-274{for: 'f2_c1'}
-                %input{type: 'checkbox', id: 'f2_c1', checked: 'checked'}
-                str
-            %li
-              %label.class-275{for: 'f2_c2'}
-                %input{type: 'checkbox', id: 'f2_c2'}
-                str
-
-    %ul.class-276.class-277
-      %li
-        %label.class-278{for: 'f2_r1'}
-          %input{type: 'radio', name: 'form2', id: 'f2_r1', checked: 'checked'}
-          str
-      %li
-        %label.class-279{for: 'f2_r2'}
-          %input{type: 'radio', name: 'form2', id: 'f2_r2'}
-          str
-    .class-280
-      %pre.class-281(readonly="readonly" style='width:37px')
-        :preserve
-          %ul.class-282.class-283
-            %li
-              %label.class-284{for: 'f2_r1'}
-                %input{type: 'radio', name: 'form2', id: 'f2_r1', checked: 'checked'}
-                str
-            %li
-              %label.class-285{for: 'f2_r2'}
-                %input{type: 'radio', name: 'form2', id: 'f2_r2'}
-                str
-
-  %section#id-31
-    .class-286 string-83
-    .class-287
-      %ul.class-288
-        %li text-84
-        %li text-85
-      %pre.class-289(readonly="readonly" style='width:38px')
-        :preserve
-          %ul.class-290
-            %li text-86
-            %li text-87
-
-      %ul.class-291.class-292
-        %li text-88
-        %li text-89
-      %pre.class-293(readonly="readonly" style='width:39px')
-        :preserve
-          %ul.class-294.class-295
-            %li text-90
-            %li text-91
-
-      %ul.class-296.class-297
-        %li text-92
-        %li text-93
-      %pre.class-298(readonly="readonly" style='width:40px')
-        :preserve
-          %ul.class-299.class-300
-            %li text-94
-            %li text-95
-
-      %ul.class-301.class-302
-        %li text-96
-        %li text-97
-      %pre.class-303(readonly="readonly" style='width:41px')
-        :preserve
-          %ul.class-304.class-305
-            %li text-98
-            %li text-99
-
-  %section#id-32
-    .class-306 string-100
-    .class-307
-      = image_tag '#'
-      = image_tag '#'
-      %pre.class-312(readonly="readonly" style='width:42px')
-        :preserve
-          = image_tag '#'
-          = image_tag '#'
-
-  %section#id-33
-    .class-315 string-101
-    .class-316
-      = image_tag '#'
-      %span.class-317 str
-      %pre.class-318(readonly="readonly" style='width:43px')
-        :preserve
-          = image_tag '#'
-          %span.class-319 str
-
-  %section#id-34
-    .class-320 string-102
-    .class-321
-      %a(href="#" class="klass")
-      %pre.class-322(readonly="readonly" style='width:44px')
-        :preserve
-          = link_to '', '#', class: 'klass'
-
-  %section#id-35
-    .class-323 string-103
-    .class-324
-      %a(href="#" class="klass")
-      %pre.class-325(readonly="readonly" style='width:45px')
-        :preserve
-          = link_to '', '#', class: 'klass'
-
-  %section#id-36
-    .class-326 string-104
-    .class-327
-      .class-328
-        %a(rel="prev" href="#")
-        %a(rel="next" href="#")
-      %pre.class-329(readonly="readonly" style='width:46px')
-        :preserve
-          .class-330
-            = link_to '', '#', rel: 'klass'
-            = link_to '', '#', rel: 'klass'
-
-  %section#id-37
-    .class-331 string-105
-    .class-332
-      .class-333
-        .class-334
-          %strong text-106
-          %span text-107
-        .class-335{ style: "width: 50%;" }
-
-      %pre.class-336{ readonly: "readonly", style: "height: 120px" }
-        :preserve
-          .class-337
-            .class-338
-              %strong text-108
-              %span text-109
-            .class-339{ style: "width: 50%;" }
-
-      .class-340.class-341
-        .class-342
-          %strong text-110
-          %span text-111
-        .class-343{ style: "width: 50%;" }
-
-      %pre.class-344{ readonly: "readonly", style: "height: 120px" }
-        :preserve
-          .class-345.class-346
-            .class-347
-              %strong text-112
-              %span text-113
-            .class-348{ style: "width: 50%;" }
-
-  %section#id-38
-    .class-349 string-114
-    .class-350
-      = render '#'
-      = render '#'
-      %pre.class-351(readonly="readonly" style='width:47px')
-        :preserve
-          = render '#'
-          = render '#'
-
-      %p text-115
-      %p text-116
-
-  %section#id-39
-    .class-353 string-117
-    .class-354
-      = link_to 'link', '#', class: 'klass1 klass2', :'data-foo_bar' => 'foo!!'
-    .class-355
-      .class-356 string-118
-      %pre.class-357(readonly="readonly" style='width:48px')
-        :preserve
-          = link_to 'link', '#',
-            class: 'klass1 klass2',
-            :'data-foo_bar' => 'foo!!'
-      .class-358 string-119
-      %pre.class-359(readonly="readonly" style='width:49px')
-        :preserve
-          foo.bar('Hoge')
-
-  %section#id-40
-    .class-361 string-120
-    .class-362
-      = link_to 'link', '#', class: 'klass1 klass2 klass3'
-    .class-363
-      .class-364 string-121
-      %pre.class-365(readonly="readonly" style='width:50px')
-        :preserve
-          = link_to 'link', '#',
-            class: 'klass1 klass2 klass3'
-
-      .class-366 string-122
-      %pre.class-367(readonly="readonly" style='width:51px')
-        :preserve
-          #id-43.class-368.class-369
-            .class-370
-              .class-371 string-123
-              %a.class-372{href: "#"}
-              str
-
-      %p text-124
-      %p text-125
-
-      .class-373 string-126
-      %pre.class-374(readonly="readonly" style='width:52px')
-        :preserve
-          // hello
-          $(window).bind('click', function(event) {
-          });
-
-          // hello
-          $('#id-44').bind('click', function(event) {
-          });
-
-          // world
-          $('#id-45').bind('click', function(event) {
-          });
-
-      %p text-127
-
-  %section#id-46
-    .class-378 string-128
-    .class-379
-      %ul.class-380
-        %li.class-381
-          str1
-        %li.class-382
-          str2
-        %li.class-383
-          str3
-    :javascript
-      $('.class-384').foo({bar: '.class-386'});
-    :css
-      .class-387 {
-        min-height: 13px;
-      }
-      .class-388 {
-        height: 1px;
-        background: #000;
-        padding: 1px;
-        text-align: center;
-      }
-      .class-390 {
-        background: #000;
-      }
-      .class-392 {
-        background: #000;
-      }
-
-    .class-394
-      %pre.class-395(readonly="readonly" style='width:53px')
-        :preserve
-          .class-396
-            %ul.class-397
-              %li.class-398 str1
-              %li.class-399 str2
-              %li.class-400 str3
-          :javascript
-            $('.class-401').bar({foo: '.class-403'});
-
-    %ul.class-404.class-405
-      %li= link_to 'link', '#'
-      %li= link_to 'link', '#'
-      %li= link_to 'link', '#'
-
-    .class-406
-      %ul.class-407
-        %li#id-52A.class-408 str1
-        %li#id-53B.class-409 str2
-        %li#id-54C.class-410 str3
-
-    :javascript
-      $('.class-411').click({foo: '.class-413 > li > a'});
-
-    :css
-      .class-414 {
-        height: 1px;
-        background: #000;
-        padding: 1px;
-        text-align: center;
-      }
-      .class-416 {
-        background: #000;
-      }
-      .class-418 {
-        background: #000;
-      }
-
-    .class-420
-      %pre.class-421(readonly="readonly" style='width:54px')
-        :preserve
-          %ul.class-422.class-423
-            %li= link_to 'link', '#'
-            %li= link_to 'link', '#'
-            %li= link_to 'link', '#'
-
-          .class-424
-            %ul.class-425
-              %li#id-60A.class-426 str1
-              %li#id-61B.class-427 str2
-              %li#id-62C.class-428 str3
-
-          :javascript
-            $('.class-429').bind({links: '.klass'});
-
-  %section#id-63
-    .class-432 string-136
-    .class-433
-      .class-434 string-137
-      %pre.class-435(readonly="readonly" style='width:55px')
-        :preserve
-          #id-64
-            -# hello
-
-            .class-436
-              -# world
-
-            %span.class-437
-
-            #id-65
-              -# hey
-      .class-438 string-138
-      %pre.class-439(readonly="readonly" style='width:56px')
-        :preserve
-          // hello
-          $(document).bind('click', function(event) {
-          });
-
-          // world
-          $(document).bind('click', function(event) {
-          });
-
-#id-66XXX.class-442.class-443
-  .class-444
-    .class-445 string-139
-
-    %a.class-446{href: "#"}
-    str
-
-:javascript
-  (function ($) {
-    $(".foo").removeClass("bar");
-  })(jQuery);