loco_motion-rails 0.0.6 → 0.0.8

data/lib/loco_motion/helpers.rb

@@ -0,0 +1,96 @@
+module LocoMotion
+  COMPONENTS = {
+    ### Hero Components
+
+    "Hero::IconComponent" => { names: "icon", group: "Hero", title: "Icons", example: "icons" },
+
+    ### Daisy Components
+
+    # Actions
+    "Daisy::Actions::ButtonComponent" => { names: "button", group: "Actions", title: "Buttons", example: "buttons" },
+    "Daisy::Actions::DropdownComponent" => { names: "dropdown", group: "Actions", title: "Dropdowns", example: "dropdowns" },
+    "Daisy::Actions::ModalComponent" => { names: "modal", group: "Actions", title: "Modals", example: "modals" },
+    "Daisy::Actions::SwapComponent" => { names: "swap", group: "Actions", title: "Swaps", example: "swaps" },
+    "Daisy::Actions::ThemeControllerComponent" => { names: "theme_controller", group: "Actions", title: "Theme Controllers", example: "theme_controllers" },
+
+    # Data
+    "Daisy::DataDisplay::AccordionComponent" => { names: "accordion", group: "Data", title: "Accordions", example: "accordions" },
+    "Daisy::DataDisplay::AvatarComponent" => { names: "avatar", group: "Data", title: "Avatars", example: "avatars" },
+    "Daisy::DataDisplay::BadgeComponent" => { names: "badge", group: "Data", title: "Badges", example: "badges" },
+    "Daisy::DataDisplay::CardComponent" => { names: "card", group: "Data", title: "Cards", example: "cards" },
+    "Daisy::DataDisplay::CarouselComponent" => { names: "carousel", group: "Data", title: "Carousels", example: "carousels" },
+    "Daisy::DataDisplay::ChatComponent" => { names: "chat", group: "Data", title: "Chat Bubbles", example: "chat_bubbles" },
+    "Daisy::DataDisplay::CollapseComponent" => { names: "collapse", group: "Data", title: "Collapses", example: "collapses" },
+    "Daisy::DataDisplay::CountdownComponent" => { names: "countdown", group: "Data", title: "Countdowns", example: "countdowns" },
+    "Daisy::DataDisplay::DiffComponent" => { names: "diff", group: "Data", title: "Diffs", example: "diffs" },
+    "Daisy::DataDisplay::FigureComponent" => { names: "figure", group: "Data", title: "Figures", example: "figures" },
+    "Daisy::DataDisplay::KbdComponent" => { names: "kbd", group: "Data", title: "Keyboard (KBD)", example: "kbds" },
+    "Daisy::DataDisplay::StatComponent" => { names: "stat", group: "Data", title: "Stats", example: "stats" },
+    "Daisy::DataDisplay::TableComponent" => { names: "table", group: "Data", title: "Tables", example: "tables" },
+    "Daisy::DataDisplay::TimelineComponent" => { names: "timeline", group: "Data", title: "Timelines", example: "timelines" },
+
+    # Navigation
+    "Daisy::Navigation::BreadcrumbsComponent" => { names: "breadcrumbs", group: "Navigation", title: "Breadcrumbs", example: "breadcrumbs" },
+    "Daisy::Navigation::BottomNavComponent" => { names: "bottom_nav", group: "Navigation", title: "Bottom Navs", example: "bottom_navs" },
+    "Daisy::Navigation::LinkComponent" => { names: "link", group: "Navigation", title: "Links", example: "links" },
+    "Daisy::Navigation::MenuComponent" => { names: "menu", group: "Navigation", title: "Menus", example: "menus" },
+    "Daisy::Navigation::NavbarComponent" => { names: "navbar", group: "Navigation", title: "Navbars", example: "navbars" },
+    "Daisy::Navigation::PaginationComponent" => { names: nil, group: "Navigation", title: "Pagination", example: "pagination" },
+    "Daisy::Navigation::StepsComponent" => { names: "steps", group: "Navigation", title: "Steps", example: "steps" },
+    "Daisy::Navigation::TabsComponent" => { names: "tabs", group: "Navigation", title: "Tabs", example: "tabs" },
+
+    # Feedback
+    "Daisy::Feedback::AlertComponent" => { names: "alert", group: "Feedback", title: "Alerts", example: "alerts" },
+    "Daisy::Feedback::LoadingComponent" => { names: ["loading", "loader"], group: "Feedback", title: "Loaders", example: "loaders" },
+    "Daisy::Feedback::ProgressComponent" => { names: ["progress"], group: "Feedback", title: "Progress Bars", example: "progress_bars" },
+    "Daisy::Feedback::RadialProgressComponent" => { names: "radial", group: "Feedback", title: "Radial Progress", example: "radials" },
+    "Daisy::Feedback::SkeletonComponent" => { names: "skeleton", group: "Feedback", title: "Skeletons", example: "skeletons" },
+    "Daisy::Feedback::ToastComponent" => { names: "toast", group: "Feedback", title: "Toasts", example: "toasts" },
+    "Daisy::Feedback::TooltipComponent" => { names: ["tooltip", "tip"], group: "Feedback", title: "Tooltips", example: "tooltips" },
+
+    # Layout
+    "Daisy::Layout::ArtboardComponent" => { names: "artboard", group: "Layout", title: "Artboards", example: "artboards" },
+    "Daisy::Layout::DividerComponent" => { names: "divider", group: "Layout", title: "Dividers", example: "dividers" },
+    "Daisy::Layout::DrawerComponent" => { names: "drawer", group: "Layout", title: "Drawers", example: "drawers" },
+    "Daisy::Layout::FooterComponent" => { names: "footer", group: "Layout", title: "Footers", example: "footers" },
+    "Daisy::Layout::HeroComponent" => { names: "hero", group: "Layout", title: "Heroes", example: "heroes" },
+    "Daisy::Layout::IndicatorComponent" => { names: "indicator", group: "Layout", title: "Indicators", example: "indicators" },
+    "Daisy::Layout::JoinComponent" => { names: "join", group: "Layout", title: "Joins", example: "joins" },
+    "Daisy::Layout::MaskComponent" => { names: nil, group: "Layout", title: "Masks", example: "masks" },
+    "Daisy::Layout::StackComponent" => { names: "stack", group: "Layout", title: "Stacks", example: "stacks" },
+
+    # Mockup
+    "Daisy::Mockup::BrowserComponent" => { names: "browser", group: "Mockup", title: "Browsers", example: "browsers" },
+    "Daisy::Mockup::CodeComponent" => { names: "code", group: "Mockup", title: "Code Blocks", example: "code_blocks" },
+    "Daisy::Mockup::DeviceComponent" => { names: "device", group: "Mockup", title: "Devices", example: "devices" },
+    "Daisy::Mockup::FrameComponent" => { names: "frame", group: "Mockup", title: "Frames", example: "frames" },
+  }
+
+  module Helpers
+    COMPONENTS.each do |component, helper|
+      framework = component.split("::").first.underscore
+
+      method_names = [helper[:names]].flatten
+
+      method_names.each do |method_name|
+        ActionView::Helpers.define_method("#{framework}_#{method_name}") do |*args, **kws, &block|
+          render(component.constantize.new(*args, **kws), &block)
+        end
+      end
+    end
+
+    def component_example_path(component_name)
+      comp = COMPONENTS[component_name]
+
+      comp_split = component_name.split("::")
+      framework = comp_split.first.underscore
+      section = comp_split.length == 3 ? comp_split[1] : nil
+      example = comp[:example]
+      section_path = section ? "#{section.underscore}/" : ""
+
+      "/examples/#{framework}/#{section_path}#{example}"
+    end
+
+    module_function :component_example_path
+  end
+end

