alveole 0.0.1

data/Rakefile

@@ -0,0 +1,10 @@
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.libs << 'lib'
+  t.test_files = FileList['test/**/*_test.rb']
+end
+
+task default: :test

data/alveole.gemspec

@@ -0,0 +1,35 @@
+require_relative 'lib/alveole/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'alveole'
+  spec.version       = Alveole::VERSION
+  spec.authors       = ['Marine Sourin', 'Marine Domine', 'Cedric Feyaerts', 'Thomas Kienlen']
+  spec.email         = ['marinesourin@live.fr', 'marine@captive.fr', 'c.feyaerts@captive.fr', 't.kienlen@captive.fr']
+
+  spec.summary       = 'Components and generator for the Alveole design system'
+  spec.homepage      = 'https://git.captive.fr' # TODO: fix this
+  spec.license       = 'MIT'
+  spec.required_ruby_version = Gem::Requirement.new('>= 2.5.0')
+
+  spec.metadata['allowed_push_host'] = 'https://rubygems.org'
+
+  spec.metadata['homepage_uri'] = spec.homepage
+  spec.metadata['source_code_uri'] = 'https://git.captive.fr' # TODO: fix this
+  spec.metadata['changelog_uri'] = 'https://git.captive.fr' # TODO: fix this
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files = Dir.chdir(File.expand_path(__dir__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_dependency 'actionview'
+  spec.add_dependency 'activesupport', '>= 4.1.0'
+  spec.add_dependency 'rails'
+  spec.add_dependency 'view_component', '~> 2.35'
+
+  spec.add_development_dependency 'rubocop', '~> 1.18'
+end

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+require 'alveole'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/alveole/components/avatar_component/avatar_component.html.slim

@@ -0,0 +1,6 @@
+.avatar *@options
+  - if @url
+    = link_to(@url)
+      .avatar__content style="background-image: url(#{@image})"
+  - else
+    .avatar__content style="background-image: url(#{@image})"

data/lib/alveole/components/avatar_component.rb

@@ -0,0 +1,9 @@
+class AvatarComponent < ViewComponent::Base
+  def initialize(image:, url: nil, options: {})
+    super
+
+    @image = image
+    @url = url
+    @options = options
+  end
+end

data/lib/alveole/components/badge_component/badge_component.html.slim

@@ -0,0 +1,2 @@
+.badge *@options
+  = @label

data/lib/alveole/components/badge_component.rb

@@ -0,0 +1,8 @@
+class BadgeComponent < ViewComponent::Base
+  def initialize(label:, options: {})
+    super
+
+    @label = label
+    @options = options
+  end
+end

data/lib/alveole/components/breadcrumb_component/breadcrumb_component.html.slim

@@ -0,0 +1,2 @@
+span.breadcrumb
+  = link_to_if @url, @label, @url, class: 'breadcrumb__link'

data/lib/alveole/components/breadcrumb_component.rb

@@ -0,0 +1,8 @@
+class BreadcrumbComponent < ViewComponent::Base
+  def initialize(label:, url: nil)
+    super
+
+    @url = url
+    @label = label
+  end
+end

data/lib/alveole/components/breadcrumbs_component.rb

@@ -0,0 +1,7 @@
+class BreadcrumbsComponent < ViewComponent::Base
+  def call
+    tag.div(class: 'breadcrumbs') do
+      content
+    end
+  end
+end

data/lib/alveole/components/button_component/button_component.html.slim

@@ -0,0 +1,5 @@
+= link_to @url, @options.merge(class: ['button'] + @bem_classes) do
+  - if @icon
+    i.button__icon { class=@icon }
+  - unless @modifiers.include? :icon_only
+    span.button__label = @label

data/lib/alveole/components/button_component.rb

@@ -0,0 +1,15 @@
+class ButtonComponent < ViewComponent::Base
+  include Alveole::Concerns::Bem
+
+  MODIFIERS = %i[small icon_only primary].freeze
+
+  def initialize(url:, label:, icon: nil, modifiers: [], options: {})
+    super
+
+    @url = url
+    @label = label
+    @icon = icon
+    @options = options
+    self.modifiers = modifiers
+  end
+end

data/lib/alveole/components/definition_component/definition_component.html.slim

@@ -0,0 +1,4 @@
+dl.definition
+  dt.definition__label = @label
+  dd.definition__value *@options
+    = content || @value

data/lib/alveole/components/definition_component.rb

@@ -0,0 +1,13 @@
+class DefinitionComponent < ViewComponent::Base
+  def initialize(label: nil, value: nil, obj: nil, fieldname: nil, options: {})
+    super
+
+    @obj = obj
+    @fieldname = fieldname
+    @value = value || obj&.send(fieldname)
+    @value = ApplicationController.helpers.format_value(@value, options)
+    @value = '---' if @value.blank?
+    @label = label || ApplicationController.helpers.label_for(obj, fieldname)
+    @options = options
+  end
+end

data/lib/alveole/components/form_component/form_component.html.slim

@@ -0,0 +1,3 @@
+.form
+  fieldset.form__inputs = content
+  fieldset.form__actions = actions

data/lib/alveole/components/form_component.rb

@@ -0,0 +1,3 @@
+class FormComponent < ViewComponent::Base
+  renders_one :actions
+end

data/lib/alveole/components/form_submit_component/form_submit_component.html.slim

@@ -0,0 +1 @@
+input[type="submit" name="commit" value=@label class='form__action button button--primary']

data/lib/alveole/components/form_submit_component.rb

@@ -0,0 +1,7 @@
+class FormSubmitComponent < ViewComponent::Base
+  def initialize(label:)
+    super
+
+    @label = label
+  end
+end

data/lib/alveole/components/heading_component/heading_component.html.slim

@@ -0,0 +1,4 @@
+h1.heading
+  = @heading
+  = content
+h2.heading--sub = @sub

data/lib/alveole/components/heading_component.rb

@@ -0,0 +1,8 @@
+class HeadingComponent < ViewComponent::Base
+  def initialize(heading: nil, sub: nil)
+    super
+
+    @heading = heading
+    @sub = sub
+  end
+end

data/lib/alveole/components/input_component/input_component.html.slim

@@ -0,0 +1,17 @@
+.input class=@bem_classes
+  = @form.label @fieldname, @label, class: 'input__label'
+  - case @type
+    - when :text
+      = @form.text_field @fieldname, @options.merge(class: 'input__input')
+    - when :date
+      = @form.text_field @fieldname, @options.merge(class: 'input__input datepicker')
+    - when :color
+      = @form.color_field @fieldname, @options
+    - when :select
+      = @form.select @fieldname, @collection, @options, @options.merge(class: 'input__input')
+    - when :file
+      = @form.file_field @fieldname, @options.merge(class: 'input__input')
+    - when :text_area
+      = @form.text_area @fieldname, @options.merge(class: 'input__input')
+    - if @error_message
+      .input__errors = @error_message

data/lib/alveole/components/input_component.rb

@@ -0,0 +1,42 @@
+class InputComponent < ViewComponent::Base
+  include Alveole::Concerns::Bem
+
+  MODIFIERS = %i[disabled error].freeze
+
+  def initialize(type: nil, label: nil,
+                 value: nil,
+                 form: nil,
+                 fieldname: nil,
+                 collection: nil,
+                 modifiers: [],
+                 options: {})
+    super
+
+    @label = label
+    @form = form
+    @fieldname = fieldname
+    @collection = collection
+    @options = options
+    @options[:value] = value if value
+    @type = type || :text
+    @error_message = error_message
+
+    modifiers << :error if error?
+    modifiers << :disabled if options[:disabled]
+    self.modifiers = modifiers
+  end
+
+  private
+
+  def error?
+    return false unless @form.object.respond_to? :errors
+
+    @error ||= @form.object.errors.include?(@fieldname.to_s.sub(/_id$/, ''))
+  end
+
+  def error_message
+    return unless error?
+
+    @error_message ||= @form.object.errors.messages_for(@fieldname.to_s.sub(/_id$/, '')).join(', ')
+  end
+end

data/lib/alveole/components/notice_component/notice_component.html.slim

@@ -0,0 +1,5 @@
+.notice class="notice--#{@type}"
+  .notice__title = @title
+  ul.notice__messages
+    - @messages.each do |message|
+      .notice__message = message

data/lib/alveole/components/notice_component.rb

@@ -0,0 +1,15 @@
+class NoticeComponent < ViewComponent::Base
+  TYPES = %w[notice alert].freeze
+  def initialize(title:, messages: [], type: nil)
+    super
+
+    @type = type if TYPES.include?(type)
+    @type ||= 'alert'
+    @title = title
+    @messages = messages
+  end
+
+  def render?
+    @messages.any?
+  end
+end

data/lib/alveole/components/page_component/page_component.html.slim

@@ -0,0 +1,10 @@
+.page
+  .page__header_wrapper
+    .page__header
+      = header
+  .page__content_wrapper
+    .page__content
+      = content
+  .page__actions_wrapper
+    .page__actions
+      = actions

data/lib/alveole/components/page_component.rb

@@ -0,0 +1,4 @@
+class PageComponent < ViewComponent::Base
+  renders_one :actions
+  renders_one :header
+end

data/lib/alveole/components/sidebar_component/sidebar_component.html.slim

@@ -0,0 +1,7 @@
+aside.sidebar
+  section.sidebar__start
+    = top
+  section.sidebar__middle
+    = content
+  section.sidebar__end
+    = bottom

data/lib/alveole/components/sidebar_component.rb

@@ -0,0 +1,4 @@
+class SidebarComponent < ViewComponent::Base
+  renders_one :top
+  renders_one :bottom
+end

data/lib/alveole/components/table_column_component/table_column_component.html.slim

@@ -0,0 +1,3 @@
+td.table__column
+  = link_to_if @url, @value, @url
+  = content

data/lib/alveole/components/table_column_component.rb

@@ -0,0 +1,12 @@
+class TableColumnComponent < ViewComponent::Base
+  def initialize(value: nil, obj: nil, fieldname: nil, url: nil, options: {})
+    super
+
+    @obj = obj
+    @fieldname = fieldname
+    @value = value || obj&.send(fieldname)
+    @value = ApplicationController.helpers.format_value(@value, options)
+    @url = url
+    @options = options
+  end
+end

data/lib/alveole/components/table_component/table_component.html.slim

@@ -0,0 +1,7 @@
+table.table
+  thead
+    tr
+      = headers
+      th
+  tbody
+    = content

data/lib/alveole/components/table_component.rb

@@ -0,0 +1,3 @@
+class TableComponent < ViewComponent::Base
+  renders_one :headers
+end

data/lib/alveole/components/table_header_component/table_header_component.html.slim

@@ -0,0 +1,2 @@
+th.table__header
+  = link_to_if @url, @label, @url

data/lib/alveole/components/table_header_component.rb

@@ -0,0 +1,8 @@
+class TableHeaderComponent < ViewComponent::Base
+  def initialize(label: nil, url: nil, obj: nil, fieldname: nil)
+    super
+
+    @label = label || ApplicationController.helpers.label_for(obj, fieldname)
+    @url = url
+  end
+end

data/lib/alveole/components/table_row_component/table_row_component.html.slim

@@ -0,0 +1,4 @@
+tr.table__row
+  = content
+  td.table__column
+    = actions

data/lib/alveole/components/table_row_component.rb

@@ -0,0 +1,3 @@
+class TableRowComponent < ViewComponent::Base
+  renders_one :actions
+end

data/lib/alveole/components/toolbar_component/toolbar_component.html.slim

@@ -0,0 +1,7 @@
+.toolbar
+  section.toolbar__start
+    = left
+  section.toolbar__middle
+    = content
+  section.toolbar__end
+    = right

data/lib/alveole/components/toolbar_component.rb

@@ -0,0 +1,4 @@
+class ToolbarComponent < ViewComponent::Base
+  renders_one :left
+  renders_one :right
+end

data/lib/alveole/concerns/bem.rb

@@ -0,0 +1,21 @@
+module Alveole
+  module Concerns
+    module Bem
+      extend ActiveSupport::Concern
+
+      included do
+        const_set('COMPONENT_NAME', name.gsub('Component', '').underscore.dasherize)
+        const_set('MODIFIERS', [])
+      end
+
+      def modifiers=(values)
+        @bem_classes ||= []
+        @modifiers = values & self.class::MODIFIERS
+
+        @modifiers.each do |modifier|
+          @bem_classes << "#{self.class::COMPONENT_NAME}--#{modifier.to_s.dasherize}"
+        end
+      end
+    end
+  end
+end

data/lib/alveole/engine.rb

@@ -0,0 +1,30 @@
+require 'rails/engine'
+require 'view_component/engine'
+
+module Alveole
+  # :nodoc:
+  class Engine < ::Rails::Engine
+    # isolate_namespace Primer::ViewComponents
+
+    config.autoload_once_paths = %W[
+      #{root}/lib/alveole/concerns
+      #{root}/lib/alveole/components
+      #{root}/lib/alveole/helpers
+      #{root}/lib/alveole/javascript
+      #{root}/lib/generators/
+    ]
+
+    config.view_component.preview_paths << "#{Engine.root}/lib/alveole/previews"
+    config.view_component.show_previews_source = true
+
+    # config.primer_view_components = ActiveSupport::OrderedOptions.new
+
+    # config.primer_view_components.force_functional_colors = true
+    # config.primer_view_components.force_system_arguments = false
+    # config.primer_view_components.silence_deprecations = false
+
+    # initializer "primer_view_components.assets" do |app|
+    #   app.config.assets.precompile += %w[primer_view_components] if app.config.respond_to?(:assets)
+    # end
+  end
+end