lookbook 1.0.0.beta.2 → 1.0.0.beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +180 -40
  3. data/app/components/lookbook/{component.rb → base_component.rb} +7 -5
  4. data/app/components/lookbook/button/component.rb +1 -1
  5. data/app/components/lookbook/button_group/component.rb +1 -1
  6. data/app/components/lookbook/code/component.rb +1 -1
  7. data/app/components/lookbook/copy_button/component.html.erb +3 -3
  8. data/app/components/lookbook/copy_button/component.rb +1 -1
  9. data/app/components/lookbook/dimensions_display/component.rb +1 -1
  10. data/app/components/lookbook/embed/component.html.erb +34 -33
  11. data/app/components/lookbook/embed/component.rb +1 -1
  12. data/app/components/lookbook/filter/component.html.erb +1 -1
  13. data/app/components/lookbook/filter/component.rb +1 -1
  14. data/app/components/lookbook/header/component.html.erb +8 -13
  15. data/app/components/lookbook/header/component.rb +6 -1
  16. data/app/components/lookbook/icon/component.rb +1 -1
  17. data/app/components/lookbook/nav/component.html.erb +4 -8
  18. data/app/components/lookbook/nav/component.rb +6 -8
  19. data/app/components/lookbook/nav/item/component.html.erb +12 -6
  20. data/app/components/lookbook/nav/item/component.rb +10 -3
  21. data/app/components/lookbook/page_tabs/component.html.erb +1 -1
  22. data/app/components/lookbook/page_tabs/component.rb +1 -1
  23. data/app/components/lookbook/params_editor/component.rb +1 -1
  24. data/app/components/lookbook/params_editor/field/component.rb +1 -1
  25. data/app/components/lookbook/prose/component.rb +1 -1
  26. data/app/components/lookbook/split_layout/component.html.erb +1 -1
  27. data/app/components/lookbook/split_layout/component.rb +1 -1
  28. data/app/components/lookbook/tab_panels/component.rb +1 -1
  29. data/app/components/lookbook/tab_panels/panel/component.html.erb +2 -2
  30. data/app/components/lookbook/tab_panels/panel/component.rb +2 -2
  31. data/app/components/lookbook/tabs/component.html.erb +2 -2
  32. data/app/components/lookbook/tabs/component.js +6 -6
  33. data/app/components/lookbook/tabs/component.rb +1 -1
  34. data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +1 -1
  35. data/app/components/lookbook/tabs/dropdown_tab/component.rb +1 -1
  36. data/app/components/lookbook/tabs/tab/component.html.erb +1 -1
  37. data/app/components/lookbook/tabs/tab/component.rb +1 -1
  38. data/app/components/lookbook/tag_component.rb +5 -10
  39. data/app/components/lookbook/toolbar/component.rb +1 -1
  40. data/app/components/lookbook/viewport/component.rb +1 -1
  41. data/app/controllers/lookbook/application_controller.rb +1 -1
  42. data/app/controllers/lookbook/previews_controller.rb +24 -29
  43. data/app/helpers/lookbook/application_helper.rb +6 -0
  44. data/app/helpers/lookbook/component_helper.rb +4 -0
  45. data/app/helpers/lookbook/page_helper.rb +1 -1
  46. data/app/views/layouts/lookbook/application.html.erb +76 -58
  47. data/app/views/layouts/lookbook/page.html.erb +35 -35
  48. data/app/views/layouts/lookbook/shell.html.erb +2 -48
  49. data/app/views/layouts/lookbook/skeleton.html.erb +7 -1
  50. data/app/views/lookbook/404.html.erb +1 -1
  51. data/app/views/lookbook/index.html.erb +24 -11
  52. data/app/views/lookbook/pages/show.html.erb +7 -7
  53. data/app/views/lookbook/previews/panels/_notes.html.erb +1 -1
  54. data/app/views/lookbook/previews/show.html.erb +10 -10
  55. data/lib/lookbook/collection.rb +1 -1
  56. data/lib/lookbook/component.rb +31 -0
  57. data/lib/lookbook/config.rb +101 -40
  58. data/lib/lookbook/engine.rb +88 -18
  59. data/lib/lookbook/markdown.rb +3 -1
  60. data/lib/lookbook/page.rb +6 -2
  61. data/lib/lookbook/parser.rb +1 -4
  62. data/lib/lookbook/preview.rb +59 -12
  63. data/lib/lookbook/preview_example.rb +1 -1
  64. data/lib/lookbook/source_inspector.rb +10 -0
  65. data/lib/lookbook/utils.rb +2 -2
  66. data/lib/lookbook/version.rb +1 -1
  67. data/lib/lookbook.rb +1 -12
  68. data/lib/tasks/lookbook_tasks.rake +1 -1
  69. data/public/lookbook-assets/css/lookbook.css +34 -38
  70. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  71. data/public/lookbook-assets/js/lookbook.js +79 -78
  72. data/public/lookbook-assets/js/lookbook.js.map +1 -1
  73. metadata +4 -3
