rails_app_generator 0.1.3 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e1b9515cc01763f710f8f7461e0d8166d5192771ed45267be53c399fa4d0f9c8
-  data.tar.gz: c2c4069a59328153fcab6e5f81c78e39f58a11f759103dda01d0c74571611ea5
+  metadata.gz: 74ea402449d28be464f76e50d4f78f0e29905f7b23ab85bdb7c12a1be32337a1
+  data.tar.gz: e6543558c80c0c27428ad863b6927ac3d5c39430b828c55feb4d4006a1295bec
 SHA512:
-  metadata.gz: 3576c0c56cb8efaf50aab437e827a5e8ef973107537b9ae5f8362d91426161d0382b2bc463bae598419af396740eed71ba6720585b4d085f47051b64c3b0d4a0
-  data.tar.gz: 84ee7ac005aa6715de7697ccc8d0a2650f9d49d6dff1bbbc4d0e71ce51337ebe185449612fd3ec4204623f9fed3571427f1f028c3c7e4426d8d1f96b68ccead1
+  metadata.gz: 7311f3c9f20f306e775f1c818ef9c0ce47ab0392b4eb54fca421ffcaa023b3b1b62aedd6ee9f320a277f53da14066eb7139ed21d7695bd47a220313e97f78996
+  data.tar.gz: dcb71902c885e49d3d6197d47f445edb3db5528cd22f0b700b9c9823a41fdd9b321cd891f9a476672fd6ddc07cd8dff94df5b30e86711fd4bddd1aaf12db36c5

data/.builders/generators/project-plan.rb

