tybo 0.6.1 → 0.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7b03e339acacab25bc28e360312e4da24a4b0de2dadca108808eb734b4a86451
-  data.tar.gz: 1005be27243034961a0bfe8567ba5589898b0ce0ad8b54a7e4adeb997b7dc913
+  metadata.gz: ebad2a70d38a84816f82190a77c32ff5a2cd10477757176304fc6e1e399c8713
+  data.tar.gz: f6a70f5f02ef98faf6fa371a4771151741ffbd6a3134e9dc4a56d3ac754f9251
 SHA512:
-  metadata.gz: 819e313984b9e138d4527aafc04d17f21cf23192d91b8109bf48a4b5aae39c5c2da6f519193fc3ab87bece2a050d543f307fbd42839710d90259a301fd9b52a6
-  data.tar.gz: 07ce9d3f28abcb492c9dcc88ad44451a47df69e96c2f70953769ffe2d636dfa21401bf8758bc6e7171e48d5bfb44dd5867250f6beeb0c3c433dc85be98b152fb
+  metadata.gz: a931cec4abad743ce1996da98fe63332f9cf30eba3c647d16cb931abecedc452355a0fdf48e64a5d2a4db7aaf5d46961bd7199a1527e774bb697af8acc1d5595
+  data.tar.gz: 8a20e59bfdf5db506a27494ed540a81ef5ef51d9b50b20c7cd50b65f8799e0fbd2bb2e226496679f5bb88cdcfbd04d45d690caefe10ede25fa4ec17cf38809a9

data/app/assets/config/tybo_manifest.js

@@ -1 +1,2 @@
 //= link_tree ../builds/ .css
+//= link_tree ../javascripts/tybo .js

data/app/assets/images/cover.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" fill="none">
+  <!-- Background gradient -->
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="800" y2="600" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#3b0764"/>
+      <stop offset="100%" stop-color="#581c87"/>
+    </linearGradient>
+    <linearGradient id="glow" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#c084fc" stop-opacity="0.3"/>
+      <stop offset="100%" stop-color="#581c87" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="800" height="600" fill="url(#bg)"/>
+
+  <!-- Decorative circles -->
+  <circle cx="650" cy="100" r="200" fill="url(#glow)"/>
+  <circle cx="150" cy="500" r="150" fill="url(#glow)"/>
+
+  <!-- Grid lines subtle -->
+  <line x1="0" y1="150" x2="800" y2="150" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+  <line x1="0" y1="300" x2="800" y2="300" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+  <line x1="0" y1="450" x2="800" y2="450" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+  <line x1="200" y1="0" x2="200" y2="600" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+  <line x1="400" y1="0" x2="400" y2="600" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+  <line x1="600" y1="0" x2="600" y2="600" stroke="#c084fc" stroke-opacity="0.08" stroke-width="1"/>
+
+  <!-- Logo text -->
+  <text x="400" y="290" font-family="ui-sans-serif, system-ui, sans-serif" font-size="96" font-weight="700" fill="white" text-anchor="middle" letter-spacing="-3" opacity="0.95">tybo</text>
+
+  <!-- Tagline -->
+  <text x="400" y="340" font-family="ui-sans-serif, system-ui, sans-serif" font-size="18" fill="#c084fc" text-anchor="middle" letter-spacing="4" opacity="0.8">ADMIN FRAMEWORK</text>
+
+  <!-- Accent dot -->
+  <circle cx="530" cy="228" r="8" fill="#c084fc" opacity="0.9"/>
+</svg>

data/app/assets/images/logo.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" fill="none">
+  <!-- Background pill -->
+  <rect width="160" height="48" rx="12" fill="#581c87"/>
+
+  <!-- T -->
+  <text x="16" y="34" font-family="ui-sans-serif, system-ui, sans-serif" font-size="28" font-weight="700" fill="white" letter-spacing="-1">tybo</text>
+
+  <!-- Accent dot -->
+  <circle cx="144" cy="12" r="5" fill="#c084fc"/>
+</svg>

data/app/assets/javascripts/tybo/controllers/attachments_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus"
+import { FetchRequest } from '@rails/request.js'
+
+export default class extends Controller {
+  static values = { url: String, method: String, attachmentId: Number }
+
+  async toggle(event) {
+    event.preventDefault()
+
+    const request = new FetchRequest(this.methodValue, this.urlValue, { responseKind: "turbo-stream", body: { attachment_id: this.attachmentIdValue } })
+    await request.perform()
+  }
+}

data/app/assets/javascripts/tybo/controllers/dropdown_controller.js

@@ -0,0 +1,15 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["menu"]
+
+  toggle() {
+    this.menuTarget.classList.toggle("hidden")
+  }
+
+  hide(event) {
+    if (!this.element.contains(event.target) && !this.menuTarget.classList.contains('hidden')) {
+      this.menuTarget.classList.add("hidden")
+    }
+  }
+}

data/app/assets/javascripts/tybo/controllers/flash_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  dismiss() {
+    this.element.remove()
+  }
+}

data/app/assets/javascripts/tybo/controllers/index.js

@@ -0,0 +1,7 @@
+export { default as Attachments } from "./attachments_controller.js";
+export { default as Dropdown } from "./dropdown_controller.js";
+export { default as Flash } from "./flash_controller.js";
+export { default as SearchForm } from "./search_form_controller.js";
+export { default as TsSearch } from "./ts/search_controller.js";
+export { default as TsSelect } from "./ts/select_controller.js";
+export { default as Sidebar } from "./sidebar_controller.js";

data/app/assets/javascripts/tybo/controllers/questions_controller.js

