lookbook 1.1.0 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d855b9a3a2e36fa5e18aa2388ced2c97a8b07dc8cd5b81785cd6ed1b85269bca
-  data.tar.gz: 3f54dfcf6def53543c8247634ed0b40e6a39807d6e09c59690c50f0f8a0f175d
+  metadata.gz: b4a0e938511079a03ed87c74edf15d65798789ed6f149cfe25d528a4a9a8b329
+  data.tar.gz: 4d47a5e24f65b5d04beb904cb4c52589547999c20c195c2eed48c9394e3a9a72
 SHA512:
-  metadata.gz: f213eb79ea2eab3f01af6be18544c1d59d02905b50d6ff773f54f89e14e0982be43ff948c1eab32819317278a6915070cf1c8259923bb17b195d86d4932f27c5
-  data.tar.gz: 616c37c62765074f87d79c14313499e9bcec19e8722751f74ce39793693ca3058b60f55ac5e80edb406b9301022d79d55c3bb33f9601281576d3f15eb868109b
+  metadata.gz: ce7cd4e60c085c02a631694278b2d64a905aaf8f4d7e636f0fb683842f7efac46c9fe88466a75fc6b2b085bbbb87da9df152a6d81d38cb0a49328d0083bec9d2
+  data.tar.gz: 9c8b2e22243e48d56ae592d2bca443ae17bb0b47e08eece6d9620425f2d36e3397e93a61192ca6a921dcfd4f1fa046f25b28f35dcfd0ff9ac04366a025e47eb1

data/app/helpers/lookbook/preview_helper.rb

@@ -5,7 +5,7 @@ module Lookbook
     end
 
     def lookbook_data(key, fallback = nil)
-      Lookbook.data.get(key, fallback)
+      Lookbook.data.fetch(key, fallback)
     end
   end
 end

data/app/views/lookbook/preview.html.erb

@@ -1,7 +1,7 @@
 <% if examples.many? %>
   <%# Render a group of examples %>
   <% examples.each do |example| %>
-    <div style="all: unset; margin-bottom: 30px; display: block;">
+    <div style="margin-bottom: 30px !important; display: block !important;">
       <h6 style="all: unset; display: block; color: #999; font-family: sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 10px;">
         <%= example.label %>
       </h6>

data/lib/lookbook/config.rb

@@ -1,122 +1,118 @@
-require "lookbook/markdown"
-require "lookbook/theme"
-require "lookbook/store"
-
 module Lookbook
   class Config
