lookbook 0.4.8 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +35 -21
  3. data/app/assets/lookbook/css/app.css +24 -13
  4. data/app/assets/lookbook/css/tooltip_theme.css +28 -0
  5. data/app/assets/lookbook/js/app.js +4 -0
  6. data/app/assets/lookbook/js/components/code.js +5 -0
  7. data/app/assets/lookbook/js/components/copy.js +4 -2
  8. data/app/assets/lookbook/js/components/filter.js +1 -1
  9. data/app/assets/lookbook/js/components/inspector.js +54 -9
  10. data/app/assets/lookbook/js/components/nav-group.js +1 -1
  11. data/app/assets/lookbook/js/components/nav-item.js +1 -0
  12. data/app/assets/lookbook/js/components/nav.js +1 -1
  13. data/app/assets/lookbook/js/components/page.js +17 -5
  14. data/app/assets/lookbook/js/components/param.js +23 -7
  15. data/app/assets/lookbook/js/components/preview-window.js +95 -26
  16. data/app/assets/lookbook/js/components/tabs.js +50 -0
  17. data/app/assets/lookbook/js/config.js +11 -4
  18. data/app/assets/lookbook/js/lib/socket.js +1 -1
  19. data/app/assets/lookbook/js/stores/inspector.js +13 -5
  20. data/app/controllers/lookbook/app_controller.rb +23 -9
  21. data/app/views/layouts/lookbook/app.html.erb +9 -3
  22. data/app/views/lookbook/components/_code.html.erb +6 -1
  23. data/app/views/lookbook/components/_drawer.html.erb +124 -0
  24. data/app/views/lookbook/components/_filter.html.erb +1 -1
  25. data/app/views/lookbook/components/_header.html.erb +2 -2
  26. data/app/views/lookbook/components/_nav.html.erb +1 -1
  27. data/app/views/lookbook/components/_nav_group.html.erb +11 -14
  28. data/app/views/lookbook/components/_nav_item.html.erb +17 -15
  29. data/app/views/lookbook/components/_nav_preview.html.erb +4 -2
  30. data/app/views/lookbook/components/_param.html.erb +6 -5
  31. data/app/views/lookbook/components/_preview.html.erb +67 -20
  32. data/app/views/lookbook/inputs/_select.html.erb +2 -3
  33. data/app/views/lookbook/inputs/_text.html.erb +3 -3
  34. data/app/views/lookbook/inputs/_textarea.html.erb +3 -3
  35. data/app/views/lookbook/inputs/_toggle.html.erb +5 -5
  36. data/app/views/lookbook/panels/_notes.html.erb +1 -1
  37. data/app/views/lookbook/panels/_output.html.erb +2 -2
  38. data/app/views/lookbook/panels/_params.html.erb +1 -1
  39. data/app/views/lookbook/panels/_preview.html.erb +52 -0
  40. data/app/views/lookbook/panels/_source.html.erb +2 -2
  41. data/app/views/lookbook/show.html.erb +22 -88
  42. data/lib/lookbook/code_formatter.rb +3 -3
  43. data/lib/lookbook/features.rb +1 -1
  44. data/lib/lookbook/preview.rb +1 -1
  45. data/lib/lookbook/version.rb +1 -1
  46. data/public/lookbook-assets/css/app.css +3 -1
  47. data/public/lookbook-assets/css/app.css.map +1 -1
  48. data/public/lookbook-assets/js/app.js +1 -1
  49. data/public/lookbook-assets/js/app.js.map +1 -1
  50. metadata +6 -3
  51. data/app/views/lookbook/components/_copy.html.erb +0 -10
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: 0.4.8
4
+ version: 0.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mark Perkins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-12-06 00:00:00.000000000 Z
11
+ date: 2022-01-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -190,6 +190,7 @@ files:
190
190
  - app/assets/lookbook/css/code_theme.css
191
191
  - app/assets/lookbook/css/tooltip_theme.css
192
192
  - app/assets/lookbook/js/app.js
193
+ - app/assets/lookbook/js/components/code.js
193
194
  - app/assets/lookbook/js/components/copy.js
194
195
  - app/assets/lookbook/js/components/filter.js
195
196
  - app/assets/lookbook/js/components/inspector.js
@@ -202,6 +203,7 @@ files:
202
203
  - app/assets/lookbook/js/components/sidebar.js
203
204
  - app/assets/lookbook/js/components/sizes.js
204
205
  - app/assets/lookbook/js/components/splitter.js
206
+ - app/assets/lookbook/js/components/tabs.js
205
207
  - app/assets/lookbook/js/config.js
206
208
  - app/assets/lookbook/js/lib/socket.js
207
209
  - app/assets/lookbook/js/lib/split.js
@@ -219,7 +221,7 @@ files:
219
221
  - app/views/layouts/lookbook/app.html.erb
220
222
  - app/views/layouts/lookbook/preview.html.erb
221
223
  - app/views/lookbook/components/_code.html.erb
222
- - app/views/lookbook/components/_copy.html.erb
224
+ - app/views/lookbook/components/_drawer.html.erb
223
225
  - app/views/lookbook/components/_filter.html.erb
224
226
  - app/views/lookbook/components/_header.html.erb
225
227
  - app/views/lookbook/components/_icon.html.erb
@@ -240,6 +242,7 @@ files:
240
242
  - app/views/lookbook/panels/_notes.html.erb
241
243
  - app/views/lookbook/panels/_output.html.erb
242
244
  - app/views/lookbook/panels/_params.html.erb
245
+ - app/views/lookbook/panels/_preview.html.erb
243
246
  - app/views/lookbook/panels/_source.html.erb
244
247
  - app/views/lookbook/show.html.erb
245
248
  - config/routes.rb
data/app/views/lookbook/components/_copy.html.erb DELETED
@@ -1,10 +0,0 @@
1
- <button
2
- class="p-1.5 border-b border-l border-gray-200 hover:border-gray-300 rounded-bl-md bg-white absolute top-0 right-0 text-gray-400 transition"
3
- x-data="copy('<%= target %>')"
4
- x-tooltip.theme.lookbook="done ? 'copied!' : 'copy to clipboard'"
5
- @click="save"
6
- :class="{'!text-green-600 hover:text-green-600': done, 'hover:text-indigo-500': !done}"
7
- data-tippy-placement="left">
8
- <%= icon "${done ? 'check' : 'clipboard'}", size: 4 %>
9
- <div class="hidden" x-init="content = $el.innerText"><%== yield %></div>
10
- </button>