Sezione Campus: layout dedicato, route protette e documentazione

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-25 15:40:07 +02:00
parent 7baebebc09
commit c4107b84a5
15 changed files with 565 additions and 52 deletions
@@ -1,7 +1,7 @@
 ---
 import Admin from '../../layouts/Admin.astro';
 import { getDb } from '../../lib/db';
-import { login, SESSION_COOKIE } from '../../lib/auth';
+import { login, getSessionUser, landingFor, SESSION_COOKIE } from '../../lib/auth';
 import { rateLimit } from '../../lib/rate-limit';
 export const prerender = false;

@@ -17,7 +17,9 @@ if (Astro.request.method === 'POST') {
        httpOnly: true, sameSite: 'lax', path: '/',
        secure: import.meta.env.PROD, maxAge: 7 * 24 * 3600,
      });
-      return Astro.redirect('/admin');
+      // Ogni ruolo atterra sulla sua sezione: campus fuori dal pannello, gli
+      // altri sulla pagina admin che possono effettivamente aprire.
+      return Astro.redirect(landingFor(getSessionUser(getDb(), token)?.role ?? 'user'));
    }
    error = 'Credenziali non valide.';
  }
@@ -0,0 +1,113 @@
+---
+// Due forme di URL:
+//   /campus/<area>          → indice dei capitoli dell'area
+//   /campus/<area>/<guida>  → corpo della guida
+import Campus from '../../layouts/Campus.astro';
+import { getNav, findArea, findLesson, chapterOf, readLessonHtml } from '../../lib/campus';
+export const prerender = false;
+
+const nav = getNav();
+if (!nav) return new Response('Contenuti del Campus non disponibili', { status: 404 });
+
+const parts = (Astro.params.slug ?? '').split('/').filter(Boolean);
+if (parts.length === 0 || parts.length > 2) return new Response('Pagina non trovata', { status: 404 });
+
+const [areaSlug, lessonSlug] = parts;
+const area = findArea(nav, areaSlug);
+if (!area) return new Response('Pagina non trovata', { status: 404 });
+
+const lesson = lessonSlug ? findLesson(nav, lessonSlug) : null;
+if (lessonSlug && (!lesson || lesson.area !== areaSlug)) return new Response('Pagina non trovata', { status: 404 });
+
+const body = lesson ? readLessonHtml(lesson.slug) : null;
+if (lesson && body === null) return new Response('Guida non disponibile', { status: 404 });
+
+const chapter = lesson ? chapterOf(nav, lesson) : null;
+---
+<Campus title={lesson ? lesson.titleShort : area.title} nav={nav} currentArea={areaSlug} currentLesson={lesson?.slug}>
+  {lesson ? (
+    <article>
+      <nav class="cp-crumbs">
+        <a href="/campus">Campus</a> <span>/</span>
+        <a href={`/campus/${area.slug}`}>{area.title}</a>
+        {chapter && <><span>/</span> <span>{chapter.num}. {chapter.title}</span></>}
+      </nav>
+      <p class="eyebrow">{lesson.label} · {lesson.relatore}</p>
+      <h1>{lesson.titleFull}</h1>
+      {lesson.concetti.length > 0 && (
+        <ul class="cp-concetti">
+          {lesson.concetti.map((c) => <li>{c}</li>)}
+        </ul>
+      )}
+      <div class="cp-body" set:html={body} />
+      <nav class="cp-prevnext">
+        {lesson.prev
+          ? <a href={`/campus/${lesson.prev.area}/${lesson.prev.slug}`}>← {lesson.prev.title}</a>
+          : <span />}
+        {lesson.next && <a class="cp-next" href={`/campus/${lesson.next.area}/${lesson.next.slug}`}>{lesson.next.title} →</a>}
+      </nav>
+    </article>
+  ) : (
+    <>
+      <nav class="cp-crumbs"><a href="/campus">Campus</a> <span>/</span> <span>{area.title}</span></nav>
+      <p class="eyebrow">Area di studio</p>
+      <h1>{area.title}</h1>
+      <p class="cp-lead">{area.sub}</p>
+      {area.chapters.map((ch) => (
+        <section class="cp-chapter" style={`--c:${ch.color}`}>
+          <h2>{ch.num}. {ch.title}</h2>
+          <p class="cp-chapter__sub">{ch.sub}</p>
+          <ul class="cp-list">
+            {ch.lessons.map((l) => (
+              <li>
+                <a href={`/campus/${area.slug}/${l.slug}`}>
+                  <span class="cp-list__label">{l.label}</span>
+                  <span class="cp-list__title">{l.titleShort}</span>
+                  <span class="cp-list__rel">{l.relatore}</span>
+                </a>
+              </li>
+            ))}
+          </ul>
+        </section>
+      ))}
+    </>
+  )}
+</Campus>
+
+<style is:global>
+  .cp-crumbs { font-size: .78rem; letter-spacing: .06em; color: var(--c-text-light); margin-bottom: 22px; }
+  .cp-crumbs a { color: var(--c-accent-dark); text-decoration: none; }
+  .cp-crumbs a:hover { text-decoration: underline; }
+  .cp-crumbs span { margin: 0 4px; }
+
+  .cp-lead { font-size: 1.08rem; color: var(--c-text-light); max-width: 62ch; margin-bottom: 40px; }
+
+  .cp-concetti { list-style: none; margin: 26px 0 34px; padding: 20px 24px; background: var(--c-bg-alt);
+    border-left: 3px solid var(--c-accent); }
+  .cp-concetti li { font-size: .93rem; margin-bottom: .3em; }
+  .cp-concetti li::before { content: '—'; color: var(--c-accent-dark); margin-right: 8px; }
+
+  .cp-chapter { margin-bottom: 42px; }
+  .cp-chapter h2 { font-size: 1.25rem; text-transform: uppercase; letter-spacing: .08em; border: 0;
+    padding: 0 0 0 12px; margin-bottom: .3em; border-left: 4px solid var(--c); }
+  .cp-chapter__sub { color: var(--c-text-light); font-size: .92rem; padding-left: 16px; }
+
+  .cp-list { list-style: none; margin: 0; padding: 0; }
+  .cp-list li { border-bottom: 1px solid #efece7; }
+  .cp-list a { display: grid; grid-template-columns: 70px 1fr auto; gap: 14px; align-items: baseline;
+    text-decoration: none; color: inherit; padding: 11px 16px; }
+  .cp-list a:hover { background: var(--c-bg-alt); }
+  .cp-list__label { font-family: var(--font-heading); font-size: .72rem; letter-spacing: .06em; color: var(--c-accent-dark); }
+  .cp-list__rel { font-size: .78rem; color: var(--c-text-light); text-align: right; }
+
+  .cp-prevnext { display: flex; justify-content: space-between; gap: 20px; margin-top: 56px;
+    padding-top: 22px; border-top: 1px solid #e8e4de; font-size: .9rem; }
+  .cp-prevnext a { color: var(--c-accent-dark); text-decoration: none; }
+  .cp-prevnext a:hover { text-decoration: underline; }
+  .cp-prevnext .cp-next { margin-left: auto; text-align: right; }
+
+  @media (max-width: 640px) {
+    .cp-list a { grid-template-columns: 56px 1fr; }
+    .cp-list__rel { display: none; }
+  }
+</style>
@@ -0,0 +1,35 @@
+// Immagini delle slide del Campus. Passano dal middleware come il resto di
+// /campus, quindi non sono raggiungibili senza login con ruolo abilitato.
+import type { APIRoute } from 'astro';
+import { createReadStream, statSync } from 'node:fs';
+import { extname } from 'node:path';
+import { Readable } from 'node:stream';
+import { resolveAsset } from '../../../lib/campus';
+
+export const prerender = false;
+
+const TYPES: Record<string, string> = {
+  '.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg',
+  '.webp': 'image/webp', '.gif': 'image/gif', '.svg': 'image/svg+xml',
+};
+
+export const GET: APIRoute = ({ params }) => {
+  const rel = params.path;
+  if (!rel) return new Response('Not found', { status: 404 });
+
+  const type = TYPES[extname(rel).toLowerCase()];
+  if (!type) return new Response('Tipo non consentito', { status: 400 });
+
+  const file = resolveAsset(rel);
+  if (!file) return new Response('Not found', { status: 404 });
+
+  const { size } = statSync(file);
+  const stream = Readable.toWeb(createReadStream(file)) as ReadableStream;
+  return new Response(stream, {
+    headers: {
+      'Content-Type': type,
+      'Content-Length': String(size),
+      'Cache-Control': 'private, max-age=86400',
+    },
+  });
+};
@@ -0,0 +1,43 @@
+---
+import Campus from '../../layouts/Campus.astro';
+import { getNav } from '../../lib/campus';
+export const prerender = false;
+
+const nav = getNav();
+if (!nav) return new Response('Contenuti del Campus non disponibili', { status: 404 });
+---
+<Campus title="Guida allo studio" nav={nav}>
+  <p class="eyebrow">Biohacking Campus 2025/2026</p>
+  <h1>Guida allo studio</h1>
+  <p class="cp-lead">
+    Le sintesi di tutte le lezioni del corso, organizzate in cinque aree:
+    {nav.count} guide con concetti chiave, sviluppo esteso e materiali originali.
+  </p>
+
+  <div class="cp-grid">
+    {nav.areas.map((area) => (
+      <a class="cp-card" href={`/campus/${area.slug}`} style={`--c:${area.color}`}>
+        <h2>{area.title}</h2>
+        <p>{area.sub}</p>
+        <ul>
+          {area.chapters.map((ch) => <li>{ch.num}. {ch.title} <span>({ch.lessons.length})</span></li>)}
+        </ul>
+      </a>
+    ))}
+  </div>
+</Campus>
+
+<style is:global>
+  .cp-lead { font-size: 1.1rem; color: var(--c-text-light); max-width: 60ch; margin-bottom: 40px; }
+  .cp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px; }
+  .cp-card { display: block; text-decoration: none; color: inherit; background: #fff;
+    border: 1px solid #e8e4de; border-top: 4px solid var(--c); padding: 22px 24px; transition: box-shadow .2s, transform .2s; }
+  .cp-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(58,41,41,.10); }
+  .cp-card h2 { font-size: 1.15rem; margin: 0 0 .4em; border: 0; padding: 0; letter-spacing: .06em;
+    text-transform: uppercase; }
+  .cp-card p { font-size: .92rem; color: var(--c-text-light); margin-bottom: .8em; }
+  .cp-card ul { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid #efece7;
+    font-size: .82rem; color: var(--c-text-light); }
+  .cp-card ul li { margin: 0; padding: 2px 0; }
+  .cp-card ul span { color: var(--c-accent-dark); }
+</style>