lookbook 2.2.0 → 2.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1421deb20b60d77f16180857e2cfc4ce2c64f3b95785e857761b1495755ced6c
-  data.tar.gz: 9ab32488c194a6bd191edc7a77001d4560823b189e01912e4b3b69c494031ff0
+  metadata.gz: 8bb30f67eba8a56b3e6638e5671e493580bee97045acaeeeaa25a9bc1d92801a
+  data.tar.gz: 45ed40efdc4715461fa05217c5514103975182dca010fe754df54bd0572be450
 SHA512:
-  metadata.gz: 97282b51ed215bbf7c592011fa0f13bd7afe1ebc47cfcca731bd0ce9d2f40d4319f7d4e83459f8a01d80f22ba1a847f1b99c34bb2498da94920d610a034d0b41
-  data.tar.gz: 96c5a3b7f4669c4a1d0006e132c9865b3d547be0ac6a995015835809e36e84db68bd3f331deeb2326d974600ac5cd14bc8d6657e412a8b9493f2b2083acfca85
+  metadata.gz: e1cd96f2564bd3c4dbb3b4343f31505006403b5260ab47ede3dafb4514d40b406d6c25d6702323a69b36bd8af951b72918a55c04c1cb0c28473802cf169dd22f
+  data.tar.gz: 99650923f94a8e6c9e1bce12c0f292adabcfc0ffde22cc0cf881689d6171aacb14c34f9bb16e6b05b63aa32240802e52809a79ccfd990c9875c8744d99daa18c

data/README.md

@@ -14,10 +14,14 @@
 ---
 
 <div align="center">
-Lookbook combines a powerful <strong>component browser</strong> and <strong>preview system</strong> with an <strong>integrated documentation engine</strong> to help teams build robust, modular, maintainable user interfaces. <a href="https://lookbook.build"><strong>Learn more &rarr;</strong></a>
+Lookbook combines a powerful <strong>component browser</strong> and <strong>preview system</strong> with an <strong>integrated documentation engine</strong> to help teams build robust, modular, maintainable user interfaces.<br><br>
+It's compatible with <a href="https://viewcomponent.org/">ViewComponent</a>, <a href="https://www.phlex.fun/">Phlex</a>, ActionView partials and more.
+<br><br>
+<a href="https://lookbook.build"><strong>Read the docs &rarr;</strong></a>
 
 </div>
 
