belt 0.1.8 → 0.1.9

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>
   )

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

@@ -27,8 +27,18 @@ export default function <%= @class_name %>Show() {
     <main style={{ padding: '2rem', maxWidth: '800px', margin: '0 auto' }}>
       <Link to="/<%= @resource_name %>">&larr; Back to <%= @resource_name %></Link>
 <% @fields.each do |field| -%>
-<% if field[:type] == 'text' -%>
-      <div style={{ margin: '1rem 0', whiteSpace: 'pre-wrap' }}>{<%= @singular_name %>.<%= field[:name] %>}</div>
+<% case field[:type] -%>
+<% when 'text' -%>
+      <div style={{ margin: '1rem 0' }}>
+        <strong><%= field[:name].split('_').map(&:capitalize).join(' ') %></strong>
+        <div style={{ whiteSpace: 'pre-wrap', marginTop: '0.25rem' }}>{<%= @singular_name %>.<%= field[:name] %>}</div>
+      </div>
+<% when 'boolean' -%>
+      <p><strong><%= field[:name].split('_').map(&:capitalize).join(' ') %>:</strong> {<%= @singular_name %>.<%= field[:name] %> ? 'Yes' : 'No'}</p>
+<% when 'date' -%>
+      <p><strong><%= field[:name].split('_').map(&:capitalize).join(' ') %>:</strong> {<%= @singular_name %>.<%= field[:name] %> ? new Date(<%= @singular_name %>.<%= field[:name] %>).toLocaleDateString() : '—'}</p>
+<% when 'datetime' -%>
+      <p><strong><%= field[:name].split('_').map(&:capitalize).join(' ') %>:</strong> {<%= @singular_name %>.<%= field[:name] %> ? new Date(<%= @singular_name %>.<%= field[:name] %>).toLocaleString() : '—'}</p>
 <% else -%>
       <p><strong><%= field[:name].split('_').map(&:capitalize).join(' ') %>:</strong> {<%= @singular_name %>.<%= field[:name] %>}</p>
 <% end -%>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: belt
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Stowzilla
@@ -121,6 +121,11 @@ files:
 - lib/templates/frontend_infra/frontend.tf.erb
 - lib/templates/generate/controller.rb.erb
 - lib/templates/generate/model.rb.erb
+- lib/templates/module/dns.tf.erb
+- lib/templates/module/frontend.tf.erb
+- lib/templates/module/main.tf.erb
+- lib/templates/module/outputs.tf.erb
+- lib/templates/module/variables.tf.erb
 - lib/templates/new_app/AGENTS.md.erb
 - lib/templates/new_app/Gemfile.erb
 - lib/templates/new_app/README.md.erb