lookbook 1.0.0.beta.0 → 1.0.0.beta.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +231 -9
- data/app/assets/lookbook/js/stores/inspector.js +4 -4
- data/app/components/lookbook/{component.rb → base_component.rb} +1 -1
- data/app/components/lookbook/button/component.rb +1 -1
- data/app/components/lookbook/button_group/component.rb +1 -1
- data/app/components/lookbook/code/component.rb +1 -1
- data/app/components/lookbook/copy_button/component.html.erb +1 -1
- data/app/components/lookbook/copy_button/component.rb +1 -1
- data/app/components/lookbook/dimensions_display/component.html.erb +2 -1
- data/app/components/lookbook/dimensions_display/component.js +19 -12
- data/app/components/lookbook/dimensions_display/component.rb +1 -1
- data/app/components/lookbook/embed/component.html.erb +6 -5
- data/app/components/lookbook/embed/component.rb +1 -1
- data/app/components/lookbook/filter/component.html.erb +1 -1
- data/app/components/lookbook/filter/component.rb +1 -1
- data/app/components/lookbook/header/component.html.erb +7 -12
- data/app/components/lookbook/header/component.rb +1 -1
- data/app/components/lookbook/icon/component.rb +1 -1
- data/app/components/lookbook/nav/component.rb +1 -1
- data/app/components/lookbook/nav/item/component.html.erb +2 -2
- data/app/components/lookbook/nav/item/component.rb +1 -1
- data/app/components/lookbook/page_tabs/component.html.erb +18 -0
- data/app/components/lookbook/page_tabs/component.rb +19 -0
- data/app/components/lookbook/params_editor/component.rb +1 -1
- data/app/components/lookbook/params_editor/field/component.rb +1 -1
- data/app/components/lookbook/prose/component.rb +1 -1
- data/app/components/lookbook/split_layout/component.rb +1 -1
- data/app/components/lookbook/tab_panels/component.html.erb +5 -0
- data/app/components/lookbook/tab_panels/component.js +25 -0
- data/app/components/lookbook/tab_panels/component.rb +20 -0
- data/app/components/lookbook/{tabbed_content/section → tab_panels/panel}/component.html.erb +2 -2
- data/app/components/lookbook/tab_panels/panel/component.rb +9 -0
- data/app/components/lookbook/tabs/component.html.erb +8 -2
- data/app/components/lookbook/tabs/component.js +14 -6
- data/app/components/lookbook/tabs/component.rb +9 -11
- data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +8 -2
- data/app/components/lookbook/tabs/dropdown_tab/component.rb +5 -4
- data/app/components/lookbook/tabs/tab/component.html.erb +9 -3
- data/app/components/lookbook/tabs/tab/component.rb +5 -4
- data/app/components/lookbook/toolbar/component.css +1 -1
- data/app/components/lookbook/toolbar/component.rb +1 -1
- data/app/components/lookbook/viewport/component.rb +1 -1
- data/app/controllers/lookbook/application_controller.rb +2 -2
- data/app/controllers/lookbook/pages_controller.rb +2 -1
- data/app/controllers/lookbook/previews_controller.rb +90 -91
- data/app/helpers/lookbook/application_helper.rb +8 -2
- data/app/helpers/lookbook/component_helper.rb +4 -0
- data/app/helpers/lookbook/page_helper.rb +2 -2
- data/app/views/layouts/lookbook/application.html.erb +1 -1
- data/app/views/layouts/lookbook/page.html.erb +2 -2
- data/app/views/layouts/lookbook/shell.html.erb +1 -1
- data/app/views/layouts/lookbook/skeleton.html.erb +7 -1
- data/app/views/lookbook/404.html.erb +1 -1
- data/app/views/lookbook/index.html.erb +1 -1
- data/app/views/lookbook/pages/show.html.erb +15 -5
- data/app/views/lookbook/preview.html.erb +3 -3
- data/app/views/lookbook/previews/panels/_content.html.erb +13 -0
- data/app/views/lookbook/previews/panels/_notes.html.erb +5 -5
- data/app/views/lookbook/previews/panels/_output.html.erb +3 -3
- data/app/views/lookbook/previews/panels/_params.html.erb +2 -2
- data/app/views/lookbook/previews/panels/_preview.html.erb +2 -2
- data/app/views/lookbook/previews/panels/_source.html.erb +6 -6
- data/app/views/lookbook/previews/show.html.erb +39 -36
- data/config/routes.rb +6 -6
- data/lib/lookbook/collection.rb +1 -1
- data/lib/lookbook/component.rb +31 -0
- data/lib/lookbook/config.rb +133 -33
- data/lib/lookbook/engine.rb +72 -12
- data/lib/lookbook/page.rb +34 -11
- data/lib/lookbook/page_section.rb +31 -0
- data/lib/lookbook/parser.rb +1 -4
- data/lib/lookbook/preview.rb +25 -8
- data/lib/lookbook/preview_example.rb +2 -2
- data/lib/lookbook/preview_group.rb +1 -1
- data/lib/lookbook/source_inspector.rb +10 -0
- data/lib/lookbook/store.rb +36 -0
- data/lib/lookbook/theme.rb +7 -0
- data/lib/lookbook/utils.rb +3 -3
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +3 -12
- data/public/lookbook-assets/css/lookbook.css +34 -5
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +84 -71
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +14 -8
- data/app/components/lookbook/tabbed_content/component.html.erb +0 -5
- data/app/components/lookbook/tabbed_content/component.js +0 -21
- data/app/components/lookbook/tabbed_content/component.rb +0 -20
- data/app/components/lookbook/tabbed_content/section/component.rb +0 -9
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: lookbook
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.0.beta.
|
4
|
+
version: 1.0.0.beta.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mark Perkins
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-06-
|
11
|
+
date: 2022-06-16 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: actioncable
|
@@ -186,6 +186,7 @@ files:
|
|
186
186
|
- app/assets/lookbook/js/stores/workbench.js
|
187
187
|
- app/channels/lookbook/connection.rb
|
188
188
|
- app/channels/lookbook/reload_channel.rb
|
189
|
+
- app/components/lookbook/base_component.rb
|
189
190
|
- app/components/lookbook/button/component.html.erb
|
190
191
|
- app/components/lookbook/button/component.js
|
191
192
|
- app/components/lookbook/button/component.rb
|
@@ -196,7 +197,6 @@ files:
|
|
196
197
|
- app/components/lookbook/code/component.js
|
197
198
|
- app/components/lookbook/code/component.rb
|
198
199
|
- app/components/lookbook/code/highlight_github_light.css
|
199
|
-
- app/components/lookbook/component.rb
|
200
200
|
- app/components/lookbook/copy_button/component.html.erb
|
201
201
|
- app/components/lookbook/copy_button/component.js
|
202
202
|
- app/components/lookbook/copy_button/component.rb
|
@@ -221,6 +221,8 @@ files:
|
|
221
221
|
- app/components/lookbook/nav/item/component.html.erb
|
222
222
|
- app/components/lookbook/nav/item/component.js
|
223
223
|
- app/components/lookbook/nav/item/component.rb
|
224
|
+
- app/components/lookbook/page_tabs/component.html.erb
|
225
|
+
- app/components/lookbook/page_tabs/component.rb
|
224
226
|
- app/components/lookbook/params_editor/component.html.erb
|
225
227
|
- app/components/lookbook/params_editor/component.js
|
226
228
|
- app/components/lookbook/params_editor/component.rb
|
@@ -233,11 +235,11 @@ files:
|
|
233
235
|
- app/components/lookbook/split_layout/component.html.erb
|
234
236
|
- app/components/lookbook/split_layout/component.js
|
235
237
|
- app/components/lookbook/split_layout/component.rb
|
236
|
-
- app/components/lookbook/
|
237
|
-
- app/components/lookbook/
|
238
|
-
- app/components/lookbook/
|
239
|
-
- app/components/lookbook/
|
240
|
-
- app/components/lookbook/
|
238
|
+
- app/components/lookbook/tab_panels/component.html.erb
|
239
|
+
- app/components/lookbook/tab_panels/component.js
|
240
|
+
- app/components/lookbook/tab_panels/component.rb
|
241
|
+
- app/components/lookbook/tab_panels/panel/component.html.erb
|
242
|
+
- app/components/lookbook/tab_panels/panel/component.rb
|
241
243
|
- app/components/lookbook/tabs/component.css
|
242
244
|
- app/components/lookbook/tabs/component.html.erb
|
243
245
|
- app/components/lookbook/tabs/component.js
|
@@ -274,6 +276,7 @@ files:
|
|
274
276
|
- app/views/lookbook/index.html.erb
|
275
277
|
- app/views/lookbook/pages/show.html.erb
|
276
278
|
- app/views/lookbook/preview.html.erb
|
279
|
+
- app/views/lookbook/previews/panels/_content.html.erb
|
277
280
|
- app/views/lookbook/previews/panels/_notes.html.erb
|
278
281
|
- app/views/lookbook/previews/panels/_output.html.erb
|
279
282
|
- app/views/lookbook/previews/panels/_params.html.erb
|
@@ -284,6 +287,7 @@ files:
|
|
284
287
|
- lib/lookbook.rb
|
285
288
|
- lib/lookbook/code_formatter.rb
|
286
289
|
- lib/lookbook/collection.rb
|
290
|
+
- lib/lookbook/component.rb
|
287
291
|
- lib/lookbook/config.rb
|
288
292
|
- lib/lookbook/engine.rb
|
289
293
|
- lib/lookbook/entity.rb
|
@@ -293,6 +297,7 @@ files:
|
|
293
297
|
- lib/lookbook/markdown.rb
|
294
298
|
- lib/lookbook/page.rb
|
295
299
|
- lib/lookbook/page_collection.rb
|
300
|
+
- lib/lookbook/page_section.rb
|
296
301
|
- lib/lookbook/params.rb
|
297
302
|
- lib/lookbook/parser.rb
|
298
303
|
- lib/lookbook/preview.rb
|
@@ -301,6 +306,7 @@ files:
|
|
301
306
|
- lib/lookbook/preview_example.rb
|
302
307
|
- lib/lookbook/preview_group.rb
|
303
308
|
- lib/lookbook/source_inspector.rb
|
309
|
+
- lib/lookbook/store.rb
|
304
310
|
- lib/lookbook/theme.rb
|
305
311
|
- lib/lookbook/utils.rb
|
306
312
|
- lib/lookbook/version.rb
|
@@ -1,21 +0,0 @@
|
|
1
|
-
export default function tabbedContentComponent(store) {
|
2
|
-
return {
|
3
|
-
get id() {
|
4
|
-
return this.$root.id;
|
5
|
-
},
|
6
|
-
|
7
|
-
get sections() {
|
8
|
-
return Array.from(this.$refs.sections.children);
|
9
|
-
},
|
10
|
-
|
11
|
-
isActive(el) {
|
12
|
-
return store.activeTab === this._getRef(el);
|
13
|
-
},
|
14
|
-
|
15
|
-
// protected
|
16
|
-
|
17
|
-
_getRef(el) {
|
18
|
-
return el.getAttribute("x-ref");
|
19
|
-
},
|
20
|
-
};
|
21
|
-
}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
module Lookbook
|
2
|
-
class TabbedContent::Component < Lookbook::Component
|
3
|
-
renders_many :sections, ->(ref: nil, **attrs) do
|
4
|
-
@section_counter += 1
|
5
|
-
ref ||= "tab-#{@section_counter}"
|
6
|
-
Lookbook::TabbedContent::Section::Component.new ref: ref, **attrs
|
7
|
-
end
|
8
|
-
|
9
|
-
def initialize(**html_attrs)
|
10
|
-
@section_counter = 0
|
11
|
-
super(**html_attrs)
|
12
|
-
end
|
13
|
-
|
14
|
-
protected
|
15
|
-
|
16
|
-
def alpine_component
|
17
|
-
"tabbedContentComponent"
|
18
|
-
end
|
19
|
-
end
|
20
|
-
end
|