create-snapify-app 0.0.0-stage → 1.1.0

package/template/community/hamdiayari/akhbar-urgent/src/admin/FlashesPage.tsx

@@ -0,0 +1,229 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+import { useState } from 'react';
+import { Clock, Pencil, Pin, Plus, Trash2, Zap } from 'lucide-react';
+import {
+  Badge,
+  Button,
+  EmptyState,
+  ErrorState,
+  Field,
+  Input,
+  Modal,
+  PageHeader,
+  Select,
+  Switch,
+  Table,
+  Td,
+  Textarea,
+  Th,
+  errorMessage,
+  toast,
+  useAsync,
+  useConfirm,
+  type AdminPageProps,
+} from '@snapify/sdk/admin';
+import { LEVEL_LABEL, type Flash, type FlashLevel, type Settings } from '../types';
+
+type Row = Flash & { id: string; createdAt: string };
+type Draft = Partial<Flash> & { id?: string };
+
+/** ISO → valeur d’un champ datetime-local (heure locale du navigateur). */
+const toLocal = (iso?: string) => {
+  if (!iso) return '';
+  const d = new Date(iso);
+  return new Date(d.getTime() - d.getTimezoneOffset() * 60_000).toISOString().slice(0, 16);
+};
+const fromLocal = (v: string) => (v ? new Date(v).toISOString() : '');
+const fmt = (iso?: string) => (iso ? new Date(iso).toLocaleString('fr-FR', { day: '2-digit', month: 'short', hour: '2-digit', minute: '2-digit' }) : '');
+
+function state(f: Row): { label: string; tone: 'success' | 'warning' | 'neutral' | 'info' } {
+  const now = Date.now();
+  if (f.status === 'draft') return { label: 'Brouillon', tone: 'neutral' };
+  if (f.startsAt && Date.parse(f.startsAt) > now) return { label: 'Programmé', tone: 'info' };
+  if (f.expiresAt && Date.parse(f.expiresAt) <= now) return { label: 'Expiré', tone: 'warning' };
+  return { label: 'En ligne', tone: 'success' };
+}
+
+export function FlashesPage({ api }: AdminPageProps<Settings>) {
+  const confirm = useConfirm();
+  const list = useAsync(() => api.get<{ flashes: Row[]; defaultHours: number }>('/flashes'), []);
+  const [draft, setDraft] = useState<Draft | null>(null);
+  const [saving, setSaving] = useState(false);
+  const rows = list.data?.flashes ?? [];
+  const set = (patch: Partial<Draft>) => setDraft((d) => ({ ...d!, ...patch }));
+
+  const open = (f?: Row) => {
+    if (f) return setDraft({ ...f });
+    const hours = list.data?.defaultHours ?? 12;
+    setDraft({ text: '', link: '', level: 'urgent', status: 'published', pinned: false, startsAt: '', expiresAt: hours > 0 ? new Date(Date.now() + hours * 3_600_000).toISOString() : '' });
+  };
+
+  const save = async () => {
+    if (!draft) return;
+    setSaving(true);
+    try {
+      if (draft.id) await api.put(`/flashes/${draft.id}`, draft);
+      else await api.post('/flashes', draft);
+      toast.success(draft.id ? 'Flash enregistré' : 'Flash publié');
+      setDraft(null);
+      void list.reload();
+    } catch (err) {
+      toast.error(errorMessage(err));
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const expire = async (f: Row) => {
+    try {
+      await api.post(`/flashes/${f.id}/expire`);
+      toast.success('Flash retiré du bandeau');
+      void list.reload();
+    } catch (err) {
+      toast.error(errorMessage(err));
+    }
+  };
+
+  const remove = async (f: Row) => {
+    if (!(await confirm({ title: 'Supprimer ce flash ?', message: f.text, confirmLabel: 'Supprimer', danger: true }))) return;
+    try {
+      await api.delete(`/flashes/${f.id}`);
+      toast.success('Flash supprimé');
+      void list.reload();
+    } catch (err) {
+      toast.error(errorMessage(err));
+    }
+  };
+
+  return (
+    <div>
+      <PageHeader
+        title="Flashs info"
+        description="Alertes affichées dans le bandeau « Urgent » du site, de la plus récente à la plus ancienne (les flashs épinglés en premier)."
+        actions={
+          <Button icon={Plus} onClick={() => open()}>
+            Nouveau flash
+          </Button>
+        }
+      />
+
+      {list.error ? <ErrorState message={errorMessage(list.error)} onRetry={() => void list.reload()} /> : null}
+      {!list.error && !list.loading && rows.length === 0 ? (
+        <EmptyState
+          icon={Zap}
+          title="Aucun flash"
+          description="Publiez une alerte en quelques secondes : elle défile aussitôt sous l’en-tête du site."
+          action={
+            <Button icon={Plus} onClick={() => open()}>
+              Nouveau flash
+            </Button>
+          }
+        />
+      ) : null}
+
+      {rows.length > 0 ? (
+        <Table>
+          <thead>
+            <tr>
+              <Th>Flash</Th>
+              <Th>Type</Th>
+              <Th>Statut</Th>
+              <Th>Diffusion</Th>
+              <Th className="w-32" />
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((f) => {
+              const st = state(f);
+              return (
+                <tr key={f.id}>
+                  <Td>
+                    <div className="flex items-start gap-2">
+                      {f.pinned ? <Pin className="mt-0.5 h-3.5 w-3.5 shrink-0 text-rose-600" /> : null}
+                      <div className="min-w-0">
+                        <div className="font-medium text-slate-900">{f.text}</div>
+                        {f.link ? <div className="truncate text-xs text-slate-500">{f.link}</div> : null}
+                      </div>
+                    </div>
+                  </Td>
+                  <Td>{LEVEL_LABEL[f.level]}</Td>
+                  <Td>
+                    <Badge tone={st.tone} dot>
+                      {st.label}
+                    </Badge>
+                  </Td>
+                  <Td>
+                    <div className="text-xs text-slate-600">
+                      {fmt(f.startsAt || f.createdAt)}
+                      {f.expiresAt ? ` → ${fmt(f.expiresAt)}` : ' → sans fin'}
+                    </div>
+                  </Td>
+                  <Td>
+                    <div className="flex justify-end gap-1">
+                      {st.label === 'En ligne' ? <Button size="sm" variant="ghost" icon={Clock} onClick={() => void expire(f)} title="Retirer maintenant" /> : null}
+                      <Button size="sm" variant="ghost" icon={Pencil} onClick={() => open(f)} title="Modifier" />
+                      <Button size="sm" variant="ghost" icon={Trash2} onClick={() => void remove(f)} title="Supprimer" />
+                    </div>
+                  </Td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </Table>
+      ) : null}
+
+      {draft ? (
+        <Modal title={draft.id ? 'Modifier le flash' : 'Nouveau flash'} open onClose={() => setDraft(null)} size="lg">
+          <div className="grid gap-4 sm:grid-cols-2">
+            <div className="sm:col-span-2">
+              <Field label="Texte" counter={{ value: (draft.text || '').length, max: 220 }}>
+                <Textarea value={draft.text || ''} rows={2} maxLength={220} placeholder="Ex. Séisme de magnitude 4,2 ressenti à Gafsa" onChange={(e) => set({ text: e.target.value })} />
+              </Field>
+            </div>
+            <Field label="Lien (facultatif)" hint="Article du site (/blog/…) ou adresse https://">
+              <Input value={draft.link || ''} placeholder="/blog/mon-article/" onChange={(e) => set({ link: e.target.value })} />
+            </Field>
+            <Field label="Type">
+              <Select
+                value={draft.level || 'urgent'}
+                onChange={(v) => set({ level: v as FlashLevel })}
+                options={(Object.keys(LEVEL_LABEL) as FlashLevel[]).map((k) => ({ value: k, label: LEVEL_LABEL[k] }))}
+              />
+            </Field>
+            <Field label="Début de diffusion" hint="Vide : immédiatement.">
+              <Input type="datetime-local" value={toLocal(draft.startsAt)} onChange={(e) => set({ startsAt: fromLocal(e.target.value) })} />
+            </Field>
+            <Field label="Fin de diffusion" hint="Vide : jusqu’à suppression.">
+              <Input type="datetime-local" value={toLocal(draft.expiresAt)} onChange={(e) => set({ expiresAt: fromLocal(e.target.value) })} />
+            </Field>
+            <Field label="Statut">
+              <Select
+                value={draft.status || 'published'}
+                onChange={(v) => set({ status: v as Flash['status'] })}
+                options={[
+                  { value: 'published', label: 'Publié' },
+                  { value: 'draft', label: 'Brouillon' },
+                ]}
+              />
+            </Field>
+            <div className="flex items-center gap-3 self-end pb-2">
+              <Switch checked={!!draft.pinned} onChange={(v) => set({ pinned: v })} />
+              <span className="text-sm text-slate-700">Épingler en tête du bandeau</span>
+            </div>
+          </div>
+          <div className="mt-6 flex justify-end gap-2">
+            <Button variant="ghost" onClick={() => setDraft(null)}>
+              Annuler
+            </Button>
+            <Button loading={saving} onClick={() => void save()}>
+              {draft.id ? 'Enregistrer' : 'Publier'}
+            </Button>
+          </div>
+        </Modal>
+      ) : null}
+    </div>
+  );
+}

package/template/community/hamdiayari/akhbar-urgent/src/admin/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+import { defineAdminModule } from '@snapify/sdk/admin';
+import { FlashesPage } from './FlashesPage';
+import type { Settings } from '../types';
+
+export default defineAdminModule<Settings>({
+  pages: { flashes: FlashesPage },
+});

package/template/community/hamdiayari/akhbar-urgent/src/public/Ticker.tsx

@@ -0,0 +1,81 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+import { useEffect, useState } from 'react';
+import { Zap } from 'lucide-react';
+import type { ModuleApi } from '@snapify/sdk';
+import type { PublicFlash } from '../types';
+
+export interface FlashFeed {
+  label: string;
+  speed: 'slow' | 'normal' | 'fast';
+  flashes: PublicFlash[];
+}
+
+const REFRESH_MS = 60_000;
+
+/** Flashs en ligne, rafraîchis toutes les minutes tant que la page est ouverte. */
+export function useFlashes(api: ModuleApi) {
+  const [feed, setFeed] = useState<FlashFeed | null>(null);
+  useEffect(() => {
+    let alive = true;
+    const load = () =>
+      api
+        .get<FlashFeed>('/flashes')
+        .then((f) => alive && setFeed(f))
+        .catch(() => alive && setFeed((f) => f ?? { label: 'Urgent', speed: 'normal', flashes: [] }));
+    void load();
+    const timer = window.setInterval(load, REFRESH_MS);
+    return () => {
+      alive = false;
+      window.clearInterval(timer);
+    };
+  }, [api]);
+  return feed;
+}
+
+const time = (iso: string) => new Date(iso).toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' });
+
+export type TickerTone = 'red' | 'dark' | 'light';
+
+export function Ticker({ feed, label, tone = 'red', navigate }: { feed: FlashFeed; label?: string; tone?: TickerTone; navigate: (p: string) => void }) {
+  const items = feed.flashes;
+  if (!items.length) return null;
+  const open = (link: string) => {
+    if (!link) return;
+    if (link.startsWith('/')) navigate(link);
+    else window.open(link, '_blank', 'noopener,noreferrer');
+  };
+  const duration = Math.max(18, items.reduce((n, f) => n + f.text.length, 0) / { slow: 5, normal: 8, fast: 12 }[feed.speed]);
+  const list = (hidden?: boolean) => (
+    <ul className="aku-track-list" aria-hidden={hidden || undefined}>
+      {items.map((f) => (
+        <li key={f.id} className="aku-item">
+          <span className="aku-time">{time(f.publishedAt)}</span>
+          {f.link ? (
+            <button type="button" tabIndex={hidden ? -1 : 0} onClick={() => open(f.link)} className="aku-link">
+              {f.text}
+            </button>
+          ) : (
+            <span>{f.text}</span>
+          )}
+        </li>
+      ))}
+    </ul>
+  );
+  return (
+    <div className={`aku-ticker aku-${tone}`} role="region" aria-label="Flashs info">
+      <span className="aku-label">
+        <Zap className="h-3.5 w-3.5" aria-hidden="true" />
+        {label || feed.label}
+      </span>
+      <div className="aku-viewport">
+        <div className="aku-track" style={{ animationDuration: `${duration}s` }}>
+          {list()}
+          {list(true)}
+        </div>
+      </div>
+    </div>
+  );
+}

package/template/community/hamdiayari/akhbar-urgent/src/public/index.tsx

@@ -0,0 +1,63 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+import './styles.css';
+import { useState } from 'react';
+import { X } from 'lucide-react';
+import { definePublicModule, type PublicModuleProps, type WidgetProps } from '@snapify/sdk';
+import type { Settings } from '../types';
+import { Ticker, useFlashes, type TickerTone } from './Ticker';
+
+const DISMISS_KEY = 'aku-dismissed';
+
+function TickerWidget({ api, options, navigate, isPreview }: WidgetProps<Settings, { label?: string; tone?: TickerTone }>) {
+  const feed = useFlashes(api);
+  if (!feed) return null;
+  if (!feed.flashes.length) {
+    return isPreview ? <p className="px-4 py-3 text-center text-sm text-slate-500">Aucun flash en ligne : le bandeau s’affichera dès la publication d’un flash.</p> : null;
+  }
+  return <Ticker feed={feed} label={options.label} tone={options.tone} navigate={navigate} />;
+}
+
+/** Barre d’alerte en bas de l’écran, pour les thèmes qui n’intègrent pas le bandeau. */
+function FloatingBar({ api, settings, navigate, isPreview }: PublicModuleProps<Settings>) {
+  const feed = useFlashes(api);
+  const [dismissed, setDismissed] = useState(() => {
+    try {
+      return sessionStorage.getItem(DISMISS_KEY) === '1';
+    } catch {
+      return false;
+    }
+  });
+  if (!settings.floatingBar || isPreview || dismissed || !feed?.flashes.length) return null;
+  return (
+    <div className="aku-floating">
+      <div className="flex">
+        <div className="min-w-0 flex-1">
+          <Ticker feed={feed} navigate={navigate} />
+        </div>
+        <button
+          type="button"
+          className="aku-close"
+          aria-label="Masquer les flashs info"
+          onClick={() => {
+            setDismissed(true);
+            try {
+              sessionStorage.setItem(DISMISS_KEY, '1');
+            } catch {
+              /* stockage indisponible */
+            }
+          }}
+        >
+          <X className="mx-auto h-4 w-4" />
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default definePublicModule<Settings>({
+  slots: { floating: FloatingBar },
+  widgets: { ticker: TickerWidget },
+});

package/template/community/hamdiayari/akhbar-urgent/src/public/styles.css

@@ -0,0 +1,142 @@
+.aku-ticker {
+  --aku-bg: #c8102e;
+  --aku-fg: #ffffff;
+  --aku-label-bg: #0f0f10;
+  --aku-label-fg: #ffffff;
+  --aku-muted: rgba(255, 255, 255, 0.75);
+  display: flex;
+  align-items: stretch;
+  overflow: hidden;
+  background: var(--aku-bg);
+  color: var(--aku-fg);
+  font-size: 14px;
+  line-height: 1.3;
+  min-height: 40px;
+}
+.aku-dark {
+  --aku-bg: #111214;
+  --aku-label-bg: #c8102e;
+  --aku-muted: rgba(255, 255, 255, 0.6);
+}
+.aku-light {
+  --aku-bg: #fff6f6;
+  --aku-fg: #1a1a1a;
+  --aku-label-bg: #c8102e;
+  --aku-muted: #8a1c1c;
+  border-block: 1px solid #f3d4d4;
+}
+.aku-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+  padding: 0 14px;
+  background: var(--aku-label-bg);
+  color: var(--aku-label-fg);
+  font-weight: 800;
+  font-size: 12px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.aku-label svg {
+  animation: aku-pulse 1.4s ease-in-out infinite;
+}
+.aku-viewport {
+  position: relative;
+  flex: 1;
+  overflow: hidden;
+  mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
+}
+.aku-track {
+  display: flex;
+  width: max-content;
+  height: 100%;
+  animation: aku-scroll linear infinite;
+}
+.aku-ticker:hover .aku-track,
+.aku-ticker:focus-within .aku-track {
+  animation-play-state: paused;
+}
+.aku-track-list {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.aku-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 0 28px;
+  white-space: nowrap;
+  font-weight: 600;
+}
+.aku-item::after {
+  content: '';
+  width: 6px;
+  height: 6px;
+  margin-left: 28px;
+  border-radius: 999px;
+  background: currentColor;
+  opacity: 0.45;
+}
+.aku-time {
+  font-variant-numeric: tabular-nums;
+  font-weight: 700;
+  color: var(--aku-muted);
+}
+.aku-link {
+  color: inherit;
+  font: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+}
+.aku-link:hover {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.aku-floating {
+  position: fixed;
+  inset-inline: 0;
+  bottom: 0;
+  z-index: 60;
+  background: #c8102e;
+  color: #ffffff;
+  box-shadow: 0 -12px 30px -18px rgba(0, 0, 0, 0.5);
+}
+.aku-close {
+  flex-shrink: 0;
+  width: 40px;
+  color: inherit;
+  background: rgba(0, 0, 0, 0.15);
+  border: 0;
+  cursor: pointer;
+}
+@keyframes aku-scroll {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-50%);
+  }
+}
+@keyframes aku-pulse {
+  50% {
+    opacity: 0.35;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .aku-track {
+    animation: none;
+  }
+  .aku-track-list[aria-hidden] {
+    display: none;
+  }
+  .aku-viewport {
+    overflow-x: auto;
+  }
+}

package/template/community/hamdiayari/akhbar-urgent/src/server.ts

@@ -0,0 +1,101 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+import { defineServerModule, type ServerContext, type StoredRecord } from '@snapify/sdk';
+import type { Flash, FlashLevel, PublicFlash, Settings } from './types';
+
+const LEVELS: FlashLevel[] = ['urgent', 'live', 'info'];
+const str = (v: unknown, max: number) => (typeof v === 'string' ? v.trim().slice(0, max) : '');
+
+function isoOrEmpty(v: unknown): string {
+  const s = str(v, 40);
+  if (!s) return '';
+  const t = Date.parse(s);
+  return Number.isNaN(t) ? '' : new Date(t).toISOString();
+}
+
+/** Lien interne (/rubrique/…) ou https ; tout autre schéma est refusé. */
+function cleanLink(v: unknown): string {
+  const s = str(v, 300);
+  if (!s) return '';
+  if (s.startsWith('/') && !s.startsWith('//')) return s;
+  return /^https:\/\/[^\s]+$/i.test(s) ? s : '';
+}
+
+const isLive = (f: StoredRecord<Flash>, now: number) =>
+  f.status === 'published' && (!f.startsAt || Date.parse(f.startsAt) <= now) && (!f.expiresAt || Date.parse(f.expiresAt) > now);
+
+export default defineServerModule<Settings>({
+  activate(ctx: ServerContext<Settings>) {
+    const flashes = ctx.db.collection<Flash>('flashes');
+
+    function clean(input: unknown, current?: StoredRecord<Flash>): Flash {
+      const b = (input && typeof input === 'object' ? input : {}) as Record<string, unknown>;
+      const text = str(b.text ?? current?.text, 220);
+      if (text.length < 3) throw ctx.error(422, 'Le texte du flash est obligatoire (3 caractères minimum).');
+      const startsAt = isoOrEmpty(b.startsAt ?? current?.startsAt);
+      const expiresAt = isoOrEmpty(b.expiresAt ?? current?.expiresAt);
+      if (startsAt && expiresAt && Date.parse(expiresAt) <= Date.parse(startsAt)) throw ctx.error(422, 'L’expiration doit être postérieure au début.');
+      const level = LEVELS.includes(b.level as FlashLevel) ? (b.level as FlashLevel) : current?.level ?? 'urgent';
+      return {
+        text,
+        link: cleanLink(b.link ?? current?.link),
+        level,
+        status: (b.status ?? current?.status) === 'draft' ? 'draft' : 'published',
+        pinned: typeof b.pinned === 'boolean' ? b.pinned : !!current?.pinned,
+        startsAt,
+        expiresAt,
+      };
+    }
+
+    async function liveFlashes(limit: number): Promise<PublicFlash[]> {
+      const now = Date.now();
+      const { items } = await flashes.find({ where: { status: 'published' }, orderBy: [{ field: 'createdAt', dir: 'desc' }], limit: 200 });
+      return items
+        .filter((f) => isLive(f, now))
+        .sort((a, b) => Number(b.pinned) - Number(a.pinned))
+        .slice(0, limit)
+        .map((f) => ({ id: f.id, text: f.text, link: f.link, level: f.level, publishedAt: f.startsAt || f.createdAt }));
+    }
+
+    ctx.http.get('/flashes', async () => {
+      const s = ctx.settings();
+      return { label: s.label || 'Urgent', speed: s.speed, flashes: await liveFlashes(Math.min(20, Math.max(1, s.maxItems || 8))) };
+    });
+
+    ctx.admin.get('/flashes', async () => {
+      const { items, total } = await flashes.find({ orderBy: [{ field: 'createdAt', dir: 'desc' }], limit: 300 });
+      return { flashes: items, total, defaultHours: ctx.settings().defaultHours };
+    });
+
+    ctx.admin.post('/flashes', async (req) => ({ flash: await flashes.insert(clean(req.body)) }));
+
+    ctx.admin.put('/flashes/:id', async (req) => {
+      const current = await flashes.get(req.params.id);
+      if (!current) throw ctx.error(404, 'Flash introuvable');
+      return { flash: await flashes.update(current.id, clean(req.body, current)) };
+    });
+
+    ctx.admin.post('/flashes/:id/expire', async (req) => {
+      const current = await flashes.get(req.params.id);
+      if (!current) throw ctx.error(404, 'Flash introuvable');
+      return { flash: await flashes.update(current.id, { expiresAt: new Date().toISOString() }) };
+    });
+
+    ctx.admin.delete('/flashes/:id', async (req) => {
+      if (!(await flashes.delete(req.params.id))) throw ctx.error(404, 'Flash introuvable');
+      return { ok: true };
+    });
+
+    ctx.admin.status(async () => {
+      const live = await liveFlashes(50);
+      return {
+        stats: [
+          { label: 'Flashs en ligne', value: live.length },
+          { label: 'Épinglés', value: live.length ? (await flashes.count({ where: { status: 'published', pinned: true } })) : 0 },
+        ],
+      };
+    });
+  },
+});

package/template/community/hamdiayari/akhbar-urgent/src/types.ts

@@ -0,0 +1,35 @@
+/**
+ * Akhbar Urgent — flashs info
+ * © 2026 Hamdi Ayari
+ */
+export interface Settings {
+  label: string;
+  speed: 'slow' | 'normal' | 'fast';
+  maxItems: number;
+  floatingBar: boolean;
+  defaultHours: number;
+}
+
+export type FlashLevel = 'urgent' | 'live' | 'info';
+
+export interface Flash {
+  text: string;
+  link: string;
+  level: FlashLevel;
+  status: 'published' | 'draft';
+  pinned: boolean;
+  /** ISO 8601 ; vide = immédiatement. */
+  startsAt: string;
+  /** ISO 8601 ; vide = sans expiration. */
+  expiresAt: string;
+}
+
+export interface PublicFlash {
+  id: string;
+  text: string;
+  link: string;
+  level: FlashLevel;
+  publishedAt: string;
+}
+
+export const LEVEL_LABEL: Record<FlashLevel, string> = { urgent: 'Urgent', live: 'En direct', info: 'Info' };

package/template/community.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<!--
+  Snapify Community
+  © 2026 NOVALABS WEB DESIGN — Tunisie
+-->
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Snapify Community — Forum</title>
+    <meta name="description" content="Forum des passionnés de Snapify : thèmes, modules, aide." />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  </head>
+  <body class="bg-[#f6f7f9] text-slate-900 antialiased">
+    <div id="root"></div>
+    <script type="module" src="/apps/community/src/main.tsx"></script>
+  </body>
+</html>