playbook_ui 13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245 → 13.8.0.pre.alpha.play845allkitsbytypes1255

data/lib/playbook/pb_doc_helper.rb

@@ -26,41 +26,81 @@ module Playbook
     end
 
     # Deal with lists of kits, used in Playbook doc and Externally
-    # rubocop:disable Style/StringConcatenation
-    def pb_kits(type: "rails", limit_examples: false, dark_mode: false, method: get_kits)
-      display_kits = []
-      kits = method
-      kits.each do |kit|
-        if kit.is_a?(Hash)
-          nav_hash_array(kit).each do |sub_kit|
-            display_kits << render_pb_doc_kit(sub_kit, type, limit_examples, false, dark_mode)
-          end
-        else
-          display_kits << render_pb_doc_kit(kit, type, limit_examples, false, dark_mode)
-        end
-      end
-      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
+    def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
+      kits = get_kits(type)
+
+      # Iterate through the filtered kits and render them
+      kits.map do |kit|
+        render_pb_doc_kit(kit["name"], type, limit_examples, true, dark_mode)
+      end.join.html_safe
     end
-    # rubocop:enable Style/StringConcatenation
 
-    # rubocop:disable Naming/AccessorMethodName
-    def get_kits
-      menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
-      menu["kits"]
+    def get_kits(type = "rails")
+      kits = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml")) || []
+
+      # Filter kits that have at least one component compatible with the type
+      kits.select do |kit|
+        kit["components"].any? { |component| component["platforms"].include?(type) }
+      end
     end
 
-    def get_kits_pb_website
-      menu = YAML.load_file(Rails.root.join("config/menu.yml"))
-      menu["kits"]
+    def aggregate_kits
+      all_kits = []
+
+      YAML.load_file(Playbook::Engine.root.join("dist/menu.yml")).each do |kit|
+        kit_name = kit["name"]
+        components = kit["components"].map { |c| c["name"] }
+
+        all_kits << if components.size == 1
+                      components.first
+                    else
+                      { kit_name => components }
+                    end
+      end
+
+      all_kits
     end
-    # rubocop:enable Naming/AccessorMethodName
 
     # rubocop:disable Style/OptionalBooleanParameter
-    def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
-      title = pb_doc_render_clickable_title(kit, type)
-      ui = raw("<div class='pb--docItem-ui'>
-          #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
-      title + ui
+    def render_pb_doc_kit(kit_name, type, limit_examples, code = true, dark_mode = false)
+      parent_kit = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml")).find { |kit| kit["name"] == kit_name }
+
+      # Initialize component_content as an empty string
+      component_content = ""
+      title = ""
+
+      # Check if parent_kit is nil
+      if parent_kit.nil?
+        title = pb_doc_render_clickable_title(kit_name, type)
+        component_content = raw("<div class='pb--docItem-ui'>
+    #{pb_kit(kit: kit_name, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
+      else
+        # Filter components based on the specified type
+        components = parent_kit["components"].select { |component| component["platforms"].include?(type) }
+
+        # If it's a parent with components, accumulate the UI content for child components
+        if components.any?
+          component_content = components.map do |component|
+            component_name = component["name"]
+            title = pb_doc_render_clickable_title(component_name, type) # Use component_name for the title
+
+            # Render the component UI content with the same styles/tags as the parent
+            component_ui = raw("<div class='pb--docItem-ui'>
+          #{pb_kit(kit: component_name, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}
+        </div>")
+
+            # Combine the component name and component UI content
+            "#{title}#{component_ui}"
+          end.join.to_s
+        end
+      end
+
+      # Combine the component content and UI content for the parent kit
+      if parent_kit.nil?
+        "#{title}#{component_content}".to_s
+      else
+        component_content.to_s.to_s
+      end
     end
   # rubocop:enable Style/OptionalBooleanParameter
 

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.8.0"
-  VERSION = "13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245"
+  VERSION = "13.8.0.pre.alpha.play845allkitsbytypes1255"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245
+  version: 13.8.0.pre.alpha.play845allkitsbytypes1255
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-10-02 00:00:00.000000000 Z
+date: 2023-10-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack