view_component_devtools 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2af7b0e20aeaa0d3d3e75c5255b567050c2425b73d95819c539eff4ea289bfaf
-  data.tar.gz: 7653f7e096b59b3629a591610e814917c55d8ebac86a760993eb204fe61e1714
+  metadata.gz: bf5b2619905340a6dd2b5e8bc564172c9a49441a6353d48e36619585abb190b3
+  data.tar.gz: c5fc0d7882588e18739448c3cc147d3a10a4e0c93fdad4c0a8a5406fe65958b4
 SHA512:
-  metadata.gz: d05d4d3bc6e21473251b807f4680ce8a551c5d9de5bc195f37be2e730aaea7b19598ced8b9b948f5a1637ab108fb7818b869b82b9a06ffd6ecf83281649818ab
-  data.tar.gz: 309af696584ad38c6bed98e5210707c480401f355e66ece9f4183e88ba5555f65542bea0d77ea556384f548a6a51cf833adf72517d397747a0d4b1e706763b87
+  metadata.gz: cd02547ecaca8df7483794ee934f9b7374821fd10df047028e9739d43277207c7b1aa3cb10b92f5ae5da91f43497b84f232d61669042a30d6d2fe1bdb08288a0
+  data.tar.gz: d3f7f7a4000c3fe7527bdd87de585806d4e8fb559d1e3970e9900d884495e817a4d537fe98b3a740d9387effcf9d1ac558a93c25182bf1cb70728009a1e64a8a

data/lib/view_component_devtools/component.rb

@@ -1,7 +1,12 @@
 # frozen_string_literal: true
 
+require "active_support/core_ext/string/output_safety"
+require "base64"
+
 module ViewComponentDevtools
   module Component
+    MARKER_PREFIX = "view-component-devtools"
+
     def self.included(base)
       base.extend(ClassMethods)
     end
@@ -13,18 +18,37 @@ module ViewComponentDevtools
       end
 
       def view_component_devtools_prop_names
-        declared = @view_component_devtools_props || []
+        declared = (@view_component_devtools_props || []).select do |name|
+          directly_defined_zero_argument_method?(name)
+        end
         inferred = component_initializer&.parameters&.filter_map do |kind, name|
-          name if %i[req opt keyreq key].include?(kind)
+          name if %i[req opt keyreq key].include?(kind) && directly_defined_attribute_reader?(name)
         end || []
 
-        (declared + inferred).uniq.select do |name|
-          directly_defined_reader?(name)
-        end
+        (declared + inferred).uniq
       end
 
       private
 
+      def attr(*names)
+        result = super
+        reader_names = names.last == true || names.last == false ? names[0...-1] : names
+        track_attribute_readers(reader_names)
+        result
+      end
+
+      def attr_accessor(*names)
+        result = super
+        track_attribute_readers(names)
+        result
+      end
+
+      def attr_reader(*names)
+        result = super
+        track_attribute_readers(names)
+        result
+      end
+
       def component_initializer
         return unless private_instance_methods(false).include?(:initialize) ||
           protected_instance_methods(false).include?(:initialize) ||
@@ -33,12 +57,26 @@ module ViewComponentDevtools
         instance_method(:initialize)
       end
 
-      def directly_defined_reader?(name)
+      def directly_defined_attribute_reader?(name)
+        reader = (@view_component_devtools_attribute_readers || {})[name]
+        return false unless reader
+        return false unless directly_defined_zero_argument_method?(name)
+
+        instance_method(name) == reader
+      end
+
+      def directly_defined_zero_argument_method?(name)
         return false unless public_instance_methods(false).include?(name)
 
         method = instance_method(name)
-        method.parameters.none? do |kind, _|
-          %i[req keyreq].include?(kind)
+        method.owner == self && method.arity.zero?
+      end
+
+      def track_attribute_readers(names)
+        @view_component_devtools_attribute_readers ||= {}
+        names.each do |name|
+          name = name.to_sym
+          @view_component_devtools_attribute_readers[name] = instance_method(name)
         end
       end
     end
@@ -54,7 +92,15 @@ module ViewComponentDevtools
         end
       }
 
-      State.with_component(metadata) { super }
+      rendered = State.with_component(metadata) { super }
+      component_id = metadata[:devtools_id]
+      return rendered unless component_id
+
+      marker_id = Base64.strict_encode64(component_id)
+      start_marker = "<!--#{MARKER_PREFIX}:start:#{marker_id}-->".html_safe
+      end_marker = "<!--#{MARKER_PREFIX}:end:#{marker_id}-->".html_safe
+
+      start_marker + rendered.to_s.html_safe + end_marker
     end
 
     private

data/lib/view_component_devtools/state.rb

@@ -106,8 +106,11 @@ module ViewComponentDevtools
         @component_count += 1
         metadata = component_stack.last
         metadata = nil unless metadata&.fetch(:name, nil) == payload[:name]
+        id = "#{request_id}:#{@component_count}"
+        metadata[:devtools_id] = id if metadata
+
         {
-          id: "#{request_id}:#{@component_count}",
+          id:,
           name: payload[:name] || metadata&.fetch(:name, nil) || "AnonymousComponent",
           sourceLocation: payload[:identifier] || metadata&.fetch(:source_location, nil),
           templateLocation: payload[:view_identifier],

data/lib/view_component_devtools/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ViewComponentDevtools
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: view_component_devtools
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - ViewComponent DevTools contributors
 bindir: bin
 cert_chain: []
-date: 2026-08-11 00:00:00.000000000 Z
+date: 2026-08-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport