asjs-express 1.5.0 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asjs-express",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Lightweight Express view engine with EJS-like templates, layouts, async page rendering, form enhancement, and a built-in client router.",
   "main": "index.js",
   "bin": {

package/templates/minimal/app.js.tpl

@@ -4,15 +4,12 @@ const { setupAsjs } = require('asjs-express');
 const app = express();
 const port = process.env.PORT || __PORT__;
 
-app.use(express.urlencoded({ extended: false }));
-
 const asjs = setupAsjs(app, {
   rootDir: __dirname,
   defaultLayout: 'layouts/main',
   navItems: [
     { href: '/', label: 'Home', activeMode: 'exact' },
-    { href: '/about', label: 'About', activeMode: 'exact' },
-    { href: '/contact', label: 'Contact', activeMode: 'exact' }
+    { href: '/about', label: 'About', activeMode: 'exact' }
   ],
   brand: {
     href: '/',
@@ -25,32 +22,30 @@ const asjs = setupAsjs(app, {
   loadingBar: true
 });
 
-// Home
 app.get('/', asjs.page('home', {
   title: '__APP_TITLE__',
   headline: 'Welcome to __APP_TITLE__',
-  description: 'A three-page starter built with ASJS and Express. SPA navigation, smooth transitions, and server-rendered pages are already set up.',
+  description: 'A starter built with ASJS and Express. SPA navigation, smooth transitions, and server-rendered pages are ready out of the box.',
   features: [
     {
       label: 'SPA Navigation',
-      text: 'Pages swap without a full reload. The header and layout stay in place while only the content area changes.'
+      text: 'Pages swap without a full reload. The header and layout stay in place while only the content changes.'
     },
     {
       label: 'Server Rendering',
-      text: 'Each page is fully rendered on the server. Route data is prepared in the callback before the HTML response is sent.'
+      text: 'Each page is fully rendered on the server before it reaches the browser. Route data is prepared in the callback.'
     },
     {
-      label: 'Form Handling',
-      text: 'Forms submit to the server and return a new rendered state. Validation errors are shown without losing the page shell.'
+      label: 'Zero Build Step',
+      text: 'No bundler, no compiler. Write EJS-style templates and run with Node. It just works.'
     }
   ]
 }));
 
-// About
 app.get('/about', asjs.page('about', {
   title: 'About — __APP_TITLE__',
-  headline: 'About this project',
-  description: 'This app is built with ASJS on top of Express. ASJS adds layouts, async page models, client-side transitions, and form helpers without a front-end build step.',
+  headline: 'About __APP_TITLE__',
+  description: 'Built with ASJS on top of Express. Layouts, async page models, client-side transitions, and a loading bar — without a front-end build step.',
   facts: [
     { label: 'Engine', value: 'ASJS __ASJS_VERSION__' },
     { label: 'Framework', value: 'Express' },
@@ -66,66 +61,8 @@ app.get('/about', asjs.page('about', {
   ]
 }));
 
-// Contact — GET
-const contactInitialState = {
-  title: 'Contact — __APP_TITLE__',
-  headline: 'Get in touch',
-  description: 'Send a message using the form below. This form is handled on the server and returns a validation state or a success state.',
-  formValues: { name: '', email: '', message: '' },
-  formErrors: {},
-  submitted: false
-};
-
-app.get('/contact', asjs.page('contact', contactInitialState));
-
-// Contact — POST
-app.post('/contact', asjs.createPageRoute('contact', {}, async (req) => {
-  const formValues = asjs.normalizeFields(req.body, ['name', 'email', 'message']);
-  const formErrors = asjs.validateFields(formValues, {
-    name: {
-      required: 'Please enter your name.'
-    },
-    email: {
-      required: 'Please enter your email address.',
-      pattern: {
-        value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-        message: 'Please enter a valid email address.'
-      }
-    },
-    message: {
-      required: 'Please write a message.',
-      minLength: {
-        value: 10,
-        message: 'Please write at least 10 characters.'
-      }
-    }
-  });
-
-  if (asjs.hasValidationErrors(formErrors)) {
-    return {
-      status: 422,
-      title: 'Contact — __APP_TITLE__',
-      headline: 'Get in touch',
-      description: 'A few fields need attention before the form can be sent.',
-      formValues,
-      formErrors,
-      submitted: false
-    };
-  }
-
-  return {
-    title: 'Message sent — __APP_TITLE__',
-    headline: 'Message received',
-    description: 'Your message has been received. This is a starter demo — no real email was sent.',
-    formValues: contactInitialState.formValues,
-    formErrors: {},
-    submitted: true,
-    sentValues: formValues
-  };
-}));
-
 app.use(asjs.errors());
 
 app.listen(port, () => {
-  console.log('__APP_TITLE__ is running at http://localhost:' + port);
+  console.log('__APP_TITLE__ running at http://localhost:' + port);
 });

package/templates/minimal/views/about.asjs.tpl

@@ -23,6 +23,5 @@
   </ul>
   <div class="hero-actions" style="margin-top: 24px;">
     <a href="/" class="button button-primary" data-asjs-transition="fade">Back to home</a>
-    <a href="/contact" class="button button-secondary" data-asjs-transition="fade">Contact</a>
   </div>
-</div>
+</div>

package/templates/minimal/views/home.asjs.tpl

@@ -4,7 +4,6 @@
   <p><%= description %></p>
   <div class="hero-actions">
     <a href="/about" class="button button-primary" data-asjs-transition="fade">Learn more</a>
-    <a href="/contact" class="button button-secondary" data-asjs-transition="fade">Get in touch</a>
   </div>
 </div>
 

package/templates/minimal/views/contact.asjs.tpl

@@ -1,53 +0,0 @@
-<% if (locals.submitted) { %>
-<div class="section-card status-panel--success" style="margin-top: 0;">
-  <span class="section-label" style="background: #dcfce7; color: #15803d;">Sent</span>
-  <h2 style="margin-top: 14px; letter-spacing: -0.04em;"><%= headline %></h2>
-  <p><%= description %></p>
-  <div class="render-summary-grid" style="margin-top: 20px;">
-    <div class="render-item">
-      <span>Name</span>
-      <strong><%= sentValues.name %></strong>
-    </div>
-    <div class="render-item">
-      <span>Email</span>
-      <strong><%= sentValues.email %></strong>
-    </div>
-  </div>
-  <div class="hero-actions" style="margin-top: 24px;">
-    <a href="/" class="button button-primary" data-asjs-transition="fade">Back to home</a>
-    <a href="/contact" class="button button-secondary" data-asjs-transition="fade">Send another</a>
-  </div>
-</div>
-<% } else { %>
-<div class="page-intro">
-  <span class="section-label">Contact</span>
-  <h1><%= headline %></h1>
-  <p><%= description %></p>
-</div>
-
-<div class="section-card form-panel">
-  <form class="webas-form" method="POST" action="/contact">
-    <div class="field-grid">
-      <div class="field-group">
-        <span>Name</span>
-        <input type="text" name="name" value="<%= formValues.name %>" placeholder="Your name" autocomplete="name">
-        <% if (formErrors.name) { %><span class="field-error"><%= formErrors.name %></span><% } %>
-      </div>
-      <div class="field-group">
-        <span>Email</span>
-        <input type="email" name="email" value="<%= formValues.email %>" placeholder="you@example.com" autocomplete="email">
-        <% if (formErrors.email) { %><span class="field-error"><%= formErrors.email %></span><% } %>
-      </div>
-    </div>
-    <div class="field-group">
-      <span>Message</span>
-      <textarea name="message" placeholder="Your message (at least 10 characters)"><%= formValues.message %></textarea>
-      <% if (formErrors.message) { %><span class="field-error"><%= formErrors.message %></span><% } %>
-    </div>
-    <div class="form-actions">
-      <button type="submit" class="button button-primary">Send message</button>
-      <span>The form is validated on the server before the page re-renders.</span>
-    </div>
-  </form>
-</div>
-<% } %>