@@ -7849,17 +7849,7 @@ function $5439cede634b2921$var$toCamel(s) {
7849
7849
  }
7850
7850
 
7851
7851
 
7852
- var $6c7bb428bd81c9cb$exports = {};
7853
- var $99486586f6691564$exports = {};
7854
-
7855
- $parcel$defineInteropFlag($99486586f6691564$exports);
7856
-
7857
- $parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
7858
- function $99486586f6691564$export$2e2bcd8739ae039() {
7859
- return {};
7860
- }
7861
-
7862
-
7852
+ var $8827b5620b152958$exports = {};
7863
7853
  var $cbd28b10fa9798c7$exports = {};
7864
7854
 
7865
7855
  $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11545,62 +11535,6 @@ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
11545
11535
  }
11546
11536
 
11547
11537
 
11548
- var $47a1c62621be0c54$exports = {};
11549
-
11550
- $parcel$defineInteropFlag($47a1c62621be0c54$exports);
11551
-
11552
- $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
11553
- var $122263eab94cad08$exports = {};
11554
-
11555
- $parcel$defineInteropFlag($122263eab94cad08$exports);
11556
-
11557
- $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
11558
- $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
11559
-
11560
- function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
11561
- let copyTimeout = null;
11562
- return Object.assign(context, {
11563
- copied: false,
11564
- async copyToClipboard (target = null) {
11565
- let targetEl;
11566
- if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
11567
- else if (typeof target === "string") targetEl = document.querySelector(target);
11568
- if (!targetEl) {
11569
- this.warn("Could not find copy target");
11570
- return false;
11571
- }
11572
- const content = $7ae6ae39c2ec9059$export$6cb344a21ca18aec(targetEl.innerText.trim());
11573
- await window.navigator.clipboard.writeText(content);
11574
- this.copied = true;
11575
- if (copyTimeout) clearTimeout(copyTimeout);
11576
- copyTimeout = setTimeout(()=>{
11577
- this.copied = false;
11578
- this.onCopyComplete();
11579
- }, 1000);
11580
- return content;
11581
- },
11582
- onCopyComplete () {}
11583
- });
11584
- }
11585
- function $122263eab94cad08$export$2e2bcd8739ae039() {
11586
- return $122263eab94cad08$export$c6684e6159b21de3({});
11587
- }
11588
-
11589
-
11590
-
11591
- function $47a1c62621be0c54$export$2e2bcd8739ae039() {
11592
- const button = $cbd28b10fa9798c7$export$2e2bcd8739ae039();
11593
- return {
11594
- ...button,
11595
- copied: false,
11596
- init () {
11597
- button.init.bind(this)();
11598
- $122263eab94cad08$export$c6684e6159b21de3(this);
11599
- }
11600
- };
11601
- }
11602
-
11603
-
11604
11538
  var $e1f51f020443edd4$exports = {};