+
 ---
 
 [![Lookbook UI](.github/assets/lookbook_ui.png)](http://lookbook.build/)

data/app/controllers/lookbook/application_controller.rb

@@ -57,6 +57,8 @@ module Lookbook
     end
 
     def handle_error(err)
+      raise err if Lookbook.config.preview_disable_error_handling
+
       @error = err.is_a?(Lookbook::Error) ? err : Lookbook::Error.new(original: err)
       @status_code = get_status_code(err)
 

data/app/controllers/lookbook/embeds_controller.rb

@@ -21,7 +21,7 @@ module Lookbook
       if props.preview.present?
         preview = Engine.previews.find_by_preview_class(props.preview)
         if preview.present?
-          props.scenarios ||= (props.scenario || "")
+          props.scenarios ||= props.scenario || ""
           scenario = preview.scenario(Array(props.scenarios).first)
 
           boolean_options = ["display_option_controls"]

data/app/controllers/lookbook/previews_controller.rb

@@ -68,7 +68,7 @@ module Lookbook
 
     def permit_framing
       headers["X-Frame-Options"] = Lookbook.config.preview_embeds.policy if embedded?
-      headers["X-Frame-Options"] = "SAMEORIGIN" if headers["X-Frame-Options"].upcase == "DENY"
+      headers["X-Frame-Options"] = "SAMEORIGIN" if headers["X-Frame-Options"]&.upcase == "DENY"
     end
   end
 end

data/config/app.yml

@@ -23,6 +23,7 @@ shared:
   preview_disable_action_view_annotations: true
   preview_type_default: view_component
   preview_sort_scenarios: false
+  preview_disable_error_handling: false
 
   page_collection_label: "Pages"
   page_nav_filter: false

data/lib/lookbook/stores/config_store.rb

@@ -59,6 +59,10 @@ module Lookbook
       store[:highlighter_options].merge!(options.to_h)
     end
 
+    def preview_disable_error_handling=(value)
+      store[:preview_disable_error_handling] = value
+    end
+
     def ui_theme=(name)
       name = name.to_s
       if Theme.valid_theme?(name)

data/lib/lookbook/theme.rb

@@ -30,19 +30,15 @@ module Lookbook
     end
 
     def favicon_light_mode
-      (
-        @overrides[:favicon_light_mode].presence ||
+      @overrides[:favicon_light_mode].presence ||
         @overrides[:favicon].presence ||
         BASE_THEMES[@base_theme.to_sym][:favicon_light_mode]
-      )
     end
 
     def favicon_dark_mode
-      (
-        @overrides[:favicon_dark_mode].presence ||
+      @overrides[:favicon_dark_mode].presence ||
         @overrides[:favicon].presence ||
         BASE_THEMES[@base_theme.to_sym][:favicon_dark_mode]
-      )
     end
 
     def to_css

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "2.2.0"
+  VERSION = "2.2.2"
 end

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

@@ -6524,12 +6524,23 @@ var $69a8ec8dbeef3157$var$buildConfigFromModifiers = (modifiers)=>{
     if (modifiers.includes("max-width")) config.maxWidth = parseInt(getModifierArgument("max-width"));
     if (modifiers.includes("theme")) config.theme = getModifierArgument("theme");
     if (modifiers.includes("placement")) config.placement = getModifierArgument("placement");
+    const popperOptions = {};
+    if (modifiers.includes("no-flip")) {
+        popperOptions.modifiers ||= [];
+        popperOptions.modifiers.push({
+            name: "flip",
+            enabled: false
+        });
+    }
+    config.popperOptions = popperOptions;
     return config;
 };
 // src/index.js
-function $69a8ec8dbeef3157$var$src_default(Alpine) {
+function $69a8ec8dbeef3157$var$Tooltip(Alpine) {
     Alpine.magic("tooltip", (el)=>{
         return (content, config = {})=>{
+            const timeout = config.timeout;
+            delete config.timeout;
             const instance = (0, $69a8ec8dbeef3157$var$import_tippy2.default)(el, {
                 content: content,
                 trigger: "manual",
@@ -6539,7 +6550,7 @@ function $69a8ec8dbeef3157$var$src_default(Alpine) {
             setTimeout(()=>{
                 instance.hide();
                 setTimeout(()=>instance.destroy(), config.duration || 300);
-            }, config.timeout || 2e3);
+            }, timeout || 2e3);
         };
     });
     Alpine.directive("tooltip", (el, { modifiers: modifiers, expression: expression }, { evaluateLater: evaluateLater, effect: effect })=>{
@@ -6568,6 +6579,11 @@ function $69a8ec8dbeef3157$var$src_default(Alpine) {
         }
     });
 }
+$69a8ec8dbeef3157$var$Tooltip.defaultProps = (props)=>{
+    $69a8ec8dbeef3157$var$import_tippy2.default.setDefaultProps(props);
+    return $69a8ec8dbeef3157$var$Tooltip;
+};
+var $69a8ec8dbeef3157$var$src_default = $69a8ec8dbeef3157$var$Tooltip;
 // builds/module.js
 var $69a8ec8dbeef3157$export$2e2bcd8739ae039 = $69a8ec8dbeef3157$var$src_default;
 
@@ -7972,7 +7988,7 @@ function $12b7aa006b8a97e1$var$toCamel(s) {
 }
 
 
-var $9defc7a1a17ecfb0$exports = {};
+var $e29b71de1c821c6e$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11491,16 +11507,6 @@ function $cbd28b10fa9798c7$export$2e2bcd8739ae039() {
 }
 
 
-var $99486586f6691564$exports = {};
-
-$parcel$defineInteropFlag($99486586f6691564$exports);
-
-$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
-function $99486586f6691564$export$2e2bcd8739ae039() {
-    return {};
-}
-
-
 var $47a1c62621be0c54$exports = {};
 
 $parcel$defineInteropFlag($47a1c62621be0c54$exports);
@@ -11557,6 +11563,16 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
 }
 
 
+var $99486586f6691564$exports = {};
+
+$parcel$defineInteropFlag($99486586f6691564$exports);
+
+$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
+function $99486586f6691564$export$2e2bcd8739ae039() {
+    return {};
+}
+
+
 var $e398acaded942bbe$exports = {};
 
 $parcel$defineInteropFlag($e398acaded942bbe$exports);
@@ -12219,6 +12235,33 @@ 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);
@@ -12312,33 +12355,6 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
 }
 
 
-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 $6d64716f0b34fdf4$exports = {};
 
 $parcel$defineInteropFlag($6d64716f0b34fdf4$exports);
@@ -12466,17 +12482,17 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$9defc7a1a17ecfb0$exports = {
+$e29b71de1c821c6e$exports = {
     "button": $cbd28b10fa9798c7$exports,
-    "code": $99486586f6691564$exports,
     "copy_button": $47a1c62621be0c54$exports,
+    "code": $99486586f6691564$exports,
     "dimensions_display": $e398acaded942bbe$exports,
     "embed_code_dropdown": $216ef7001f59f21d$exports,
     "filter": $e9904a14dabf652d$exports,
     "nav": $d92d9d5253f84566$exports,
     "split_layout": $506dabb2bf255b38$exports,
-    "tabs": $0db07828cadc68e0$exports,
     "tab_panels": $a87dacf5139b5e2f$exports,
+    "tabs": $0db07828cadc68e0$exports,
     "viewport": $6d64716f0b34fdf4$exports
 };
 
@@ -13661,7 +13677,7 @@ const $22969b543678f572$var$prefix = window.APP_NAME;
 // Components
 (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $5792afa4170ed552$export$2e2bcd8739ae039));
 [
-    $9defc7a1a17ecfb0$exports,
+    $e29b71de1c821c6e$exports,
     $6178ee12f80cbf68$exports,
     $d56e5cced44001d2$exports
 ].forEach((scripts)=>{