lookbook 1.0.0.beta.0 → 1.0.0.beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +84 -2
  3. data/app/assets/lookbook/js/stores/inspector.js +4 -4
  4. data/app/components/lookbook/dimensions_display/component.html.erb +2 -1
  5. data/app/components/lookbook/dimensions_display/component.js +19 -12
  6. data/app/components/lookbook/header/component.html.erb +2 -2
  7. data/app/components/lookbook/page_tabs/component.html.erb +18 -0
  8. data/app/components/lookbook/page_tabs/component.rb +19 -0
  9. data/app/components/lookbook/tab_panels/component.html.erb +5 -0
  10. data/app/components/lookbook/tab_panels/component.js +25 -0
  11. data/app/components/lookbook/tab_panels/component.rb +20 -0
  12. data/app/components/lookbook/{tabbed_content/section → tab_panels/panel}/component.html.erb +2 -2
  13. data/app/components/lookbook/tab_panels/panel/component.rb +9 -0
  14. data/app/components/lookbook/tabs/component.html.erb +8 -2
  15. data/app/components/lookbook/tabs/component.js +11 -3
  16. data/app/components/lookbook/tabs/component.rb +8 -10
  17. data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +8 -2
  18. data/app/components/lookbook/tabs/dropdown_tab/component.rb +4 -3
  19. data/app/components/lookbook/tabs/tab/component.html.erb +9 -3
  20. data/app/components/lookbook/tabs/tab/component.rb +4 -3
  21. data/app/components/lookbook/toolbar/component.css +1 -1
  22. data/app/controllers/lookbook/application_controller.rb +1 -1
  23. data/app/controllers/lookbook/pages_controller.rb +1 -0
  24. data/app/controllers/lookbook/previews_controller.rb +90 -86
  25. data/app/views/lookbook/pages/show.html.erb +11 -1
  26. data/app/views/lookbook/preview.html.erb +3 -3
  27. data/app/views/lookbook/previews/panels/_content.html.erb +13 -0
  28. data/app/views/lookbook/previews/panels/_notes.html.erb +5 -5
  29. data/app/views/lookbook/previews/panels/_output.html.erb +3 -3
  30. data/app/views/lookbook/previews/panels/_params.html.erb +2 -2
  31. data/app/views/lookbook/previews/panels/_preview.html.erb +1 -1
  32. data/app/views/lookbook/previews/panels/_source.html.erb +6 -6
  33. data/app/views/lookbook/previews/show.html.erb +38 -35
  34. data/lib/lookbook/config.rb +87 -32
  35. data/lib/lookbook/page.rb +31 -8
  36. data/lib/lookbook/page_section.rb +31 -0
  37. data/lib/lookbook/store.rb +36 -0
  38. data/lib/lookbook/theme.rb +7 -0
  39. data/lib/lookbook/utils.rb +1 -1
  40. data/lib/lookbook/version.rb +1 -1
  41. data/lib/lookbook.rb +2 -0
  42. data/public/lookbook-assets/css/lookbook.css +34 -5
  43. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  44. data/public/lookbook-assets/js/lookbook.js +36 -24
  45. data/public/lookbook-assets/js/lookbook.js.map +1 -1
  46. metadata +12 -7
  47. data/app/components/lookbook/tabbed_content/component.html.erb +0 -5
  48. data/app/components/lookbook/tabbed_content/component.js +0 -21
  49. data/app/components/lookbook/tabbed_content/component.rb +0 -20
  50. 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.0
4
+ version: 1.0.0.beta.1
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-06 00:00:00.000000000 Z
11
+ date: 2022-06-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: actioncable
@@ -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/tabbed_content/component.html.erb
237
- - app/components/lookbook/tabbed_content/component.js
238
- - app/components/lookbook/tabbed_content/component.rb
239
- - app/components/lookbook/tabbed_content/section/component.html.erb
240
- - app/components/lookbook/tabbed_content/section/component.rb
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
@@ -293,6 +296,7 @@ files:
293
296
  - lib/lookbook/markdown.rb
294
297
  - lib/lookbook/page.rb
295
298
  - lib/lookbook/page_collection.rb
299
+ - lib/lookbook/page_section.rb
296
300
  - lib/lookbook/params.rb
297
301
  - lib/lookbook/parser.rb
298
302
  - lib/lookbook/preview.rb
@@ -301,6 +305,7 @@ files:
301
305
  - lib/lookbook/preview_example.rb
302
306
  - lib/lookbook/preview_group.rb
303
307
  - lib/lookbook/source_inspector.rb
308
+ - lib/lookbook/store.rb
304
309
  - lib/lookbook/theme.rb
305
310
  - lib/lookbook/utils.rb
306
311
  - lib/lookbook/version.rb
@@ -1,5 +0,0 @@
1
- <%= render_component_tag class: "h-full" do %>
2
- <div x-ref="sections" class="h-full">
3
- <%= safe_join(sections) %>
4
- </div>
5
- <% end %>
@@ -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
@@ -1,9 +0,0 @@
1
- module Lookbook
2
- class TabbedContent::Section::Component < Lookbook::Component
3
- def initialize(ref:, id: nil, **html_attrs)
4
- @ref = ref
5
- @id = id || ref
6
- super(**html_attrs)
7
- end
8
- end
9
- end