belt 0.2.8 → 0.2.10

data/lib/templates/frontend/react/src/pages/Home.jsx.erb

@@ -1,9 +1,288 @@
+import { useEffect, useState } from 'react'
+import { apiClient } from '../lib/apiClient'
+
+// Mirrors lib/belt/assets/welcome.css so SPA and Lambda HTML welcome match.
+// All content lives in the hero overlay — no scroll under the poster.
+const welcomeStyles = `
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body, #root { height: 100%; }
+  .belt-welcome {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: #0b1220;
+    color: #2d3748;
+    min-height: 100vh;
+    height: 100%;
+    overflow: hidden;
+  }
+  .belt-welcome .hero {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+    overflow: hidden;
+  }
+  .belt-welcome .hero-bg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    /* Pin the logo / sky — crop hills at the bottom if the viewport is short */
+    object-position: top center;
+    display: block;
+  }
+  .belt-welcome .overlay {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    padding: 1.35rem 1.6rem 1.25rem;
+    background: rgba(255, 255, 255, 0.55);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+    border-radius: 14px;
+    text-align: center;
+    max-width: 560px;
+    width: min(92vw, 560px);
+    max-height: min(92vh, 620px);
+    overflow: auto;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
+  }
+  .belt-welcome .overlay h1 {
+    font-size: 1.85rem;
+    font-weight: 700;
+    color: #2d3748;
+    margin-bottom: 0.3rem;
+    line-height: 1.2;
+  }
+  .belt-welcome .overlay .subtitle {
+    font-size: 0.95rem;
+    color: #4a5568;
+    line-height: 1.4;
+  }
+  .belt-welcome .stack-check {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.4rem;
+    margin: 1rem 0 0.85rem;
+    flex-wrap: wrap;
+  }
+  .belt-welcome .check-item {
+    display: flex;
+    align-items: center;
+    gap: 0.35rem;
+    padding: 0.35rem 0.7rem;
+    border-radius: 8px;
+    font-weight: 500;
+    font-size: 0.88rem;
+  }
+  .belt-welcome .check-pass {
+    background: rgba(39, 174, 96, 0.12);
+    border: 1px solid rgba(39, 174, 96, 0.35);
+    color: #1e8449;
+  }
+  .belt-welcome .check-neutral {
+    background: rgba(113, 128, 150, 0.1);
+    border: 1px solid rgba(113, 128, 150, 0.28);
+    color: #4a5568;
+  }
+  .belt-welcome .icon { font-size: 1rem; }
+  .belt-welcome .arrow { color: #718096; font-size: 1.05rem; }
+  .belt-welcome .next-steps {
+    text-align: left;
+    border-top: 1px solid rgba(45, 55, 72, 0.12);
+    padding-top: 0.75rem;
+    margin-top: 0.15rem;
+  }
+  .belt-welcome .next-steps h2 {
+    font-size: 0.92rem;
+    margin-bottom: 0.45rem;
+    color: #2d3748;
+    text-align: left;
+  }
+  .belt-welcome .next-steps ol {
+    padding-left: 1.2rem;
+    margin: 0;
+  }
+  .belt-welcome .next-steps li {
+    margin-bottom: 0.4rem;
+    color: #4a5568;
+    line-height: 1.4;
+    font-size: 0.88rem;
+  }
+  .belt-welcome .next-steps li:last-child { margin-bottom: 0; }
+  .belt-welcome .next-steps code {
+    background: rgba(99, 45, 145, 0.1);
+    padding: 0.12rem 0.35rem;
+    border-radius: 4px;
+    color: #632d91;
+    font-size: 0.78rem;
+    word-break: break-word;
+  }
+  .belt-welcome .footer-note {
+    margin-top: 0.75rem;
+    padding-top: 0.65rem;
+    border-top: 1px solid rgba(45, 55, 72, 0.1);
+    font-size: 0.78rem;
+    color: #718096;
+    text-align: center;
+  }
+  .belt-welcome .footer-note code {
+    background: rgba(45, 55, 72, 0.06);
+    padding: 0.08rem 0.3rem;
+    border-radius: 3px;
+    color: #4a5568;
+  }
+  .belt-welcome .status-main {
+    padding: 3rem 2rem;
+    text-align: center;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    color: #4a5568;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+  .belt-welcome .status-main h1 {
+    font-size: 1.75rem;
+    color: #2d3748;
+    margin-bottom: 0.75rem;
+  }
+  .belt-welcome .error { color: #b91c1c; margin-top: 0.75rem; }
+  .belt-welcome .muted { color: #6b7280; margin-top: 0.5rem; font-size: 0.95rem; }
+  @media (max-height: 640px) {
+    .belt-welcome .overlay { padding: 1rem 1.15rem; }
+    .belt-welcome .overlay h1 { font-size: 1.5rem; }
+    .belt-welcome .overlay .subtitle { font-size: 0.88rem; }
+    .belt-welcome .stack-check { margin: 0.7rem 0 0.55rem; }
+    .belt-welcome .check-item { padding: 0.28rem 0.55rem; font-size: 0.8rem; }
+    .belt-welcome .next-steps li { font-size: 0.82rem; }
+  }
+`
+
+function StackItem({ ok, label }) {
+  // DynamoDB false is expected (no tables yet) — neutral, not a warning.
+  const className = ok ? 'check-item check-pass' : 'check-item check-neutral'
+  return (
+    <div className={className}>
+      <span className="icon" aria-hidden="true">{ok ? '✓' : '○'}</span>
+      <span>{label}</span>
+    </div>
+  )
+}
+
+// Turn "Label: belt some command" into mixed text + <code> when possible.
+function StepLine({ step }) {
+  const match = typeof step === 'string' ? step.match(/^(.*?):\s+(belt\s.+)$/) : null
+  if (match) {
+    return (
+      <>
+        {match[1]}: <code>{match[2]}</code>
+      </>
+    )
+  }
+  return step
+}
+
 function Home() {
+  const [welcome, setWelcome] = useState(null)
+  const [error, setError] = useState(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    let cancelled = false
+
+    apiClient('/')
+      .then((data) => {
+        if (!cancelled) {
+          setWelcome(data)
+          setLoading(false)
+        }
+      })
+      .catch((err) => {
+        if (!cancelled) {
+          setError(err.message || 'Failed to reach API')
+          setLoading(false)
+        }
+      })
+
+    return () => { cancelled = true }
+  }, [])
+
+  if (loading) {
+    return (
+      <div className="belt-welcome">
+        <style>{welcomeStyles}</style>
+        <main className="status-main">
+          <p className="muted">Connecting to API…</p>
+        </main>
+      </div>
+    )
+  }
+
+  if (error) {
+    return (
+      <div className="belt-welcome">
+        <style>{welcomeStyles}</style>
+        <main className="status-main">
+          <h1><%= @module_name %></h1>
+          <p className="error">Could not load welcome data from the API.</p>
+          <p className="muted">{error}</p>
+          <p className="muted" style={{ marginTop: '1rem' }}>
+            Check <code>VITE_API_URL</code> (run <code>belt frontend env dev</code>) and that CORS allows this origin.
+          </p>
+        </main>
+      </div>
+    )
+  }
+
+  const stack = welcome.stack || {}
+  const dynamoOk = !!stack.dynamodb
+  const title = welcome.title || '<%= @module_name %>'
+  const subtitle = welcome.subtitle || 'Your Belt app is running.'
+
   return (
-    <main style={{ padding: '2rem', maxWidth: '800px', margin: '0 auto' }}>
-      <h1><%= @module_name %></h1>
-      <p>Your Belt app is running. Edit <code>src/pages/Home.jsx</code> to get started.</p>
-    </main>
+    <div className="belt-welcome">
+      <style>{welcomeStyles}</style>
+
+      <div className="hero">
+        {welcome.background_image ? (
+          <img
+            src={welcome.background_image}
+            alt="Belt"
+            className="hero-bg"
+          />
+        ) : (
+          <div className="hero-bg" style={{ minHeight: '100vh', background: '#1a202c' }} />
+        )}
+        <div className="overlay">
+          <h1>{title}</h1>
+          <p className="subtitle">{subtitle}</p>
+
+          <div className="stack-check">
+            <StackItem ok={!!stack.api_gateway} label="API Gateway" />
+            <span className="arrow">→</span>
+            <StackItem ok={!!stack.lambda} label="Lambda" />
+            <span className="arrow">→</span>
+            <StackItem ok={dynamoOk} label="DynamoDB" />
+          </div>
+
+          {Array.isArray(welcome.next_steps) && welcome.next_steps.length > 0 && (
+            <div className="next-steps">
+              <h2>Next Steps</h2>
+              <ol>
+                {welcome.next_steps.map((step, i) => (
+                  <li key={i}><StepLine step={step} /></li>
+                ))}
+              </ol>
+            </div>
+          )}
+
+          <p className="footer-note">
+            Edit <code>src/pages/Home.jsx</code> to replace this page.
+          </p>
+        </div>
+      </div>
+    </div>
   )
 }
 