@@ -0,0 +1,62 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ['questionKind', 'questionType', 'newQuestion', 'choices', 'documentType']
+
+  changeType(e) {
+    let questionType = e.target.selectedOptions[0].value
+    let kindInput = this.questionKindTarget
+    this.getKindInput(questionType, kindInput)
+  }
+
+  getKindInput(questionType, kindInput) {
+    fetch(`/admin/questions/kinds?type=${questionType}`, {
+      method: 'GET',
+    }).then(response => response.json())
+      .then(data => {
+        kindInput.options.length = 0
+        data.unshift('')
+        for (let i in data) {
+          kindInput.options[kindInput.options.length] = new Option(data[i][0], data[i][1]);
+        }
+        this.displayChoiceBtn()
+      })
+  }
+
+  changeKind() {
+    this.displayChoiceBtn()
+    this.removeChoices()
+  }
+
+  removeChoices() {
+    document.getElementById('choices').innerHTML = ''
+  }
+
+  updateChoicePartial() {
+    let questionKind = this.questionKindTarget.selectedOptions[0].value
+    let questionType = this.questionTypeTarget.selectedOptions[0].value
+    let choices = this.choicesTarget
+    fetch(`/admin/questions/update_nested_form?type=${questionType}&kind=${questionKind}`, {
+      method: 'GET',
+    }).then(response => response.json())
+      .then(data => {
+        choices.innerHTML = data
+      })
+  }
+
+  displayChoiceBtn() {
+    let questionKind = this.questionKindTarget.selectedOptions[0].value
+    let questionType = this.questionTypeTarget.selectedOptions[0].value
+    let btn = document.getElementById('add-choice')
+    if (Boolean(questionKind) && Boolean(questionType) && questionType != "Questions::Input") {
+      btn.classList.remove('hidden')
+    } else {
+      btn.classList.add('hidden')
+    }
+  }
+
+  addQuestion() {
+    this.newQuestionTargets[0].classList.remove('hidden')
+    location.hash = "#" + 'newQuestion';
+  }
+}

data/app/assets/javascripts/tybo/controllers/search_form_controller.js

@@ -0,0 +1,34 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["form"]
+
+  search() {
+    const exportBtn = document.getElementById("exportBtn")
+    let originalHref = exportBtn.getAttribute("href")
+    if (exportBtn) {
+      originalHref = originalHref.split('?')[0]
+
+      const params = this.getQueryParams()
+      exportBtn.setAttribute("href", `${originalHref}?${params}`)
+    }
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      this.formTarget.requestSubmit()
+    }, 200)
+  }
+
+  getQueryParams() {
+    const formData = new FormData(this.formTarget)
+    const params = new URLSearchParams(formData).toString()
+    return params
+  }
+
+  setBooleanField(e) {
+    let value = e.target.getAttribute('data-value')
+    let targetId = e.target.getAttribute('data-target-id')
+    let target = document.getElementById(targetId)
+    target.value = value
+    this.formTarget.requestSubmit()
+  }
+}

data/app/assets/javascripts/tybo/controllers/sidebar_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["sidebar", "bg"]
+
+  toggle() {
+    this.sidebarTarget.classList.toggle("-translate-x-full")
+    this.bgTarget.classList.toggle("opacity-100")
+  }
+
+  close() {
+    this.sidebarTarget.classList.add("-translate-x-full")
+    this.bgTarget.classList.remove("opacity-100")
+    this.bgTarget.classList.add("opacity-0")
+  }
+}

data/app/assets/javascripts/tybo/controllers/ts/search_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from "@hotwired/stimulus"
+import { get } from '@rails/request.js'
+import TomSelect from "tom-select"
+
+export default class extends Controller {
+  static values = { url: String }
+
+  connect() {
+    new TomSelect(this.element, {
+      plugins: ['clear_button'],
+      valueField: 'value',
+      load: (q, callback) => this.search(q, callback)
+    })
+  }
+
+  async search(q, callback) {
+    const response = await get(this.urlValue, {
+      query: { q: q },
+      responseKind: 'json'
+    })
+
+    if (response.ok) {
+      const list = await response.json
+      callback(list)
+    } else {
+      callback()
+    }
+  }
+}

data/app/assets/javascripts/tybo/controllers/ts/select_controller.js

@@ -0,0 +1,8 @@
+import { Controller } from "@hotwired/stimulus"
+import TomSelect from "tom-select"
+
+export default class extends Controller {
+  connect() {
+    new TomSelect(this.element, { create: false, plugins: ['remove_button'] })
+  }
+}

data/app/components/attachment_card_component.html.erb

@@ -17,7 +17,7 @@
       </div>
 
       <div class="flex-shrink-0 pr-2">
-        <%= button_tag type: :button, data: { controller: "attachments", attachments_method_value: 'delete', attachments_url_value: @url, attachments_attachment_id_value: @attachment.id, action: "click->attachments#toggle" } do %>
+        <%= button_tag type: :button, data: { controller: "tybo--attachments", tybo__attachments_method_value: 'delete', tybo__attachments_url_value: @url, tybo__attachments_attachment_id_value: @attachment.id, action: "click->tybo--attachments#toggle" } do %>
         <span class="sr-only">Delete</span>
         <%= render(Icons::TrashComponent.new) %>
         <% end %>

data/app/components/forms/search_date_input_component.html.erb

@@ -5,12 +5,12 @@
     </label>
   </div>
   <div class="mt-1 sm:col-span-3 sm:mt-0">
