neon_sakura 0.1.4

data/app/assets/stylesheets/utility-responsive.css

@@ -0,0 +1,145 @@
+/*
+ * Responsive Utilities
+ * This file contains media query utilities for responsive design
+ */
+
+/* Responsive utilities */
+@media (width >= 640px) {
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .sm\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:gap-4 {
+    gap: 1rem;
+  }
+
+  .sm\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+}
+
+@media (width >= 768px) {
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .md\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
+@media (width >= 1024px) {
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+}

data/app/assets/stylesheets/utility-sizing.css

@@ -0,0 +1,99 @@
+/*
+ * Sizing Utilities
+ * This file contains width, height, and object-fit utility classes
+ */
+
+/* Sizing utilities */
+.w-full {
+  width: 100%;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-40 {
+  width: 10rem;
+}
+
+.h-2\.5 {
+  height: 0.625rem;
+}
+
+.h-3 {
+  height: 0.75rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-5 {
+  height: 1.25rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-8 {
+  height: 2rem;
+}
+
+.h-12 {
+  height: 3rem;
+}
+
+.h-24 {
+  height: 6rem;
+}
+
+.h-32 {
+  height: 8rem;
+}
+
+.h-40 {
+  height: 10rem;
+}
+
+/* Flex utilities */
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+/* Object fit utilities */
+.object-cover {
+  object-fit: cover;
+}

data/app/assets/stylesheets/utility-spacing.css

@@ -0,0 +1,174 @@
+/*
+ * Spacing Utilities
+ * This file contains padding, margin, and gap utility classes
+ */
+
+/* Spacing utilities - Padding */
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+/* Spacing utilities - Margin */
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
+.mb-12 {
+  margin-bottom: 3rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.mt-8 {
+  margin-top: 2rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mr-4 {
+  margin-right: 1rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+/* Gap utilities */
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-3 {
+  gap: 0.75rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.gap-5 {
+  gap: 1.25rem;
+}
+
+/* Spacing stack utilities */
+.space-y-3 > * + * {
+  margin-top: 0.75rem;
+}
+
+.space-y-4 > * + * {
+  margin-top: 1rem;
+}
+
+.space-y-5 > * + * {
+  margin-top: 1.25rem;
+}
+
+.space-y-6 > * + * {
+  margin-top: 1.5rem;
+}

data/app/assets/stylesheets/utility-typography.css

@@ -0,0 +1,97 @@
+/*
+ * Typography Utilities
+ * This file contains font size, weight, and text utility classes
+ */
+
+/* Typography */
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.break-words {
+  overflow-wrap: break-word;
+}
+
+.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
+.no-underline {
+  text-decoration: none;
+}
+
+/* Bootstrap utility classes for compatibility */
+.text-muted {
+  color: var(--color-text-muted) !important;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+  font-size: 0.875rem;
+  color: var(--color-text-muted);
+}

data/app/controllers/errors_controller.rb

@@ -0,0 +1,120 @@
+# frozen_string_literal: true
+
+# Controller for handling application errors with custom pages
+# Provides consistent error pages for both UI and API requests
+# nosemgrep: ruby.lang.security.missing-csrf-protection.missing-csrf-protection
+class ErrorsController < ActionController::Base
+  # Include errors helper for route helpers in views
+  helper ErrorsHelper
+
+  # Skip CSRF protection for error pages (no forms to submit)
+  protect_from_forgery with: :null_session
+  # Don't check for modern browsers on error pages
+  skip_before_action :verify_authenticity_token, raise: false
+  layout "error"
+
+  # 400 Bad Request
+  def bad_request
+    @error_code = 400
+    @error_title = "Bad Request"
+    @error_message = params[:message] || "The request could not be understood by the server."
+    @error_details = params[:details]
+    @status = :bad_request
+
+    respond_to_error
+  end
+
+  # 401 Unauthorized
+  def unauthorized
+    @error_code = 401
+    @error_title = "Unauthorized"
+    @error_message = params[:message] || "You need to sign in or sign up before continuing."
+    @error_details = params[:details]
+    @status = :unauthorized
+
+    respond_to_error
+  end
+
+  # 403 Forbidden
+  def forbidden
+    @error_code = 403
+    @error_title = "Forbidden"
+    @error_message = params[:message] || "You don't have permission to access this resource."
+    @error_details = params[:details]
+    @status = :forbidden
+
+    respond_to_error
+  end
+
+  # 404 Not Found
+  def not_found
+    @error_code = 404
+    @error_title = "Page Not Found"
+    @error_message = params[:message] || "The page you're looking for doesn't exist."
+    @error_details = params[:details]
+    @status = :not_found
+
+    respond_to_error
+  end
+
+  # 406 Not Acceptable
+  def not_acceptable
+    @error_code = 406
+    @error_title = "Not Acceptable"
+    @error_message = params[:message] || "The requested resource cannot be provided in a format your browser accepts. Please try using a different browser or update your current browser."
+    @error_details = params[:details]
+    @status = :not_acceptable
+
+    respond_to_error
+  end
+
+  # 422 Unprocessable Entity
+  def unprocessable_entity
+    @error_code = 422
+    @error_title = "Unprocessable Entity"
+    @error_message = params[:message] || "The request was well-formed but contains invalid data."
+    @error_details = params[:details]
+    @status = :unprocessable_entity
+
+    respond_to_error
+  end
+
+  # 500 Internal Server Error
+  def internal_server_error
+    @error_code = 500
+    @error_title = "Internal Server Error"
+    @error_message = params[:message] || "Something went wrong on our end. We're working to fix it."
+    @error_details = params[:details]
+    @status = :internal_server_error
+
+    respond_to_error
+  end
+
+  # 503 Service Unavailable
+  def service_unavailable
+    @error_code = 503
+    @error_title = "Service Unavailable"
+    @error_message = params[:message] || "The service is temporarily unavailable. Please try again later."
+    @error_details = params[:details]
+    @status = :service_unavailable
+
+    respond_to_error
+  end
+
+  private
+
+  # Respond with appropriate format (HTML or JSON)
+  def respond_to_error
+    respond_to do |format|
+      format.html { render "errors/show", status: @status }
+      format.json do
+        response_data = {
+          success: false,
+          error: @error_message
+        }
+        response_data[:details] = @error_details if @error_details.present?
+        render json: response_data, status: @status
+      end
+    end
+  end
+end