lookbook 1.0.0.beta.2 → 1.0.0.beta.3

data/lib/lookbook/preview_example.rb

@@ -30,7 +30,7 @@ module Lookbook
       @example_inspector.source.split("\n")[1..-2].join("\n").strip_heredoc
     end
 
-    def source_lang
+    def lang
       Lookbook::Lang.find(:ruby)
     end
 

data/lib/lookbook/source_inspector.rb

@@ -39,6 +39,16 @@ module Lookbook
       code_object&.tag(:position)&.text&.to_i || 10000
     end
 
+    def components
+      if code_object&.tags(:component).present?
+        code_object.tags(:component).map do |component|
+          component.text.constantize
+        end
+      else
+        []
+      end
+    end
+
     def display_params
       display_params = {}.with_indifferent_access
       if code_object&.tags(:display).present?

data/lib/lookbook/utils.rb

@@ -16,7 +16,7 @@ module Lookbook
       class_name(klass).to_s.chomp("ComponentPreview").chomp("Component::Preview").chomp("::Preview").chomp("Component").chomp("Preview").chomp("::")
     end
 
-    def preview_class_name(klass)
+    def preview_class_path(klass)
       preview_class_basename(klass).underscore
     end
 
@@ -49,7 +49,7 @@ module Lookbook
     end
 
     def to_preview_path(*args)
-      args.flatten.map { |arg| preview_class_name(arg) }.join("/")
+      args.flatten.map { |arg| preview_class_path(arg) }.join("/")
     end
 
     protected

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.0.0.beta.2"
+  VERSION = "1.0.0.beta.3"
 end

data/lib/lookbook.rb

@@ -27,16 +27,5 @@ module Lookbook
   autoload :Markdown, "lookbook/markdown"
   autoload :Theme, "lookbook/theme"
   autoload :Store, "lookbook/store"
-
-  class << self
-    include Utils
-
-    def previews
-      Preview.all
-    end
-
-    def pages
-      Page.all
-    end
-  end
+  autoload :Component, "lookbook/component"
 end

data/public/lookbook-assets/js/lookbook.js

@@ -7849,17 +7849,7 @@ function $5439cede634b2921$var$toCamel(s) {
 }
 
 
-var $6c7bb428bd81c9cb$exports = {};
-var $99486586f6691564$exports = {};
-
-$parcel$defineInteropFlag($99486586f6691564$exports);
-
-$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
-function $99486586f6691564$export$2e2bcd8739ae039() {
-    return {};
-}
-
-
+var $e44b48ce5635d6e0$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11512,36 +11502,13 @@ function $cbd28b10fa9798c7$export$2e2bcd8739ae039() {
 }
 
 
-var $e398acaded942bbe$exports = {};
-
-$parcel$defineInteropFlag($e398acaded942bbe$exports);
+var $99486586f6691564$exports = {};
 
-$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
+$parcel$defineInteropFlag($99486586f6691564$exports);
 
-function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
-    return {
-        width: 0,
-        height: 0,
-        resizing: false,
-        target: null,
-        init () {
-            this.target = document.querySelector(targetSelector);
-            if (this.target) {
-                this.width = Math.round(this.target.clientWidth);
-                this.height = Math.round(this.target.clientHeight);
-                this.createObserver();
-            }
-        },
-        createObserver () {
-            if (this.target) this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
-                this.width = width;
-                this.height = height;
-            });
-        },
-        tearDown () {
-            if (this.observer) this.observer.disconnect();
-        }
-    };
+$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
+function $99486586f6691564$export$2e2bcd8739ae039() {
+    return {};
 }
 
 
@@ -11601,6 +11568,39 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
 }
 
 
+var $e398acaded942bbe$exports = {};
+
+$parcel$defineInteropFlag($e398acaded942bbe$exports);
+
+$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
+
+function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
+    return {
+        width: 0,
+        height: 0,
+        resizing: false,
+        target: null,
+        init () {
+            this.target = document.querySelector(targetSelector);
+            if (this.target) {
+                this.width = Math.round(this.target.clientWidth);
+                this.height = Math.round(this.target.clientHeight);
+                this.createObserver();
+            }
+        },
+        createObserver () {
+            if (this.target) this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
+                this.width = width;
+                this.height = height;
+            });
+        },
+        tearDown () {
+            if (this.observer) this.observer.disconnect();
+        }
+    };
+}
+
+
 var $e1f51f020443edd4$exports = {};
 
 $parcel$defineInteropFlag($e1f51f020443edd4$exports);
@@ -12466,31 +12466,6 @@ function $e1f51f020443edd4$export$2e2bcd8739ae039(id, embedStore) {
 }
 
 
-var $e9904a14dabf652d$exports = {};
-
-$parcel$defineInteropFlag($e9904a14dabf652d$exports);
-
-$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
-function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
-    return {
-        focussed: false,
-        get active () {
-            return store.active;
-        },
-        get text () {
-            return store.text;
-        },
-        clear () {
-            if (store.raw === "") this.$refs.input.blur();
-            else store.raw = "";
-        },
-        focus () {
-            this.$refs.input.focus();
-        }
-    };
-}
-
-
 var $36506012e0c6e9e3$exports = {};
 
 $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -12545,6 +12520,31 @@ function $d92d9d5253f84566$export$2e2bcd8739ae039(store) {
 }
 
 
+var $e9904a14dabf652d$exports = {};
+
+$parcel$defineInteropFlag($e9904a14dabf652d$exports);
+
+$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
+function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
+    return {
+        focussed: false,
+        get active () {
+            return store.active;
+        },
+        get text () {
+            return store.text;
+        },
+        clear () {
+            if (store.raw === "") this.$refs.input.blur();
+            else store.raw = "";
+        },
+        focus () {
+            this.$refs.input.focus();
+        }
+    };
+}
+
+
 var $b63b9c6d236b3f65$exports = {};
 
 $parcel$defineInteropFlag($b63b9c6d236b3f65$exports);