data/lib/loco_motion/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module LocoMotion
+  VERSION = "0.0.8"
+end

data/lib/loco_motion.rb

@@ -5,44 +5,14 @@ require "heroicons-rails"
 require Gem::Specification.find_by_name("heroicons-rails").gem_dir + "/app/helpers/heroicons/icons_helper.rb"
 
 require "view_component"
-require "loco_motion/engine"
+
 require "loco_motion/errors"
+require "loco_motion/configuration"
 require "loco_motion/component_config"
 require "loco_motion/base_component"
+require "loco_motion/basic_component"
+require "loco_motion/engine"
+require "loco_motion/helpers"
 
+require "hero"
 require "daisy"
-
-#
-# Module containing all features related to the LocoMotion gem.
-#
-module LocoMotion
-
-  class << self
-    def configure
-      yield(configuration)
-    end
-
-    def configuration
-      @configuration ||= Configuration.new
-    end
-
-    # Mostly used for internal testing; not needed in Rails
-    def require_components
-      Dir.glob(File.dirname(__FILE__) + '/../app/components/**/*.rb').each do |file|
-        require file
-      end
-    end
-
-    def define_render_helper(name, component)
-    end
-  end
-
-  class Configuration
-    attr_accessor :base_component_class
-
-    def initialize
-      @base_component_class = LocoMotion::BaseComponent
-    end
-  end
-
-end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: loco_motion-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.8
 platform: ruby
 authors:
 - Topher Fangio
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-24 00:00:00.000000000 Z
+date: 2025-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: haml-rails
@@ -42,14 +42,14 @@ dependencies:
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '6.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '6.1'
 - !ruby/object:Gem::Dependency