11605
11539
 
11606
11540
  $parcel$defineInteropFlag($e1f51f020443edd4$exports);
@@ -12466,6 +12400,16 @@ function $e1f51f020443edd4$export$2e2bcd8739ae039(id, embedStore) {
12466
12400
  }
12467
12401
 
12468
12402
 
12403
+ var $99486586f6691564$exports = {};
12404
+
12405
+ $parcel$defineInteropFlag($99486586f6691564$exports);
12406
+
12407
+ $parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
12408
+ function $99486586f6691564$export$2e2bcd8739ae039() {
12409
+ return {};
12410
+ }
12411
+
12412
+
12469
12413
  var $e9904a14dabf652d$exports = {};
12470
12414
 
12471
12415
  $parcel$defineInteropFlag($e9904a14dabf652d$exports);
@@ -12491,6 +12435,62 @@ function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
12491
12435
  }
12492
12436
 
12493
12437
 
12438
+ var $47a1c62621be0c54$exports = {};
12439
+
12440
+ $parcel$defineInteropFlag($47a1c62621be0c54$exports);
12441
+
12442
+ $parcel$export($47a1c62621be0c54$exports, "default", () => $47a1c62621be0c54$export$2e2bcd8739ae039);
12443
+ var $122263eab94cad08$exports = {};
12444
+
12445
+ $parcel$defineInteropFlag($122263eab94cad08$exports);
12446
+
12447
+ $parcel$export($122263eab94cad08$exports, "initClipboard", () => $122263eab94cad08$export$c6684e6159b21de3);
12448
+ $parcel$export($122263eab94cad08$exports, "default", () => $122263eab94cad08$export$2e2bcd8739ae039);
12449
+
12450
+ function $122263eab94cad08$export$c6684e6159b21de3(context = {}) {
12451
+ let copyTimeout = null;
12452
+ return Object.assign(context, {
12453
+ copied: false,
12454
+ async copyToClipboard (target = null) {
12455
+ let targetEl;
12456
+ if (this.$refs.copyTarget) targetEl = this.$refs.copyTarget;
12457
+ else if (typeof target === "string") targetEl = document.querySelector(target);
12458
+ if (!targetEl) {
12459
+ this.warn("Could not find copy target");
12460
+ return false;
12461
+ }
12462
+ const content = $7ae6ae39c2ec9059$export$6cb344a21ca18aec(targetEl.innerText.trim());
12463
+ await window.navigator.clipboard.writeText(content);
12464
+ this.copied = true;
12465
+ if (copyTimeout) clearTimeout(copyTimeout);
12466
+ copyTimeout = setTimeout(()=>{
12467
+ this.copied = false;
12468
+ this.onCopyComplete();
12469
+ }, 1000);
12470
+ return content;
12471
+ },
12472
+ onCopyComplete () {}
12473
+ });
12474
+ }
12475
+ function $122263eab94cad08$export$2e2bcd8739ae039() {
12476
+ return $122263eab94cad08$export$c6684e6159b21de3({});
12477
+ }
12478
+
12479
+
12480
+
12481
+ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
12482
+ const button = $cbd28b10fa9798c7$export$2e2bcd8739ae039();
12483
+ return {
12484
+ ...button,
12485
+ copied: false,
12486
+ init () {
12487
+ button.init.bind(this)();
12488
+ $122263eab94cad08$export$c6684e6159b21de3(this);
12489
+ }
12490
+ };
12491
+ }
12492
+
12493
+
12494
12494
  var $36506012e0c6e9e3$exports = {};
12495
12495
 
12496
12496
  $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -13153,7 +13153,7 @@ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$exp
13153
13153
 
13154
13154
 
13155
13155
  function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13156