@@ -12563,6 +12563,33 @@ function $b63b9c6d236b3f65$export$2e2bcd8739ae039() {
 }
 
 
+var $a87dacf5139b5e2f$exports = {};
+
+$parcel$defineInteropFlag($a87dacf5139b5e2f$exports);
+
+$parcel$export($a87dacf5139b5e2f$exports, "default", () => $a87dacf5139b5e2f$export$2e2bcd8739ae039);
+function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
+    return {
+        get store () {
+            return store || this;
+        },
+        get id () {
+            return this.$root.id;
+        },
+        get panels () {
+            return Array.from(this.$refs.panels.children);
+        },
+        isActive (el) {
+            return this.store.activeTab === this._getRef(el);
+        },
+        // protected
+        _getRef (el) {
+            return el.getAttribute("x-ref");
+        }
+    };
+}
+
+
 var $506dabb2bf255b38$exports = {};
 
 $parcel$defineInteropFlag($506dabb2bf255b38$exports);
@@ -13116,33 +13143,6 @@ function $506dabb2bf255b38$var$sizeSplits(sizes) {
 }
 
 
-var $a87dacf5139b5e2f$exports = {};
-
-$parcel$defineInteropFlag($a87dacf5139b5e2f$exports);
-
-$parcel$export($a87dacf5139b5e2f$exports, "default", () => $a87dacf5139b5e2f$export$2e2bcd8739ae039);
-function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
-    return {
-        get store () {
-            return store || this;
-        },
-        get id () {
-            return this.$root.id;
-        },
-        get panels () {
-            return Array.from(this.$refs.panels.children);
-        },
-        isActive (el) {
-            return this.store.activeTab === this._getRef(el);
-        },
-        // protected
-        _getRef (el) {
-            return el.getAttribute("x-ref");
-        }
-    };
-}
-
-
 var $0db07828cadc68e0$exports = {};
 
 $parcel$defineInteropFlag($0db07828cadc68e0$exports);
@@ -13153,7 +13153,7 @@ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$exp
 
 
 function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
-    const initial = store ? store.activeTab : null;
+    const initial1 = store ? store.activeTab : null;
     let dropdown = null;
     return {
         visibleTabsCount: 0,
@@ -13162,7 +13162,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
             return store || this;
         },
         get tabs () {
-            return Array.from(this.$refs.tabs.children);
+            return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
         },
         get dropdownTabs () {
             return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
@@ -13183,9 +13183,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
                     placement: "bottom",
                     appendTo: this.$root
                 });
-                const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial
+                const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1
                 ) : this.tabs[0];
-                this.selectTab(initialTab);
+                this.selectTab(initialTab, true);
                 this.parentObserver = $9930d46698775b42$export$a2214cc2adb2dc44(this.$root.parentElement, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports))(this.handleResize.bind(this), 10));
                 this.$watch("visibleTabsCount", (value)=>{
                     this.debug(`'#${this.$root.id}' visible tabs count:`, value);
@@ -13195,11 +13195,9 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
         handleResize ({ width: width  }) {
             if (width === this._lastMeasuredWidth) return;
             if (width === this.$root.offsetWidth) {
-                console.log("uep");
                 this.visibleTabsCount = this.tabs.length;
                 return;
             }
-            console.log(width);
             let sumTabWidths = 60;
             let triggerLeft = 20;
             let visibleTabsCount = 0;
@@ -13214,9 +13212,12 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
             this.triggerLeft = triggerLeft;
             this._lastMeasuredWidth = width;
         },
-        selectTab (el) {
+        selectTab (el, initial = false) {
             this.store.activeTab = this._getRef(el);
             dropdown.hide();
+            if (!initial) this.$dispatch("tabs:change", {
+                tabs: this
+            });
         },
         isSelected (el) {
             return this.store.activeTab === this._getRef(el);
@@ -13363,18 +13364,18 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$6c7bb428bd81c9cb$exports = {
-    "code": $99486586f6691564$exports,
+$e44b48ce5635d6e0$exports = {
     "button": $cbd28b10fa9798c7$exports,
-    "dimensions_display": $e398acaded942bbe$exports,
+    "code": $99486586f6691564$exports,
     "copy_button": $47a1c62621be0c54$exports,
+    "dimensions_display": $e398acaded942bbe$exports,
     "embed": $e1f51f020443edd4$exports,
-    "filter": $e9904a14dabf652d$exports,
     "icon": $36506012e0c6e9e3$exports,
     "nav": $d92d9d5253f84566$exports,
+    "filter": $e9904a14dabf652d$exports,
     "params_editor": $b63b9c6d236b3f65$exports,
-    "split_layout": $506dabb2bf255b38$exports,
     "tab_panels": $a87dacf5139b5e2f$exports,
+    "split_layout": $506dabb2bf255b38$exports,
     "tabs": $0db07828cadc68e0$exports,
     "viewport": $6d64716f0b34fdf4$exports
 };
@@ -13523,7 +13524,7 @@ $caa9439642c6336c$export$2e2bcd8739ae039.store("settings", $96e0343bbb13096b$exp
 // Components
 $caa9439642c6336c$export$2e2bcd8739ae039.data("app", $d709d0f4027033b2$export$2e2bcd8739ae039);
 [
-    $6c7bb428bd81c9cb$exports,
+    $e44b48ce5635d6e0$exports,
     $e4eab7529959b73b$exports,
     $4979d2d897a1c01f$exports
 ].forEach((scripts)=>{