@@ -94,6 +94,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.1.8
+- !ruby/object:Gem::Dependency
+  name: drb
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.1
 - !ruby/object:Gem::Dependency
   name: fiddle
   requirement: !ruby/object:Gem::Requirement
@@ -206,6 +220,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.2'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.15.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.15.0
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -332,7 +360,6 @@ files:
 - app/components/daisy/data_display/accordion_component.rb
 - app/components/daisy/data_display/avatar_component.html.haml
 - app/components/daisy/data_display/avatar_component.rb
-- app/components/daisy/data_display/badge_component.html.haml
 - app/components/daisy/data_display/badge_component.rb
 - app/components/daisy/data_display/card_component.html.haml
 - app/components/daisy/data_display/card_component.rb
@@ -347,7 +374,7 @@ files:
 - app/components/daisy/data_display/countdown_controller.js
 - app/components/daisy/data_display/diff_component.html.haml
 - app/components/daisy/data_display/diff_component.rb
-- app/components/daisy/data_display/kbd_component.html.haml
+- app/components/daisy/data_display/figure_component.rb
 - app/components/daisy/data_display/kbd_component.rb
 - app/components/daisy/data_display/stat_component.html.haml
 - app/components/daisy/data_display/stat_component.rb
@@ -359,11 +386,29 @@ files:
 - app/components/daisy/data_display/timeline_event_component.rb
 - app/components/daisy/feedback/alert_component.html.haml
 - app/components/daisy/feedback/alert_component.rb
+- app/components/daisy/feedback/loading_component.rb
+- app/components/daisy/feedback/progress_component.rb
+- app/components/daisy/feedback/radial_progress_component.rb
+- app/components/daisy/feedback/skeleton_component.rb
+- app/components/daisy/feedback/toast_component.rb
+- app/components/daisy/feedback/tooltip_component.rb
+- app/components/daisy/layout/artboard_component.rb
+- app/components/daisy/layout/divider_component.rb
+- app/components/daisy/layout/drawer_component.html.haml
+- app/components/daisy/layout/drawer_component.rb
+- app/components/daisy/layout/footer_component.rb
+- app/components/daisy/layout/hero_component.html.haml
+- app/components/daisy/layout/hero_component.rb
+- app/components/daisy/layout/indicator_component.rb
 - app/components/daisy/layout/join_component.rb
+- app/components/daisy/layout/stack_component.rb
+- app/components/daisy/mockup/browser_component.rb
+- app/components/daisy/mockup/code_component.rb
+- app/components/daisy/mockup/device_component.rb
+- app/components/daisy/mockup/frame_component.rb
 - app/components/daisy/navigation/bottom_nav_component.rb
 - app/components/daisy/navigation/breadcrumbs_component.html.haml
 - app/components/daisy/navigation/breadcrumbs_component.rb
-- app/components/daisy/navigation/link_component.html.haml
 - app/components/daisy/navigation/link_component.rb
 - app/components/daisy/navigation/menu_component.html.haml
 - app/components/daisy/navigation/menu_component.rb
