lookbook 1.0.8 → 1.1.0

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.1.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-15 00:00:00.000000000 Z
+date: 2022-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: css_parser
@@ -38,6 +38,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: activemodel
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
@@ -84,16 +98,22 @@ dependencies:
   name: rouge
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.26'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.26'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: listen
   requirement: !ruby/object:Gem::Requirement
@@ -165,6 +185,7 @@ files:
 - app/assets/lookbook/css/tooltip.css
 - app/assets/lookbook/js/app.js
 - app/assets/lookbook/js/components/clipboard.js
+- app/assets/lookbook/js/components/params_input.js
 - app/assets/lookbook/js/components/tooltip.js
 - app/assets/lookbook/js/config.js
 - app/assets/lookbook/js/embed.js
@@ -200,6 +221,8 @@ files:
 - app/components/lookbook/copy_button/component.html.erb
 - app/components/lookbook/copy_button/component.js
 - app/components/lookbook/copy_button/component.rb
+- app/components/lookbook/debug_menu/component.html.erb
+- app/components/lookbook/debug_menu/component.rb
 - app/components/lookbook/dimensions_display/component.html.erb
 - app/components/lookbook/dimensions_display/component.js
 - app/components/lookbook/dimensions_display/component.rb
@@ -226,12 +249,13 @@ files:
 - app/components/lookbook/nav/item/component.rb
 - app/components/lookbook/page_tabs/component.html.erb
 - app/components/lookbook/page_tabs/component.rb
-- app/components/lookbook/params_editor/component.html.erb
-- app/components/lookbook/params_editor/component.js
-- app/components/lookbook/params_editor/component.rb
-- app/components/lookbook/params_editor/field/component.html.erb
-- app/components/lookbook/params_editor/field/component.js
-- app/components/lookbook/params_editor/field/component.rb
+- app/components/lookbook/params/editor/component.html.erb
+- app/components/lookbook/params/editor/component.js
+- app/components/lookbook/params/editor/component.rb
+- app/components/lookbook/params/field/component.css
+- app/components/lookbook/params/field/component.html.erb
+- app/components/lookbook/params/field/component.js
+- app/components/lookbook/params/field/component.rb
 - app/components/lookbook/prose/component.css
 - app/components/lookbook/prose/component.html.erb
 - app/components/lookbook/prose/component.rb
@@ -279,6 +303,12 @@ files:
 - app/views/lookbook/index.html.erb
 - app/views/lookbook/pages/show.html.erb
 - app/views/lookbook/preview.html.erb
+- app/views/lookbook/previews/inputs/_color.html.erb
+- app/views/lookbook/previews/inputs/_range.html.erb
+- app/views/lookbook/previews/inputs/_select.html.erb
+- app/views/lookbook/previews/inputs/_text.html.erb
+- app/views/lookbook/previews/inputs/_textarea.html.erb
+- app/views/lookbook/previews/inputs/_toggle.html.erb
 - app/views/lookbook/previews/panels/_content.html.erb
 - app/views/lookbook/previews/panels/_notes.html.erb
 - app/views/lookbook/previews/panels/_output.html.erb
@@ -314,7 +344,9 @@ files:
 - lib/lookbook/source_inspector.rb
 - lib/lookbook/store.rb
 - lib/lookbook/tag.rb
+- lib/lookbook/tag_options.rb
 - lib/lookbook/tags.rb
+- lib/lookbook/template_parser.rb
 - lib/lookbook/theme.rb
 - lib/lookbook/utils.rb
 - lib/lookbook/version.rb

data/app/components/lookbook/params_editor/component.html.erb

@@ -1,3 +0,0 @@
-<%= render_component_tag do %>
-  <%= safe_join(fields) %>
-<% end %>

data/app/components/lookbook/params_editor/component.rb

@@ -1,11 +0,0 @@
-module Lookbook
-  class ParamsEditor::Component < Lookbook::BaseComponent
-    renders_many :fields, Lookbook::ParamsEditor::Field::Component
-
-    protected
-
-    def alpine_component
-      "paramsEditorComponent"
-    end
-  end
-end

data/app/components/lookbook/params_editor/field/component.html.erb

@@ -1,49 +0,0 @@
-<%= render_component_tag class: "px-4 py-3" do %>
-  <div class="flex items-start max-w-[800px]" :class="isNarrowLayout && '!block'">
-    <label
-      for="param-<%= name %>"
-      class="block font-bold cursor-pointer flex-none py-2 w-[140px] truncate pr-2">
-      <%= label %>
-    </label>
-    
-    <div class="flex-grow">
-      <% if field_type == "text" %>
-      
-        <input
-          class="form-input"
-          value="<%= value %>"
-          type="<%= input_type %>"
-          x-bind="bindings.input || {}">
-
-      <% elsif field_type == "textarea" %>
-
-        <textarea
-          class="form-input"
-          rows="4"
-          x-bind="bindings.input || {}"><%= value %></textarea>
-
-      <% elsif field_type == "select" %>
-
-        <select
-          class="form-input"
-          x-bind="bindings.input || {}"
-          x-model="value"
-          name="<%= name %>">
-          <%= options_for_select(@options || [], value) %>
-        </select>
-
-      <% elsif field_type == "toggle" %>
-        <button type="button"
-          class="<%= value == true ? "bg-lookbook-input-toggle-active" : "bg-lookbook-input-toggle" %> relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-input-border-focus"
-          role="switch"
-          @click.stop="value = !value">
-          <span
-            aria-hidden="true"
-            class="<%= value == true ? "translate-x-5" : "translate-x-0" %>  pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200"
-          ></span>
-        </button>
-      <% end %>
-    </div>
-  </div>
-<% end %>
-

data/app/components/lookbook/params_editor/field/component.rb

@@ -1,44 +0,0 @@
-module Lookbook
-  class ParamsEditor::Field::Component < Lookbook::BaseComponent
-    attr_reader :name
-
-    def initialize(input:, name:, default: nil, value: nil, input_type: nil, type: nil, options: nil, **html_attrs)
-      @input = input
-      @name = name
-      @value = value
-      @default_value = default
-      @input_type = input_type
-      @type = type
-      @options = options
-      super(**html_attrs)
-    end
-
-    def label
-      name.titleize
-    end
-
-    def value
-      val = @value.presence || @default_value
-      @type == "Boolean" ? val == "true" || val == true : val
-    end
-
-    def field_type
-      @input.to_s
-    end
-
-    def input_type
-      @input_type.nil? && field_type == "text" ? "text" : @input_type
-    end
-
-    protected
-
-    def alpine_data
-      escaped_value = json_escape(value.to_json)
-      "{name: '#{name}', value: #{escaped_value}}"
-    end
-
-    def alpine_component
-      "paramsEditorFieldComponent"
-    end
-  end
-end