First working version of app name + database choice inputs

Author: trinitytakei

Dockerfile

@@ -1,9 +1,9 @@
 # syntax = docker/dockerfile:1
+# check=error=true
 
 ARG RUBY_VERSION=3.3.5
 FROM docker.io/library/ruby:$RUBY_VERSION-slim AS base
 
-# Rails app lives here
 WORKDIR /rails
 
 # Install base packages
@@ -20,6 +20,8 @@ ENV RAILS_ENV="production" \
     BUNDLE_DEPLOYMENT="1" \
     BUNDLE_PATH="/usr/local/bundle"
 
+FROM base AS build
+
 # Install Node.js and Yarn
 ARG NODE_VERSION=22.3.0
 ARG YARN_VERSION=1.22.19
@@ -53,19 +55,16 @@ RUN yarn install --frozen-lockfile
 # Copy application code
 COPY . .
 
-# Precompile bootsnap code for faster boot times
-RUN bundle exec bootsnap precompile app/ lib/
-
 # Precompiling assets for production without requiring secret RAILS_MASTER_KEY
 RUN RAILS_ENV=production SECRET_KEY_BASE_DUMMY=1 ./bin/rails assets:precompile
 
+RUN rm -rf node_modules
+
 # Final stage for app image
 FROM base
 
-# Copy built artifacts: gems, application, and node_modules
 COPY --from=build "${BUNDLE_PATH}" "${BUNDLE_PATH}"
 COPY --from=build /rails /rails
-COPY --from=build /rails/node_modules /rails/node_modules
 
 # Run and own only the runtime files as a non-root user for security
 RUN groupadd --system --gid 1000 rails && \

Gemfile

@@ -2,7 +2,6 @@ source "https://rubygems.org"
 
 gem "rails", "8.0.0.rc2"
 
-gem "bootsnap", require: false
 gem "friendly_id", "~> 5.5.1"
 gem "kamal", "~> 2.3.0", require: false
 gem "thruster", "~> 0.1.8", require: false

Gemfile.lock

@@ -91,8 +91,6 @@ GEM
       smart_properties
     bigdecimal (3.1.8)
     bindex (0.8.1)
-    bootsnap (1.18.4)
-      msgpack (~> 1.2)
     brakeman (6.2.2)
       racc
     builder (3.3.0)
@@ -226,7 +224,6 @@ GEM
       turbo-rails
     mocha (2.5.0)
       ruby2_keywords (>= 0.0.5)
-    msgpack (1.7.2)
     net-imap (0.5.0)
       date
       net-protocol
@@ -460,7 +457,6 @@ DEPENDENCIES
   amazing_print (~> 1.6)
   annotaterb
   better_html
-  bootsnap
   brakeman (~> 6.2.2)
   capybara
   debug

app/assets/images/MySQL.svg

@@ -0,0 +1,11 @@
+class PagesController < ApplicationController
+  def show
+    @page = Page.includes(
+      groups: {
+        sub_groups: {
+          elements: [ :variant ]
+        }
+      }
+    ).friendly.find(params[:id] || params[:slug])
+  end
+end

app/assets/images/Postgres.svg

@@ -0,0 +1,2 @@
+module PagesHelper
+end

app/assets/images/SQLite.svg

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

app/controllers/pages_controller.rb

@@ -0,0 +1,26 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static outlets = ["generated-output"]
+
+  connect() {
+    if (this.hasDatabaseChoiceOutlet) {
+      this.update()
+    }
+  }
+
+  update(event) {
+    const groupElement = this.element.closest('ul')
+    const selectedRadio = groupElement.querySelector('input[type="radio"]:checked')
+
+    const radio_value = selectedRadio ? selectedRadio.value.toLowerCase() : ''
+
+    let outputText = groupElement.dataset.outputPrefix ?
+      `${groupElement.dataset.outputPrefix} ${radio_value}` :
+      radio_value;
+
+    outputText = selectedRadio.dataset.isDefault === "true" ? '' : outputText
+
+    this.generatedOutputOutlet.updateText(outputText)
+  }
+}

app/helpers/pages_helper.rb

@@ -0,0 +1,18 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["input"]
+  static outlets = ["generated-output"]
+
+  connect() {
+    this.update()
+  }
+
+  update(event) {
+    const inputValue = this.inputTarget.value || this.inputTarget.dataset.defaultValue || ""
+    const prefix = this.inputTarget.dataset.outputPrefix || ""
+
+    const updatedText = prefix ? `${prefix} ${inputValue}` : inputValue
+    this.generatedOutputOutlet.updateText(updatedText)
+  }
+}

app/javascript/controllers/generated_output_controller.js

@@ -1,3 +1,4 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
+@import "./custom/basics.css";

app/javascript/controllers/radio_button_choice_controller.js

@@ -0,0 +1,45 @@
+@layer base {
+  pre {
+    white-space: pre-wrap;       /* css-3 */
+    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+    white-space: -pre-wrap;      /* Opera 4-6 */
+    white-space: -o-pre-wrap;    /* Opera 7 */
+    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+  }
+
+  body {
+    background-color: #ffffff;
+    background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%23e2e8f0' fill-opacity='0.33' fill-rule='evenodd'/%3E%3C/svg%3E");
+    background-attachment: fixed;
+    /* background-size: cover; */
+  }
+}
+
+@layer components {
+  #rails-new-command-generator-holder {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+  }
+
+  pre.code {
+    color: #4AF626;
+    background: #071728;
+    padding: 0.5rem;
+    line-height: 1.2rem;
+    font-size: 1rem;
+  }
+
+  li.menu-card-row:hover {
+    background-color: #ac3b61;
+  }
+
+  li.menu-card-row:hover div.menu-card-row-title {
+    color: #edc7b7;
+    font-size: medium
+  }
+
+  li.menu-card-row:hover div.menu-card-row-description {
+    color: #eee2dc;
+  }
+}

app/javascript/controllers/text_field_change_controller.js

@@ -0,0 +1,20 @@
+module GroupBehavior
+  extend ActiveSupport::Concern
+
+  included do
+    attribute :behavior_type, :string, default: "none"
+  end
+
+  def stimulus_attributes
+    case behavior_type
+    when "database_choice"
+      {
+        controller: "radio-button-choice",
+        "radio-button-choice-generated-output-outlet": "#database-choice",
+        "output-prefix": "-d"
+      }
+    else
+      {}
+    end
+  end
+end

app/javascript/stylesheets/application.css

@@ -3,7 +3,10 @@
 # Table name: elements
 #
 #  id           :integer          not null, primary key
+#  description  :text
+#  image_path   :string
 #  label        :string           not null
+#  position     :integer
 #  variant_type :string
 #  created_at   :datetime         not null
 #  updated_at   :datetime         not null
@@ -13,6 +16,7 @@
 # Indexes
 #
 #  index_elements_on_label                        (label)
+#  index_elements_on_position                     (position)
 #  index_elements_on_sub_group_id                 (sub_group_id)
 #  index_elements_on_variant_type_and_variant_id  (variant_type,variant_id)
 #