tramway 3.0.4.1 → 3.1

data/config/tailwind.config.js

@@ -1,3 +1,5 @@
+const defaultTheme = require("tailwindcss/defaultTheme")
+
 module.exports = {
   safelist: [
     // === Navbar ===
@@ -24,6 +26,69 @@ module.exports = {
     'md:justify-between',
     'pt-16',
     'min-h-8',
+    'bg-zinc-950',
+    'bg-zinc-950/95',
+    'bg-zinc-950/80',
+    'bg-zinc-900',
+    'bg-zinc-800',
+    'bg-zinc-900/80',
+    'border-zinc-800',
+    'text-zinc-50',
+    'text-zinc-100',
+    'text-zinc-200',
+    'text-zinc-400',
+    'text-zinc-500',
+    'placeholder:text-zinc-500',
+    'hover:bg-zinc-800',
+    'hover:bg-zinc-900',
+    'hover:text-zinc-50',
+    'focus-visible:ring-zinc-300',
+    'focus-visible:ring-zinc-400',
+    'focus-visible:ring-offset-zinc-950',
+    'ring-zinc-800',
+    'peer-disabled:cursor-not-allowed',
+    'peer-disabled:opacity-70',
+    'supports-[backdrop-filter]:bg-zinc-950/80',
+    'backdrop-blur',
+    'shadow-lg',
+    'shadow-sm',
+    'w-fit',
+    'text-base',
+    'text-sm',
+    'rounded-md',
+    'rounded-sm',
+    'border-b',
+    'border-r',
+    'border-t',
+    'border',
+    'gap-4',
+    'gap-1',
+    'gap-2',
+    'grid-cols-1',
+    'grid',
+    'px-4',
+    'py-3',
+    'py-4',
+    'py-6',
+    'p-2',
+    'inset-0',
+    'top-4',
+    'right-4',
+    'flex-col',
+    'items-center',
+    'justify-between',
+    'justify-center',
+    'transition-colors',
+    'rounded-md',
+    'truncate',
+    'rounded-b-none',
+    'overflow-x-hidden',
+    'cursor-not-allowed',
+    'mx-auto',
+    'my-4',
+    'h-8',
+    'w-8',
+    'disabled:cursor-not-allowed',
 
     // === Entities Index Page ===
     'md:mt-8',
@@ -37,22 +102,29 @@ module.exports = {
     'rounded-tr-md',
     'bg-white',
     'bg-gray-50',
+    'bg-gray-800/60',
     'bg-blue-600',
+    'bg-blue-500',
     'shadow-sm',
     'border-t',
+    'border-gray-200',
+    'border-gray-300',
+    'border-gray-600',
     'border-gray-700',
     'bg-gray-800',
-    'bg-gray-800/60',
     'bg-gray-900',
-    'bg-blue-500',
     'hover:bg-blue-400',
     'text-gray-100',
     'text-gray-400',
     'text-blue-400',
     'placeholder:text-gray-400',
+    'focus:border-gray-300',
     'focus:border-blue-400',
+    'focus:border-blue-500',
     'focus:ring-blue-500/30',
+    'focus:ring-blue-500',
     'ring-gray-700',
+    'ring-1',
     'h-8',
     'flex-1',
     'gap-2',
@@ -77,7 +149,6 @@ module.exports = {
     'break-all',
     'animate-spin',
     'placeholder:text-gray-400',
-    'focus:border-blue-500',
     'focus:outline-none',
     'focus:ring-2',
     'focus:ring-blue-200',
@@ -117,6 +188,20 @@ module.exports = {
     'md:block',
     'first:block',
     'rounded-t-xl',
+    'border-zinc-800',
+    'bg-zinc-950',
+    'bg-zinc-900',
+    'text-zinc-100',
+    'text-zinc-400',
+    'hover:bg-zinc-900',
+    'border-b',
+    'border-r',
+    'grid-cols-1',
+    'gap-4',
+    'px-6',
+    'py-4',
+    'font-medium',
+    'w-full',
 
     // === Table row preview panel ===
     'bottom-0',
@@ -137,6 +222,64 @@ module.exports = {
     'text-xl',
     'font-bold',
 
+    // === Button base shell ===
+    'inline-flex',
+    'rounded-md',
+    'font-medium',
+    'ring-offset-background',
+    'transition-colors',
+    'focus-visible:outline-none',
+    'focus-visible:ring-2',
+    'focus-visible:ring-ring',
+    'focus-visible:ring-offset-2',
+    'disabled:pointer-events-none',
+    'disabled:opacity-50',
+    'h-10',
+
+    'hover:bg-zinc-250',
+    'bg-zinc-50',
+    'text-zinc-950',
+    'bg-zinc-950',
+    'text-zinc-50',
+    'border-zinc-800',
+    'hover:bg-zinc-800',
+
+    'hover:bg-green-900',
+    'bg-green-900/30',
+    'text-green-400',
+
+    'hover:bg-red-900',
+    'bg-red-900/30',
+    'text-red-400',
+
+    'hover:bg-gray-900',
+    'bg-gray-900/30',
+    'text-gray-400',
+
+    'hover:bg-blue-900',
+    'bg-blue-900/30',
+    'text-blue-400',
+
+    'hover:bg-zinc-900',
+    'bg-zinc-900/30',
+    'text-zinc-400',
+
+    'hover:bg-orange-900',
+    'bg-orange-900/30',
+    'text-orange-400',
+
+    'hover:bg-violet-900',
+    'bg-violet-900/30',
+    'text-violet-400',
+
+    'hover:bg-indigo-900',
+    'bg-indigo-900/30',
+    'text-indigo-400',
+
+    'hover:bg-yellow-900',
+    'bg-yellow-900/30',
+    'text-yellow-400',
+
     // === Grid templates used for configurable layouts ===
     'grid',
     'grid-cols-1',
@@ -166,6 +309,8 @@ module.exports = {
     'align-center',
     'justify-center',
     'min-h-dvh',
+    'bg-zinc-950',
+    'text-zinc-50',
 
     // === Flexbox layout utilities ===
     'flex',
@@ -234,67 +379,10 @@ module.exports = {
     'shadow-lg',
     'h-12',
 
-    // === Button color presets ===
-    'bg-green-100',
-    'bg-green-200',
-    'bg-green-700',
-    'hover:bg-green-200',
-    'hover:bg-green-300',
-    'hover:bg-green-800',
-
-    'bg-red-100',
-    'bg-red-200',
-    'bg-red-700',
-    'hover:bg-red-200',
-    'hover:bg-red-300',
-    'hover:bg-red-800',
-
-    'bg-blue-100',
-    'bg-blue-200',
-    'bg-blue-700',
-    'hover:bg-blue-200',
-    'hover:bg-blue-300',
-    'hover:bg-blue-800',
-
-    'bg-orange-100',
-    'bg-orange-200',
-    'bg-orange-700',
-    'hover:bg-orange-200',
-    'hover:bg-orange-300',
-    'hover:bg-orange-800',
-
-    'bg-zinc-100',
-    'bg-zinc-200',
-    'bg-zinc-700',
-    'hover:bg-zinc-200',
-    'hover:bg-zinc-300',
-    'hover:bg-zinc-800',
-
-    'bg-violet-100',
-    'bg-violet-200',
-    'bg-violet-700',
-    'hover:bg-violet-200',
-    'hover:bg-violet-300',
-    'hover:bg-violet-800',
-
-    'bg-indigo-100',
-    'bg-indigo-200',
-    'bg-indigo-700',
-    'hover:bg-indigo-200',
-    'hover:bg-indigo-300',
-    'hover:bg-indigo-800',
-
-    'bg-yellow-100',
-    'bg-yellow-200',
-    'bg-yellow-700',
-    'hover:bg-yellow-200',
-    'hover:bg-yellow-300',
-    'hover:bg-yellow-800',
-
-    'bg-teal-100',
-    'bg-teal-900',
-    'bg-purple-300',
-    'text-purple-700',
+    // === Shadcn UI button styles ===
+    'bg-green-600',
+    'hover:bg-green-400',
+    'text-green-800',
 
     // === Button Disabled state ===
     'bg-gray-200',
@@ -371,6 +459,15 @@ module.exports = {
     'leading-6',
     'leading-none',
     'appearance-none',
+    'peer',
+    'h-4',
+    'w-4',
+    'text-current',
+    'ring-offset-zinc-950',
+    'data-[state=checked]:border-zinc-50',
+    'data-[state=checked]:bg-zinc-50',
+    'data-[state=checked]:text-zinc-950',
+    'border-zinc-50',
     'outline-none',
     'h-full',
     'm-1',
@@ -398,17 +495,128 @@ module.exports = {
 
     // === Flash message styles ===
     'fixed',
+    'top-4',
     'right-4',
     'z-50',
-    'space-y-2',
+    'flex',
+    'w-full',
+    'max-w-sm',
+    'flex-col',
+    'gap-2',
     'flash',
     'opacity-100',
-    'text-white',
+    'pointer-events-auto',
+    'rounded-md',
+    'border',
+    'border-zinc-800',
+    'border-green-800',
+    'border-blue-800',
+    'border-orange-800',
+    'border-red-800',
+    'border-violet-800',
+    'border-indigo-800',
+    'border-yellow-800',
+    'bg-zinc-950',
     'px-4',
-    'py-2',
-    'rounded',
-    'shadow',
-    'text-black',
+    'py-3',
+    'text-sm',
+    'font-medium',
+    'leading-6',
+    'text-zinc-50',
+    'text-green-400',
+    'text-blue-400',
+    'text-orange-400',
+    'text-red-400',
+    'text-violet-400',
+    'text-indigo-400',
+    'text-yellow-400',
+    'shadow-lg',
     'pointer-events-none'
   ],
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        },
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))",
+        },
+        attention: {
+          DEFAULT: "var(--yellow-50)",
+          foreground: "hsl(var(--attention-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      fontFamily: {
+        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/typography"),
+    require("@tailwindcss/container-queries"),
+  ],
 }

data/docs/AGENTS.md

@@ -32,7 +32,7 @@ Generated code should:
 bin/rails g tramway:install
 ```
 
-- The install generator appends missing gems, copies Tailwind safelist config, ensures `app/assets/tailwind/application.css` imports Tailwind, and writes an `AGENTS.md` guide in the project root.
+- The install generator appends missing gems, copies Tailwind safelist config, ensures `app/assets/tailwind/application.css` imports Tailwind, and adds a Codex instruction to use or install `tramway-skill`.
 
 ---
 

data/lib/generators/tramway/install/install_generator.rb

@@ -2,7 +2,6 @@
 
 require 'rails/generators'
 require 'fileutils'
-require 'net/http'
 
 module Tramway
   module Generators
@@ -64,21 +63,42 @@ module Tramway
         'pin "@tramway/table-row-preview", to: "tramway/table_row_preview_controller.js"'
       end
 
+      def importmap_ui_checkbox_pin
+        'pin "@tramway/checkbox", to: "tramway/ui_checkbox_controller.js"'
+      end
+
+      def importmap_tailwind_requirements
+        [
+          'pin "@tailwindcss/forms", to: "tailwindcss/forms.js"',
+          'pin "@tailwindcss/typography", to: "tailwindcss/typography.js"',
+          'pin "@tailwindcss/aspect-ratio", to: "tailwindcss/aspect-ratio.js"',
+          'pin "@tailwindcss/container-queries", to: "tailwindcss/container-queries.js"',
+          'pin "tailwindcss-animate", to: "tailwindcss-animate.js"'
+        ].join("\n")
+      end
+
       def importmap_tramway_pins
-        [importmap_tramway_select_pin, importmap_table_row_preview_pin]
+        [
+          importmap_tailwind_requirements,
+          importmap_tramway_select_pin,
+          importmap_table_row_preview_pin,
+          importmap_ui_checkbox_pin
+        ]
       end
 
       def stimulus_controller_imports
         [
           'import { TramwaySelect } from "@tramway/tramway-select"',
-          'import { TableRowPreview } from "@tramway/table-row-preview"'
+          'import { TableRowPreview } from "@tramway/table-row-preview"',
+          'import { UiCheckbox } from "@tramway/checkbox"'
         ]
       end
 
       def stimulus_controller_registrations
         [
           "application.register('tramway-select', TramwaySelect)",
-          "application.register('table-row-preview', TableRowPreview)"
+          "application.register('table-row-preview', TableRowPreview)",
+          "application.register('ui--checkbox', UiCheckbox)"
         ]
       end
 
@@ -86,50 +106,9 @@ module Tramway
         @agents_file_path ||= File.join(destination_root, 'AGENTS.md')
       end
 
-      def project_tramway_agents_path
-        @project_tramway_agents_path ||= File.join(destination_root, 'docs/agents/tramway.md')
-      end
-
-      def agents_template_url
-        'https://raw.githubusercontent.com/Purple-Magic/tramway-skill/refs/heads/main/skills/tramway-skill/agents/tramway.md'
-      end
-
-      def agents_template_body
-        return @agents_template_body if defined?(@agents_template_body)
-
-        uri = URI.parse(agents_template_url)
-        response = Net::HTTP.get_response(uri)
-        body = response.body.to_s
-        body = body.dup.force_encoding(Encoding::UTF_8)
-        @agents_template_body = sanitize_agents_template_body(
-          body.encode(Encoding::UTF_8, invalid: :replace, undef: :replace, replace: '')
-        )
-      end
-
-      def sanitize_agents_template_body(content)
-        stripped_content = content.strip
-        section_pattern = /\A#{Regexp.escape(agents_section_start)}\s*\n?(.*?)\n?#{Regexp.escape(agents_section_end)}\s*\z/m # rubocop:disable Layout/LineLength
-        match = stripped_content.match(section_pattern)
-
-        return stripped_content unless match
-
-        match[1].to_s.strip
-      end
-
-      def agents_section_start
-        '## Start of Tramway AGENTS.md'
-      end
-
-      def agents_section_end
-        '## End of Tramway AGENTS.md'
-      end
-
-      def agents_template
-        @agents_template ||= [agents_section_start, agents_template_body.rstrip, agents_section_end].join("\n")
-      end
-
-      def agents_section_present?(content)
-        content.include?(agents_section_start) && content.include?(agents_section_end)
+      def codex_agents_instruction
+        'If you are Codex, use the tramway-skill skill for Tramway/Rails work in this project. ' \
+          'If tramway-skill is not installed, install it from https://github.com/Purple-Magic/tramway-skill/.'
       end
 
       def create_tailwind_config
@@ -170,9 +149,9 @@ module Tramway
         line[/^\s*/] || '  '
       end
 
-      def insert_agents_template(content)
+      def append_codex_agents_instruction(content)
         separator = agents_separator(content)
-        "#{content}#{separator}#{agents_template}"
+        "#{content}#{separator}#{codex_agents_instruction}\n"
       end
 
       def agents_separator(content)
@@ -181,17 +160,9 @@ module Tramway
         content.end_with?("\n") ? "\n" : "\n\n"
       end
 
-      def replace_agents_section(content)
-        return insert_agents_template(content) unless agents_section_present?(content)
-
-        content.sub(
-          /#{Regexp.escape(agents_section_start)}.*?#{Regexp.escape(agents_section_end)}/m,
-          agents_template
-        )
-      end
-
       # rubocop:disable Metrics/MethodLength
       def append_missing_imports(content)
+        content = normalize_checkbox_import(content)
         missing_imports = stimulus_controller_imports.reject { |line| content.include?(line) }
         return content if missing_imports.empty?
 
@@ -226,6 +197,29 @@ module Tramway
         updated << insertion
         updated
       end
+
+      def normalize_checkbox_import(content)
+        content.gsub(
+          'import { UiCheckbox } from "@tramway/ui-checkbox"',
+          'import { UiCheckbox } from "@tramway/checkbox"'
+        )
+      end
+
+      def normalize_checkbox_pin(content)
+        content.gsub(
+          'pin "@tramway/ui-checkbox", to: "tramway/ui_checkbox_controller.js"',
+          'pin "@tramway/checkbox", to: "tramway/ui_checkbox_controller.js"'
+        ).gsub(
+          "pin '@tramway/ui-checkbox', to: 'tramway/ui_checkbox_controller.js'",
+          "pin '@tramway/checkbox', to: 'tramway/ui_checkbox_controller.js'"
+        )
+      end
+
+      def with_agents_update_fallback
+        yield
+      rescue StandardError => e
+        say_status(:warning, "Skipping AGENTS.md update: #{e.message}")
+      end
     end
     # rubocop:enable Metrics/ModuleLength
 
@@ -236,36 +230,19 @@ module Tramway
 
       desc 'Installs Tramway dependencies and Tailwind safelist configuration.'
 
-      # rubocop:disable Metrics/MethodLength
       def ensure_agents_file
         with_agents_update_fallback do
-          if File.exist?(project_tramway_agents_path)
-            say_status(:info, "Skipping AGENTS.md update because #{project_tramway_agents_path} exists.")
-            return
-          end
-
-          say_status(
-            :info,
-            "Tramway will replace the content between \"#{agents_section_start}\" and " \
-            "\"#{agents_section_end}\" in AGENTS.md."
-          )
-
-          return create_file(agents_file_path, "#{agents_template}\n") unless File.exist?(agents_file_path)
+          return create_file(agents_file_path, "#{codex_agents_instruction}\n") unless File.exist?(agents_file_path)
 
           content = File.read(agents_file_path)
-          updated = replace_agents_section(content)
+          return if content.include?(codex_agents_instruction)
+
+          updated = append_codex_agents_instruction(content)
           return if updated == content
 
           File.write(agents_file_path, updated, mode: 'w:UTF-8')
         end
       end
-      # rubocop:enable Metrics/MethodLength
-
-      def with_agents_update_fallback
-        yield
-      rescue StandardError => e
-        say_status(:warning, "Skipping AGENTS.md update: #{e.message}")
-      end
 
       def ensure_dependencies
         missing_dependencies = gem_dependencies.reject do |dependency|
@@ -313,8 +290,9 @@ module Tramway
       def ensure_importmap_pin
         return unless File.exist?(importmap_path)
 
-        content = File.read(importmap_path)
+        content = normalize_checkbox_pin(File.read(importmap_path))
         missing_pins = importmap_tramway_pins.reject { |pin| content.include?(pin) }
+        File.write(importmap_path, content) if content != File.read(importmap_path)
         return if missing_pins.empty?
 
         File.open(importmap_path, 'a') do |file|

data/lib/tramway/engine.rb

@@ -17,7 +17,7 @@ module Tramway
     end
 
     initializer 'tramway.assets.precompile' do |app|
-      app.config.assets.precompile += %w[tramway/tramway-select_controller.js]
+      app.config.assets.precompile += %w[tramway/tramway-select_controller.js tramway/ui_checkbox_controller.js]
     end
 
     private

data/lib/tramway/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Tramway
-  VERSION = '3.0.4.1'
+  VERSION = '3.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 3.0.4.1
+  version: '3.1'
 platform: ruby
 authors:
 - kalashnikovisme
@@ -140,6 +140,7 @@ files:
 - Rakefile
 - app/assets/javascripts/tramway/table_row_preview_controller.js
 - app/assets/javascripts/tramway/tramway-select_controller.js
+- app/assets/javascripts/tramway/ui_checkbox_controller.js
 - app/components/tailwind_component.html.haml
 - app/components/tailwind_component.rb
 - app/components/tramway/actions_buttons_container_component.html.haml