middlemac-extras 1.0.6 → 1.0.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +8 -1
- data/.yardopts +7 -0
- data/CHANGELOG.md +26 -9
- data/Rakefile +209 -7
- data/documentation_project/Gemfile +3 -3
- data/documentation_project/config.rb +2 -2
- data/documentation_project/source/api_reference.html.md.erb +38 -0
- data/documentation_project/source/cli.html.md.erb +4 -3
- data/documentation_project/source/config_rb.html.md.erb +1 -2
- data/documentation_project/source/css_image_sizes.html.md.erb +2 -3
- data/documentation_project/source/image_tag.html.md.erb +1 -2
- data/documentation_project/source/index.html.md.erb +8 -7
- data/documentation_project/source/license.html.md.erb +1 -2
- data/documentation_project/source/md_images.html.md.erb +1 -2
- data/documentation_project/source/md_links.html.md.erb +1 -2
- data/documentation_project/source/partials/_yard_config.erb +200 -0
- data/documentation_project/source/partials/_yard_helpers.erb +146 -0
- data/documentation_project/source/partials/_yard_helpers_extended.erb +135 -0
- data/documentation_project/source/stylesheets/_middlemac_minimal.scss +281 -0
- data/features/helpers.feature +39 -0
- data/features/support/env.rb +20 -0
- data/fixtures/middlemac_extras_app/config.rb +7 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-small.png +0 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-small@2x.png +0 -0
- data/fixtures/middlemac_extras_app/source/images/middlemac-extras-smaller.png +0 -0
- data/fixtures/middlemac_extras_app/source/index.html.md.erb +31 -0
- data/lib/middlemac-extras/extension.rb +135 -43
- data/lib/middlemac-extras/version.rb +1 -1
- data/middlemac-extras.gemspec +11 -3
- data/yard/readme.md +6 -0
- data/yard/template-grouped/default/module/html/method_details_list.erb +11 -0
- data/yard/template-partials/default/method_details/setup.rb +4 -0
- data/yard/template-partials/default/module/html/attribute_details.erb +9 -0
- data/yard/template-partials/default/module/html/method_details_list.erb +10 -0
- data/yard/template-partials/default/module/setup.rb +6 -0
- data/yard/template-partials/default/onefile/html/layout.erb +1 -0
- data/yard/template-partials/default/onefile/html/setup.rb +4 -0
- data/yard/yard_extensions.rb +109 -0
- metadata +92 -13
@@ -0,0 +1,200 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
<div id="instance_attr_details" class="attr_details">
|
6
|
+
|
7
|
+
|
8
|
+
<span id="options[:img_auto_extensions]=-instance_method"></span>
|
9
|
+
<div class="method_details first">
|
10
|
+
<h3 class="signature first" id="options[:img_auto_extensions]=-instance_method">
|
11
|
+
|
12
|
+
- (<tt>Boolean</tt>) <strong>options[:img_auto_extensions]=</strong>(value)
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
</h3><div class="docstring">
|
19
|
+
<div class="discussion">
|
20
|
+
<p>This option determines whether or not to support specifying images without
|
21
|
+
using a file name extension. If set to <code>true</code> then the <code>image_tag</code> helper
|
22
|
+
will work for images even if you don’t specify an extension, but only if a
|
23
|
+
file exists on disk that has one of the extensions in
|
24
|
+
<code>:img_auto_extensions_order</code>.</p>
|
25
|
+
|
26
|
+
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
<div class="tags">
|
30
|
+
<p class="tag_title">Parameters:</p>
|
31
|
+
<ul class="param">
|
32
|
+
|
33
|
+
<li>
|
34
|
+
|
35
|
+
<span class='name'>value</span>
|
36
|
+
|
37
|
+
|
38
|
+
<span class='type'>(<tt>Boolean</tt>)</span>
|
39
|
+
|
40
|
+
|
41
|
+
|
42
|
+
—
|
43
|
+
<div class='inline'><p><code>true</code> or <code>false</code> to enable or disable this feature.</p>
|
44
|
+
</div>
|
45
|
+
|
46
|
+
</li>
|
47
|
+
|
48
|
+
</ul>
|
49
|
+
|
50
|
+
<p class="tag_title">Returns:</p>
|
51
|
+
<ul class="return">
|
52
|
+
|
53
|
+
<li>
|
54
|
+
|
55
|
+
|
56
|
+
<span class='type'>(<tt>Boolean</tt>)</span>
|
57
|
+
|
58
|
+
|
59
|
+
|
60
|
+
—
|
61
|
+
<div class='inline'><p>Returns the current value of this option.</p>
|
62
|
+
</div>
|
63
|
+
|
64
|
+
</li>
|
65
|
+
|
66
|
+
</ul>
|
67
|
+
|
68
|
+
</div>
|
69
|
+
</div>
|
70
|
+
|
71
|
+
|
72
|
+
<span id="options[:img_auto_extensions_order]=-instance_method"></span>
|
73
|
+
<div class="method_details ">
|
74
|
+
<h3 class="signature " id="options[:img_auto_extensions_order]=-instance_method">
|
75
|
+
|
76
|
+
- (<tt>Array<String></tt>) <strong>options[:img_auto_extensions_order]=</strong>(value)
|
77
|
+
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
|
82
|
+
</h3><div class="docstring">
|
83
|
+
<div class="discussion">
|
84
|
+
<p>This option defines the eligible file name extensions and their precedence
|
85
|
+
when you specify an image without an extension using the <code>image_tag</code> helper.
|
86
|
+
Set this to an array of image file extensions in your desired order of
|
87
|
+
of precedence.</p>
|
88
|
+
|
89
|
+
|
90
|
+
</div>
|
91
|
+
</div>
|
92
|
+
<div class="tags">
|
93
|
+
<p class="tag_title">Parameters:</p>
|
94
|
+
<ul class="param">
|
95
|
+
|
96
|
+
<li>
|
97
|
+
|
98
|
+
<span class='name'>value</span>
|
99
|
+
|
100
|
+
|
101
|
+
<span class='type'>(<tt>Array<String></tt>)</span>
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
—
|
106
|
+
<div class='inline'><p>Set to an array of image extensions.</p>
|
107
|
+
</div>
|
108
|
+
|
109
|
+
</li>
|
110
|
+
|
111
|
+
</ul>
|
112
|
+
|
113
|
+
<p class="tag_title">Returns:</p>
|
114
|
+
<ul class="return">
|
115
|
+
|
116
|
+
<li>
|
117
|
+
|
118
|
+
|
119
|
+
<span class='type'>(<tt>Array<String></tt>)</span>
|
120
|
+
|
121
|
+
|
122
|
+
|
123
|
+
—
|
124
|
+
<div class='inline'><p>Returns the current value of this option.</p>
|
125
|
+
</div>
|
126
|
+
|
127
|
+
</li>
|
128
|
+
|
129
|
+
</ul>
|
130
|
+
|
131
|
+
</div>
|
132
|
+
</div>
|
133
|
+
|
134
|
+
|
135
|
+
<span id="options[:retina_srcset]=-instance_method"></span>
|
136
|
+
<div class="method_details ">
|
137
|
+
<h3 class="signature " id="options[:retina_srcset]=-instance_method">
|
138
|
+
|
139
|
+
- (<tt>Boolean</tt>) <strong>options[:retina_srcset]=</strong>(value)
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
|
144
|
+
|
145
|
+
</h3><div class="docstring">
|
146
|
+
<div class="discussion">
|
147
|
+
<p>This option determines whether or not the enhanced <code>image_tag</code> helper will
|
148
|
+
be used to include an @2x <code>srcset</code> attribute automatically. This automatic
|
149
|
+
behavior will only be applied if the image asset exists on disk and this
|
150
|
+
option is set to <code>true</code>.</p>
|
151
|
+
|
152
|
+
|
153
|
+
</div>
|
154
|
+
</div>
|
155
|
+
<div class="tags">
|
156
|
+
<p class="tag_title">Parameters:</p>
|
157
|
+
<ul class="param">
|
158
|
+
|
159
|
+
<li>
|
160
|
+
|
161
|
+
<span class='name'>value</span>
|
162
|
+
|
163
|
+
|
164
|
+
<span class='type'>(<tt>Boolean</tt>)</span>
|
165
|
+
|
166
|
+
|
167
|
+
|
168
|
+
—
|
169
|
+
<div class='inline'><p><code>true</code> or <code>false</code> to enable or disable this feature.</p>
|
170
|
+
</div>
|
171
|
+
|
172
|
+
</li>
|
173
|
+
|
174
|
+
</ul>
|
175
|
+
|
176
|
+
<p class="tag_title">Returns:</p>
|
177
|
+
<ul class="return">
|
178
|
+
|
179
|
+
<li>
|
180
|
+
|
181
|
+
|
182
|
+
<span class='type'>(<tt>Boolean</tt>)</span>
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
—
|
187
|
+
<div class='inline'><p>Returns the current value of this option.</p>
|
188
|
+
</div>
|
189
|
+
|
190
|
+
</li>
|
191
|
+
|
192
|
+
</ul>
|
193
|
+
|
194
|
+
</div>
|
195
|
+
</div>
|
196
|
+
|
197
|
+
</div>
|
198
|
+
|
199
|
+
|
200
|
+
|
@@ -0,0 +1,146 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
|
6
|
+
<div class="method_details_list">
|
7
|
+
|
8
|
+
|
9
|
+
|
10
|
+
<div class="method_details first">
|
11
|
+
<h3 class="signature first" id="css_image_sizes-instance_method">
|
12
|
+
|
13
|
+
- (<tt>String</tt>) <strong>css_image_sizes</strong>
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
</h3><div class="docstring">
|
20
|
+
<div class="discussion">
|
21
|
+
<p>This helper provides CSS for every image in your
|
22
|
+
project. Each image will have a declaration that sets
|
23
|
+
<code>max-width</code> and <code>max-height</code> to the actual size of the
|
24
|
+
image. Proper @2x image support is included. It’s most
|
25
|
+
useful to use this helper in a <code>some_file.css.erb</code>
|
26
|
+
file.</p>
|
27
|
+
|
28
|
+
|
29
|
+
</div>
|
30
|
+
</div>
|
31
|
+
<div class="tags">
|
32
|
+
|
33
|
+
<p class="tag_title">Returns:</p>
|
34
|
+
<ul class="return">
|
35
|
+
|
36
|
+
<li>
|
37
|
+
|
38
|
+
|
39
|
+
<span class='type'>(<tt>String</tt>)</span>
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
—
|
44
|
+
<div class='inline'><p>Returns a string with the CSS markup
|
45
|
+
for every image found in your project.</p>
|
46
|
+
</div>
|
47
|
+
|
48
|
+
</li>
|
49
|
+
|
50
|
+
</ul>
|
51
|
+
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
|
55
|
+
<div class="method_details ">
|
56
|
+
<h3 class="signature " id="md_images-instance_method">
|
57
|
+
|
58
|
+
- (<tt>String</tt>) <strong>md_images</strong>
|
59
|
+
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
|
64
|
+
</h3><div class="docstring">
|
65
|
+
<div class="discussion">
|
66
|
+
<p>This helper provides access to <code>middlemac-extras</code>’
|
67
|
+
index of images in Markdown reference format, enabling
|
68
|
+
you to use reference-style images in documents. Because
|
69
|
+
this helper includes literal Markdown, it’s only useful
|
70
|
+
in Markdown documents.</p>
|
71
|
+
|
72
|
+
|
73
|
+
</div>
|
74
|
+
</div>
|
75
|
+
<div class="tags">
|
76
|
+
|
77
|
+
<p class="tag_title">Returns:</p>
|
78
|
+
<ul class="return">
|
79
|
+
|
80
|
+
<li>
|
81
|
+
|
82
|
+
|
83
|
+
<span class='type'>(<tt>String</tt>)</span>
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
—
|
88
|
+
<div class='inline'><p>Returns a string with the Markdown
|
89
|
+
index of every image in your project.</p>
|
90
|
+
</div>
|
91
|
+
|
92
|
+
</li>
|
93
|
+
|
94
|
+
</ul>
|
95
|
+
|
96
|
+
</div>
|
97
|
+
</div>
|
98
|
+
|
99
|
+
<div class="method_details ">
|
100
|
+
<h3 class="signature " id="md_links-instance_method">
|
101
|
+
|
102
|
+
- (<tt>String</tt>) <strong>md_links</strong>
|
103
|
+
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
|
108
|
+
</h3><div class="docstring">
|
109
|
+
<div class="discussion">
|
110
|
+
<p>This helper provides access to <code>middlemac-extras</code>’
|
111
|
+
index of links in Markdown reference format, enabling
|
112
|
+
you to use reference-style links in documents. Because
|
113
|
+
this helper includes literal Markdown, it’s only useful
|
114
|
+
in Markdown documents.</p>
|
115
|
+
|
116
|
+
|
117
|
+
</div>
|
118
|
+
</div>
|
119
|
+
<div class="tags">
|
120
|
+
|
121
|
+
<p class="tag_title">Returns:</p>
|
122
|
+
<ul class="return">
|
123
|
+
|
124
|
+
<li>
|
125
|
+
|
126
|
+
|
127
|
+
<span class='type'>(<tt>String</tt>)</span>
|
128
|
+
|
129
|
+
|
130
|
+
|
131
|
+
—
|
132
|
+
<div class='inline'><p>Returns a string with the Markdown
|
133
|
+
index of every page in your project.</p>
|
134
|
+
</div>
|
135
|
+
|
136
|
+
</li>
|
137
|
+
|
138
|
+
</ul>
|
139
|
+
|
140
|
+
</div>
|
141
|
+
</div>
|
142
|
+
|
143
|
+
|
144
|
+
</div>
|
145
|
+
|
146
|
+
|
@@ -0,0 +1,135 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
|
6
|
+
<div class="method_details_list">
|
7
|
+
|
8
|
+
|
9
|
+
|
10
|
+
<div class="method_details first">
|
11
|
+
<h3 class="signature first" id="image_tag-instance_method">
|
12
|
+
|
13
|
+
- (<tt>String</tt>) <strong>image_tag</strong>(path, params = {})
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
</h3><div class="docstring">
|
20
|
+
<div class="discussion">
|
21
|
+
<p>With the proper options enabled this helper extends
|
22
|
+
the built-in functionality of <strong>Middleman</strong>’s helpers
|
23
|
+
in a couple of ways. With <code>:retina_srcset</code> enabled,
|
24
|
+
automatic <code>srcset</code> attributes will be applied to
|
25
|
+
<code><img></code> tags if an @2x version of the specified image
|
26
|
+
is found. With <code>:img_auto_extensions</code> it’s possible to
|
27
|
+
specify image names without the file name extension.</p>
|
28
|
+
|
29
|
+
|
30
|
+
</div>
|
31
|
+
</div>
|
32
|
+
<div class="tags">
|
33
|
+
<p class="tag_title">Parameters:</p>
|
34
|
+
<ul class="param">
|
35
|
+
|
36
|
+
<li>
|
37
|
+
|
38
|
+
<span class='name'>path</span>
|
39
|
+
|
40
|
+
|
41
|
+
<span class='type'>(<tt>String</tt>)</span>
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
—
|
46
|
+
<div class='inline'><p>Specify path to the image file.</p>
|
47
|
+
</div>
|
48
|
+
|
49
|
+
</li>
|
50
|
+
|
51
|
+
<li>
|
52
|
+
|
53
|
+
<span class='name'>params</span>
|
54
|
+
|
55
|
+
|
56
|
+
<span class='type'>(<tt>Hash</tt>)</span>
|
57
|
+
|
58
|
+
|
59
|
+
<em class="default">(defaults to: <tt>{}</tt>)</em>
|
60
|
+
|
61
|
+
|
62
|
+
—
|
63
|
+
<div class='inline'><p>Optional parameters to pass to
|
64
|
+
the helper. <strong>Middleman</strong> (and other extensions)
|
65
|
+
provide other parameters in addition to these.</p>
|
66
|
+
</div>
|
67
|
+
|
68
|
+
</li>
|
69
|
+
|
70
|
+
</ul>
|
71
|
+
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
<p class="tag_title">Options Hash (<tt>params</tt>):</p>
|
78
|
+
<ul class="option">
|
79
|
+
|
80
|
+
<li>
|
81
|
+
<span class="name">:img_auto_extensions</span>
|
82
|
+
<span class="type">(<tt>Boolean</tt>)</span>
|
83
|
+
<span class="default">
|
84
|
+
|
85
|
+
</span>
|
86
|
+
|
87
|
+
— <div class='inline'><p>Allows
|
88
|
+
control of the automatic image extensions option
|
89
|
+
on a per-use basis.</p>
|
90
|
+
</div>
|
91
|
+
|
92
|
+
</li>
|
93
|
+
|
94
|
+
<li>
|
95
|
+
<span class="name">:retina_srcset</span>
|
96
|
+
<span class="type">(<tt>Boolean</tt>)</span>
|
97
|
+
<span class="default">
|
98
|
+
|
99
|
+
</span>
|
100
|
+
|
101
|
+
— <div class='inline'><p>Allows control
|
102
|
+
of the automatic @2x images feature on a per-use
|
103
|
+
basis.</p>
|
104
|
+
</div>
|
105
|
+
|
106
|
+
</li>
|
107
|
+
|
108
|
+
</ul>
|
109
|
+
|
110
|
+
|
111
|
+
<p class="tag_title">Returns:</p>
|
112
|
+
<ul class="return">
|
113
|
+
|
114
|
+
<li>
|
115
|
+
|
116
|
+
|
117
|
+
<span class='type'>(<tt>String</tt>)</span>
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
—
|
122
|
+
<div class='inline'><p>Returns an HTML <code><img></code> tag.</p>
|
123
|
+
</div>
|
124
|
+
|
125
|
+
</li>
|
126
|
+
|
127
|
+
</ul>
|
128
|
+
|
129
|
+
</div>
|
130
|
+
</div>
|
131
|
+
|
132
|
+
|
133
|
+
</div>
|
134
|
+
|
135
|
+
|