- const initial = store ? store.activeTab : null;
13156
+ const initial1 = store ? store.activeTab : null;
13157
13157
  let dropdown = null;
13158
13158
  return {
13159
13159
  visibleTabsCount: 0,
@@ -13162,7 +13162,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13162
13162
  return store || this;
13163
13163
  },
13164
13164
  get tabs () {
13165
- return Array.from(this.$refs.tabs.children);
13165
+ return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
13166
13166
  },
13167
13167
  get dropdownTabs () {
13168
13168
  return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
@@ -13183,9 +13183,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13183
13183
  placement: "bottom",
13184
13184
  appendTo: this.$root
13185
13185
  });
13186
- const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial
13186
+ const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1
13187
13187
  ) : this.tabs[0];
13188
- this.selectTab(initialTab);
13188
+ this.selectTab(initialTab, true);
13189
13189
  this.parentObserver = $9930d46698775b42$export$a2214cc2adb2dc44(this.$root.parentElement, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports))(this.handleResize.bind(this), 10));
13190
13190
  this.$watch("visibleTabsCount", (value)=>{
13191
13191
  this.debug(`'#${this.$root.id}' visible tabs count:`, value);
@@ -13195,11 +13195,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13195
13195
  handleResize ({ width: width }) {
13196
13196
  if (width === this._lastMeasuredWidth) return;
13197
13197
  if (width === this.$root.offsetWidth) {
13198
- console.log("uep");
13199
13198
  this.visibleTabsCount = this.tabs.length;
13200
13199
  return;
13201
13200
  }
13202
- console.log(width);
13203
13201
  let sumTabWidths = 60;
13204
13202
  let triggerLeft = 20;
13205
13203
  let visibleTabsCount = 0;
@@ -13214,9 +13212,12 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
13214
13212
  this.triggerLeft = triggerLeft;
13215
13213
  this._lastMeasuredWidth = width;
13216
13214
  },
13217
- selectTab (el) {
13215
+ selectTab (el, initial = false) {
13218
13216
  this.store.activeTab = this._getRef(el);
13219
13217
  dropdown.hide();
13218
+ if (!initial) this.$dispatch("tabs:change", {
13219
+ tabs: this
13220
+ });
13220
13221
  },
13221
13222
  isSelected (el) {
13222
13223
  return this.store.activeTab === this._getRef(el);
@@ -13363,13 +13364,13 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
13363
13364
  }
13364
13365
 
13365
13366
 
13366
- $6c7bb428bd81c9cb$exports = {
13367
- "code": $99486586f6691564$exports,
13367
+ $8827b5620b152958$exports = {
13368
13368
  "button": $cbd28b10fa9798c7$exports,
13369
13369
  "dimensions_display": $e398acaded942bbe$exports,
13370
- "copy_button": $47a1c62621be0c54$exports,
13371
13370
  "embed": $e1f51f020443edd4$exports,
13371
+ "code": $99486586f6691564$exports,
13372
13372
  "filter": $e9904a14dabf652d$exports,
13373
+ "copy_button": $47a1c62621be0c54$exports,
13373
13374
  "icon": $36506012e0c6e9e3$exports,
13374
13375
  "nav": $d92d9d5253f84566$exports,
13375
13376
  "params_editor": $b63b9c6d236b3f65$exports,
@@ -13523,7 +13524,7 @@ $caa9439642c6336c$export$2e2bcd8739ae039.store("settings", $96e0343bbb13096b$exp
13523
13524
  // Components
13524
13525
  $caa9439642c6336c$export$2e2bcd8739ae039.data("app", $d709d0f4027033b2$export$2e2bcd8739ae039);
13525
13526
  [
13526
- $6c7bb428bd81c9cb$exports,
13527
+ $8827b5620b152958$exports,
13527
13528
  $e4eab7529959b73b$exports,
13528
13529
  $4979d2d897a1c01f$exports
13529
13530
  ].forEach((scripts)=>{