-    def initialize
-      @options = Store.new({}, true)
-
-      @options.set({
-        project_name: "Lookbook",
-        log_level: 2,
-        log_use_rails_logger: true,
-        auto_refresh: true,
-
-        components_path: "app/components",
-
-        page_controller: "Lookbook::PageController",
-        page_route: "pages",
-        page_paths: ["test/components/docs"],
-        page_options: {},
-        markdown_options: Markdown::DEFAULT_OPTIONS,
-
-        preview_paths: [],
-        preview_display_params: {},
-        preview_srcdoc: nil,
-        preview_tags: {},
-        preview_disable_action_view_annotations: true,
-        preview_param_inputs: {
-          select: "lookbook/previews/inputs/select",
-          textarea: "lookbook/previews/inputs/textarea",
-          toggle: "lookbook/previews/inputs/toggle",
-          color: "lookbook/previews/inputs/color",
-          range: "lookbook/previews/inputs/range",
-          text: "lookbook/previews/inputs/text",
-          email: "lookbook/previews/inputs/text",
-          number: "lookbook/previews/inputs/text",
-          tel: "lookbook/previews/inputs/text",
-          url: "lookbook/previews/inputs/text",
-          date: "lookbook/previews/inputs/text",
-          datetime_local: "lookbook/previews/inputs/text"
+    DEFAULTS = {
+      project_name: "Lookbook",
+      log_level: 2,
+      log_use_rails_logger: true,
+      auto_refresh: true,
+
+      components_path: "app/components",
+
+      page_controller: "Lookbook::PageController",
+      page_route: "pages",
+      page_paths: ["test/components/docs"],
+      page_options: {},
+      markdown_options: Markdown::DEFAULT_OPTIONS,
+
+      preview_paths: [],
+      preview_display_params: {},
+      preview_srcdoc: nil,
+      preview_tags: {},
+      preview_disable_action_view_annotations: true,
+      preview_param_inputs: {
+        select: "lookbook/previews/inputs/select",
+        textarea: "lookbook/previews/inputs/textarea",
+        toggle: "lookbook/previews/inputs/toggle",
+        color: "lookbook/previews/inputs/color",
+        range: "lookbook/previews/inputs/range",
+        text: "lookbook/previews/inputs/text",
+        email: "lookbook/previews/inputs/text",
+        number: "lookbook/previews/inputs/text",
+        tel: "lookbook/previews/inputs/text",
+        url: "lookbook/previews/inputs/text",
+        date: "lookbook/previews/inputs/text",
+        datetime_local: "lookbook/previews/inputs/text"
+      },
+      preview_params_options_eval: false,
+      sort_examples: false,
+
+      listen: Rails.env.development?,
+      listen_paths: [],
+      listen_extensions: ["rb", "html.*"],
+      listen_use_polling: false,
+
+      cable_mount_path: "/cable",
+
+      parser_registry_path: "tmp/storage/.yardoc",
+
+      ui_theme: "indigo",
+      ui_theme_overrides: {},
+      ui_favicon: true,
+
+      hooks: {
+        after_initialize: [],
+        before_exit: [],
+        after_change: []
+      },
+
+      debug_menu: Rails.env.development?,
+
+      experimental_features: false,
+
+      inspector_panels: {
+        preview: {
+          pane: :main,
+          position: 1,
+          partial: "lookbook/previews/panels/preview",
+          hotkey: "v",
+          panel_classes: "overflow-hidden",
+          padded: false,
+          system: true
         },
-        preview_params_options_eval: false,
-        sort_examples: false,
-
-        listen: Rails.env.development?,
-        listen_paths: [],
-        listen_extensions: ["rb", "html.*"],
-        listen_use_polling: false,
-
-        cable_mount_path: "/cable",
-
-        parser_registry_path: "tmp/storage/.yardoc",
-
-        ui_theme: "indigo",
-        ui_theme_overrides: {},
-        ui_favicon: true,
-
-        hooks: {
-          after_initialize: [],
-          before_exit: [],
-          after_change: []
+        output: {
+          pane: :main,
+          position: 2,
+          partial: "lookbook/previews/panels/output",
+          label: "HTML",
+          hotkey: "h",
+          padded: false,
+          system: true
         },
-
-        debug_menu: Rails.env.development?,
-
-        experimental_features: false,
-
-        inspector_panels: {
-          preview: {
-            pane: :main,
-            position: 1,
-            partial: "lookbook/previews/panels/preview",
-            hotkey: "v",
-            panel_classes: "overflow-hidden",
-            padded: false,
-            system: true
-          },
-          output: {
-            pane: :main,
-            position: 2,
-            partial: "lookbook/previews/panels/output",
-            label: "HTML",
-            hotkey: "h",
-            padded: false,
-            system: true
-          },
-          source: {
-            pane: :drawer,
-            position: 1,
-            partial: "lookbook/previews/panels/source",
-            label: "Source",
-            hotkey: "s",
-            copy: ->(data) { data.examples.map { |e| e.source }.join("\n") },
-            padded: false,
-            system: true
-          },
-          notes: {
-            pane: :drawer,
-            position: 2,
-            partial: "lookbook/previews/panels/notes",
-            label: "Notes",
-            hotkey: "n",
-            disabled: ->(data) { data.examples.select { |e| e.notes.present? }.none? },
-            padded: false,
-            system: true
-          },
-          params: {
-            pane: :drawer,
-            position: 3,
-            partial: "lookbook/previews/panels/params",
-            label: "Params",
-            hotkey: "p",
-            disabled: ->(data) { data.preview.params.none? },
-            padded: false,
-            system: true
-          }
+        source: {
+          pane: :drawer,
+          position: 1,
+          partial: "lookbook/previews/panels/source",
+          label: "Source",
+          hotkey: "s",
+          copy: ->(data) { data.examples.map { |e| e.source }.join("\n") },
+          padded: false,
+          system: true
+        },
+        notes: {
+          pane: :drawer,
+          position: 2,
+          partial: "lookbook/previews/panels/notes",
+          label: "Notes",
+          hotkey: "n",
+          disabled: ->(data) { data.examples.select { |e| e.notes.present? }.none? },
+          padded: false,
+          system: true
+        },
+        params: {
+          pane: :drawer,
+          position: 3,
+          partial: "lookbook/previews/panels/params",
+          label: "Params",
+          hotkey: "p",
+          disabled: ->(data) { data.preview.params.none? },
+          padded: false,
+          system: true
         }
-      })
+      }
+    }
+
+    def initialize
+      @options = Store.new(Config::DEFAULTS, recursive: true)
     end
 
     def runtime_parsing=(value)

data/lib/lookbook/engine.rb

@@ -3,77 +3,11 @@ require "action_cable/engine"
 require "listen"
 
 module Lookbook
-  autoload :Config, "lookbook/config"
-  autoload :Data, "lookbook/data"
-  autoload :Hooks, "lookbook/hooks"
-  autoload :Panels, "lookbook/panels"
-  autoload :Tags, "lookbook/tags"
-
-  class << self
-    include Lookbook::Data
-    include Lookbook::Hooks
-    include Lookbook::Panels
-    include Lookbook::Tags
-
-    def version
-      Lookbook::VERSION
-    end
-
-    def config
-      @config ||= Config.new
-    end
-
-    def configure
-      yield(config)
-    end
-
-    def logger
-      @logger ||= if Rails.logger.present? && config.log_use_rails_logger
-        Rails.logger
-      else
-        logger = Logger.new($stdout)
-        logger.level = config.log_level
-        logger
-      end
-    end
-
-    def debug_data
-      {
-        version: version,
-        env: Rails.env.to_s,
-        config: config.to_h
-      }
-    end
-
-    def previews
-      Preview.all
-    end
-
-    def pages
-      Page.all
-    end
-
-    def broadcast(event_name, data = {})
-      Engine.websocket&.broadcast(event_name.to_s, data)
-    end
-
-    def theme
-      @theme ||= Lookbook::Theme.new(config.ui_theme, config.ui_theme_overrides)
-    end
-
-    def define_param_input(input, partial, input_options = nil)
-      config.preview_param_inputs[input.to_sym] = {
-        partial: partial,
-        input_options: input_options || {}
-      }
-    end
-  end
-
   class Engine < Rails::Engine
     isolate_namespace Lookbook
 
-    config.lookbook = Lookbook.config
     config.autoload_paths << File.expand_path(Lookbook::Engine.root.join("app/components"))
+    config.lookbook = Lookbook.config
 
     initializer "lookbook.viewcomponent.config" do
       config.lookbook.preview_paths += config.view_component.preview_paths
@@ -134,7 +68,6 @@ module Lookbook
       def init_listeners
         config = Lookbook.config
         return unless config.listen == true
-        Listen.logger = Lookbook.logger
 
         listen_paths = config.listen_paths.uniq
         if listen_paths.any?

data/lib/lookbook/store.rb

@@ -1,48 +1,34 @@
 module Lookbook
   class Store < ActiveSupport::OrderedOptions
-    def initialize(data = {}, deep = false)
+    def initialize(data = {}, opts = {})
+      @recursive = opts[:recursive] || false
+      data.each { |key, value| self[key] = value }
       super()
-      @deep = deep
-      set(data) if data.present?
-    end
-
-    def [](key)
-      super(normalize_key(key))
     end
 
     def []=(key, value)
-      super(normalize_key(key), normalize_value(value))
-    end
-
-    def set(data)
-      data.keys.each do |key|
-        self[normalize_key(key)] = normalize_value(data[key])
-      end
-      self
+      super(key, normalize_value(value))
     end
 
-    def get(key, fallback = nil)
-      if key?(normalize_key(key))
-        self[normalize_key(key)]
-      else
-        fallback
-      end
+    def fetch(name, *args)
+      super(name.to_sym, *args)
     end
 
     def method_missing(name, *args)
-      super(normalize_key(name), *args.map { |arg| normalize_value(arg) })
+      if name.to_s.end_with?("=")
+        args[0] = normalize_value(args[0])
+      end
+      super(name, *args)
     end
 
-    def respond_to_missing?(name, *)
-      key?(name)
+    def respond_to_missing?(name, include_private)
+      true
     end
 
-    def normalize_key(key)
-      key.to_s.downcase.tr("-", "_").to_sym
-    end
+    private
 
     def normalize_value(value)
-      @deep && !value.is_a?(Store) && value.is_a?(Hash) ? Store.new(value, @deep) : value
+      @recursive && !value.is_a?(Store) && value.is_a?(Hash) ? Store.new(value, recursive: @recursive) : value
     end
   end
 end

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.1.0"
+  VERSION = "1.1.1"
 end

data/lib/lookbook.rb

@@ -1,34 +1,79 @@
-require "active_support/dependencies/autoload"
-require "lookbook/engine"
+require "zeitwerk"
+require "ostruct"
 require "lookbook/version"
-require "view_component/engine"
+
+loader = Zeitwerk::Loader.for_gem
+loader.ignore("#{__dir__}/lookbook.rb")
+loader.push_dir("#{__dir__}/lookbook", namespace: Lookbook)
+loader.setup
 
 module Lookbook
-  extend ActiveSupport::Autoload
-
-  autoload :Error, "lookbook/error"
-  autoload :Utils, "lookbook/utils"
-  autoload :Lang, "lookbook/lang"
-  autoload :Params, "lookbook/params"
-  autoload :TagOptions, "lookbook/tag_options"
-  autoload :Page, "lookbook/page"
-  autoload :Tag, "lookbook/tag"
-  autoload :PageSection, "lookbook/page_section"
-  autoload :PageCollection, "lookbook/page_collection"
-  autoload :Features, "lookbook/features"
-  autoload :Collection, "lookbook/collection"
-  autoload :Entity, "lookbook/entity"
-  autoload :Parser, "lookbook/parser"
-  autoload :Preview, "lookbook/preview"
-  autoload :PreviewCollection, "lookbook/preview_collection"
-  autoload :PreviewController, "lookbook/preview_controller"
-  autoload :PreviewExample, "lookbook/preview_example"
-  autoload :PreviewGroup, "lookbook/preview_group"
-  autoload :SourceInspector, "lookbook/source_inspector"
-  autoload :TemplateParser, "lookbook/template_parser"
-  autoload :CodeFormatter, "lookbook/code_formatter"
-  autoload :Markdown, "lookbook/markdown"
-  autoload :Theme, "lookbook/theme"
-  autoload :Store, "lookbook/store"
-  autoload :Component, "lookbook/component"
+  class << self
+    include Lookbook::Hooks
+    include Lookbook::Panels
+    include Lookbook::Tags
+
+    def version
+      Lookbook::VERSION
+    end
+
+    def config
+      @config ||= Config.new
+    end
+
+    def configure
+      yield(config)
+    end
+
+    def data
+      @data ||= Store.new
+    end
+
+    def data=(new_data)
+      @data = Store.new(new_data)
+    end
+
+    def logger
+      @logger ||= if Rails.logger.present? && config.log_use_rails_logger
+        Rails.logger
+      else
+        logger = Logger.new($stdout)
+        logger.level = config.log_level
+        logger
+      end
+    end
+
+    def debug_data
+      {
+        version: version,
+        env: Rails.env.to_s,
+        config: config.to_h
+      }
+    end
+
+    def previews
+      Preview.all
+    end
+
+    def pages
+      Page.all
+    end
+
+    def broadcast(event_name, data = {})
+      Engine.websocket&.broadcast(event_name.to_s, data)
+    end
+
+    def theme
+      @theme ||= Lookbook::Theme.new(config.ui_theme, config.ui_theme_overrides)
+    end
+
+    def define_param_input(input, partial, input_options = nil)
+      config.preview_param_inputs[input.to_sym] = {
+        partial: partial,
+        input_options: input_options || {}
+      }
+    end
+  end
 end
+
+require "lookbook/engine"

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

@@ -623,6 +623,10 @@ var $caa9439642c6336c$var$directiveOrder = [
     "ref",
     "data",
     "id",
+    "tabs",
+    "radio",
+    "switch",
+    "disclosure",
     "bind",
     "init",
     "for",
@@ -1238,11 +1242,11 @@ function $caa9439642c6336c$var$getBinding(el, name, fallback) {
     if (el._x_bindings && el._x_bindings[name] !== void 0) return el._x_bindings[name];
     let attr = el.getAttribute(name);
     if (attr === null) return typeof fallback === "function" ? fallback() : fallback;
+    if (attr === "") return true;
     if ($caa9439642c6336c$var$isBooleanAttr(name)) return !![
         name,
         "true"
     ].includes(attr);
-    if (attr === "") return true;
     return attr;
 }
 // packages/alpinejs/src/utils/debounce.js
@@ -1361,7 +1365,7 @@ var $caa9439642c6336c$var$Alpine = {
     get raw () {
         return $caa9439642c6336c$var$raw;
     },
-    version: "3.10.3",
+    version: "3.10.4",
     flushAndStopDeferringMutations: $caa9439642c6336c$var$flushAndStopDeferringMutations,
     dontAutoEvaluateFunctions: $caa9439642c6336c$var$dontAutoEvaluateFunctions,
     disableEffectScheduling: $caa9439642c6336c$var$disableEffectScheduling,
@@ -2390,7 +2394,7 @@ $caa9439642c6336c$var$directive("bind", (el, { value: value , modifiers: modifie
     if (value === "key") return $caa9439642c6336c$var$storeKeyForXFor(el, expression);
     let evaluate2 = $caa9439642c6336c$var$evaluateLater(el, expression);
     effect3(()=>evaluate2((result)=>{
-            if (result === void 0 && expression.match(/\./)) result = "";
+            if (result === void 0 && typeof expression === "string" && expression.match(/\./)) result = "";
             $caa9439642c6336c$var$mutateDom(()=>$caa9439642c6336c$var$bind(el, value, result, modifiers));
         }));
 });
@@ -7821,7 +7825,7 @@ function $5439cede634b2921$var$toCamel(s) {
 }
 
 
-var $205fb3dd9870d001$exports = {};
+var $1f889267678ff167$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11485,6 +11489,16 @@ 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);
@@ -11541,16 +11555,6 @@ 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);
@@ -13326,10 +13330,10 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$205fb3dd9870d001$exports = {
+$1f889267678ff167$exports = {
     "button": $cbd28b10fa9798c7$exports,
-    "copy_button": $47a1c62621be0c54$exports,
     "code": $99486586f6691564$exports,
+    "copy_button": $47a1c62621be0c54$exports,
     "dimensions_display": $e398acaded942bbe$exports,
     "embed": $e1f51f020443edd4$exports,
     "filter": $e9904a14dabf652d$exports,
@@ -13505,7 +13509,7 @@ const $d73574cc5e9b9e72$var$prefix = window.APP_NAME;
 // Components
 (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $d709d0f4027033b2$export$2e2bcd8739ae039));
 [
-    $205fb3dd9870d001$exports,
+    $1f889267678ff167$exports,
     $c43230a66e7bc31a$exports,
     $6c10158820e535ef$exports
 ].forEach((scripts)=>{