belt 0.1.7 → 0.1.9

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

@@ -32,25 +32,21 @@ provider "conveyor-belt" {
   aws_region  = var.aws_region
 }
 
-resource "conveyor_belt" "main" {
-  provider          = conveyor-belt
-  source            = "${path.module}/../routes.tf.rb"
-  app_name          = var.app_name
-  lambda_source_dir = "${path.module}/../../lambda"
-  lambda_shared_dirs = ["controllers", "helpers", "lib", "models", "views"]
-  frontend_urls     = ["http://localhost:3000"]
-  friendly_errors   = var.environment != "prod"
+module "app" {
+  source = "../modules/app"
 
-  # Per-lambda configuration: env vars, timeouts, memory
-  lambda_config = {
-    api = {
-      # timeout     = 30
-      # memory_size = 256
+  app_name     = var.app_name
+  environment  = var.environment
+  aws_region   = var.aws_region
+  domain       = var.domain
+  frontend_urls = concat(
+    var.domain != "" ? ["https://${var.environment == "prod" ? var.domain : "${var.environment}.${var.domain}"}"] : [],
+    var.environment == "prod" ? [] : ["http://localhost:3000"]
+  )
 
-      env_vars = {
-        WELCOME_TITLE    = "Welcome to ${var.app_name}"
-        WELCOME_SUBTITLE = "API Gateway → Lambda → DynamoDB — all connected."
-      }
-    }
+  providers = {
+    aws           = aws
+    random        = random
+    conveyor-belt = conveyor-belt
   }
 }

data/lib/templates/environment/outputs.tf.erb

@@ -1,14 +1,39 @@
 output "api_url" {
   description = "API Gateway base URL"
-  value       = values(conveyor_belt.main.api_gateway_urls)[0]
+  value       = module.app.api_url
 }
 
 output "api_urls" {
   description = "Map of gateway names to API Gateway URLs"
-  value       = conveyor_belt.main.api_gateway_urls
+  value       = module.app.api_urls
 }
 
 output "lambda_functions" {
   description = "Map of action names to Lambda function ARNs"
-  value       = conveyor_belt.main.lambda_functions
+  value       = module.app.lambda_functions
+}
+
+output "app_domain" {
+  description = "The application domain for this environment"
+  value       = module.app.app_domain
+}
+
+output "name_servers" {
+  description = "NS records to configure at your domain registrar (only when domain is set)"
+  value       = try(module.app.name_servers, [])
+}
+
+output "frontend_bucket_name" {
+  description = "S3 bucket for frontend assets"
+  value       = try(module.app.frontend_bucket_name, "")
+}
+
+output "frontend_distribution_id" {
+  description = "CloudFront distribution ID"
+  value       = try(module.app.frontend_distribution_id, "")
+}
+
+output "frontend_url" {
+  description = "Frontend URL"
+  value       = try(module.app.frontend_url, "")
 }

data/lib/templates/environment/terraform.tfvars.erb

@@ -1 +1,6 @@
 environment = "<%= @env_name %>"
+<% if @domain && !@domain.empty? -%>
+domain      = "<%= @domain %>"
+<% else -%>
+# domain      = "myapp.com"
+<% end -%>

data/lib/templates/environment/variables.tf.erb

@@ -14,3 +14,9 @@ variable "aws_region" {
   type        = string
   default     = "us-east-1"
 }
+
+variable "domain" {
+  description = "Root domain (e.g., myapp.com). Leave empty to use default CloudFront/API Gateway URLs."
+  type        = string
+  default     = ""
+}

data/lib/templates/generate/controller.rb.erb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 require_relative 'application_controller'
-require_relative '../../models/<%= @singular_name %>'
 
 module <%= @module_name %>Controllers
   class <%= @class_name %>sController < ApplicationController

data/lib/templates/generate/model.rb.erb

@@ -1,8 +1,6 @@
 # frozen_string_literal: true
 
 class <%= @class_name %> < ApplicationRecord
-  include Concerns::Timestampable
-
 <% @fields.each do |field| -%>
   attr_accessor :<%= field[:name] %>
 <% end -%>

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

@@ -0,0 +1,83 @@
+# DNS configuration for Belt application
+# Convention: prod → mydomain.com, other envs → <env>.mydomain.com
+
+locals {
+  # Determine the domain for this environment
+  app_domain = var.domain != "" ? (
+    var.environment == "prod" ? var.domain : "${var.environment}.${var.domain}"
+  ) : ""
+
+  # API subdomain: api.mydomain.com (prod) or api.<env>.mydomain.com (non-prod)
+  api_domain = var.domain != "" ? "api.${local.app_domain}" : ""
+
+  # Whether DNS is enabled
+  dns_enabled = var.domain != ""
+}
+
+# --- Route53 Hosted Zone ---
+# One zone per environment subdomain (or root domain for prod)
+resource "aws_route53_zone" "app" {
+  count = local.dns_enabled ? 1 : 0
+  name  = local.app_domain
+}
+
+# --- ACM Certificate ---
+# Wildcard cert covers the app domain + all subdomains (api.*, www.*, etc.)
+resource "aws_acm_certificate" "app" {
+  count                     = local.dns_enabled ? 1 : 0
+  domain_name               = local.app_domain
+  subject_alternative_names = ["*.${local.app_domain}"]
+  validation_method         = "DNS"
+
+  lifecycle {
+    create_before_destroy = true
+  }
+}
+
+# DNS validation record for the certificate
+resource "aws_route53_record" "cert_validation" {
+  for_each = local.dns_enabled ? {
+    for dvo in aws_acm_certificate.app[0].domain_validation_options : dvo.domain_name => {
+      name   = dvo.resource_record_name
+      type   = dvo.resource_record_type
+      record = dvo.resource_record_value
+    }
+  } : {}
+
+  zone_id = aws_route53_zone.app[0].zone_id
+  name    = each.value.name
+  type    = each.value.type
+  ttl     = 300
+  records = [each.value.record]
+}
+
+resource "aws_acm_certificate_validation" "app" {
+  count                   = local.dns_enabled ? 1 : 0
+  certificate_arn         = aws_acm_certificate.app[0].arn
+  validation_record_fqdns = [for record in aws_route53_record.cert_validation : record.fqdn]
+}
+
+# --- API Gateway Custom Domain ---
+resource "aws_api_gateway_domain_name" "api" {
+  count                    = local.dns_enabled ? 1 : 0
+  domain_name              = local.api_domain
+  regional_certificate_arn = aws_acm_certificate_validation.app[0].certificate_arn
+
+  endpoint_configuration {
+    types = ["REGIONAL"]
+  }
+}
+
+# Route53 A record for api.<domain>
+resource "aws_route53_record" "api" {
+  count   = local.dns_enabled ? 1 : 0
+  zone_id = aws_route53_zone.app[0].zone_id
+  name    = local.api_domain
+  type    = "A"
+
+  alias {
+    name                   = aws_api_gateway_domain_name.api[0].regional_domain_name
+    zone_id                = aws_api_gateway_domain_name.api[0].regional_zone_id
+    evaluate_target_health = false
+  }
+}

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

@@ -0,0 +1,179 @@
+# Frontend hosting — S3 + CloudFront
+# Custom domain attached when var.domain is set
+
+resource "random_string" "frontend_suffix" {
+  length  = 8
+  special = false
+  upper   = false
+}
+
+# S3 bucket for frontend static assets
+resource "aws_s3_bucket" "frontend" {
+  bucket = "${var.app_name}-frontend-${var.environment}-${random_string.frontend_suffix.result}"
+
+  lifecycle {
+    ignore_changes = [bucket]
+  }
+}
+
+resource "aws_s3_bucket_public_access_block" "frontend" {
+  bucket = aws_s3_bucket.frontend.id
+
+  block_public_acls       = true
+  block_public_policy     = true
+  ignore_public_acls      = true
+  restrict_public_buckets = true
+}
+
+resource "aws_s3_bucket_server_side_encryption_configuration" "frontend" {
+  bucket = aws_s3_bucket.frontend.id
+
+  rule {
+    apply_server_side_encryption_by_default {
+      sse_algorithm = "AES256"
+    }
+    bucket_key_enabled = true
+  }
+}
+
+# CloudFront OAC
+resource "aws_cloudfront_origin_access_control" "frontend" {
+  name                              = "${var.app_name}-${var.environment}-frontend-oac"
+  description                       = "OAC for frontend bucket"
+  origin_access_control_origin_type = "s3"
+  signing_behavior                  = "always"
+  signing_protocol                  = "sigv4"
+}
+
+# CloudFront distribution
+resource "aws_cloudfront_distribution" "frontend" {
+  origin {
+    domain_name              = aws_s3_bucket.frontend.bucket_regional_domain_name
+    origin_id                = "S3-${aws_s3_bucket.frontend.id}"
+    origin_access_control_id = aws_cloudfront_origin_access_control.frontend.id
+  }
+
+  enabled             = true
+  is_ipv6_enabled     = true
+  default_root_object = "index.html"
+
+  # Custom domain aliases (if DNS configured)
+  aliases = local.dns_enabled ? compact([
+    local.app_domain,
+    var.environment == "prod" ? "www.${var.domain}" : ""
+  ]) : []
+
+  default_cache_behavior {
+    allowed_methods        = ["GET", "HEAD", "OPTIONS"]
+    cached_methods         = ["GET", "HEAD"]
+    target_origin_id       = "S3-${aws_s3_bucket.frontend.id}"
+    compress               = true
+    viewer_protocol_policy = "redirect-to-https"
+
+    forwarded_values {
+      query_string = false
+      cookies {
+        forward = "none"
+      }
+    }
+  }
+
+  # SPA routing — serve index.html for 404/403
+  custom_error_response {
+    error_code         = 404
+    response_code      = 200
+    response_page_path = "/index.html"
+  }
+
+  custom_error_response {
+    error_code         = 403
+    response_code      = 200
+    response_page_path = "/index.html"
+  }
+
+  restrictions {
+    geo_restriction {
+      restriction_type = "none"
+    }
+  }
+
+  viewer_certificate {
+    cloudfront_default_certificate = !local.dns_enabled
+    acm_certificate_arn            = local.dns_enabled ? aws_acm_certificate_validation.app[0].certificate_arn : null
+    ssl_support_method             = local.dns_enabled ? "sni-only" : null
+    minimum_protocol_version       = local.dns_enabled ? "TLSv1.2_2021" : null
+  }
+
+  tags = {
+    Name        = "${var.app_name}-${var.environment}-frontend"
+    Environment = var.environment
+    ManagedBy   = "Terraform"
+  }
+}
+
+# S3 bucket policy — CloudFront OAC access only
+resource "aws_s3_bucket_policy" "frontend" {
+  bucket = aws_s3_bucket.frontend.id
+
+  policy = jsonencode({
+    Version = "2012-10-17"
+    Statement = [
+      {
+        Sid    = "AllowCloudFrontServicePrincipal"
+        Effect = "Allow"
+        Principal = {
+          Service = "cloudfront.amazonaws.com"
+        }
+        Action   = "s3:GetObject"
+        Resource = "${aws_s3_bucket.frontend.arn}/*"
+        Condition = {
+          StringEquals = {
+            "AWS:SourceArn" = aws_cloudfront_distribution.frontend.arn
+          }
+        }
+      }
+    ]
+  })
+
+  depends_on = [aws_s3_bucket_public_access_block.frontend]
+}
+
+# Route53 record for frontend (app domain → CloudFront)
+resource "aws_route53_record" "frontend" {
+  count   = local.dns_enabled ? 1 : 0
+  zone_id = aws_route53_zone.app[0].zone_id
+  name    = local.app_domain
+  type    = "A"
+
+  alias {
+    name                   = aws_cloudfront_distribution.frontend.domain_name
+    zone_id                = aws_cloudfront_distribution.frontend.hosted_zone_id
+    evaluate_target_health = false
+  }
+}
+
+# www record for prod only
+resource "aws_route53_record" "frontend_www" {
+  count   = local.dns_enabled && var.environment == "prod" ? 1 : 0
+  zone_id = aws_route53_zone.app[0].zone_id
+  name    = "www.${var.domain}"
+  type    = "A"
+
+  alias {
+    name                   = aws_cloudfront_distribution.frontend.domain_name
+    zone_id                = aws_cloudfront_distribution.frontend.hosted_zone_id
+    evaluate_target_health = false
+  }
+}
+
+output "frontend_bucket_name" {
+  value = aws_s3_bucket.frontend.id
+}
+
+output "frontend_distribution_id" {
+  value = aws_cloudfront_distribution.frontend.id
+}
+
+output "frontend_url" {
+  value = local.dns_enabled ? "https://${local.app_domain}" : "https://${aws_cloudfront_distribution.frontend.domain_name}"
+}

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

@@ -0,0 +1,42 @@
+# Belt application module — defines all shared infrastructure.
+# Environments call this module with different variables.
+
+terraform {
+  required_providers {
+    aws = {
+      source  = "hashicorp/aws"
+      version = "~> 5.0"
+    }
+    random = {
+      source  = "hashicorp/random"
+      version = "~> 3.0"
+    }
+    conveyor-belt = {
+      source  = "stowzilla/conveyor-belt"
+      version = "~> 0.0.1"
+    }
+  }
+}
+
+resource "conveyor_belt" "main" {
+  provider = conveyor-belt
+
+  source            = "${path.module}/../../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
+  friendly_errors   = var.environment != "prod"
+
+  custom_domain_name = local.dns_enabled ? local.api_domain : ""
+
+  # Per-lambda configuration: env vars, timeouts, memory
+  lambda_config = {
+    api = {
+      env_vars = {
+        WELCOME_TITLE    = "Welcome to ${var.app_name}"
+        WELCOME_SUBTITLE = "API Gateway → Lambda → DynamoDB — all connected."
+      }
+    }
+  }
+}

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

@@ -0,0 +1,24 @@
+output "api_url" {
+  description = "API Gateway base URL (custom domain if configured, otherwise default)"
+  value       = var.domain != "" ? "https://${local.api_domain}" : values(conveyor_belt.main.api_gateway_urls)[0]
+}
+
+output "api_urls" {
+  description = "Map of gateway names to API Gateway URLs"
+  value       = conveyor_belt.main.api_gateway_urls
+}
+
+output "lambda_functions" {
+  description = "Map of action names to Lambda function ARNs"
+  value       = conveyor_belt.main.lambda_functions
+}
+
+output "app_domain" {
+  description = "The application domain for this environment"
+  value       = local.app_domain
+}
+
+output "name_servers" {
+  description = "NS records to configure at your registrar"
+  value       = local.dns_enabled ? aws_route53_zone.app[0].name_servers : []
+}

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

@@ -0,0 +1,27 @@
+variable "app_name" {
+  description = "Name of the application"
+  type        = string
+}
+
+variable "environment" {
+  description = "Environment name (e.g., dev, prod, staging)"
+  type        = string
+}
+
+variable "aws_region" {
+  description = "AWS region"
+  type        = string
+  default     = "us-east-1"
+}
+
+variable "domain" {
+  description = "Root domain for the application (e.g., myapp.com). Leave empty to skip DNS."
+  type        = string
+  default     = ""
+}
+
+variable "frontend_urls" {
+  description = "URLs allowed for CORS frontend access"
+  type        = list(string)
+  default     = []
+}

data/lib/templates/new_app/lambda/config/environment.rb.erb

@@ -15,4 +15,10 @@ end
 
 # Load lib and models
 Dir[File.join(__dir__, '..', 'lib', '**', '*.rb')].sort.each { |f| require f }
-Dir[File.join(__dir__, '..', 'models', '**', '*.rb')].sort.each { |f| require f }
+
+models_dir = File.join(__dir__, '..', 'models')
+all_models = Dir[File.join(models_dir, '**', '*.rb')].sort
+app_record = all_models.find { |f| File.basename(f) == 'application_record.rb' }
+rest = all_models - [app_record].compact
+require app_record if app_record
+rest.each { |f| require f }

data/lib/templates/views/Form.jsx.erb

@@ -3,7 +3,13 @@ import { Link } from 'react-router-dom'
 
 export default function <%= @class_name %>Form({ initialValues = {}, onSubmit, submitLabel = 'Create' }) {
 <% @fields.each do |field| -%>
+<% if field[:type] == 'boolean' -%>
+  const [<%= field[:name] %>, set<%= field[:name].split('_').map(&:capitalize).join %>] = useState(initialValues.<%= field[:name] %> || false)
+<% elsif field[:type] == 'integer' || field[:type] == 'float' -%>
+  const [<%= field[:name] %>, set<%= field[:name].split('_').map(&:capitalize).join %>] = useState(initialValues.<%= field[:name] %> ?? '')
+<% else -%>
   const [<%= field[:name] %>, set<%= field[:name].split('_').map(&:capitalize).join %>] = useState(initialValues.<%= field[:name] %> || '')
+<% end -%>
 <% end -%>
 
   function handleSubmit(e) {
@@ -15,20 +21,70 @@ export default function <%= @class_name %>Form({ initialValues = {}, onSubmit, s
     <form onSubmit={handleSubmit}>
 <% @fields.each do |field| -%>
       <div style={{ marginBottom: '1rem' }}>
-        <label style={{ display: 'block', marginBottom: '0.25rem' }}><%= field[:name].split('_').map(&:capitalize).join(' ') %></label>
-<% if field[:type] == 'text' -%>
+        <label style={{ display: 'block', marginBottom: '0.25rem', fontWeight: 500 }}><%= field[:name].split('_').map(&:capitalize).join(' ') %></label>
+<% case field[:type] -%>
+<% when 'text' -%>
         <textarea value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
-          rows={6} style={{ width: '100%' }} />
+          rows={6} style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
+<% when 'boolean' -%>
+        <label style={{ display: 'inline-flex', alignItems: 'center', cursor: 'pointer', gap: '0.5rem' }}>
+          <span style={{
+            position: 'relative',
+            display: 'inline-block',
+            width: '44px',
+            height: '24px',
+            borderRadius: '12px',
+            backgroundColor: <%= field[:name] %> ? '#4f46e5' : '#d1d5db',
+            transition: 'background-color 0.2s'
+          }}>
+            <span style={{
+              position: 'absolute',
+              top: '2px',
+              left: <%= field[:name] %> ? '22px' : '2px',
+              width: '20px',
+              height: '20px',
+              borderRadius: '50%',
+              backgroundColor: '#fff',
+              transition: 'left 0.2s',
+              boxShadow: '0 1px 3px rgba(0,0,0,0.2)'
+            }} />
+          </span>
+          <input type="checkbox" checked={<%= field[:name] %>}
+            onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.checked)}
+            style={{ position: 'absolute', opacity: 0, width: 0, height: 0 }} />
+          <span style={{ fontSize: '0.875rem', color: '#6b7280' }}>{<%= field[:name] %> ? 'Yes' : 'No'}</span>
+        </label>
+<% when 'date' -%>
+        <input type="date" value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
+          style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
+<% when 'datetime' -%>
+        <input type="datetime-local" value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
+          style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
+<% when 'integer' -%>
+        <input type="number" value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
+          step="1" style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
+<% when 'float' -%>
+        <input type="number" value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
+          step="any" style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
 <% else -%>
         <input type="text" value={<%= field[:name] %>} onChange={e => set<%= field[:name].split('_').map(&:capitalize).join %>(e.target.value)}
-          style={{ width: '100%', padding: '0.5rem' }} />
+          style={{ width: '100%', padding: '0.5rem', boxSizing: 'border-box' }} />
 <% end -%>
       </div>
 <% end -%>
 
-      <button type="submit">{submitLabel}</button>
-      {' '}
-      <Link to="/<%= @resource_name %>">Cancel</Link>
+      <div style={{ display: 'flex', alignItems: 'center', gap: '1rem', marginTop: '1.5rem' }}>
+        <button type="submit" style={{
+          padding: '0.5rem 1.5rem',
+          backgroundColor: '#4f46e5',
+          color: '#fff',
+          border: 'none',
+          borderRadius: '0.375rem',
+          cursor: 'pointer',
+          fontWeight: 500
+        }}>{submitLabel}</button>
+        <Link to="/<%= @resource_name %>" style={{ color: '#4f46e5' }}>Cancel</Link>
+      </div>
     </form>
   )
 }

data/lib/templates/views/Index.jsx.erb

@@ -18,21 +18,52 @@ export default function <%= @class_name %>sIndex() {
     <main style={{ padding: '2rem', maxWidth: '800px', margin: '0 auto' }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
         <h1><%= @class_name %>s</h1>
-        <Link to="/<%= @resource_name %>/new">New <%= @class_name %></Link>
+        <Link to="/<%= @resource_name %>/new" style={{
+          padding: '0.5rem 1rem',
+          backgroundColor: '#4f46e5',
+          color: '#fff',
+          borderRadius: '0.375rem',
+          textDecoration: 'none',
+          fontWeight: 500
+        }}>New <%= @class_name %></Link>
       </div>
 
       {<%= @resource_name %>.length === 0 ? (
         <p>No <%= @resource_name %> yet.</p>
       ) : (
-        <ul style={{ listStyle: 'none', padding: 0 }}>
-          {<%= @resource_name %>.map(<%= @singular_name %> => (
-            <li key={<%= @singular_name %>.id} style={{ padding: '0.5rem 0', borderBottom: '1px solid #eee' }}>
-              <Link to={`/<%= @resource_name %>/${<%= @singular_name %>.id}`}>
-                {<%= @singular_name %>.<%= @fields.first&.dig(:name) || 'id' %>}
-              </Link>
-            </li>
-          ))}
-        </ul>
+        <table style={{ width: '100%', borderCollapse: 'collapse', marginTop: '1rem' }}>
+          <thead>
+            <tr style={{ borderBottom: '2px solid #e5e7eb', textAlign: 'left' }}>
+<% @fields.each do |field| -%>
+              <th style={{ padding: '0.5rem' }}><%= field[:name].split('_').map(&:capitalize).join(' ') %></th>
+<% end -%>
+              <th style={{ padding: '0.5rem' }}></th>
+            </tr>
+          </thead>
+          <tbody>
+            {<%= @resource_name %>.map(<%= @singular_name %> => (
+              <tr key={<%= @singular_name %>.id} style={{ borderBottom: '1px solid #e5e7eb' }}>
+<% @fields.each do |field| -%>
+<% case field[:type] -%>
+<% when 'boolean' -%>
+                <td style={{ padding: '0.5rem' }}>{<%= @singular_name %>.<%= field[:name] %> ? '✓' : '✗'}</td>
+<% when 'date' -%>
+                <td style={{ padding: '0.5rem' }}>{<%= @singular_name %>.<%= field[:name] %> ? new Date(<%= @singular_name %>.<%= field[:name] %>).toLocaleDateString() : '—'}</td>
+<% when 'datetime' -%>
+                <td style={{ padding: '0.5rem' }}>{<%= @singular_name %>.<%= field[:name] %> ? new Date(<%= @singular_name %>.<%= field[:name] %>).toLocaleString() : '—'}</td>
+<% when 'text' -%>
+                <td style={{ padding: '0.5rem', maxWidth: '200px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{<%= @singular_name %>.<%= field[:name] %>}</td>
+<% else -%>
+                <td style={{ padding: '0.5rem' }}>{<%= @singular_name %>.<%= field[:name] %>}</td>
+<% end -%>
+<% end -%>
+                <td style={{ padding: '0.5rem' }}>
+                  <Link to={`/<%= @resource_name %>/${<%= @singular_name %>.id}`}>Show</Link>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
       )}
     </main>
   )