tybo 0.0.3 → 0.0.4

data/lib/generators/bo/templates/index.html.erb

@@ -0,0 +1,19 @@
+<%%= render(IndexComponent.new) do |index| %>
+  <!-- Header --> 
+  <%%= index.with_header(
+    title: I18n.t('bo.<%= class_name.underscore %>.others').capitalize,
+    subtitle: I18n.t('bo.<%= class_name.underscore %>.subtitle').capitalize,
+      ) do |header| %>
+    <%%= header.with_add_button(path: <%="new_#{options[:namespace]}_#{class_name.underscore}_path" %>) %>
+  <%% end %>
+
+  <!-- Search Bar --> 
+  <%%= render('search_bar') %>
+  <!-- Table --> 
+  <%%= turbo_frame_tag "<%= class_name.underscore.pluralize %>", class: "shadow overflow-hidden rounded border-b border-gray-200" do %>
+    <%%= render('table') %>
+    <div class="py-2">
+      <%%== render partial: 'shared/pagination', locals: { pagy: @pagy } %>
+    </div>
+  <%% end %>
+<%% end %>

data/lib/generators/bo/templates/item.html.erb

@@ -0,0 +1,17 @@
+<%%= render(FormComponent.new(item: <%= class_name.underscore %>)) do |form| %>
+  <%%
+    current_page = if <%= class_name.underscore
+  %>.persisted?
+                     { label: "Détails", path: <%= "#{options[:namespace]}_#{class_name.underscore}_path(#{class_name.underscore})"%> }
+                   else
+                     { label: "Nouvelle <%= class_name.underscore %>", path: <%= "new_#{options[:namespace]}_#{class_name.underscore}_path" %> }
+                   end
+    form.with_title(<%= class_name.underscore %>.persisted? ? <%= class_name.underscore %>.<%=bo_model_title(bo_model)%> : 'Nouvelle <%= class_name.underscore %>')
+    form.with_breadcrumb([
+          { label: I18n.t('bo.<%= class_name.underscore %>.others').capitalize, path: <%= "#{options[:namespace]}_#{class_name.pluralize.underscore}_path"%> },
+          current_page
+        ])
+  %>
+    <br>
+    <%%= render "form", <%= class_name.underscore %>: @<%= class_name.underscore %> %>
+<%% end %>

data/lib/generators/bo/templates/new.html.erb

@@ -0,0 +1 @@
+<%%= render "<%= class_name.underscore %>", <%= class_name.underscore %>: @<%= class_name.underscore %> %>

data/lib/generators/bo/templates/show.html.erb

@@ -0,0 +1 @@
+<%%= render "<%= class_name.underscore %>", <%= class_name.underscore %>: @<%= class_name.underscore %> %>

data/lib/generators/bo/utils/files/fr.json

@@ -0,0 +1,19 @@
+{
+  "id": "identifiant",
+  "email": "email",
+  "password": "mot de passe",
+  "created_at": "date de création",
+  "updated_at": "date de modification",
+  "title": "titre",
+  "content": "contenu",
+  "description": "description",
+  "name": "nom",
+  "position": "position",
+  "first_name": "prénom",
+  "last_name": "nom",
+  "full_name": "nom complet",
+  "updated": "modification effectuée",
+  "created": "création effectuée",
+  "destroyed": "suppression effectuée",
+  "filters": "filtres"
+}

data/lib/generators/bo/utils/translations.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+def create_translations
+  %w[en fr].each do |local|
+    locale_file = "config/locales/bo.#{local}.yml"
+    unless File.exist?(locale_file)
+      File.write(locale_file, {
+        local => {
+          'bo' => {
+            'filters' => find_existing_translation('filters', local),
+            'record' => {
+            'created' => find_existing_translation('created', local),
+            'updated' => find_existing_translation('updated', local),
+            'destroyed' => find_existing_translation('destroyed', local)
+          }
+         }
+        }
+      }.to_yaml)
+    end
+
+    yaml_string = File.open locale_file
+    data = YAML.load yaml_string
+    data[local]['bo'][file_name.underscore.to_s] = {
+      'one' => find_existing_translation(bo_model.to_s.downcase, local),
+      'others' => find_existing_translation(bo_model.to_s.pluralize.downcase, local),
+      'subtitle' => find_existing_translation("list of #{bo_model.to_s.pluralize.downcase}", local),
+      'attributes' => model_attributes(local)
+    }
+    output = YAML.dump data
+    File.write(locale_file, output)
+  end
+end
+
+def model_attributes(local)
+  hash = {}
+  model_columns.each do |col|
+    hash[col.to_s] = find_existing_translation(col, local)
+  end
+  hash
+end
+
+def find_existing_translation(col, local)
+  return col.to_s.humanize.downcase if local == 'en'
+
+  json = JSON.parse(File.read("#{__dir__}/files/#{local}.json"))
+  json[col.to_s]
+end