@@ -7,11 +7,14 @@ KManager.action :project_plan do
       .page('In progress', theme: :style_03, margin_left: 0, margin_top: 0) do
         grid_layout(y: 90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
 
+        todo(title: 'add profile - rag_tailwind_hotwire_flash')
       end
       .page('To Do', theme: :style_02, margin_left: 0, margin_top: 0) do
 
         grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
 
+        todo(title: 'generator for new profiles')
+
         todo(title: 'add auto open flag to profile and command line')
         todo(title: 'add profile - stimulas')
         todo(title: 'add profile - hotwire')
@@ -30,8 +33,11 @@ KManager.action :project_plan do
 
         grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
 
-        todo(title: 'add profile - tailwind_hotwire')
-        todo(title: 'add profile - import_map') # vs esbuild - import_map is a replacement for webpacker
+        todo(title: 'add profile - tailwind-emulating-bootstrap')
+        todo(title: 'add profile - tailwind-hotwire-form-search')
+        todo(title: 'add profile - tailwind-hotwire-form')
+        todo(title: 'add profile - tailwind-hotwire')
+        todo(title: 'add profile - import-map') # vs esbuild - import_map is a replacement for webpacker
         todo(title: 'profile - fix the bootstrap profile')
         todo(title: 'cli support for profile')
         todo(title: 'separate CLI methods into include modules')

data/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [0.1.5](https://github.com/klueless-io/rails_app_generator/compare/v0.1.4...v0.1.5) (2022-07-29)
+
+
+### Bug Fixes
+
+* add profile - tailwind_hotwire_form_search ([2a1622b](https://github.com/klueless-io/rails_app_generator/commit/2a1622bf4bb4f236e08fd2c8bd44ec970a46c75d))
+
+## [0.1.4](https://github.com/klueless-io/rails_app_generator/compare/v0.1.3...v0.1.4) (2022-07-28)
+
+
+### Bug Fixes
+
+* add profile - tailwind_hotwire_form_search ([7ffaff2](https://github.com/klueless-io/rails_app_generator/commit/7ffaff2f746a61430cffc9bb989326bdd493b3d6))
+
+## [0.1.3](https://github.com/klueless-io/rails_app_generator/compare/v0.1.2...v0.1.3) (2022-07-27)
+
+
+### Bug Fixes
+
+* add profile tailwind_daisyui, tailwind_hotwire_form ([dcb227f](https://github.com/klueless-io/rails_app_generator/commit/dcb227fc9ccf0783d87049c4c6660f914e39fa97))
+
 ## [0.1.2](https://github.com/klueless-io/rails_app_generator/compare/v0.1.1...v0.1.2) (2022-07-26)
 
 

data/after_templates/README.md

@@ -1,3 +1,14 @@
 # After Templates
 
-A set of templates that can be used via the `--template` argument
+A set of templates that can be used via the `--template` argument
+
+## Videos
+
+- Bootstrap & Tailwind in same application plus Bootstrap Emulation
+  - Demonstrates running bootstrap and tailwind in the same Rails 7 application
+  - Demonstrates using Bootstrap CSS classes in a Tailwind project
+- Hotwire Flash Messages
+- Tailwind, DaisyUI and Theme Changer using Stimulus
+  - Make sure it persists the theme change across pages
+- Tailwind, Reusing Styles
+  - https://tailwindcss.com/docs/reusing-styles

data/after_templates/rag_tailwind_emulating_bootstrap/Procfile.dev

@@ -0,0 +1,3 @@
+web: bin/rails server -p 3000
+css_bootstrap: yarn build:css_bootstrap --watch
+css_tailwind: yarn build:css_tailwind --watch

data/after_templates/rag_tailwind_emulating_bootstrap/application.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TailwindEmulatingBootstrap</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag css_framework, "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+  </head>
+  
+  <body>
+    <%= link_to "Bootstrap" , home_bootstrap_path, class: "btn btn-#{File.basename(request.path) == 'bootstrap' ? 'primary' : 'secondary'}" %>
+    <%= link_to "Tailwind"  , home_tailwind_path , class: "btn btn-#{File.basename(request.path) == 'tailwind'  ? 'primary' : 'secondary'}" %>
+    <hr />
+
+    <%= yield %>
+  </body>
+</html>

data/after_templates/rag_tailwind_emulating_bootstrap/application.tailwind.css

@@ -0,0 +1,514 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* 
+The components were found here: https://tailwindcss.com/docs/customizing-components/
+
+Another useful tool for inferring tailwind classes for components is here: https://usewindy.com/
+*/
+
+@layer components {
+  .h1, h1 {
+    @apply text-4xl
+  }
+  
+  .h2, h2 {
+    @apply text-3xl
+  }
+  
+  .h3, h3 {
+    @apply text-2xl
+  }
+  
+  .h4, h4 {
+    @apply text-xl
+  }
+  
+  .h5, h5 {
+    @apply text-lg
+  }
+  
+  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+    @apply mb-2 font-medium leading-tight
+  }
+  
+  a {
+    @apply text-blue-500;
+  }
+  
+  a:hover {
+    @apply text-blue-800;
+  }
+  
+  .text-muted {
+    @apply text-gray-600;
+  }
+  
+  .bg-dark {
+    @apply bg-gray-900;
+  }
+  
+  .bg-light {
+    @apply bg-gray-200;
+  }
+  
+  .close {
+    @apply float-right text-2xl font-bold leading-none text-black opacity-50
+  }
+  
+  /*
+  * ============================
+  * Alerts
+  *=============================
+  */
+  
+  .alert {
+    @apply relative px-5 py-3 mb-4 rounded border border-transparent;
+  }
+  
+  .alert-primary {
+    @apply text-blue-800 bg-blue-200 border-blue-300;
+  }
+  
+  .alert-secondary {
+    @apply text-gray-800 bg-gray-300 border-gray-400;
+  }
+  
+  .alert-success {
+    @apply text-green-800 bg-green-200 border-green-300;
+  }
+  
+  .alert-danger {
+    @apply text-red-800 bg-red-200 border-red-300;
+  }
+  
+  .alert-warning {
+    @apply text-yellow-800 bg-yellow-200 border-yellow-300;
+  }
+  
+  .alert-info {
+    @apply text-indigo-800 bg-indigo-200 border-indigo-300;
+  }
+  
+  /*
+  * ============================
+  * Buttons
+  *=============================
+  */
+  
+  .btn {
+    @apply inline-block font-normal text-center px-3 py-2 leading-normal text-base rounded cursor-pointer;
+  }
+  
+  .btn-primary {
+    @apply text-white bg-blue-600;
+  }
+  
+  .btn-primary:hover {
+    @apply text-white bg-blue-700
+  }
+  
+  .btn-secondary {
+    @apply text-white bg-gray-600;
+  }
+  
+  .btn-secondary:hover {
+    @apply text-white bg-gray-700
+  }
+  
+  .btn-success {
+    @apply text-white bg-green-600;
+  }
+  
+  .btn-success:hover {
+    @apply text-white bg-green-700
+  }
+  
+  .btn-danger {
+    @apply text-white bg-red-600;
+  }
+  
+  .btn-danger:hover {
+    @apply text-white bg-red-700
+  }
+  
+  .btn-warning {
+    @apply text-black bg-yellow-500;
+  }
+  
+  .btn-warning:hover {
+    @apply text-black bg-yellow-600
+  }
+  
+  .btn-info {
+    @apply text-white bg-teal-500;
+  }
+  
+  .btn-info:hover {
+    @apply text-white bg-teal-600
+  }
+  
+  .btn-light {
+    @apply text-black bg-gray-200;
+  }
+  
+  .btn-light:hover {
+    @apply text-black bg-gray-300
+  }
+  
+  .btn-dark {
+    @apply text-white bg-gray-900;
+  }
+  
+  .btn-dark:hover {
+    @apply text-white bg-black
+  }
+  
+  .btn-link {
+    @apply text-blue-500;
+  }
+  
+  .btn-link:hover {
+    @apply text-blue-800;
+  }
+  
+  
+  /*
+  * ============================
+  * Cards
+  *=============================
+  */
+  
+  .card {
+    @apply flex flex-col relative bg-white rounded border border-gray-300;
+  }
+  
+  .card-body {
+    @apply flex-auto p-5;
+  }
+  
+  .card-img-top {
+    @apply w-full rounded-t;
+  }
+  
+  .card-link + .card-link {
+    @apply ml-5;
+  }
+  
+  .card-text {
+    @apply my-0 mb-4;
+  }
+  
+  .card-title {
+    @apply mb-3 text-xl;
+  }
+  
+  /*
+  * ============================
+  * Dropdowns
+  *=============================
+  */
+  
+  .dropdown {
+    @apply relative;
+  }
+  
+  .dropdown-divider {
+    @apply h-0 my-2 border-t border-gray-300;
+  }
+  
+  .dropdown-menu {
+    min-width: 10rem;
+    @apply hidden z-20 float-left py-2 mt-1 text-base text-gray-900 list-none text-left border border-gray-300 bg-white rounded shadow;
+  }
+  
+  .dropdown-menu.show, .dropdown.open .dropdown-menu {
+    @apply block absolute top-0 left-0 mt-12;
+  }
+  
+  .dropdown-item {
+    @apply block w-full py-1 px-6 font-normal text-gray-900 bg-transparent border-0;
+  }
+  .dropdown-item:hover {
+    @apply text-gray-900 bg-gray-100;
+  }
+  
+  .dropdown-toggle::after {
+    display: inline-block;
+    margin-left: .255em;
+    vertical-align: .255em;
+    content: "";
+    border-top: .3em solid;
+    border-right: .3em solid transparent;
+    border-bottom: 0;
+    border-left: .3em solid transparent;
+  }
+  
+  /*
+  * ============================
+  * Forms
+  *=============================
+  */
+  
+  form {
+    @apply block;
+  }
+  
+  label {
+    @apply inline-block mb-2;
+  }
+  
+  .form-check {
+    @apply relative block pl-5;
+  }
+  
+  .form-group {
+    @apply mb-4;
+  }
+  
+  .form-check-input {
+    @apply absolute mt-1 -ml-5;
+  }
+  
+  .form-check-label {
+    @apply mb-0;
+  }
+  
+  .form-control {
+    @apply block w-full py-2 px-3 text-base font-normal leading-normal text-gray-700 bg-white border border-gray-400 rounded;
+  }
+  
+  .form-inline {
+    @apply flex flex-wrap flex-row items-center
+  }
+  
+  .form-inline .form-control {
+    @apply inline-block w-auto align-middle
+  }
+  
+  .form-text {
+    @apply block mt-1;
+  }
+  
+  
+  /*
+  * ============================
+  * List Groups
+  *=============================
+  */
+  
+  .list-group {
+    @apply flex flex-col p-0 mb-0;
+  }
+  
+  .list-group-item {
+    margin-bottom: -1px;
+    @apply relative block py-3 px-5 bg-white border border-gray-300;
+  }
+  
+  .list-group-item:first-child {
+    @apply rounded-t;
+  }
+  
+  .list-group-item:last-child {
+    @apply mb-0 rounded-b;
+  }
+  
+  .list-group-item.disabled, .list-group-item:disabled {
+    @apply text-gray-600 bg-white pointer-events-none
+  }
+  
+  .list-group-item-action {
+    @apply w-full text-gray-900;
+  }
+  
+  .list-group-item-action:hover {
+    @apply text-gray-900 bg-gray-100;
+  }
+  
+  .list-group-item.active {
+    @apply text-white bg-blue-600 z-10;
+  }
+  
+  
+  /*
+  * ============================
+  * Modals
+  *=============================
+  */
+  
+  .fade {
+    transition: opacity .15s linear;
+  }
+  
+  .modal {
+    z-index: 1072;
+    @apply hidden fixed top-0 left-0 w-full h-full outline-none
+  }
+  
+  .modal.show, .modal.in {
+    @apply block
+  }
+  
+  .modal-dialog {
+    @apply relative w-auto pointer-events-none max-w-lg my-8 mx-auto
+  }
+  
+  .modal-content {
+    @apply relative flex flex-col w-full pointer-events-auto bg-white border border-gray-300 rounded-lg
+  }
+  
+  .modal-header {
+    @apply flex items-start justify-between p-4 border-b border-gray-300 rounded-t
+  }
+  
+  .modal-title {
+    @apply mb-0 leading-normal
+  }
+  
+  .modal-body {
+    @apply relative flex p-4
+  }
+  
+  .modal-footer {
+    @apply flex items-center justify-end p-4 border-t border-gray-300
+  }
+  
+  .modal-footer > :not(:last-child) {
+    @apply mr-2
+  }
+  
+  /*
+  * ============================
+  * Navbars
+  *=============================
+  */
+  
+  .navbar {
+    @apply relative flex flex-wrap items-center justify-between py-1 px-4;
+  }
+  
+  .fixed-top {
+    @apply fixed top-0 right-0 left-0 z-40
+  }
+  
+  .navbar-brand {
+    @apply inline-block py-1 mr-4 text-xl
+  }
+  
+  .navbar-light .navbar-brand {
+    @apply text-gray-900
+  }
+  
+  .navbar-dark .navbar-brand {
+    @apply text-gray-100
+  }
+  
+  .navbar-toggler {
+    @apply inline-block py-1 px-3 leading-none bg-transparent border border-transparent rounded
+  }
+  
+  .navbar-light .navbar-toggler {
+    @apply text-gray-500 border-gray-400
+  }
+  
+  .navbar-dark .navbar-toggler {
+    @apply text-gray-500 border-gray-700
+  }
+  
+  .navbar-light .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
+  }
+  
+  .navbar-dark .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
+  }
+  
+  .navbar-toggler-icon {
+    content: "";
+    @apply inline-block w-6 h-6 align-middle bg-center bg-no-repeat
+  }
+  
+  .navbar-collapse {
+    @apply hidden w-full flex-grow items-center
+  }
+  
+  .navbar-collapse.show, .navbar-collapse.in {
+    @apply block
+  }
+  
+  .navbar-nav {
+    @apply flex flex-col pl-0 mb-0 list-none;
+  }
+  
+  .nav-link {
+    @apply block py-2 px-4
+  }
+  
+  .collapse.show .nav-link, .collapse.in .nav-link {
+    @apply px-0
+  }
+  
+  .navbar-light .navbar-nav .nav-link  {
+    @apply text-gray-600
+  }
+  
+  .navbar-light .navbar-nav .nav-link:hover {
+    @apply text-gray-800
+  }
+  
+  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active {
+    @apply text-gray-900
+  }
+  
+  .navbar-light .navbar-nav .nav-link.disabled {
+    @apply text-gray-500 pointer-events-none
+  }
+  
+  .navbar-dark .navbar-nav .nav-link  {
+    @apply text-gray-600
+  }
+  
+  .navbar-dark .navbar-nav .nav-link:hover {
+    @apply text-gray-500
+  }
+  
+  .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
+    @apply text-gray-200
+  }
+  
+  .navbar-dark .navbar-nav .nav-link.disabled {
+    @apply text-gray-700 pointer-events-none
+  }
+  
+  /*
+  * ============================
+  * Tables
+  *=============================
+  */
+  
+  th {
+    text-align: inherit;
+  }
+  
+  .table {
+    @apply w-full mb-4 text-gray-900
+  }
+  
+  .table thead th {
+    @apply align-bottom border-b-2 border-gray-300
+  }
+  
+  .table td, .table th {
+    @apply p-3 border-t border-gray-300
+  }
+  
+  .table.table-bordered {
+    @apply border border-gray-300
+  }
+  
+  .table-bordered td, .table-bordered th {
+    @apply border border-gray-300
+  }
+}

data/after_templates/rag_tailwind_emulating_bootstrap/application_controller.rb

@@ -0,0 +1,15 @@
+class ApplicationController < ActionController::Base
+  def css_framework
+    @css_framework ||= 'bootstrap'
+    "application_#{@css_framework}"
+  end
+  helper_method :css_framework
+
+  def css_framework_bootstrap
+    @css_framework = 'bootstrap'
+  end
+
+  def css_framework_tailwind
+    @css_framework = 'tailwind'
+  end
+end