data/lib/templates/module/main.tf.erb

@@ -21,17 +21,27 @@ terraform {
 resource "conveyor_belt" "main" {
   provider = conveyor-belt
 
-  source            = "${path.module}/../../config/routes.tf.rb"
+  # path.module is infrastructure/modules/app — climb three levels to project root
+  source            = "${path.module}/../../../config/routes.tf.rb"
   app_name          = var.app_name
   lambda_source_dir = "${path.module}/../../../lambda"
   lambda_shared_dirs = ["controllers", "helpers", "lib", "models", "views"]
-  frontend_urls     = var.frontend_urls
+<% if @frontend -%>
+  # CloudFront first so SPA→API CORS works out of the box (tutorial footgun fixed).
+  # localhost stays via env frontend_urls for local `belt server` dev.
+  frontend_urls = concat(
+    ["https://${aws_cloudfront_distribution.frontend.domain_name}"],
+    var.frontend_urls
+  )
+<% else -%>
+  frontend_urls = var.frontend_urls
+<% end -%>
   friendly_errors   = var.environment != "prod"
 
   custom_domain_name = local.dns_enabled ? local.api_domain : ""
 
   # Per-lambda configuration from config/lambda/*.yml (database.yml style)
-  lambda_config_dir = "${path.module}/../../config/lambda"
+  lambda_config_dir = "${path.module}/../../../config/lambda"
 
   # Dynamic value references — YAML env_vars use ref(name) to pull these in
   lambda_env_refs = var.lambda_env_refs

data/lib/templates/new_app/config/routes.tf.rb.erb

@@ -1,6 +1,7 @@
 Belt.application.routes.draw do
   namespace :api do
-    get "/", action: :show, controller: :welcome
+    # Public stack-check / welcome (HTML for browsers, JSON for the SPA shell)
+    get "/", action: :show, controller: :welcome, auth: :none
     # resources :posts
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: belt
 version: !ruby/object:Gem::Version
-  version: 0.2.8
+  version: 0.2.10
 platform: ruby
 authors:
 - Stowzilla
@@ -76,6 +76,7 @@ files:
 - lib/belt/cli/console_command.rb
 - lib/belt/cli/deploy_command.rb
 - lib/belt/cli/destroy_command.rb
+- lib/belt/cli/doctor_command.rb
 - lib/belt/cli/env_resolver.rb
 - lib/belt/cli/environment_command.rb
 - lib/belt/cli/environment_config.rb
@@ -88,6 +89,7 @@ files:
 - lib/belt/cli/generator_registry.rb
 - lib/belt/cli/lambda_config_command.rb
 - lib/belt/cli/new_command.rb
+- lib/belt/cli/path_gem_materializer.rb
 - lib/belt/cli/routes_command.rb
 - lib/belt/cli/routes_command/route_inference.rb
 - lib/belt/cli/routes_command/schema_loader.rb
@@ -97,10 +99,12 @@ files:
 - lib/belt/cli/tasks_command.rb
 - lib/belt/cli/terraform_command.rb
 - lib/belt/cli/views_command.rb
+- lib/belt/configuration.rb
 - lib/belt/controllers/welcome_controller.rb
 - lib/belt/helpers/cors_origin.rb
 - lib/belt/helpers/error_logging.rb
 - lib/belt/helpers/response.rb
+- lib/belt/http_status.rb
 - lib/belt/inflector.rb
 - lib/belt/lambda_handler.rb
 - lib/belt/observability.rb
@@ -112,6 +116,7 @@ files:
 - lib/belt/version.rb
 - lib/belt/views/welcome/show.html.erb
 - lib/belt_controller/base.rb
+- lib/belt_controller/implicit_response.rb
 - lib/templates/environment/backend.tf.erb
 - lib/templates/environment/main.tf.erb
 - lib/templates/environment/outputs.tf.erb
@@ -160,6 +165,19 @@ metadata:
   source_code_uri: https://github.com/stowzilla/belt
   changelog_uri: https://github.com/stowzilla/belt/blob/master/CHANGELOG.md
   rubygems_mfa_required: 'true'
+post_install_message: |2+
+
+  ╭────────────────────────────────────────────╮
+  │  Belt installed successfully!               │
+  │                                            │
+  │  Run `belt doctor` to verify your setup:   │
+  │    • AWS CLI                               │
+  │    • Terraform                             │
+  │    • AWS credentials & authentication      │
+  │                                            │
+  │  Then: belt new <app_name>                 │
+  ╰────────────────────────────────────────────╯
+
 rdoc_options: []
 require_paths:
 - lib
@@ -178,3 +196,4 @@ rubygems_version: 3.6.9
 specification_version: 4
 summary: Belt - a utility toolkit for Ruby applications
 test_files: []
+...