data/lib/generators/bo_namespace/USAGE

@@ -0,0 +1,11 @@
+Description:
+    Explain the generator
+Example:
+    rails g bo_namespace Employer
+    This will create:
+        - a models Employer
+        - devise routes and namespace `employers`
+        - a base controller employer (base controller for this namespace)
+        - a controllers employers ( manage employers ) 
+        - a namespace for views 
+        - a namespace for controllers

data/lib/generators/bo_namespace/bo_namespace_generator.rb

@@ -0,0 +1,50 @@
+class BoNamespaceGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path("templates", __dir__)
+  
+  def create_bo_namespace_files
+    run "bundle exec rails g devise #{file_name.capitalize}"
+    run 'bundle exec rails db:migrate'
+    create_routes_and_views
+    template 'admin.html.erb', File.join('app/views/layouts/', "#{singular_name}.html.erb")
+    template 'admin_controller.rb', File.join('app/controllers/', "#{singular_name}_controller.rb")
+    template 'seeds.rb', File.join('db/seeds/', "#{plural_name}.rb")
+    template 'side_bar.html.erb', File.join('app/views/', "#{plural_name}/layouts/_side_bar.html.erb")
+    #remove_devise_registration
+  end
+
+  def create_directories
+    ["app/views/#{plural_name}", "app/controllers/#{plural_name}"].each do |dir|
+      FileUtils.mkdir(dir) unless File.directory?(dir)
+    end
+  end
+  
+  def add_seed_file
+    inject_into_file 'db/seeds.rb' do 
+      "require_relative 'seeds/#{plural_name}.rb'\n"
+    end
+  end
+
+  private
+
+  def plural_name
+    singular_name.pluralize
+  end
+
+  def singular_name
+    file_name.underscore
+  end
+
+  def create_routes_and_views
+    run "rails g bo #{singular_name.camelize} --namespace #{plural_name}"
+    # devise_route = "devise_for :#{singular_name},\n           path: '#{plural_name}',\n           controllers: {\n             sessions: 'custom_devise/sessions',\n             passwords: 'custom_devise/passwords',\n             registrations: 'custom_devise/registrations'\n           }"
+    gsub_file('config/routes.rb', /devise_for :#{plural_name}/, "devise_for :#{plural_name}, path: '#{plural_name}'")
+    # route devise_route
+    route "# #{plural_name.capitalize}\nnamespace :#{plural_name} do\n  root to: '#{plural_name}#index'\n  resources :#{plural_name}\nend"
+  end
+
+  def remove_devise_registration
+    file = "app/models/#{singular_name}.rb"
+    gsub_file(file, / :registerable,/, '')
+  end
+end
+

data/lib/generators/bo_namespace/templates/admin.html.erb

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>BO-<%= class_name %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%%= csrf_meta_tags %>
+    <%%= csp_meta_tag %>
+    <%%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
+    <%%= javascript_importmap_tags %>
+    <%%= hotwire_livereload_tags if Rails.env.development? %>
+  </head>
+
+  <body class="h-full bg-home">
+    <%% if <%= class_name.underscore %>_signed_in? %>
+      <%%= render('<%= class_name.underscore.pluralize %>/layouts/side_bar') %>
+    <%% end %>
+    <div class="<%%= 'md:pl-64' if <%= class_name.underscore %>_signed_in? %> flex flex-col flex-1">
+      <main>
+        <div class="py-6">
+        <%%= render('layouts/flash') %>
+          <%%= yield %>
+        </div>
+      </main>
+    </div>
+  </body>
+</html>

data/lib/generators/bo_namespace/templates/admin_controller.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class <%= class_name %>Controller < ApplicationController
+  include Pagy::Backend
+  layout '<%= class_name.underscore %>'
+  before_action :authenticate_<%= class_name.underscore %>!
+end

data/lib/generators/bo_namespace/templates/seeds.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+if Rails.env.development?
+  %w[dev@tymate.com admin@tymate.com michel@tymate.com].each do |email|
+    <%= class_name %>.find_or_create_by(
+      email:
+    ).update!(password: 'password')
+  end
+end

data/lib/generators/bo_namespace/templates/side_bar.html.erb

@@ -0,0 +1,4 @@
+<%%= render(SidebarComponent.new) do |sidebar| %>
+  <%%= sidebar.with_item(path: <%="#{plural_name}_#{plural_name}_path"%>, icon: Icons::UsersComponent, label: I18n.t('bo.<%= singular_name %>.others').capitalize) %>
+  <%%= sidebar.with_current_user_card(user: current_<%= singular_name %>) %>
+<%% end %>

data/lib/generators/tybo_install/templates/application.tailwind.css

@@ -0,0 +1,112 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import 'actiontext.css';
+
+/* pagination  */
+.pagy-nav,
+.pagy-nav-js {
+    @apply flex space-x-2;
+}
+
+.pagy-nav .page a,
+.pagy-nav .page.active,
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page a,
+.pagy-nav-js .page.active,
+.pagy-nav-js .page.prev.disabled,
+.pagy-nav-js .page.next.disabled {
+    @apply block rounded-lg px-3 py-1 text-sm text-indigo-500 font-semibold bg-indigo-200 shadow-md;
+
+    &:hover {
+        @apply bg-indigo-300;
+    }
+
+    &:active {
+        @apply bg-indigo-400 text-white;
+    }
+}
+
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page.prev.disabled,
+.pagy-nav-js .page.next.disabled {
+    @apply text-indigo-400 cursor-default;
+
+    &:hover {
+        @apply text-indigo-400 bg-indigo-200;
+    }
+
+    &:active {
+        @apply text-indigo-400 bg-indigo-200;
+    }
+}
+
+.pagy-nav .page.active,
+.pagy-nav-js .page.active {
+    @apply text-white cursor-default bg-indigo-400;
+
+    &:hover {
+        @apply text-white bg-indigo-400;
+    }
+
+    &:active {
+        @apply bg-indigo-400 text-white;
+    }
+}
+
+
+.pagy-combo-nav-js {
+    @apply flex max-w-max rounded-full px-3 py-1 text-sm text-indigo-500 font-semibold bg-indigo-200 shadow-md;
+}
+
+.pagy-combo-nav-js .pagy-combo-input {
+    @apply bg-white px-2 rounded-sm
+}
+
+.pagy-combo-nav-js .page.prev,
+.pagy-combo-nav-js .page.next {
+    &:hover {
+        @apply text-indigo-800;
+    }
+
+    &:active {
+        @apply text-indigo-800;
+    }
+}
+
+.pagy-combo-nav-js .page.prev.disabled,
+.pagy-combo-nav-js .page.next.disabled {
+    @apply text-indigo-400 cursor-default;
+}
+
+/* tom-select  */
+ts-wrapper {
+    @apply w-full !ml-0;
+}
+
+.ts-control {
+    @apply shadow-sm rounded-lg my-5 border-indigo-300 bg-white py-2 px-3 text-base;
+}
+
+.ts-dropdown {
+    @apply rounded-md border border-solid border-t border-indigo-300 text-base;
+}
+
+.ts-dropdown [data-selectable].option:first-child {
+    @apply rounded-t-lg;
+}
+
+.ts-dropdown [data-selectable].option:last-child {
+    @apply rounded-b-lg;
+}
+
+.ts-dropdown .create:hover,
+.ts-dropdown .option:hover {
+    @apply bg-sky-50 text-sky-900;
+}
+
+.ts-dropdown .active {
+    @apply bg-indigo-100 text-indigo-900;
+}

data/lib/generators/tybo_install/templates/simple_form_tailwind.rb

@@ -0,0 +1,147 @@
+# frozen_string_literal: true
+
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Default class for buttons
+  config.button_class = 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded'
+
+  # Define the default class of the input wrapper of the boolean input.
+  config.boolean_label_class = ''
+
+  # How the label text should be generated altogether with the required text.
+  config.label_text = ->(label, required, _explicit_label) { "#{label} #{required}" }
+
+  # Define the way to render check boxes / radio buttons with labels.
+  config.boolean_style = :inline
+
+  # You can wrap each item in a collection of radio/check boxes with a tag
+  config.item_wrapper_tag = :div
+
+  # Defines if the default input wrapper class should be included in radio
+  # collection wrappers.
+  config.include_default_input_wrapper_class = false
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-400'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # :to_sentence to list all errors for each field.
+  config.error_method = :to_sentence
+
+  # add validation classes to `input_field`
+  config.input_field_error_class = 'border-red-500'
+  config.input_field_valid_class = 'border-green-400'
+  config.label_class = 'text-sm font-medium text-gray-600'
+
+  # vertical forms
+  #
+  # vertical default_wrapper
+  config.wrappers :vertical_form, tag: 'div', class: 'my-5' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :label, class: 'block text-sm font-medium text-gray-700', error_class: 'text-red-500'
+    b.use :input,
+          class: 'mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm', error_class: 'border-red-500', valid_class: 'border-green-400'
+    b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-red-500 text-xs italic' }
+    b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
+  end
+
+  # vertical input for boolean (aka checkboxes)
+  config.wrappers :vertical_boolean, tag: 'div', class: 'mb-4 flex items-start', error_class: '' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.wrapper tag: 'div', class: 'flex items-center h-5' do |ba|
+      ba.use :input,
+             class: 'focus:ring-2 focus:ring-indigo-500:focus ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded'
+    end
+    b.wrapper tag: 'div', class: 'ml-3 text-sm' do |bb|
+      bb.use :label, class: 'block', error_class: 'text-red-500'
+      bb.use :hint, wrap_with: { tag: 'p', class: 'block text-grey-700 text-xs italic' }
+      bb.use :full_error, wrap_with: { tag: 'p', class: 'block text-red-500 text-xs italic' }
+    end
+  end
+
+  # vertical input for radio buttons and check boxes
+  config.wrappers :vertical_collection, item_wrapper_class: 'flex items-center',
+                                        item_label_class: 'my-1 ml-3 block text-sm font-medium text-gray-400', tag: 'div', class: 'my-4' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.wrapper :legend_tag, tag: 'legend', class: 'text-sm font-medium text-gray-600',
+                           error_class: 'text-red-500' do |ba|
+      ba.use :label_text
+    end
+    b.use :input,
+          class: 'focus:ring-2 focus:ring-indigo-500 ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded', error_class: 'text-red-500', valid_class: 'text-green-400'
+    b.use :full_error, wrap_with: { tag: 'p', class: 'block mt-2 text-red-500 text-xs italic' }
+    b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
+  end
+
+  # vertical file input
+  config.wrappers :vertical_file, tag: 'div', class: '' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :readonly
+    b.use :label, class: 'text-sm font-medium text-gray-600 block', error_class: 'text-red-500'
+    b.use :input, class: 'w-full text-gray-500 px-3 py-2 border rounded', error_class: 'text-red-500 border-red-500',
+                  valid_class: 'text-green-400'
+    b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-red-500 text-xs italic' }
+    b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
+  end
+
+  # vertical multi select
+  config.wrappers :vertical_multi_select, tag: 'div', class: 'my-4', error_class: 'f', valid_class: '' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.wrapper :legend_tag, tag: 'legend', class: 'text-sm font-medium text-gray-600',
+                           error_class: 'text-red-500' do |ba|
+      ba.use :label_text
+    end
+    b.wrapper tag: 'div', class: 'inline-flex space-x-1' do |ba|
+      # ba.use :input, class: 'flex w-auto w-auto text-gray-500 text-sm border-gray-300 rounded p-2', error_class: 'text-red-500', valid_class: 'text-green-400'
+      ba.use :input,
+             class: 'flex w-auto w-auto shadow appearance-none border border-gray-300 rounded w-full p-2 bg-white focus:outline-none focus:border-blue-500 text-gray-400 leading-4 transition-colors duration-200 ease-in-out'
+    end
+    b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-red-500 text-xs italic' }
+    b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
+  end
+
+  # vertical range input
+  config.wrappers :vertical_range, tag: 'div', class: 'my-4', error_class: 'text-red-500',
+                                   valid_class: 'text-green-400' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :readonly
+    b.optional :step
+    b.use :label, class: 'text-sm font-medium text-gray-600 block', error_class: 'text-red-500'
+    b.wrapper tag: 'div', class: 'flex items-center h-5 my-100' do |ba|
+      ba.use :input, class: 'rounded-lg overflow-hidden appearance-none bg-gray-400 h-3 w-full text-gray-300',
+                     error_class: 'text-red-500', valid_class: 'text-green-400'
+    end
+    b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-red-500 text-xs italic' }
+    b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :vertical_form
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  config.wrapper_mappings = {
+    boolean: :vertical_boolean,
+    check_boxes: :vertical_collection,
+    date: :vertical_multi_select,
+    datetime: :vertical_multi_select,
+    file: :vertical_file,
+    radio_buttons: :vertical_collection,
+    range: :vertical_range,
+    time: :vertical_multi_select
+  }
+end

data/lib/generators/tybo_install/templates/tailwind.config.js

@@ -0,0 +1,40 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+const execSync = require('child_process').execSync;
+const output = execSync('bundle show tybo', { encoding: 'utf-8' });
+
+
+module.exports = {
+  content: [
+    './app/helpers/**/*.rb',
+    './app/javascript/**/*.js',
+    './app/views/**/*.{erb,haml,html,slim}',
+    './app/components/**/*.html.erb',
+    output.trim() + '/app/**/*.{erb,haml,html,rb}'
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+      colors: {
+        sidebar: {
+          DEFAULT: '#11072C',
+          50: 'rgba(255, 255, 255, 0.5)',
+          200: 'rgba(255, 255, 255, 0.2)',
+          900: 'rgba(0, 0, 0, 0.2)',
+        },
+        custom: {
+          DEFAULT: '#11072C',
+        },
+        home: {
+          DEFAULT: '#F5F5F5'
+        }
+      }
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
+}