-    <%= @form.date_field @from_field, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
+    <%= @form.date_field @from_field, data: { action: "input->tybo--search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
   </div>
   <div class="mt-1 sm:col-span-2 text-center">
     <%= I18n.t('bo.to') %>
   </div>
   <div class="mt-1 sm:col-span-3 sm:mt-0">
-    <%= @form.date_field @to_field, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
+    <%= @form.date_field @to_field, data: { action: "input->tybo--search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
   </div>
 </div>

data/app/components/sidebar_component.html.erb

@@ -1,7 +1,7 @@
-<div data-controller="sidebar">
+<div data-controller="tybo--sidebar">
   <!-- Barre de navigation mobile avec bouton d'ouverture du menu -->
   <div class="sticky top-0 z-40 flex items-center h-16 px-4 border-b border-gray-200 shadow-sm bg-tybo lg:hidden shrink-0 gap-x-4 sm:gap-x-6 sm:px-6 lg:px-8">
-    <button type="button" class="-m-2.5 p-2.5 text-white lg:hidden" data-action="click->sidebar#toggle">
+    <button type="button" class="-m-2.5 p-2.5 text-white lg:hidden" data-action="click->tybo--sidebar#toggle">
       <span class="sr-only">Open sidebar</span>
       <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
         <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
@@ -9,12 +9,12 @@
     </button>
   </div>
   <!-- Sidebar mobile avec bouton de fermeture -->
-  <div class="fixed inset-0 z-50 transition-transform duration-300 ease-in-out transform -translate-x-full" data-sidebar-target="sidebar">
-    <div class="fixed inset-0 bg-gray-900/80 " aria-hidden="true" data-sidebar-target="bg"></div>
+  <div class="fixed inset-0 z-50 transition-transform duration-300 ease-in-out transform -translate-x-full" data-tybo--sidebar-target="sidebar">
+    <div class="fixed inset-0 bg-gray-900/80 " aria-hidden="true" data-tybo--sidebar-target="bg"></div>
     <div class="fixed inset-0 flex">
       <div class="relative flex flex-1 w-full max-w-xs mr-16">
         <div class="absolute top-0 flex justify-center w-16 pt-5 left-full">
-          <button type="button" class="-m-2.5 p-2.5" data-action="click->sidebar#close">
+          <button type="button" class="-m-2.5 p-2.5" data-action="click->tybo--sidebar#close">
             <span class="sr-only">Close sidebar</span>
             <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" aria-hidden="true">
               <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />

data/app/views/layouts/_errors.html.erb

@@ -1,4 +1,4 @@
-<div class="rounded-md bg-red-alert text-white p-4 my-3" data-controller="flash">
+<div class="rounded-md bg-red-alert text-white p-4 my-3" data-controller="tybo--flash">
   <div class="flex">
     <div class="flex-shrink-0">
       <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -10,7 +10,7 @@
     </div>
     <div class="ml-auto pl-3">
       <div class="-mx-1.5 -my-1.5">
-        <button type="button" data-action="flash#dismiss" class="inline-flex bg-red-50 rounded-md p-1.5 text-red-alert hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-red-50 focus:ring-red-600">
+        <button type="button" data-action="tybo--flash#dismiss" class="inline-flex bg-red-50 rounded-md p-1.5 text-red-alert hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-red-50 focus:ring-red-600">
           <span class="sr-only">Dismiss</span>
           <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
             <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"/>

data/app/views/layouts/_flash.html.erb

@@ -1,5 +1,5 @@
 <% flash.each do |key, errors| %>
-<div class="rounded-md <%= classes_for_flash(key) %> p-4 m-4"  data-controller="flash">
+<div class="rounded-md <%= classes_for_flash(key) %> p-4 m-4"  data-controller="tybo--flash">
   <div class="flex">
     <div class="flex-shrink-0">
       <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -11,7 +11,7 @@
     </div>
     <div class="ml-auto pl-3">
       <div class="-mx-1.5 -my-1.5">
-        <button type="button" data-action="flash#dismiss" class="inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2">
+        <button type="button" data-action="tybo--flash#dismiss" class="inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2">
           <span class="sr-only"><%= I18n.t('bo.flash.close')%></span>
           <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
             <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"/>

data/app/views/layouts/devise_admin.html.erb

@@ -1,11 +1,12 @@
 <!DOCTYPE html>
-    <html class="h-full bg-white">
+  <html class="h-full bg-white">
   <head>
     <title>TY-BO</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-    <%= javascript_importmap_tags %>
+    <%= stylesheet_link_tag "tybo_admin", "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags "application_tybo_admin" %>
   </head>
   <body class="h-full">
     <main class="flex min-h-full">

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

@@ -44,7 +44,7 @@
                 <%= association.klass.name %>.all.map { |item| [item.<%=bo_model_title(association.klass.name.constantize)%>, item.id] },
                 { include_blank: true },
                 multiple: true,
-                data: { controller: 'ts--select' } %>
+                data: { controller: 'tybo--ts--select' } %>
   <%% end %>
   <%- end -%>
   <%%= render(Forms::SubmitButtonComponent.new) %>

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

@@ -1,14 +1,14 @@
-<div class="relative inline-block mt-3 text-left" data-controller="dropdown">
+<div class="relative inline-block mt-3 text-left" data-controller="tybo--dropdown">
   <div>
-    <button data-action="click->dropdown#toggle click@window->dropdown#hide" type="button" class="inline-flex justify-center w-full px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none " id="menu-button" aria-expanded="true" aria-haspopup="true">
+    <button data-action="click->tybo--dropdown#toggle click@window->tybo--dropdown#hide" type="button" class="inline-flex justify-center w-full px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none " id="menu-button" aria-expanded="true" aria-haspopup="true">
       <%%= I18n.t('bo.filters') %>
       <svg class="w-5 h-5 ml-2 -mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
         <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
       </svg>
     </button>
   </div>
-  <div data-dropdown-target="menu" class="drop-shadow-md hidden absolute py-5 px-5 left-0 z-10 mt-2 w-[40rem] origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
-    <%%= search_form_for [:<%=options[:namespace].underscore %>, @q],  method: :post, class: "", data: { controller: "search-form", search_form_target: "form", turbo_frame: '<%=class_name.underscore.pluralize%>' } do |f| %>
+  <div data-tybo--dropdown-target="menu" class="drop-shadow-md hidden absolute py-5 px-5 left-0 z-10 mt-2 w-[40rem] origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
+    <%%= search_form_for [:<%=options[:namespace].underscore %>, @q],  method: :post, class: "", data: { controller: "tybo--search-form", "tybo--search-form-target": "form", turbo_frame: '<%=class_name.underscore.pluralize%>' } do |f| %>
     <!-- columns -->
     <%- bo_model.columns.group_by(&:type).each do |type| -%>
     <%- type.second.sort_by(&:type).each do |col| -%>
@@ -16,11 +16,11 @@
     <%- next if bo_model.reflect_on_all_associations.map(&:foreign_key).include?(col.name) -%>
     <%- if col.type == :string || col.type == :text -%>
     <%%= render(Forms::SearchInputComponent.new(label: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'))) do %>
-      <%%= f.text_field :<%= col.name %>_cont, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
+      <%%= f.text_field :<%= col.name %>_cont, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->tybo--search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
     <%% end %>
     <%- elsif col.type ==:integer -%>
       <%%= render(Forms::SearchInputComponent.new(label: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'))) do %>
-        <%%= f.number_field :<%= col.name %>_eq, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
+        <%%= f.number_field :<%= col.name %>_eq, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->tybo--search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
     <%% end %>
     <%- elsif col.type == :boolean -%>
       <div class="pt-5 sm:grid sm:grid-cols-3 sm:items-start sm:gap-4">
@@ -31,23 +31,23 @@
           <span class="inline-flex rounded-md shadow-sm isolate">
             <button type="button"
                     data-target-id='q_<%= col.name %>_eq'
-                    data-action="click->search-form#setBooleanField" 
+                    data-action="click->tybo--search-form#setBooleanField" 
                     class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">
             -
             </button>
             <button type="button"
-                    data-action="click->search-form#setBooleanField" 
+                    data-action="click->tybo--search-form#setBooleanField" 
                     data-value='true'
                     data-target-id='q_<%= col.name %>_eq'
                     class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">ON
                     </button>
             <button type="button"
-                    data-action="click->search-form#setBooleanField" 
+                    data-action="click->tybo--search-form#setBooleanField" 
                     data-value='false'
                     data-target-id='q_<%= col.name %>_eq'
                     class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">OFF</button>
           </span>
-          <%%= f.hidden_field :<%= col.name %>_eq, value: nil, data: { action: "change->search-form#search"}%>
+          <%%= f.hidden_field :<%= col.name %>_eq, value: nil, data: { action: "change->tybo--search-form#search"}%>
         </div>
       </div>
     <%- elsif col.type == :datetime || col.type == :date -%>
@@ -66,7 +66,7 @@
           <%%= I18n.t('bo.<%=association.klass.name.underscore%>.one') %>
         </label>
         <div class="mt-1 sm:col-span-2 sm:mt-0">
-          <%%= f.select :<%= association.foreign_key %>_eq, <%=association.klass.name.constantize%>.all.map { |value| [value.<%=bo_model_title(association.class_name.constantize)%>, value.id] }, { include_blank: true }, { class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm", data: { action: "input->search-form#search" } } %>
+          <%%= f.select :<%= association.foreign_key %>_eq, <%=association.klass.name.constantize%>.all.map { |value| [value.<%=bo_model_title(association.class_name.constantize)%>, value.id] }, { include_blank: true }, { class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm", data: { action: "input->tybo--search-form#search" } } %>
         </div>
       </div>
     <%- end -%>

data/lib/generators/bo_namespace/bo_namespace_generator.rb

@@ -6,7 +6,7 @@ class BoNamespaceGenerator < Rails::Generators::NamedBase
 
   def create_bo_namespace_files
     run "bundle exec rails g devise #{file_name.capitalize}"
-    run 'bundle exec rails db:migrate'
+    rails_command "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")

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

@@ -5,10 +5,8 @@
     <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? %>
+    <%%= stylesheet_link_tag "tybo_admin", "data-turbo-track": "reload" %>
+    <%%= javascript_importmap_tags "application_tybo_admin" %>
   </head>
   <body class="h-full bg-home">
     <%% if <%= class_name.underscore %>_signed_in? %>

data/lib/generators/tybo_install/templates/application_tybo_admin.js

@@ -0,0 +1,20 @@
+import "@hotwired/turbo-rails"
+import { Application } from "@hotwired/stimulus"
+
+import Attachments from "tybo/controllers/attachments_controller"
+import Dropdown from "tybo/controllers/dropdown_controller"
+import Flash from "tybo/controllers/flash_controller"
+import SearchForm from "tybo/controllers/search_form_controller"
+import TsSearch from "tybo/controllers/ts/search_controller"
+import TsSelect from "tybo/controllers/ts/select_controller"
+import Sidebar from "tybo/controllers/sidebar_controller"
+
+const application = Application.start()
+
+application.register("tybo--attachments", Attachments)
+application.register("tybo--dropdown", Dropdown)
+application.register("tybo--flash", Flash)
+application.register("tybo--search-form", SearchForm)
+application.register("tybo--ts--search", TsSearch)
+application.register("tybo--ts--select", TsSelect)
+application.register("tybo--sidebar", Sidebar)

data/lib/generators/tybo_install/templates/tybo_admin.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-tybo-500 font-semibold bg-tybo-200 shadow-md;
+
+    &:hover {
+        @apply bg-tybo-300;
+    }
+
+    &:active {
+        @apply bg-tybo-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-tybo-400 cursor-default;
+
+    &:hover {
+        @apply text-tybo-400 bg-tybo-200;
+    }
+
+    &:active {
+        @apply text-tybo-400 bg-tybo-200;
+    }
+}
+
+.pagy-nav .page.active,
+.pagy-nav-js .page.active {
+    @apply text-white cursor-default bg-tybo-400;
+
+    &:hover {
+        @apply text-white bg-tybo-400;
+    }
+
+    &:active {
+        @apply bg-tybo-400 text-white;
+    }
+}
+
+
+.pagy-combo-nav-js {
+    @apply flex max-w-max rounded-full px-3 py-1 text-sm text-tybo-500 font-semibold bg-tybo-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-tybo-800;
+    }
+
+    &:active {
+        @apply text-tybo-800;
+    }
+}
+
+.pagy-combo-nav-js .page.prev.disabled,
+.pagy-combo-nav-js .page.next.disabled {
+    @apply text-tybo-400 cursor-default;
+}
+
+/* tom-select  */
+ts-wrapper {
+    @apply w-full !ml-0;
+}
+
+.ts-control {
+    @apply shadow-sm rounded-lg my-5 border-tybo-300 bg-white py-2 px-3 text-base;
+}
+
+.ts-dropdown {
+    @apply rounded-md border border-solid border-t border-tybo-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-tybo-100 text-tybo-900;
+}

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

@@ -4,6 +4,6 @@ Tybo.configure do |config|
   # customise logo and cover url
   # should be an external url or image should be present in (app/assets/images)
   config.logo_url = 'logo.svg'
-  config.nav_logo_url = 'nav_logo.png'
+  config.nav_logo_url = 'logo.svg'
   config.cover_url = 'cover.svg'
 end

data/lib/generators/tybo_install/tybo_install_generator.rb

@@ -11,12 +11,11 @@ class TyboInstallGenerator < Rails::Generators::Base
     gem 'simple_form-tailwind', '~> 0.1.1' unless Bundler.locked_gems.specs.any? { |gem| gem.name == 'simple_form-tailwind' }
     gem 'action_policy', '~> 0.7.5' unless Bundler.locked_gems.specs.any? { |gem| gem.name == 'actionpolicy' }
     run 'bundle install'
-    run "rails tailwindcss:install"
   end
 
   def create_configuration_files
     create_base_translation_files
-    template 'application.tailwind.css', File.join('app/assets/stylesheets/application.tailwind.css'), force: true
+    template 'tybo_admin.tailwind.css', File.join('app/assets/stylesheets/tybo_admin.tailwind.css')
     template 'tailwind.config.js', File.join('config/tailwind.config.js'), force: true
     template 'tom-select.css', File.join('app/assets/stylesheets/tom-select.css')
     template 'simple_form_tailwind.rb', File.join('config/initializers/simple_form_tailwind.rb')
@@ -24,8 +23,23 @@ class TyboInstallGenerator < Rails::Generators::Base
   end
 
   def pin_js_dependencies
-    run "./bin/importmap pin tom-select --download"
-    run "./bin/importmap pin @tymate/tybo_js"
+    inject_into_file 'config/importmap.rb', before: /\z/ do
+      <<~RUBY
+
+        pin "tom-select", to: "https://esm.sh/tom-select"
+        pin "@rails/request.js", to: "https://esm.sh/@rails/request.js"
+      RUBY
+    end
+  end
+
+  def setup_puma_plugin
+    inject_into_file 'config/puma.rb', before: /\z/ do
+      "\nplugin :tybo if ENV.fetch(\"RAILS_ENV\", \"development\") == \"development\"\n"
+    end
+  end
+
+  def build_css
+    rake "tybo:build_css"
   end
 
   def create_routes
@@ -37,13 +51,19 @@ class TyboInstallGenerator < Rails::Generators::Base
     run 'rails g bo_namespace Administrator'
   end
 
+  def copy_javascript_controllers
+    js_source = Tybo::Engine.root.join("app/assets/javascripts/tybo/controllers")
+    js_dest   = "app/javascript/tybo/controllers"
+
+    directory js_source.to_s, js_dest
+  end
+
   def add_javascript_controllers
-    inject_into_file 'app/javascript/controllers/application.js', after: "const application = Application.start()\n" do 
-      "import { Dropdown, Flash, SearchForm, TsSearch, TsSelect, Sidebar } from \"@tymate/tybo_js\"\n"
-    end
+    template 'application_tybo_admin.js', 'app/javascript/tybo/application_tybo_admin.js'
 
-    inject_into_file 'app/javascript/controllers/application.js', before: "export { application }" do 
-      "application.register('dropdown', Dropdown)\napplication.register('flash', Flash)\napplication.register('search-form', SearchForm)\napplication.register('ts--search', TsSearch)\napplication.register('ts--select', TsSelect)\napplication.register('sidebar', Sidebar)\n"
+    inject_into_file 'config/importmap.rb', before: /\z/ do
+      "\npin \"application_tybo_admin\", to: \"tybo/application_tybo_admin.js\"\n" \
+      "pin_all_from \"app/javascript/tybo/controllers\", under: \"tybo/controllers\"\n"
     end
   end
 

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

@@ -1,15 +1,48 @@
 # frozen_string_literal: true
 
+  FR_DATE_TRANSLATIONS = {
+    'date' => {
+      'abbr_day_names'   => %w[Dim Lun Mar Mer Jeu Ven Sam],
+      'day_names'        => %w[Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi],
+      'abbr_month_names' => [nil, 'Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
+      'month_names'      => [nil, 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
+      'formats'          => { 'default' => '%d/%m/%Y', 'short' => '%e %b', 'long' => '%e %B %Y' }
+    },
+    'time' => {
+      'am'      => 'am',
+      'pm'      => 'pm',
+      'formats' => { 'default' => '%A %d %B %Y %H:%M:%S %z', 'short' => '%d %b %H:%M', 'long' => '%A %d %B %Y %H:%M' }
+    },
+    'datetime' => {
+      'distance_in_words' => {
+        'half_a_minute'      => 'une demi-minute',
+        'less_than_x_seconds' => { 'one' => "moins d'une seconde", 'other' => 'moins de %{count} secondes' },
+        'x_seconds'          => { 'one' => '1 seconde', 'other' => '%{count} secondes' },
+        'less_than_x_minutes' => { 'one' => "moins d'une minute", 'other' => 'moins de %{count} minutes' },
+        'x_minutes'          => { 'one' => '1 minute', 'other' => '%{count} minutes' },
+        'about_x_hours'      => { 'one' => 'environ 1 heure', 'other' => 'environ %{count} heures' },
+        'x_days'             => { 'one' => '1 jour', 'other' => '%{count} jours' },
+        'about_x_months'     => { 'one' => 'environ 1 mois', 'other' => 'environ %{count} mois' },
+        'x_months'           => { 'one' => '1 mois', 'other' => '%{count} mois' },
+        'about_x_years'      => { 'one' => 'environ 1 an', 'other' => 'environ %{count} ans' },
+        'over_x_years'       => { 'one' => "plus d'un an", 'other' => 'plus de %{count} ans' },
+        'almost_x_years'     => { 'one' => 'presque 1 an', 'other' => 'presque %{count} ans' }
+      }
+    }
+  }.freeze
+
   def create_base_translation_files
     %w[en fr].each do |locale|
       locale_file = "config/locales/bo.#{locale}.yml"
+      extra = locale == 'fr' ? FR_DATE_TRANSLATIONS : {}
       File.write(locale_file, {
-        locale => {
+        locale => extra.merge({
           'bo' => {
             'filters' => find_existing_translation('filters', locale),
             'show' => find_existing_translation('show', locale),
             'to' => find_existing_translation('to', locale),
             'export_btn' => find_existing_translation('export_btn', locale),
+            'add_ressource_btn' => find_existing_translation('add_ressource_btn', locale),
             'confirm_delete' => find_existing_translation('confirm_delete', locale),
             'record' => {
               'created' => find_existing_translation('created', locale),
@@ -38,7 +71,7 @@
             'save' => find_existing_translation('save', locale),
             }
           }
-        }
+        })
       }.to_yaml)
     end
   end

data/lib/generators/tybo_upgrade/tybo_upgrade_generator.rb

@@ -0,0 +1,193 @@
+# frozen_string_literal: true
+
+class TyboUpgradeGenerator < Rails::Generators::Base
+  # Reuse the install templates (application_tybo_admin.js, tybo_admin.tailwind.css)
+  source_root File.expand_path("../tybo_install/templates", __dir__)
+
+  TYBO_CONTROLLERS = %w[
+    attachments_controller
+    dropdown_controller
+    flash_controller
+    search_form_controller
+    sidebar_controller
+    ts/search_controller
+    ts/select_controller
+  ].freeze
+
+  def upgrade_css
+    say_status :upgrade, "CSS → tybo_admin.css", :blue
+
+    unless File.exist?("app/assets/stylesheets/tybo_admin.tailwind.css")
+      if File.exist?("app/assets/stylesheets/application.tailwind.css")
+        FileUtils.cp("app/assets/stylesheets/application.tailwind.css",
+                     "app/assets/stylesheets/tybo_admin.tailwind.css")
+        say_status :info, "Copied application.tailwind.css → tybo_admin.tailwind.css", :green
+      else
+        template "tybo_admin.tailwind.css", "app/assets/stylesheets/tybo_admin.tailwind.css"
+      end
+    end
+
+    unless File.read("config/puma.rb").include?("plugin :tybo")
+      inject_into_file "config/puma.rb", before: /\z/ do
+        "\nplugin :tybo if ENV.fetch(\"RAILS_ENV\", \"development\") == \"development\"\n"
+      end
+    end
+  end
+
+  def upgrade_layouts
+    say_status :upgrade, "Admin layouts", :blue
+
+    Dir.glob("app/views/layouts/*.html.erb").each do |layout|
+      content = File.read(layout)
+      next unless content.include?("tailwind") || content.include?("@tymate")
+
+      # stylesheet : retire "application" + remplace "tailwind"
+      gsub_file layout,
+        /[ \t]*<%=[ \t]*stylesheet_link_tag[ \t]+"application"[^%]*%>\n/, ""
+      gsub_file layout,
+        /stylesheet_link_tag "tailwind"[^%]*%>/,
+        'stylesheet_link_tag "tybo_admin", "data-turbo-track": "reload" %>'
+      gsub_file layout,
+        /, "inter-font"/, ""
+
+      # importmap
+      gsub_file layout,
+        /javascript_importmap_tags(?!\s+"application_tybo_admin")/,
+        'javascript_importmap_tags "application_tybo_admin"'
+    end
+  end
+
+  def upgrade_importmap
+    say_status :upgrade, "config/importmap.rb", :blue
+
+    # Remove old pins
+    gsub_file "config/importmap.rb",
+      /.*pin "@tymate\/tybo_js".*\n/, ""
+    gsub_file "config/importmap.rb",
+      /.*pin "tom-select".*\n/, ""
+    gsub_file "config/importmap.rb",
+      /.*pin "@rails\/request\.js".*\n/, ""
+    gsub_file "config/importmap.rb",
+      /.*pin_all_from "app\/javascript\/tybo\/controllers".*\n/, ""
+    gsub_file "config/importmap.rb",
+      /.*pin "application_tybo_admin".*\n/, ""
+
+    inject_into_file "config/importmap.rb", before: /\z/ do
+      <<~RUBY
+
+        pin "application_tybo_admin", to: "tybo/application_tybo_admin.js"
+        pin_all_from "app/javascript/tybo/controllers", under: "tybo/controllers"
+        pin "tom-select", to: "https://esm.sh/tom-select"
+        pin "@rails/request.js", to: "https://esm.sh/@rails/request.js"
+      RUBY
+    end
+  end
+
+  def upgrade_javascript
+    say_status :upgrade, "JavaScript entry point", :blue
+
+    # Copy JS controllers from engine into the host app
+    js_source = Tybo::Engine.root.join("app/assets/javascripts/tybo/controllers")
+    js_dest   = "app/javascript/tybo/controllers"
+    directory js_source.to_s, js_dest, force: false
+    say_status :info, "Copied Tybo controllers to #{js_dest} (existing files kept)", :green
+
+    # Create application_tybo_admin.js (entry point for admin)
+    template "application_tybo_admin.js", "app/javascript/tybo/application_tybo_admin.js"
+
+    # In index.js, comment out the tybo controller exports that are now
+    # handled by application_tybo_admin.js — without deleting anything
+    old_index = "app/javascript/tybo/controllers/index.js"
+    if File.exist?(old_index)
+      content = File.read(old_index, encoding: "UTF-8")
+      TYBO_CONTROLLERS.each do |ctrl|
+        basename = File.basename(ctrl)
+        content = content.gsub(
+          /^(export \{ default as \w+ \} from ".*#{Regexp.escape(basename)}.*")/,
+          '// [tybo 0.7] registered in application_tybo_admin.js — \1'
+        )
+      end
+      File.write(old_index, content, encoding: "UTF-8")
+      say_status :info, "Commented out tybo exports in index.js", :yellow
+    end
+
+    # Comment out (not delete) old tybo registrations from application.js
+    app_js = "app/javascript/controllers/application.js"
+    if File.exist?(app_js)
+      content = File.read(app_js, encoding: "UTF-8")
+      if content.include?("@tymate/tybo_js")
+        content = content.gsub(
+          /^(import \{[^}]+\} from "@tymate\/tybo_js")/,
+          '// [tybo 0.7] moved to application_tybo_admin.js — \1'
+        )
+        %w[dropdown flash search-form ts--search ts--select sidebar].each do |name|
+          content = content.gsub(
+            /^(application\.register\('#{Regexp.escape(name)}'.*)/,
+            '// [tybo 0.7] moved to application_tybo_admin.js — \1'
+          )
+        end
+        File.write(app_js, content, encoding: "UTF-8")
+        say_status :info, "Commented out @tymate/tybo_js lines in application.js", :yellow
+      end
+    end
+  end
+
+  def upgrade_data_controllers
+    say_status :upgrade, "Stimulus data-controller attributes", :blue
+
+    views = Dir.glob("app/views/**/*.html.erb") + Dir.glob("app/components/**/*.html.erb")
+
+    views.each do |file|
+      content = File.read(file, encoding: "UTF-8")
+
+      next unless content.match?(/
+        data-controller="(sidebar|flash|dropdown|search-form|ts--|attachments)" |
+        ->sidebar\# | ->flash\# | ->dropdown\# | ->search-form\# |
+        ->ts--select\# | ->ts--search\# | ->attachments\# |
+        data-sidebar-target | data-dropdown-target
+      /x)
+
+      {
+        'data-controller="sidebar"'     => 'data-controller="tybo--sidebar"',
+        'data-controller="flash"'       => 'data-controller="tybo--flash"',
+        'data-controller="dropdown"'    => 'data-controller="tybo--dropdown"',
+        'data-controller="search-form"' => 'data-controller="tybo--search-form"',
+        'data-controller="ts--select"'  => 'data-controller="tybo--ts--select"',
+        'data-controller="ts--search"'  => 'data-controller="tybo--ts--search"',
+        'data-controller="attachments"' => 'data-controller="tybo--attachments"',
+        'data-sidebar-target'           => 'data-tybo--sidebar-target',
+        'data-dropdown-target'          => 'data-tybo--dropdown-target',
+        '->sidebar#'                    => '->tybo--sidebar#',
+        '->flash#'                      => '->tybo--flash#',
+        '->dropdown#'                   => '->tybo--dropdown#',
+        '->search-form#'                => '->tybo--search-form#',
+        '->ts--select#'                 => '->tybo--ts--select#',
+        '->ts--search#'                 => '->tybo--ts--search#',
+        '->attachments#'                => '->tybo--attachments#',
+        'search_form_target:'           => '"tybo--search-form-target":',
+        "controller: 'ts--select'"      => "controller: 'tybo--ts--select'",
+        'controller: "search-form"'     => 'controller: "tybo--search-form"'
+      }.each { |from, to| content = content.gsub(from, to) }
+
+      File.write(file, content, encoding: "UTF-8")
+      say_status :gsub, file, :green
+    end
+  end
+
+  def build_css
+    say_status :upgrade, "Building tybo_admin.css", :blue
+    rake "tybo:build_css"
+  end
+
+  def done
+    say ""
+    say "✓ Tybo upgraded to 0.7.x", :green
+    say ""
+    say "Files to review:", :yellow
+    say "  app/javascript/tybo/controllers/ (controllers copied from engine)", :yellow
+    say "  app/javascript/tybo/controllers/index.js (exports commented out)", :yellow
+    say "  app/javascript/controllers/application.js (registrations commented out)", :yellow
+    say ""
+    say "Once reviewed, you can delete the commented lines safely."
+  end
+end

data/lib/puma/plugin/tybo.rb

@@ -0,0 +1,36 @@
+require "tailwindcss/ruby"
+
+Puma::Plugin.create do
+  def start(launcher)
+    in_background do
+      rails_root = defined?(Rails) ? Rails.root : Pathname.new(Dir.pwd)
+
+      input  = rails_root.join("app/assets/stylesheets/tybo_admin.tailwind.css")
+      output = rails_root.join("app/assets/builds/tybo_admin.css")
+      config = rails_root.join("config/tailwind.config.js")
+
+      unless input.exist?
+        launcher.log_writer.write("Tybo: #{input} not found, skipping CSS watch\n")
+        next
+      end
+
+      command = [
+        Tailwindcss::Ruby.executable,
+        "-i", input.to_s,
+        "-o", output.to_s,
+        "-c", config.to_s,
+        "-w"
+      ]
+
+      pid = spawn(*command)
+      launcher.events.on_stopped { Process.kill(:INT, pid) rescue nil }
+
+      begin
+        Process.wait(pid)
+      rescue Interrupt
+        Process.kill(:INT, pid) rescue nil
+        Process.wait(pid)
+      end
+    end
+  end
+end

data/lib/tasks/tybo.rake

@@ -0,0 +1,46 @@
+require "tailwindcss/ruby"
+
+namespace :tybo do
+  desc "Build Tybo Admin CSS"
+  task build_css: :environment do
+    input  = Rails.root.join("app/assets/stylesheets/tybo_admin.tailwind.css")
+    output = Rails.root.join("app/assets/builds/tybo_admin.css")
+    config = Rails.root.join("config/tailwind.config.js")
+
+    unless input.exist?
+      warn "WARNING: #{input} not found, skipping tybo CSS build"
+      next
+    end
+
+    command = [
+      Tailwindcss::Ruby.executable,
+      "-i", input.to_s,
+      "-o", output.to_s,
+      "-c", config.to_s,
+    ]
+    command << "--minify" unless ENV["TAILWINDCSS_DEBUG"].present?
+
+    system(*command, exception: true)
+  end
+
+  desc "Watch and build Tybo Admin CSS on file changes"
+  task watch_css: :environment do
+    input  = Rails.root.join("app/assets/stylesheets/tybo_admin.tailwind.css")
+    output = Rails.root.join("app/assets/builds/tybo_admin.css")
+    config = Rails.root.join("config/tailwind.config.js")
+
+    command = [
+      Tailwindcss::Ruby.executable,
+      "-i", input.to_s,
+      "-o", output.to_s,
+      "-c", config.to_s,
+      "-w"
+    ]
+
+    system(*command)
+  rescue Interrupt
+    # silent exit on Ctrl-C
+  end
+end
+
+Rake::Task["assets:precompile"].enhance(["tybo:build_css"])

data/lib/tybo/engine.rb

@@ -5,6 +5,10 @@ require 'view_component'
 
 module Tybo
   class Engine < ::Rails::Engine
+    rake_tasks do
+      load "#{root}/lib/tasks/tybo.rake"
+    end
+
     # Devise
     config.to_prepare do
       Devise::ConfirmationsController.layout "devise_admin"

data/lib/tybo/version.rb

@@ -1,3 +1,3 @@
 module Tybo
-  VERSION = '0.6.1'
+  VERSION = '0.7.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tybo
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.7.1
 platform: ruby
 authors:
 - Michel Delpierre
@@ -139,8 +139,19 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/tybo_manifest.js
+- app/assets/images/cover.svg
+- app/assets/images/logo.svg
 - app/assets/images/tybo/cover.svg
 - app/assets/images/tybo/logo.svg
+- app/assets/javascripts/tybo/controllers/attachments_controller.js
+- app/assets/javascripts/tybo/controllers/dropdown_controller.js
+- app/assets/javascripts/tybo/controllers/flash_controller.js
+- app/assets/javascripts/tybo/controllers/index.js
+- app/assets/javascripts/tybo/controllers/questions_controller.js
+- app/assets/javascripts/tybo/controllers/search_form_controller.js
+- app/assets/javascripts/tybo/controllers/sidebar_controller.js
+- app/assets/javascripts/tybo/controllers/ts/search_controller.js
+- app/assets/javascripts/tybo/controllers/ts/select_controller.js
 - app/assets/stylesheets/tybo/application.css
 - app/components/attachment_card_component.html.erb
 - app/components/attachment_card_component.rb
@@ -260,6 +271,7 @@ files:
 - app/views/layouts/tybo/application.html.erb
 - app/views/login/home.html.erb
 - app/views/shared/_pagination.html.erb
+- config/importmap.rb
 - config/initializers/devise.rb
 - config/initializers/pagy.rb
 - config/initializers/ransack.rb
@@ -291,14 +303,19 @@ files:
 - lib/generators/bo_namespace/utils/files/fr.json
 - lib/generators/bo_namespace/utils/translations.rb
 - lib/generators/tybo_install/templates/application.tailwind.css
+- lib/generators/tybo_install/templates/application_tybo_admin.js
 - lib/generators/tybo_install/templates/simple_form_tailwind.rb
 - lib/generators/tybo_install/templates/tailwind.config.js
 - lib/generators/tybo_install/templates/tom-select.css
+- lib/generators/tybo_install/templates/tybo_admin.tailwind.css
 - lib/generators/tybo_install/templates/tybo_config.rb
 - lib/generators/tybo_install/tybo_install_generator.rb
 - lib/generators/tybo_install/utils/files/en.json
 - lib/generators/tybo_install/utils/files/fr.json
 - lib/generators/tybo_install/utils/translations.rb
+- lib/generators/tybo_upgrade/tybo_upgrade_generator.rb
+- lib/puma/plugin/tybo.rb
+- lib/tasks/tybo.rake
 - lib/tybo.rb
 - lib/tybo/configuration.rb
 - lib/tybo/engine.rb