@@ -374,13 +419,17 @@ files:
 - app/components/daisy/navigation/tabs_component.rb
 - app/components/hero/icon_component.rb
 - lib/daisy.rb
-- lib/daisy/helpers.rb
+- lib/hero.rb
 - lib/loco_motion.rb
 - lib/loco_motion/base_component.rb
 - lib/loco_motion/basic_component.rb
 - lib/loco_motion/component_config.rb
+- lib/loco_motion/concerns/tippable_component.rb
+- lib/loco_motion/configuration.rb
 - lib/loco_motion/engine.rb
 - lib/loco_motion/errors.rb
+- lib/loco_motion/helpers.rb
+- lib/loco_motion/version.rb
 homepage: https://rubygems.org/gems/loco_motion-rails
 licenses:
 - MIT
@@ -394,7 +443,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/app/components/daisy/data_display/badge_component.html.haml

@@ -1,2 +0,0 @@
-= part(:component) do
-  = content

data/app/components/daisy/data_display/kbd_component.html.haml

@@ -1,2 +0,0 @@
-= part(:component) do
-  = content

data/app/components/daisy/navigation/link_component.html.haml

@@ -1,4 +0,0 @@
-= part(:component) do
-  = @text if @text
-
-  = content

data/lib/daisy/helpers.rb

@@ -1,61 +0,0 @@
-module Daisy
-  COMPONENT_HELPERS = {
-    # TODO: The hero icons should be in a different helper? Or maybe this whole
-    # thing should be in a Loco module instead of Daisy?
-
-    ### Hero Icons
-    icon: "Hero::IconComponent",
-
-    ### Daisy Components
-
-    # Actions
-    button: "Daisy::Actions::ButtonComponent",
-    dropdown: "Daisy::Actions::DropdownComponent",
-    modal: "Daisy::Actions::ModalComponent",
-    swap: "Daisy::Actions::SwapComponent",
-    theme_controller: "Daisy::Actions::ThemeControllerComponent",
-
-    # Data
-    accordion: "Daisy::DataDisplay::AccordionComponent",
-    avatar: "Daisy::DataDisplay::AvatarComponent",
-    badge: "Daisy::DataDisplay::BadgeComponent",
-    card: "Daisy::DataDisplay::CardComponent",
-    carousel: "Daisy::DataDisplay::CarouselComponent",
-    chat: "Daisy::DataDisplay::ChatComponent",
-    collapse: "Daisy::DataDisplay::CollapseComponent",
-    countdown: "Daisy::DataDisplay::CountdownComponent",
-    diff: "Daisy::DataDisplay::DiffComponent",
-    kbd: "Daisy::DataDisplay::KbdComponent",
-    stat: "Daisy::DataDisplay::StatComponent",
-    table: "Daisy::DataDisplay::TableComponent",
-    timeline: "Daisy::DataDisplay::TimelineComponent",
-
-    # Navigation
-    breadcrumbs: "Daisy::Navigation::BreadcrumbsComponent",
-    bottom_nav: "Daisy::Navigation::BottomNavComponent",
-    link: "Daisy::Navigation::LinkComponent",
-    menu: "Daisy::Navigation::MenuComponent",
-    navbar: "Daisy::Navigation::NavbarComponent",
-    # TODO: This doesn't exist as a component, so it feels weird to have it
-    # here; but it makes the navigation work properly.
-    pagination: "Daisy::Navigation::PaginationComponent",
-    steps: "Daisy::Navigation::StepsComponent",
-    tabs: "Daisy::Navigation::TabsComponent",
-
-    # Feedback
-    alert: "Daisy::Feedback::AlertComponent",
-
-    # Layout
-    join: "Daisy::Layout::JoinComponent",
-  }
-
-  module Helpers
-    COMPONENT_HELPERS.each do |method_name, component_klass|
-      framework = component_klass.split("::").first.downcase
-
-      ActionView::Helpers.define_method("#{framework}_#{method_name}") do |*args, **kws, &block|
-        render(component_klass.constantize.new(*args, **kws), &block)
-      end
-    end
-  end
-end