working the dispense table and relative api route

betti.dm.unipi.it.

.dockerignore

@@ -0,0 +1,3 @@
+Dockerfile
+node_modules
+.git

.drone.yml

@@ -1,50 +0,0 @@
-# This file defines a Drone pipeline that builds a static website with "npm run build". This
-# pipeline must be marked as "Trusted" in the Drone project settings.
-# 
-# We mount the target directory of the project at "/var/www/{project}" to the container
-# "dist/" directory and the run the build. A caveat is that the container builds files
-# with "root" permissions, so we need to fix those after each build with a second pipeline.
-
-kind: pipeline
-name: default
-
-steps:
-- name: deploy
-  image: node:latest
-  volumes:
-  - name: host-website-dist
-    path: /mnt/website
-  commands:
-  - npm install
-  - npm run build
-  - cp -rT ./dist /mnt/website
-
-volumes:
-- name: host-website-dist
-  host: # this volume is mounted on the host machine
-    path: /var/www/website
-
-trigger:
-  branch:
-  - main
-  event:
-  - push
-
----
-kind: pipeline
-type: exec # this job is executed on the host machine
-name: caddy-permissions
-
-depends_on:
-- default
-
-steps:
-- name: chown
-  commands:
-  - chown -R caddy:caddy /var/www/website 
-
-trigger:
-  branch:
-  - main
-  event:
-  - push

.env.dev

@@ -0,0 +1,22 @@
+# Server config
+MODE=development
+HOST=:8080
+
+# Separate services
+GIT_URL=https://git.phc.dm.unipi.it
+CHAT_URL=https://chat.phc.dm.unipi.it
+
+# Other
+EMAIL=macchinisti@lists.dm.unipi.it
+
+# Base URL
+BASE_URL=localhost:8080
+
+# Lista Utenti
+USER_PAGES_BASE_URL=https://poisson.phc.dm.unipi.it/~
+
+# AuthService
+AUTH_SERVICE_HOST=:memory:
+
+# Origine per Lista Utenti
+LISTA_UTENTI=utenti-poisson-2022.local.json

.gitignore

@@ -1,23 +1,17 @@
-# build output
+# Environment files
-dist/
+.env
-# generated types
-.astro/
 
-# dependencies
+# Local files
-node_modules/
+.vscode/
-
-# logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# local data
 *.local*
 
-# environment variables
+# Generated output
-.env
+out/
-.env.production
+dist/
 
-# macOS-specific files
+# NodeJS
-.DS_Store
+node_modules/
+
+# Executables
+phc-website-server
+!phc-website-server/

.prettierrc

@@ -1,9 +0,0 @@
-{
-    "printWidth": 110,
-    "singleQuote": true,
-    "quoteProps": "consistent",
-    "tabWidth": 4,
-    "useTabs": false,
-    "semi": false,
-    "arrowParens": "avoid"
-}

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "npm.packageManager": "bun"
-}

ARCHITECTURE.md

@@ -0,0 +1,23 @@
+# Architecture
+
+## Server, Database and File Uploads
+
+- **server** 
+
+    The server module defines all routes and extracts data from HTTP request and passes data to the **handler** module.
+
+- **handler**
+
+    This is the main controller module that dispatches requests to various services and constructs back responses to send to the client.
+
+### Services
+
+...
+
+- **appunti**
+
+    This module manages all things relating the _appunti condivisi_ pages, it talks with the **database** and **auth** modules.
+
+- **database**
+
+    This is one of the "leaf" modules that doesn't depend on anything, its purpose is to talk to the database and return "low level data" stored there. For example instances of `time.Time` are represented as `string`s at this layer.

Dockerfile

@@ -0,0 +1,29 @@
+FROM node:18-alpine AS frontend-builder
+RUN apk add make
+WORKDIR /_frontend
+RUN curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm
+COPY ./_frontend/pnpm-lock.yaml ./
+RUN pnpm fetch --prod
+COPY ./_frontend ./
+RUN pnpm install -r --offline --prod
+RUN make build
+
+FROM golang:1.19-alpine AS backend-builder
+RUN apk add make
+WORKDIR /backend
+COPY go.mod go.sum ./
+RUN go mod download -x
+COPY ./ ./
+RUN make backend
+
+FROM alpine:latest AS runner
+WORKDIR /app
+COPY --from=frontend-builder /_frontend/out ./_frontend/out
+COPY --from=backend-builder /backend/phc-website-server ./phc-website-server
+COPY ./_views ./_views
+COPY ./_content/news ./_content/news
+COPY ./_content/guide ./_content/guide
+COPY ./_public ./_public
+COPY ./.env ./.env
+EXPOSE 8000
+CMD ["./website-server"]

Makefile

@@ -0,0 +1,35 @@
+
+GO_SOURCES = $(shell find . -name '*.go')
+GO_EXECUTABLE = phc-website-server
+
+.PHONY: all
+all: frontend backend
+
+# 
+# Build Frontend
+# 
+
+.PHONY: frontend
+frontend:
+	$(MAKE) -C _frontend/
+	@echo "Built Frontend"
+
+#
+# Build Backend
+#
+
+.PHONY: backend
+backend: $(GO_EXECUTABLE)
+	@echo "Built Backend"
+
+$(GO_EXECUTABLE): $(GO_SOURCES)
+	go build -o $(GO_EXECUTABLE) ./cmd/phc-website-server
+
+# 
+# Debug
+# 
+
+.PHONY: debug
+debug:
+	@echo "GO_SOURCES = $(GO_SOURCES)"
+	@echo "GO_EXECUTABLE = $(GO_EXECUTABLE)"

README.md

@@ -1,42 +1,180 @@
-# PHC Website
+# phc/website
 
-Questo è il repository del sito web del PHC. Il sito è costruito utilizzando Astro, un framework statico per la generazione di siti web.
+Backend e frontend del nuovo sito per il PHC.
 
-## Installazione
+## Usage
 
-```bash
+To setup the project 
-bun install
+
+```bash shell
+# Clone the repo
+$ git clone https://git.phc.dm.unipi.it/phc/website
+$ cd _frontend
+$ make setup
 ```
 
-## Sviluppo
+To just do a full build and start the project run
 
-```bash
+```bash shell
-bun dev
+# Setup local development env file
+$ cp .env.dev .env
+
+# Setup and do a full build of frontend and backend
+$ make all
+
+# Compile and start the server
+$ go run -v ./cmd/phc-website-server
 ```
 
-## Build
+Alternativamente se si sta modificando in live il codice è comodo usare [`entr`](https://github.com/eradman/entr) e `fd` (un'alternativa a `find`)
 
-```bash
+```bash shell
-bun build
+# Restart server when go files change
+$ printf '%s\n' $(echo **/*.go) | entr -r go run ./cmd/phc-website-server
 ```
 
-## Deploy [TODO]
+Per ora non c'è ancora nessun sistema alternativo ma se si sta modificando codice della frontend in `_frontend/` invece di riavviare ogni volta il server conviene lanciare in parallelo un watcher con
 
-Il progetto contiene un `Dockerfile` che viene usato per il deploy (del server prodotto da Astro).
+```bash shell
-
+# Recompile files inside "_frontend/src" on change
-```bash
+_frontend/ $ pnpm run watch
-docker build -t phc-website .
-docker run -p 3000:3000 phc-website
 ```
 
-C'è anche un `.drone.yml` che viene usato per il deploy su un server remoto utilizzando Drone per il CD.
+## Backend
 
-## Come Contribuire
+### Dependencies
 
-**Nota per Sviluppatori**: SE il branch `dev` non esiste o è indietro rispetto a `main`, bisogna portarlo avanti a `main` e poi continuare con le modifiche dal lì.
+- `github.com/gofiber/fiber/v2`
 
-Sentitevi liberi di aprire una PR per qualsiasi modifica o aggiunta al sito web. Il branch `main` è protetto e corrisponde alla versione di produzione del sito web, le modifiche devono prima essere accettate su `dev` e poi mergeate su `main` da un amministratore.
+    Backend server framework.
 
-### Cose da fare
+- `github.com/joho/godotenv`
 
-- Aggiungere guide in [src/content/guides/](./src/content/guides/)
+    Library used to load `.env` config files.
+
+- `github.com/yuin/goldmark`
+
+    Along with `github.com/yuin/goldmark-highlighting`, `github.com/alecthomas/chroma` and `github.com/litao91/goldmark-mathjax` are used to render Markdown articles and pages with latex expression and syntax highlighting.
+
+- `gopkg.in/yaml.v3`
+
+    Used to load YAML frontmatter in Markdown documents.
+
+- `github.com/alecthomas/repr`
+
+    Utility to pretty print Go values.
+
+### Architecture
+
+The go project is organized as a library and the main server executable is inside `cmd/phc-website-server` that starts the server provided by the `server/` package and injects all concrete service instances.
+
+After a recent refactor all code that interacts with services is inside the `handler/` package that abstracts away the HTTP server dependency to test more easily each route.
+
+The `handler/` has a `Context` type that for now is just used to pass around the user if the HTTP request contained a session token.
+
+The `model/` package provides some common types used in the whole application.
+
+The `config/` package is just a singleton loaded when the application is started providing config values loaded from a `.env` file.
+
+#### Services
+
+All other Go packages are services used by the `handler/` packages that provide authentication (`auth/`), template rendering (`templates/`), articles loading (`articles/`). 
+
+Some very small services for now just have a single file and are `storia.go` and `utenti.go` (each provides a `-Service` interface and a default concrete implementation).
+
+## Frontend
+
+**Warning.** Forse a breve ci sarà un lieve refactor da AlpineJS a Preact perché è più comodo.
+
+All frontend code is stored inside the `_frontend/` directory. (This will be implied in paths from now on)
+
+This is a NodeJS project that uses <https://pnpm.io/> as a package manager.
+
+This project compiles javascript files using _RollupJS_ (a tree shaking js bundler) and scss files using _sass_.
+
+### Javascript
+
+These files a processed by RollupJS into `out/`
+
+- `base.js`
+
+    Script che avvia KaTeX e il _theme switcher_.
+
+- `utenti.js`
+
+    Script che si occupa di mostrare la lista degli utenti con fuzzy search.
+
+    This script is imported by `_views/utenti.html` along side its dependencies loaded from common CDNs
+
+    ```html
+    ...
+    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
+    <script src="/public/utenti.min.js"></script>
+    ...
+    ```
+
+- `profilo.js`
+
+    Script che aggiunge un minimo di interattività alla pagina renderizzata da `_views/profilo.html`
+
+    ```html
+    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <script src="/public/profilo.min.js"></script>
+    ```
+
+- `homepage-art.ts`
+
+    Script che renderizza l'animazione della homepage.
+
+
+- `appunti-condivisi.jsx`
+
+    Script che aggiunte l'interattività alla pagina `/appunti/condivisi` utilizzando Preact come libreria di UI.
+
+    ```html
+    <script src="/public/appunti-condivisi.min.js"></script>
+    ```
+
+## Environment Variables
+
+- `MODE`
+
+    Può essere `production` (default) o `development`.
+
+- `HOST`
+
+    Indirizzo sul quale servire il sito, di default è `localhost:8000`.
+
+- `EMAIL`
+
+    Indirizzo di posta elettronica per contattare gli amministratori del sito,
+    che compare nel footer di ogni pagina.
+
+
+- `<SERVIZIO>_URL`
+
+    Rappresentano link ad altri servizi forniti, è comodo impostarli per testare tutto in locale su varie porte (e poi in produzione i vari url diventano link a sotto-domini del sito principale).
+
+    Per ora ci sono solo i seguenti
+
+    - `GIT_URL`
+    - `CHAT_URL`
+
+- `BASE_URL`
+
+    Base dell'url per i link nel sito, per adesso usato per il feed RSS. In locale conviene impostarlo come `HOST` magari premettendo il protocollo (eg. `http://localhost:8080`)
+
+- `USER_PAGES_BASE_URL`
+
+    Base dell'url per le pagine utente di Poisson, di default `https://poisson.phc.dm.unipi.it/~`
+
+- `AUTH_SERVICE_HOST`
+
+    Indirizzo del servizio generico di autenticazione.
+
+## Altri Servizi
+
+Questo progetto dipende dal servizio `phc/auth-service` che permettere agli utenti di autenticarsi usando vari meccanismi.
+
+Il servizio di autenticazione di default girerà su `localhost:3535` ed è documentato [sulla repo auth-service](https://git.phc.dm.unipi.it/phc/auth-service/)

_content/guide/guida-git.md

@@ -0,0 +1,19 @@
+---
+id: guida-git
+title: "Guida a Git"
+tags: git
+publish_date: 2022/08/27 22:00
+description: |
+    Vedremo come creare una repository Git per tracciare i cambiamenti di una serie di file nel tempo, e molto altro.
+---
+
+## A cosa serve
+
+## Creiamo una repository git
+
+Nonostante per grossi progetti sia comodo usare server Git come github.com, che essendo popolare attirerà l'attenzione di più potenziali __contributors__, per progetti personali o
+di piccola scala va benissimo utilizzare un server **self-hostato**: in questo caso noi useremo il server del PHC.
+
+Per prima cosa, visitiamo git.phc.dm.unipi.it ed accediamo con le credenziali di
+
+## Comandi di base

_content/guide/guida-terminale.md

@@ -0,0 +1,31 @@
+---
+id: guida-terminale
+title: "Guida al Terminale"
+tags: shell, zsh, vim, ssh
+publish_date: 2022/08/27 22:00
+description: |
+    Questo articolo introduce all'uso dei comandi di base di un terminale su sistemi Unix come Linux e MacOS; parleremo inoltre di Vim, Zsh e SSH.
+---
+
+## 1. Shell & Terminale: differenze?
+
+- introduzione storica + bash
+
+### Le Basi
+
+- keybinding utili: ctrl+a/e, ctrl+c, ctrl+d
+- copiare/incollare testo
+- comandi di base: navigazione(cd, ls), modifica(cp, mv, rm, mkdir)
+- chiedere aiuto: man, info
+
+### Zsh: una shell moderna e potente
+
+https://wiki.archlinux.org/title/Zsh
+
+## 2. Vim: l'Editor intramontabile
+Parentesi storica, neovim, VimTutor e comandi di base(come si esce?)
+
+## 3. E la TTY?
+Come utilizzarla, quando è utile, limitazioni(no scrollback)
+
+## SSH: la magia della remote shell

_content/macchinisti.json

@@ -0,0 +1 @@
+["delucreziis", "serdyuk", "minnocci", "manicastri"]

_content/news/2021-12-22-notizia-1.md

@@ -0,0 +1,91 @@
+---
+id: 2021-12-22-notizia-1
+title: "Notizia 1"
+tags: important, prova, test, foo, bar
+publish_date: 2021/12/22 22:00
+description: |
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+---
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+Lorem ipsum dolor, sit amet consectetur "adipisicing" elit. Repudiandae -- optio ad, consequatur **distinctio possimus** laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora $1 + 1$ ea, cupiditate explicabo vel! Porro?
+
+$$
+\int_0^1 x^2 \mathrm d x
+$$
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus _laudantium molestias similique placeat_, dolore omnis et aperiam rem [delectus tempora ea,](#) cupiditate explicabo vel! Porro?
+
+![testing](https://picsum.photos/400/300)
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora ea, cupiditate explicabo vel! Porro?
+
+- Item 1
+    - Item 2
+        - Item 3
+    - Item 4
+- Item 5
+- Item 5
+- Item 5
+
+- foo
+    ```  
+    type Article struct {
+        Id          string
+        Title       string
+        Description string
+        Tags        []string
+        PublishDate time.Time
+
+        MarkdownSource string
+        renderedHTML   string
+    }
+    ```
+    - bar with some `code`
+        ```go   
+        type Article struct {
+            Id          string
+            Title       string
+            Description string
+            Tags        []string
+            PublishDate time.Time
+
+            MarkdownSource string
+            renderedHTML   string
+        }
+        ```
+
+#### Tables
+
+<https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#tables>
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+
+| Expression | Derivative | Integral  |
+| :---: | :---: | :---: |
+| $x^a$ | $a x^{a-1}$ | $\displaystyle \frac{1}{a+1} x^{a+1} + c$ se $a \neq -1$ |
+| $\sin x$ | $\cos x$ | $\displaystyle -\cos x + c$ |
+| $e^x$ | $e^x$ | $\displaystyle e^x + c$ |
+
+

_content/news/2021-12-23-notizia-2.md

@@ -0,0 +1,37 @@
+---
+id: 2021-12-23-notizia-2
+title: "Notizia 2"
+tags: prova, test, foo, bar
+publish_date: 2021/12/23 22:00
+description: |
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+---
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur **distinctio possimus** laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora ea, cupiditate explicabo vel! Porro?
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus _laudantium molestias similique placeat_, dolore omnis et aperiam rem [delectus tempora ea,](#) cupiditate explicabo vel! Porro?
+
+![testing](https://picsum.photos/200/300)
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora ea, cupiditate explicabo vel! Porro?
+
+- Item 1
+    - Item 2
+        - Item 3
+    - Item 4
+- Item 5
+- Item 5
+- Item 5
+
+- foo
+  -  bar
+     ```Makefile
+     foo
+     	foo
+     ```

_content/news/2021-12-24-notizia-3.md

@@ -0,0 +1,37 @@
+---
+id: 2021-12-24-notizia-3
+title: "Notizia 3"
+tags: prova, test, foo, bar
+publish_date: 2021/12/24 18:00
+description: |
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+---
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur **distinctio possimus** laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora ea, cupiditate explicabo vel! Porro?
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus _laudantium molestias similique placeat_, dolore omnis et aperiam rem [delectus tempora ea,](#) cupiditate explicabo vel! Porro?
+
+![testing](https://picsum.photos/200/300)
+
+Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repudiandae optio ad, consequatur distinctio possimus laudantium molestias similique placeat, dolore omnis et aperiam rem delectus tempora ea, cupiditate explicabo vel! Porro?
+
+- Item 1
+    - Item 2
+        - Item 3
+    - Item 4
+- Item 5
+- Item 5
+- Item 5
+
+- foo
+  -  bar
+     ```Makefile
+     foo
+     	foo
+     ```

_content/storia.yaml

@@ -0,0 +1,35 @@
+macchinisti:
+- uid: minnocci
+  fullName: Francesco Minnocci
+  entryDate: 2022/02
+- uid: manicastri
+  fullName: Francesco Manicastri
+  entryDate: 2022/05
+- uid: delucreziis
+  fullName: Antonio De Lucreziis
+  entryDate: 2019/09
+- uid: caporali
+  fullName: Francesco Caporali
+  entryDate: 2018/09
+  exitDate: 2022/03
+- uid: dachille
+  fullName: Letizia D'Achille
+  entryDate: 2018/09
+  exitDate: 2022/03
+eventi:
+- type: simple
+  title: Nuovo sito del PHC
+  description: |
+    Featuring: ricerca utenti, dark mode, nuovo logo e molto altro!
+  date: 2022/09
+  icon: fa-solid fa-star
+- type: simple
+  title: Data di pubblicazione del sito Poisson originale
+  date: 1996/06/17
+  description: |
+    Visitalo sul [Web Archive](https://web.archive.org/web/19971017065805/http://poisson.dm.unipi.it)!
+  icon: fa-solid fa-upload
+- type: simple
+  title: Apertura del PHC
+  date: 1994
+  icon: fa-solid fa-flag-checkered

_frontend/Makefile

@@ -0,0 +1,23 @@
+
+# https://pnpm.io/ is better at storing packages than npm, if you still want to use npm just run "make NPM=npm <target>"
+NPM = pnpm
+
+#
+# Build Frontend
+#
+
+.PHONY: all
+all: setup build
+
+.PHONY: setup
+setup: 
+	$(NPM) install
+
+.PHONY: build
+build: 
+	mkdir -p out/
+	$(NPM) run build
+
+.PHONY: clean
+clean:
+	rm -rf out/

_frontend/package.json

@@ -0,0 +1,35 @@
+{
+    "name": "frontend",
+    "version": "1.0.0",
+    "description": "Package to generate frontend files for phc/website",
+    "scripts": {
+        "build": "npm-run-all -p build:*",
+        "watch": "npm-run-all -p watch:*",
+        "build:js": "rollup -c",
+        "watch:js": "rollup -c -w",
+        "build:css": "sass -s compressed src/styles/main.scss out/next.css",
+        "watch:css": "sass -w src/styles/main.scss out/next.css"
+    },
+    "keywords": [],
+    "author": "aziis98 <antonio.delucreziis@gmail.com>",
+    "license": "MIT",
+    "devDependencies": {
+        "@babel/core": "^7.18.13",
+        "@babel/preset-react": "^7.18.6",
+        "@rollup/plugin-babel": "^5.3.1",
+        "@rollup/plugin-node-resolve": "^13.3.0",
+        "@rollup/plugin-typescript": "^8.3.4",
+        "esbuild": "^0.15.5",
+        "npm-run-all": "^4.1.5",
+        "rollup": "^2.75.3",
+        "rollup-plugin-esbuild": "^4.9.3",
+        "rollup-plugin-terser": "^7.0.2",
+        "sass": "^1.52.3",
+        "typescript": "^4.7.4"
+    },
+    "dependencies": {
+        "alpinejs": "^3.10.2",
+        "fuse.js": "^6.6.2",
+        "preact": "^10.10.6"
+    }
+}

_frontend/rollup.config.js

@@ -0,0 +1,75 @@
+import { defineConfig } from 'rollup'
+
+import resolve from '@rollup/plugin-node-resolve'
+import babel from '@rollup/plugin-babel'
+import { terser } from 'rollup-plugin-terser'
+import esbuild from 'rollup-plugin-esbuild'
+
+export default defineConfig([
+    {
+        input: 'src/base.js',
+        output: {
+            file: 'out/base.min.js',
+            format: 'iife',
+        },
+        plugins: [terser()],
+    },
+    {
+        input: 'src/utenti.js',
+        external: ['alpinejs', 'fuse.js'], // libraries to not bundle
+        output: {
+            file: 'out/utenti.min.js',
+            format: 'iife',
+            globals: {
+                // map library names to global constants
+                alpinejs: 'Alpine',
+                'fuse.js': 'Fuse',
+            },
+        },
+        plugins: [terser()],
+    },
+    {
+        input: 'src/profilo.js',
+        external: ['alpinejs'],
+        output: {
+            file: 'out/profilo.min.js',
+            format: 'iife',
+            globals: {
+                alpinejs: 'Alpine',
+            },
+        },
+        plugins: [terser()],
+    },
+    {
+        input: 'src/homepage-art.ts',
+        output: {
+            file: 'out/homepage-art.min.js',
+            format: 'iife',
+        },
+        plugins: [esbuild({ minify: true })],
+    },
+    {
+        input: 'src/appunti-condivisi/main.jsx',
+        output: {
+            file: 'out/appunti-condivisi.min.js',
+            format: 'iife',
+        },
+        plugins: [
+            resolve(),
+            babel({
+                babelHelpers: 'bundled',
+                presets: [
+                    [
+                        '@babel/preset-react',
+                        {
+                            runtime: 'automatic',
+                            importSource: 'preact',
+                        },
+                    ],
+                ],
+            }),
+            // https://rollupjs.org/guide/en/#-w--watch
+            !process.env.ROLLUP_WATCH && terser(),
+        ],
+    },
+])

_frontend/src/appunti-condivisi/main.jsx

@@ -0,0 +1,524 @@
+import { render } from 'preact'
+import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
+import { formatFileSize, intersperse } from './util.js'
+
+function randomHex(length = 16) {
+    return Array.from({ length }, () => Math.floor(Math.random() * 16).toString(16)).join('')
+}
+
+/**
+ * Lista di tag "standard" disponibili nel completamento per i tags
+ */
+const availableTags = [
+    // Genera una ventina di coppie come "2022/2023"
+    ...Array.from({ length: 20 }, (_, i) => {
+        const year = new Date().getFullYear() - i
+
+        return { id: `${year}/${year + 1}`, label: `Anno Accademico ${year}/${year + 1}` }
+    }),
+    // List di tag "standard", l'id è la vera stringa del tag, mentre la label
+    { id: 'geometria-1', label: 'Geometria 1' },
+    { id: 'geometria-2', label: 'Geometria 2' },
+    { id: 'eti', label: 'Elementi di Teoria degli Insiemi' },
+    { id: 'eta', label: 'Elementi di Topologia Algebrica' },
+    { id: 'ega', label: 'Elementi di Geometria Algebrica' },
+    { id: 'gtd', label: 'Geometria e Topologia Differenziale' },
+    { id: 'ist-anal', label: 'Istituzioni di Analisi' },
+    { id: 'ist-geom', label: 'Istituzioni di Geometria' },
+    { id: 'ist-fis', label: 'Istituzioni di Fisica' },
+    { id: 'ist-prob', label: 'Istituzioni di Probabilità' },
+    { id: 'ist-alg', label: 'Istituzioni di Algebra' },
+    { id: 'ist-num', label: 'Istituzioni di Analisi Numerica' },
+    { id: 'analisi-1', label: 'Analisi 1' },
+    { id: 'analisi-2', label: 'Analisi 2' },
+    { id: 'aritmetica', label: 'Aritmetica' },
+    { id: 'programmazione', label: 'Programmazione' },
+    { id: 'fisica-1', label: 'Fisica 1' },
+    { id: 'steffe-1', label: 'Laboratorio di Comunicazione Mediante Calcolatore' },
+]
+
+const useAutosizeTextarea = ({ minRows } = {}) => {
+    minRows ??= 1
+
+    const textareaRef = useRef(null)
+
+    const updateTextareaHeight = useCallback(() => {
+        if (textareaRef.current) {
+            textareaRef.current.style.height = 'auto'
+            textareaRef.current.style.height = textareaRef.current.scrollHeight + 'px'
+        }
+    })
+
+    useEffect(() => {
+        updateTextareaHeight()
+    })
+
+    return {
+        rows: minRows,
+        ref: textareaRef,
+        onInput: updateTextareaHeight,
+    }
+}
+
+const normalizeTag = tag => {
+    return tag
+        .toLowerCase()
+        .replace(/\s+/g, ' ')
+        .replace(/ /g, '-')
+        .replace(/[^\p{L}0-9\/\-]/gu, '')
+}
+
+const InputTags = ({ tags, setTags, availableTags }) => {
+    availableTags ??= []
+
+    const [id] = useState('tags-' + randomHex())
+
+    const nextRef = useRef()
+    const [nextText, setNextText] = useState('')
+
+    const onFocus = e => {
+        if (!e.target.closest('.tags .tag .remove')) {
+            nextRef.current?.focus()
+        }
+    }
+
+    const removeTag = tag => {
+        setTags(tags => tags.filter(t => t !== tag))
+    }
+
+    const addTag = tag => {
+        setTags(tags => [...tags, tag])
+    }
+
+    const onKeyDown = e => {
+        if (e.key === 'Backspace' && nextText.length === 0) {
+            removeTag(tags.at(-1))
+        }
+
+        const trimmed = nextText.trim()
+        if (e.key === 'Enter' && trimmed.length > 0) {
+            addTag(normalizeTag(trimmed))
+            setNextText('')
+        }
+    }
+
+    return (
+        <div class="input-tags" onClick={onFocus}>
+            {tags.map(tag => (
+                <div class="tag">
+                    <span>{tag}</span>
+                    <span class="remove" onClick={() => removeTag(tag)}>
+                        <i class="fa-solid fa-remove"></i>
+                    </span>
+                </div>
+            ))}
+            <input
+                type="text"
+                ref={nextRef}
+                list={id}
+                value={nextText}
+                onInput={e => setNextText(e.target.value)}
+                onKeyDown={onKeyDown}
+            />
+            <datalist id={id}>
+                {availableTags.map(({ id, label }) => (
+                    <option value={id} label={label} />
+                ))}
+            </datalist>
+        </div>
+    )
+}
+
+const withClasses = a => {
+    if (Array.isArray(a)) {
+        return { class: a.filter(className => !!className).join(' ') }
+    } else if (typeof a === 'object') {
+        return {
+            class: Object.entries(a)
+                .flatMap(([className, active]) => (active ? [className] : []))
+                .join(' '),
+        }
+    } else if (typeof a === 'string') {
+        return { class: a }
+    } else {
+        throw new Error(`Invalid class format`)
+    }
+}
+
+const UploadRegion = ({}) => {
+    const [draggingOver, setDraggingOver] = useState(false)
+
+    const onDragOver = e => {
+        e.preventDefault()
+        e.dataTransfer.dropEffect = 'move'
+
+        setDraggingOver(true)
+    }
+
+    const onDragLeave = () => {
+        setDraggingOver(false)
+    }
+
+    const onDropFiles = files => {
+        if (files.length !== 1) {
+            throw new Error('Must drop one file')
+        }
+
+        const [file] = files
+        console.dir(file)
+
+        if (file.type !== 'application/pdf') {
+            console.error('The file must be a PDF')
+        }
+
+        console.log(formatFileSize(file.size))
+    }
+
+    const onDrop = e => {
+        e.preventDefault()
+
+        if (e.dataTransfer.items) {
+            onDropFiles(
+                [...e.dataTransfer.items].flatMap(item =>
+                    item.kind === 'file' ? [item.getAsFile()] : []
+                )
+            )
+        } else {
+            onDropFiles([...e.dataTransfer.files])
+        }
+
+        setDraggingOver(false)
+    }
+
+    return (
+        <div
+            {...withClasses(['upload-region', draggingOver && 'dragging-over'])}
+            onDragOver={onDragOver}
+            onDragLeave={onDragLeave}
+            onDrop={onDrop}
+        >
+            {!draggingOver ? (
+                <>
+                    <span>Trascina qui un PDF oppure usa il tasto sottostante</span>
+                    <InputFile accept="application/pdf" />
+                </>
+            ) : (
+                <>
+                    <div class="release-text">
+                        <i class="fa-solid fa-upload"></i>
+                        <span>Rilascia per iniziare il caricamento</span>
+                    </div>
+                </>
+            )}
+        </div>
+    )
+}
+
+const Progress = ({ value, max }) => {
+    return (
+        <div class="progress-bar">
+            <div class="indicator" style={{ width: Math.floor((value / max) * 100) + '%' }}></div>
+        </div>
+    )
+}
+
+const CancellableUpload = ({ uploadedSize, totalSize, onCancel }) => {
+    return (
+        <>
+            <div class="progress-bytes">
+                {formatFileSize(uploadedSize)} / {formatFileSize(totalSize)}
+            </div>
+            <div class="progress-and-action">
+                <Progress value={uploadedSize} max={totalSize} />
+                <button onClick={onCancel}>Annulla</button>
+            </div>
+        </>
+    )
+}
+
+const UploadPopup = ({}) => {
+    const [shown, setShown] = useState(false)
+
+    const descriptionTextareaProps = useAutosizeTextarea({ minRows: 2 })
+    const [tags, setTags] = useState(['geometria-1', 'fortuna', 'frigerio', '2013/2014'])
+
+    const [doneUploading, setDoneUploading] = useState(false)
+
+    const hash = '59e514dd50c63051'
+
+    return (
+        <>
+            {shown && (
+                <div class="upload-popup">
+                    <div class="popup">
+                        <div class="header">
+                            <div class="title">
+                                Carica la dispensa "<code>file.pdf</code>"
+                            </div>
+                        </div>
+                        <div class="block">
+                            <p>
+                                {/* TODO:  */}
+                                Inserisci titolo, descrizione e tag per questa dispensa, una volta
+                                premuto <strong>Salva</strong> la dispensa verrà aggiunta
+                                inizialmente non sarà visibile nell'elenco degli appunti finché non
+                                verrà approvata da un moderatore
+                            </p>
+                        </div>
+                        <div class="form">
+                            <div class="label">Nome</div>
+                            <input type="text" placeholder="Nome" value="Mezzedimi" />
+                            <div class="label">Descrizione</div>
+                            <textarea placeholder="Descrizione..." {...descriptionTextareaProps}>
+                                Best dispensa di Geometria 1 ever written anche se non in LaTeX
+                            </textarea>
+                            <div class="label">Tags</div>
+                            <InputTags {...{ tags, setTags, availableTags }} />
+
+                            {!doneUploading ? (
+                                <CancellableUpload
+                                    uploadedSize={34.2 * 1024 ** 2}
+                                    totalSize={45.6 * 1024 ** 2}
+                                />
+                            ) : (
+                                <div class="right">
+                                    <div class="upload-message">
+                                        <i class="fa-solid fa-check"></i>
+                                        <span title={hash}>File caricato</span>
+                                    </div>
+                                    <button>Annulla</button>
+                                    <button class="primary">Salva</button>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                </div>
+            )}
+        </>
+    )
+}
+
+const InputFile = ({ accept, onFile }) => {
+    const inputFileRef = useRef()
+
+    const [file, setFile] = useState(null)
+
+    const onButtonClick = e => {
+        inputFileRef.current.click()
+    }
+
+    const onInputFile = e => {
+        if (e.target.files.length === 1) {
+            const f = e.target.files[0]
+
+            setFile(f)
+            onFile?.(f)
+        }
+    }
+
+    return (
+        <div class="input-file">
+            <input type="file" ref={inputFileRef} accept={accept} onInput={onInputFile} />
+            <button onClick={onButtonClick}>Carica File</button>
+            {file && <div class="file-name">{file.name}</div>}
+        </div>
+    )
+}
+
+const TabellaApprovazioni = ({ pendingApprovazioni }) => {
+    return (
+        <div class="table approvazioni">
+            <div class="download header"></div>
+            <div class="hash header">PDF</div>
+            <div class="title header">Dispensa</div>
+            <div class="owner header">Proprietario</div>
+            <div class="actions header">Azioni</div>
+
+            {intersperse(
+                pendingApprovazioni.map(({ id, title, owner, hash }) => (
+                    <>
+                        <div class="download">
+                            <a class="button icon" href={`/appunti/files/${hash}`}>
+                                <i class="fa-solid fa-download"></i>
+                            </a>
+                        </div>
+                        <div class="hash">
+                            <code>{hash}</code>
+                        </div>
+                        <div class="title">
+                            <a href={`/appunti/${id}`} title={id}>
+                                {title}
+                            </a>
+                        </div>
+                        <div class="owner">
+                            <a href={`/u/${owner}`}>@{owner}</a>
+                        </div>
+                        <div class="actions">
+                            <button class="icon">
+                                <i class="fa-solid fa-check"></i>
+                            </button>
+                            <button class="icon">
+                                <i class="fa-solid fa-close"></i>
+                            </button>
+                        </div>
+                    </>
+                )),
+                <div class="separator"></div>
+            )}
+        </div>
+    )
+}
+
+const App = ({}) => {
+    const descriptionTextareaProps = useAutosizeTextarea({ minRows: 2 })
+
+    const [tags, setTags] = useState(['geometria-1', 'fortuna', 'frigerio', '2013/2014'])
+
+    return (
+        <>
+            <UploadRegion />
+            <UploadPopup />
+
+            <div class="flex col gap-1 fill-h">
+                <h1>Le tue dispense</h1>
+                <div class="table dispense">
+                    <div class="edit header"></div>
+                    <div class="name header">Nome</div>
+                    <div class="tags header">Tags</div>
+                    <div class="status header">Stato</div>
+
+                    <div class="edit">
+                        <button class="icon flat">
+                            <i class="fa-solid fa-angle-down"></i>
+                        </button>
+                    </div>
+                    <div class="name">Appunti di Geometria 1</div>
+                    <div class="tags">
+                        <div class="tag">geometria-1</div>
+                        <div class="tag">prof-1</div>
+                        <div class="tag">2016/2017</div>
+                    </div>
+                    <div class="status approved">
+                        <i class="fa-solid fa-check"></i>
+                    </div>
+
+                    <div class="separator"></div>
+
+                    <div class="expanded">
+                        <div class="edit-close">
+                            <button class="icon flat">
+                                <i class="fa-solid fa-angle-up"></i>
+                            </button>
+                        </div>
+                        <div class="edit-container">
+                            <div class="header">
+                                <a href="/appunti/6f82dca3d83b475c">
+                                    <span class="title">Mezzedimi</span>
+                                </a>
+                            </div>
+                            <div class="form">
+                                <div class="label">Nome</div>
+                                <input type="text" placeholder="Nome" value="Mezzedimi" />
+                                <div class="label">Descrizione</div>
+                                <textarea
+                                    placeholder="Descrizione..."
+                                    {...descriptionTextareaProps}
+                                >
+                                    Best dispensa di Geometria 1 ever written anche se non in LaTeX
+                                </textarea>
+                                <div class="label">Tags</div>
+                                <InputTags {...{ tags, setTags, availableTags }} />
+                            </div>
+                            <p>
+                                Puoi anche caricare una nuova versione del PDF ma ricorda che se
+                                carichi un file non precedentemente approvato inizialmente
+                                scomparirà dall'elenco principale in attesa di apporvazione da parte
+                                di un moderatore.
+                            </p>
+                            <div class="form">
+                                <div class="label">Stato</div>
+                                <div class="stato-approvazione approved">
+                                    <i class="fa-solid fa-check"></i>
+                                    Approvata
+                                </div>
+
+                                <div class="label">Cambia PDF</div>
+                                <InputFile accept="application/pdf" />
+
+                                <div class="right">
+                                    <button class="primary">Salva</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="separator"></div>
+
+                    <div class="edit">
+                        <button class="icon flat">
+                            <i class="fa-solid fa-angle-down"></i>
+                        </button>
+                    </div>
+                    <div class="name pending">Appunti di Geometria 2</div>
+                    <div class="tags">
+                        <div class="tag">geometria-2</div>
+                        <div class="tag">prof-2</div>
+                        <div class="tag">2017/2018</div>
+                        <div class="tag">tanti-tag-1</div>
+                        <div class="tag">tanti-tag-2</div>
+                        <div class="tag">tanti-tag-3</div>
+                        <div class="tag">tanti-tag-4</div>
+                        <div class="tag">tanti-tag-5</div>
+                        <div class="tag">tanti-tag-6</div>
+                    </div>
+                    <div class="status pending" title="In attesa di approvazione...">
+                        <i class="fas fa-hourglass"></i>
+                    </div>
+
+                    <div class="separator"></div>
+
+                    <div class="edit">
+                        <button class="icon flat">
+                            <i class="fa-solid fa-angle-down"></i>
+                        </button>
+                    </div>
+                    <div class="name rejected">F1Le SuP3R LeGaLe</div>
+                    <div class="tags">
+                        <div class="tag">foo</div>
+                        <div class="tag">bar</div>
+                    </div>
+                    <div class="status rejected">
+                        <i class="fa-solid fa-xmark"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="flex col gap-1 fill-h">
+                <h1>PDF da Approvare</h1>
+                <TabellaApprovazioni
+                    pendingApprovazioni={[
+                        {
+                            id: '59e514dd50c63051',
+                            title: 'GAAL',
+                            owner: 'mezzedimi',
+                            hash: '2c8d593c6be289ab',
+                        },
+                        {
+                            id: '4c52d9726c438f3d',
+                            title: 'Dispensa 1',
+                            owner: 'persona-1',
+                            hash: '346ba392a3a1eb86',
+                        },
+                        {
+                            id: 'eecb96f04e319c4c',
+                            title: 'Dispensa 2',
+                            owner: 'persona-1',
+                            hash: '74f9652c28f82e7f',
+                        },
+                    ]}
+                />
+            </div>
+        </>
+    )
+}
+
+render(<App />, document.querySelector('#app'))

_frontend/src/appunti-condivisi/util.js

@@ -0,0 +1,17 @@
+export function formatFileSize(bytes) {
+    if (bytes < 1024) {
+        return `${bytes} bytes`
+    }
+    if (bytes < 1024 ** 2) {
+        return `${(bytes / 1024).toFixed(1)} KB`
+    }
+    if (bytes < 1024 ** 3) {
+        return `${(bytes / 1024 ** 2).toFixed(1)} MB`
+    }
+
+    return `${(bytes / 1024 ** 3).toFixed(1)} GB`
+}
+
+export function intersperse(list, separator) {
+    return list.flatMap((el, i) => (i === 0 ? [el] : [separator, el]))
+}

_frontend/src/base.js

@@ -0,0 +1,41 @@
+document.addEventListener('DOMContentLoaded', function () {
+    renderMathInElement(document.body, {
+        delimiters: [
+            { left: '$', right: '$', display: false },
+            { left: '$$', right: '$$', display: true },
+            { left: '\\(', right: '\\)', display: false },
+            { left: '\\[', right: '\\]', display: true },
+        ],
+    })
+})
+
+document.addEventListener('DOMContentLoaded', () => {
+    const $toggle = document.querySelector('#toggle-dark-mode')
+    const $toggleIcon = document.querySelector('#toggle-dark-mode i')
+
+    // Loads preferred dark from from localStorage or defaults to media query.
+    let prefersDarkMode =
+        localStorage.getItem('theme') !== undefined
+            ? localStorage.getItem('theme') === 'dark'
+            : window.matchMedia('(prefers-color-scheme: dark)').matches
+
+    function storePrefersDarkMode(mode) {
+        prefersDarkMode = mode
+        localStorage.setItem('theme', mode ? 'dark' : 'light')
+    }
+
+    function displayToggle() {
+        document.body.classList.toggle('dark-mode', prefersDarkMode)
+        $toggleIcon.classList.toggle('fa-moon', prefersDarkMode)
+        $toggleIcon.classList.toggle('fa-sun', !prefersDarkMode)
+
+        document.dispatchEvent(new CustomEvent('theme:change'))
+    }
+
+    $toggle.addEventListener('click', () => {
+        storePrefersDarkMode(!prefersDarkMode)
+        displayToggle()
+    })
+
+    displayToggle()
+})

_frontend/src/homepage-art.ts

@@ -0,0 +1,378 @@
+type Point2i = [number, number]
+
+type WireDirection = 'down-left' | 'down' | 'down-right'
+
+type TipPosition = false | 'begin' | 'end' | 'begin-end'
+
+type WirePiece = {
+    direction: WireDirection
+    lerp: number
+    tipPosition: TipPosition
+}
+
+type LatticePoint = string
+
+function toLatticePoint(x: number, y: number): LatticePoint {
+    return `${x | 0},${y | 0}`
+}
+
+function fromLatticePoint(p: LatticePoint): Point2i {
+    const [x, y] = p.split(',').map(s => parseInt(s))
+    return [x, y]
+}
+
+type WireNode = { point: Point2i; direction: WireDirection }
+
+type Wire = WireNode[]
+
+type World = {
+    dimensions: Point2i
+
+    wirePieces: { [point: LatticePoint]: WirePiece }
+    wiresQueue: { wire: Wire; cursor: number }[]
+}
+
+function randomChoice<T>(array: T[]): T {
+    return array[Math.floor(Math.random() * array.length)]
+}
+
+const randomDirection = (): WireDirection => randomChoice(['down', 'down-left', 'down-right'])
+
+const nextPoint = ([x, y]: [number, number], direction: WireDirection): [number, number] => {
+    if (direction === 'down') return [x, y + 1]
+    if (direction === 'down-left') return [x - 1, y + 1]
+    if (direction === 'down-right') return [x + 1, y + 1]
+    throw 'invalid'
+}
+
+function checkPoint(world: World, [x, y]: [number, number]): boolean {
+    return !!world.wirePieces[toLatticePoint(x, y)]
+}
+
+function wireIntersects(world: World, wire: Wire): boolean {
+    return wire.some(({ point: [x, y], direction }) => {
+        // TODO: The point check actually "doubly" depends on direction
+        if (direction === 'down') {
+            return checkPoint(world, [x, y]) || checkPoint(world, [x, y + 1])
+        }
+        if (direction === 'down-left') {
+            return checkPoint(world, [x, y]) || checkPoint(world, [x - 1, y])
+        }
+        if (direction === 'down-right') {
+            return checkPoint(world, [x, y]) || checkPoint(world, [x + 1, y])
+        }
+        return false
+    })
+}
+
+function generateWire(world: World): Wire {
+    const [w, h] = world.dimensions
+
+    const randomPoint = (): [number, number] => [
+        Math.floor(Math.random() * w),
+        Math.floor(Math.pow(Math.random(), 2) * h * 0.5),
+    ]
+
+    const wireLength = 3 + Math.floor(Math.random() * 10)
+    const wire: Wire = [
+        {
+            point: randomPoint(),
+            direction: randomDirection(),
+        },
+    ]
+
+    let prev = wire[0]
+    let dir = prev.direction
+
+    for (let i = 0; i < wireLength; i++) {
+        const p = nextPoint(prev.point, dir)
+
+        if (Math.random() < 0.325) {
+            // change direction
+            if (dir === 'down') {
+                dir = randomChoice(['down-left', 'down-right'])
+            } else {
+                dir = 'down'
+            }
+        }
+
+        wire.push({
+            point: p,
+            direction: dir,
+        })
+        prev = wire[wire.length - 1]
+    }
+
+    return wire
+}
+
+function getTheme() {
+    if (document.body.classList.contains('dark-mode')) {
+        return {
+            backgroundColor: '#282828',
+            circuitColor: '#38302e',
+        }
+    } else {
+        return {
+            backgroundColor: '#eaeaea',
+            circuitColor: '#d4d4d4',
+        }
+    }
+}
+
+class Art {
+    static CELL_SIZE = 28
+    static TIP_RADIUS = 4
+    static WIRE_LERP_SPEED = 25 // units / seconds
+
+    renewGraphicsContext: boolean = true
+    dirty: boolean
+
+    world: World
+
+    constructor($canvas: HTMLCanvasElement) {
+        let g: CanvasRenderingContext2D
+
+        let unMount = this.setup($canvas)
+
+        window.addEventListener('resize', () => {
+            this.renewGraphicsContext = true
+            unMount()
+            unMount = this.setup($canvas)
+        })
+
+        document.addEventListener('theme:change', () => {
+            this.dirty = true
+        })
+
+        const renderFn = () => {
+            if (this.renewGraphicsContext) {
+                $canvas.width = $canvas.offsetWidth * devicePixelRatio
+                $canvas.height = $canvas.offsetHeight * devicePixelRatio
+
+                g = $canvas.getContext('2d')!
+                g.scale(devicePixelRatio, devicePixelRatio)
+            }
+
+            if (this.dirty || this.renewGraphicsContext) {
+                console.log('Rendering')
+                this.render(g, $canvas.offsetWidth, $canvas.offsetHeight)
+            }
+
+            this.dirty = false
+            this.renewGraphicsContext = false
+            requestAnimationFrame(renderFn)
+        }
+
+        renderFn()
+    }
+
+    setup($canvas: HTMLCanvasElement) {
+        this.world = {
+            dimensions: [
+                Math.ceil($canvas.offsetWidth / Art.CELL_SIZE),
+                Math.ceil($canvas.offsetHeight / Art.CELL_SIZE),
+            ],
+            wirePieces: {},
+            wiresQueue: [],
+        }
+
+        let failedTries = 0
+
+        const wireGeneratorTimer = setInterval(() => {
+            if (this.world.wiresQueue.length > 0) {
+                return
+            }
+
+            // console.log('Trying to generate wire')
+            if (failedTries > 400) {
+                console.log('Stopped generating wires')
+                clearInterval(wireGeneratorTimer)
+                return
+            }
+
+            const wire = generateWire(this.world)
+            if (!wireIntersects(this.world, wire)) {
+                failedTries = 0
+                this.world.wiresQueue.push({ wire, cursor: 0 })
+            } else {
+                failedTries++
+            }
+        }, 10)
+
+        let pieceLerpBeginTime = new Date().getTime()
+        const wireQueueTimer = setInterval(() => {
+            if (this.world.wiresQueue.length > 0) {
+                // console.log('Interpolating queued wire')
+
+                // get top wire to add
+                const wireInterp = this.world.wiresQueue[0]
+                if (wireInterp.cursor < wireInterp.wire.length) {
+                    const currentNode = wireInterp.wire[wireInterp.cursor]
+                    const pieceLerpEndTime = pieceLerpBeginTime + 1000 / Art.WIRE_LERP_SPEED
+
+                    const now = new Date().getTime()
+                    if (now > pieceLerpEndTime) {
+                        wireInterp.cursor++
+                        pieceLerpBeginTime = new Date().getTime()
+
+                        this.world.wirePieces[toLatticePoint(...currentNode.point)] = {
+                            direction: currentNode.direction,
+                            lerp: 1,
+                            tipPosition:
+                                wireInterp.cursor === 1
+                                    ? 'begin'
+                                    : wireInterp.cursor === wireInterp.wire.length
+                                    ? 'end'
+                                    : false,
+                        }
+
+                        this.dirty = true
+                        return
+                    }
+
+                    const lerp = ((now - pieceLerpBeginTime) / 1000) * Art.WIRE_LERP_SPEED
+                    this.world.wirePieces[toLatticePoint(...currentNode.point)] = {
+                        ...currentNode,
+                        tipPosition: wireInterp.cursor === 0 ? 'begin-end' : 'end',
+                        lerp,
+                    }
+
+                    this.dirty = true
+                } else {
+                    this.world.wiresQueue.splice(0, 1)
+                }
+            }
+        }, 1000 / 60)
+
+        const unMount = () => {
+            clearInterval(wireGeneratorTimer)
+            clearInterval(wireQueueTimer)
+        }
+
+        // document.addEventListener('keypress', e => {
+        //     if (e.key === 'r') {
+        //         unMount()
+        //         this.setup($canvas)
+        //     }
+        // })
+
+        return unMount
+    }
+
+    render(g: CanvasRenderingContext2D, width: number, height: number) {
+        g.clearRect(0, 0, width, height)
+
+        const { backgroundColor, circuitColor } = getTheme()
+
+        // Grid
+        // g.lineWidth = 1
+        // g.strokeStyle = '#ddd'
+        // g.beginPath()
+        // for (let i = 0; i < height / Art.CELL_SIZE; i++) {
+        //     g.moveTo(0, i * Art.CELL_SIZE)
+        //     g.lineTo(width, i * Art.CELL_SIZE)
+        // }
+        // for (let j = 0; j < width / Art.CELL_SIZE; j++) {
+        //     g.moveTo(j * Art.CELL_SIZE, 0)
+        //     g.lineTo(j * Art.CELL_SIZE, height)
+        // }
+        // g.stroke()
+
+        g.lineWidth = 3
+        g.strokeStyle = circuitColor
+        g.lineCap = 'round'
+        g.lineJoin = 'round'
+
+        for (const [lp, piece] of Object.entries(this.world.wirePieces)) {
+            const [x, y] = fromLatticePoint(lp)
+            g.beginPath()
+            g.moveTo(x * Art.CELL_SIZE, y * Art.CELL_SIZE)
+            switch (piece.direction) {
+                case 'down-left':
+                    g.lineTo((x - piece.lerp) * Art.CELL_SIZE, (y + piece.lerp) * Art.CELL_SIZE)
+                    break
+                case 'down':
+                    g.lineTo(x * Art.CELL_SIZE, (y + piece.lerp) * Art.CELL_SIZE)
+                    break
+                case 'down-right':
+                    g.lineTo((x + piece.lerp) * Art.CELL_SIZE, (y + piece.lerp) * Art.CELL_SIZE)
+                    break
+            }
+            g.stroke()
+        }
+
+        for (const [lp, piece] of Object.entries(this.world.wirePieces)) {
+            const [x, y] = fromLatticePoint(lp)
+            const drawTip = () => {
+                if (
+                    y !== 0 &&
+                    (piece.tipPosition === 'begin' || piece.tipPosition === 'begin-end')
+                ) {
+                    switch (piece.direction) {
+                        case 'down-left':
+                            {
+                                const cx = x * Art.CELL_SIZE
+                                const cy = y * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                        case 'down':
+                            {
+                                const cx = x * Art.CELL_SIZE
+                                const cy = y * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                        case 'down-right':
+                            {
+                                const cx = x * Art.CELL_SIZE
+                                const cy = y * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                    }
+                }
+                if (piece.tipPosition === 'end' || piece.tipPosition === 'begin-end') {
+                    switch (piece.direction) {
+                        case 'down-left':
+                            {
+                                const cx = (x - piece.lerp) * Art.CELL_SIZE
+                                const cy = (y + piece.lerp) * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                        case 'down':
+                            {
+                                const cx = x * Art.CELL_SIZE
+                                const cy = (y + piece.lerp) * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                        case 'down-right':
+                            {
+                                const cx = (x + piece.lerp) * Art.CELL_SIZE
+                                const cy = (y + piece.lerp) * Art.CELL_SIZE
+                                g.ellipse(cx, cy, Art.TIP_RADIUS, Art.TIP_RADIUS, 0, 0, 2 * Math.PI)
+                            }
+                            break
+                    }
+                }
+            }
+
+            if (piece.tipPosition) {
+                g.fillStyle = backgroundColor
+                g.beginPath()
+                drawTip()
+                g.fill()
+
+                g.beginPath()
+                drawTip()
+                g.stroke()
+            }
+        }
+    }
+}
+
+const $canvas = document.querySelector('#wires-animation') as HTMLCanvasElement
+new Art($canvas)

_frontend/src/profilo.js

@@ -0,0 +1,16 @@
+import Alpine from 'alpinejs'
+
+Alpine.data('profilo', () => ({
+    init() {
+        console.log('Profilo!')
+    },
+}))
+
+Alpine.data('passwordForm', () => ({
+    password: '',
+    passwordAgain: '',
+    passwordSame: true,
+    onUpdate() {
+        this.passwordSame = this.password === this.passwordAgain
+    },
+}))

_frontend/src/styles/main.scss

@@ -0,0 +1,69 @@
+/* TODO: Don't use CDN and serve as static files */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');
+
+:root {
+    --fg-300: #777;
+    --fg-400: #666;
+    --fg-500: #333;
+    --fg-600: #222;
+
+    --bg-000: #f0f0f0;
+    --bg-100: #f0f0f0;
+    --bg-500: #eaeaea;
+    --bg-550: #ecedee;
+    --bg-600: #e4e5e7;
+    --bg-700: #d5d5d5;
+    --bg-750: #c8c8c8;
+    --bg-800: #c0c0c0;
+    --bg-850: #b8b8b8;
+
+    --accent-300: #5cc969;
+    --accent-400: #4eaa59;
+    --accent-500: #278542;
+    --accent-600: #2e974c;
+    --accent-700: #154d24;
+    --accent-800: #002d0d;
+
+    --ft-ss: 'Inter', sans-serif;
+    --ft-ss-wt-light: 300;
+    --ft-ss-wt-normal: 400;
+    --ft-ss-wt-medium: 500;
+    --ft-ss-wt-bold: 700;
+
+    --shadow-500: 0 0 16px 0 #00000018;
+
+    // Components
+    --text-input-bg: var(--bg-000);
+    --text-input-readonly-bg: var(--bg-600);
+    --text-input-readonly-fg: var(--fg-300);
+}
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+}
+
+html {
+    height: 100%;
+    width: 100%;
+}
+
+body {
+    background: var(--bg-500);
+    color: var(--fg-500);
+
+    font-family: var(--ft-ss);
+    font-size: 17px;
+    font-weight: var(--ft-ss-wt-normal);
+
+    width: 100%;
+    min-height: 100%;
+
+    position: relative;
+}
+
+@import './typography.scss';

_frontend/src/styles/typography.scss

@@ -0,0 +1,78 @@
+h1,
+h2,
+h3,
+h4 {
+    margin: 0;
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+
+    font-weight: var(--font-weight-light);
+}
+
+h1 {
+    font-size: 2rem;
+}
+
+h2 {
+    font-size: 1.5rem;
+}
+
+h3 {
+    font-size: 1.35rem;
+}
+
+h4 {
+    font-size: 1.2rem;
+    font-weight: var(--font-weight-bold);
+}
+
+p,
+ul,
+ol,
+li {
+    margin: 0;
+    width: 70ch;
+    max-width: 100%;
+    line-height: 1.8;
+}
+
+p + p {
+    padding-top: 0.5rem;
+}
+
+ul,
+ol {
+    padding: 0 0 0 1.5rem;
+}
+
+hr {
+    width: 50ch;
+    height: 1px;
+    margin: 0;
+
+    border: none;
+    background-color: var(--bg-darker-2);
+}
+
+pre {
+    margin: 0.5rem 0;
+
+    background: var(--bg-lighter);
+    border: 1px solid #cbcbcb;
+    border-radius: 2px;
+    box-shadow: 0 2px 4px 0 #00000033;
+
+    font-size: 90%;
+
+    display: flex;
+    overflow-x: auto;
+}
+
+pre > code {
+    display: block;
+    margin: 0.25rem;
+}
+
+p.center {
+    text-align: center;
+}

_frontend/src/utenti.js

@@ -0,0 +1,81 @@
+import Alpine from 'alpinejs'
+import Fuse from 'fuse.js'
+
+const SHOW_MORE_INCREMENT = 15
+const FUSE_OPTIONS = {
+    includeScore: true,
+    keys: [
+        'nome',
+        'cognome',
+        'tags',
+        { name: 'nomeCompleto', getFn: user => `${user.nome} ${user.cognome}` },
+    ],
+}
+
+const SORT_MODES = {
+    chronological: () => 0,
+    name: (a, b) => (a.nome < b.nome ? -1 : 1),
+    surname: (a, b) => (a.cognome < b.cognome ? -1 : 1),
+}
+
+function getSortedUserList(original, mode) {
+    return [...original].sort(SORT_MODES[mode])
+}
+
+Alpine.data('utenti', () => ({
+    searchField: '', // two-way binding for the search input field
+    sortMode: 'chronological', // two-way binding for the sorting mode
+    fetchedUsers: [], // hold complete user list
+    sortedUserBuffer: [], // Yet another buffer of the user list for the sort mode
+    fuse: new Fuse([], FUSE_OPTIONS), // current fuse instance, used to filter the list above
+    searchResultsBuffer: [], // stores the full current search
+    searchResults: [], // list to renderer on screen with a subset of the whole search results buffer
+    async init() {
+        // Get user list from server
+        const response = await fetch('/api/utenti')
+        this.fetchedUsers = await response.json()
+
+        // This will call the function "showMore()" when the user is near the end of the list
+        new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    console.log('Near the bottom of the page')
+                    this.showMore()
+                }
+            })
+        }).observe(this.$refs.spinner)
+
+        // Initialize with an empty query
+        this.updateSortMode()
+        this.updateSearch()
+    },
+    showMore() {
+        // setTimeout(() => {
+        // Updates the final "searchResults" list with more items from the previous buffer
+        const newCount = this.searchResults.length + SHOW_MORE_INCREMENT
+        this.searchResults = this.searchResultsBuffer.slice(0, newCount)
+        // }, 250) // For fun
+    },
+    setResults(list) {
+        this.searchResultsBuffer = list.filter(
+            entry => entry.score === undefined || entry.score <= 0.25
+        )
+        this.searchResults = this.searchResultsBuffer.slice(0, SHOW_MORE_INCREMENT)
+    },
+    updateSortMode() {
+        this.sortedUserBuffer = getSortedUserList(this.fetchedUsers, this.sortMode)
+        this.fuse.setCollection(this.sortedUserBuffer)
+        this.updateSearch()
+    },
+    updateSearch() {
+        console.time('search')
+        if (this.searchField.trim().length === 0) {
+            // Reset the result list
+            this.setResults(this.sortedUserBuffer.map(user => ({ item: user })))
+        } else {
+            // Update the result list with the new results
+            this.setResults(this.fuse.search(this.searchField))
+        }
+        console.timeEnd('search')
+    },
+}))

_frontend/tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "target": "esnext",
+        "noImplicitAny": true,
+        "sourceMap": true,
+        "noEmitOnError": true
+    },
+    "filesGlob": ["./src/**/*.ts"]
+}

_public/theme-dark.css

@@ -0,0 +1,93 @@
+body.dark-mode {
+    --bg: #282828;
+    --fg: #a6cc92;
+    /* --fg: #6eac4d; */
+    /* Magari questo: */
+    /* --fg: #a3b09c; */
+
+    --bg-dark: hsl(10, 10%, 20%);
+    --bg-darker: hsl(10, 10%, 17%);
+    --bg-darker-2: #1d2021;
+    --bg-darker-3: #101111;
+
+    --accent-1: #154d24;
+    --accent-1-fg: #278542;
+
+    --card-date: #928374;
+    --card-content: #d4be98;
+
+    --font-sf: 'Inter', sans-serif;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+
+    --shadow-1: 0 0 16px 0 #16182077;
+
+    --text-input-bg: var(--bg-darker);
+    --text-input-readonly-bg: hsl(10, 10%, 22%);
+    --text-input-readonly-fg: hsl(10, 10%, 40%);
+
+    --bg-darker-2-1: #c8c8c8;
+    --accent-2-lighter: #5cc969;
+    --accent-2: #4eaa59;
+    --accent-2-darker: #2e974c;
+    --accent-2-darkest: #002d0d;
+}
+
+.dark-mode button {
+    border: 1px solid var(--bg-darker-2);
+    background: var(--bg-darker);
+    color: #afafaf;
+}
+
+.dark-mode button:hover {
+    background: var(--bg-dark);
+}
+
+.dark-mode button.primary {
+    border: 1px solid #113a1c;
+    background: #1e6732;
+    color: #b7e3c3;
+}
+
+.dark-mode button.primary:hover {
+    background: #23773a;
+}
+
+.dark-mode nav .nav-logo img {
+    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
+}
+
+.dark-mode input[type],
+.dark-mode textarea {
+    background: #4b4342;
+}
+
+.dark-mode input[type='text']:read-only,
+.dark-mode input[type='password']:read-only {
+    background: var(--text-input-readonly-bg);
+    color: var(--text-input-readonly-fg);
+    box-shadow: 0 0 8px 0 #00000010;
+}
+
+.dark-mode input[type='text'].error,
+.dark-mode input[type='password'].error {
+    background: #633;
+    color: #faa;
+}
+
+.dark-mode pre {
+    background: var(--bg-darker);
+    border: 1px solid var(--bg-darker-2);
+}
+
+/* Trick molto molto malvagio per non dover rendere il colorscheme dei blocchi di codice dinamici rispetto alla dark mode */
+.dark-mode pre > code > span {
+    filter: invert(1);
+}
+
+.dark-mode table td,
+.dark-mode table th {
+    border-color: var(--fg);
+}

_views/appunti-condivisi.html

@@ -0,0 +1,12 @@
+{{template "base" .}}
+
+{{define "title"}}Condivisione Appunti • PHC{{end}}
+
+{{define "body"}}
+<h1>
+    <i class="fas fa-book"></i>
+    Condivisione Appunti
+</h1>
+<div id="app"></div>
+<script src="/public/appunti-condivisi.min.js"></script>
+{{end}}

_views/appunti.html

@@ -0,0 +1,43 @@
+{{template "base" .}}
+
+{{define "title"}}Appunti • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h1>
+        <i class="fas fa-book"></i>
+        Raccolta degli Appunti
+    </h1>
+    <p>
+        Questa è la raccolta degli appunti presenti su Poisson. Cerca il titolo della dispensa, il nome e cognome o l'username dell'autore oppure scrivi il nome del corso rispetto a cui filtrare. Altrimenti in cima compariranno gli appunti più "gettonati".
+    </p>
+    <p>
+        Puoi aggiungere le tue dispense dalla <a href="/appunti/condivisi">pagina personale di condivisione</a>.
+    </p>
+    <div class="search">
+        <div class="compound">
+            <input type="text" id="search-field" placeholder="Prova con &quot;Geometria 1&quot; o &quot;Mezzedimi&quot;..." autocomplete="off" {{ if .Query }}value="{{ .Query }}"{{ end }}>
+            <button class="icon">
+                <i class="fas fa-search"></i>
+            </button>
+        </div>
+    </div>
+    <div class="appunti-list">
+        <code>TODO: Lista work in progress</code>
+    </div>
+
+    <script>
+        // Aggiorna automaticamente la barra dell'URL con la query corrente
+        document.querySelector('#search-field').addEventListener('input', function() {
+            const q = this.value.trim();
+            history.replaceState({}, 'Appunti', 
+                q.length === 0 ? '/appunti' : '/appunti?q=' + encodeURIComponent(q)
+            );
+        });
+    </script>
+</section>
+<script>
+
+</script>
+
+{{end}}

_views/base.html

@@ -0,0 +1,44 @@
+{{define "base"}}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ template "title" . }}</title>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
+        integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
+        integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
+        crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
+        integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
+        crossorigin="anonymous"></script>
+
+    <script src="/public/base.min.js"></script>
+
+    <link rel="stylesheet" href="/public/style.css">
+    <link rel="stylesheet" href="/public/theme-dark.css">
+    <link rel="icon" type="image/png" href="/public/icons/icons8-electronics-100.png" />
+</head>
+
+<body {{ if .Page.Name }}class="page-{{ .Page.Name }}"{{ end }}>
+    {{ template "navbar" . }}
+
+    <div class="main">
+        {{ template "body" . }}
+    </div>
+
+    <footer>
+        <div class="footer-item">
+            <i class="fa-solid fa-envelope"></i>
+            <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a>
+        </div>
+    </footer>
+</body>
+
+</html>
+{{end}}

_views/dispensa.html

@@ -0,0 +1,14 @@
+{{template "base" .}}
+
+{{define "title"}}{{ .Dispensa.Title }} • Appunti • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h1>
+        <i class="fas fa-book"></i>
+        {{ .Dispensa.Title }}
+    </h1>
+    <p>
+        {{ .Dispensa.Description }}
+    </p>
+{{end}}

_views/guide-base.html

@@ -0,0 +1,18 @@
+{{template "base" .}}
+
+{{define "title"}}{{ .Article.Title }} • Guide • PHC{{end}}
+
+{{define "body"}}
+<section class="news-content">
+    <h1>{{ .Article.Title }}</h1>
+    <div class="date">
+        {{ .Article.PublishDate.Format "2006/01/02" }}
+    </div>
+    <div class="tags">
+        {{ range .Article.Tags }}
+        <span class="tag">{{ . }}</span>
+        {{ end }}
+    </div>
+    {{ .ContentHTML }}
+</section>
+{{end}}

_views/guide.html

@@ -0,0 +1,37 @@
+{{template "base" .}}
+
+{{define "title"}}Guide • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h2>
+        Feed RSS
+        <a href="/guide/rss"> <i class="fa-solid fa-rss"></i></a>
+    </h2>
+    <h1>
+        <i class="fa-solid fa-person-chalkboard"></i>
+        Articoli
+    </h1>
+    <div class="card-list">
+        {{ range .Articles }}
+        <div class="card">
+            <div class="title">
+                <a href="/guide/{{ .Id }}">
+                    {{ .Title }}
+                </a>
+            </div>
+            <div class="date">{{ .PublishDate.Format "2006/01/02" }}</div>
+            <div class="description">
+                <p>{{ .Description }}</p>
+            </div>
+            <div class="tags">
+                {{ range .Tags }}
+                <span class="tag">{{ . }}</span>
+                {{ end }}
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</section>
+
+{{end}}

_views/home.html

@@ -0,0 +1,107 @@
+{{template "base" .}}
+
+{{define "title"}}Home • PHC{{end}}
+
+{{define "body"}}
+<canvas id="wires-animation"></canvas>
+
+<!-- Non avevo molta fantasia per il nome di questa classe -->
+<section class="super">
+    <div class="block image">
+        <img src="/public/images/logo-circuit-board.svg" alt="phc-logo">
+    </div>
+    <div class="block text">
+        <h1>
+            Cos'è il PHC?
+        </h1>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum vel maiores dolorum dicta, repellat nulla repellendus amet fuga voluptas molestiae, magni</p>
+        <p>Voluptatibus sequi praesentium similique, quos ex illo autem quidem!</p>
+    </div>
+</section>
+
+<section>
+    <h2>Notizie Importanti</h2>
+    <div class="card-list">
+        <div class="card">
+            <div class="title">
+                <a href="/news/notizia-super-wow-1">News 1</a>
+            </div>
+            <div class="date">yyyy-mm-dd</div>
+            <div class="description">
+                <p>
+                    much doge, ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="/news/notizia-super-wow-2">News 2</a>
+            </div>
+            <div class="date">yyyy-mm-dd</div>
+            <div class="description">
+                <p>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="/news/notizia-super-wow-3">News 3</a>
+            </div>
+            <div class="date">yyyy-mm-dd</div>
+            <div class="description">
+                <p>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis nemo aperiam, voluptas quam alias esse sed natus tempore suscipit fugiat sit delectus exercitationem numquam ipsum assumenda recusandae consequatur...
+                </p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section>
+    <!-- TODO: Progetti/Servizi/Cose fornite -->
+    <h2>Progetti</h2>
+    <div class="card-list">
+        <div class="card">
+            <div class="title">Project title</div>
+            <div class="description">
+                <p>
+                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorem assumenda voluptatum harum quo nisi alias ab cupiditate corrupti est, illum culpa, excepturi, fugiat dolore doloribus minima placeat facilis enim quaerat!
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">Project title</div>
+            <div class="description">
+                <p>
+                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorem assumenda voluptatum harum quo nisi alias ab cupiditate corrupti est, illum culpa, excepturi, fugiat dolore doloribus minima placeat facilis enim quaerat!
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">Project title</div>
+            <div class="description">
+                <p>
+                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorem assumenda voluptatum harum quo nisi alias ab cupiditate corrupti est, illum culpa, excepturi, fugiat dolore doloribus minima placeat facilis enim quaerat!
+                </p>
+            </div>
+        </div>
+    </div>
+</section>
+<hr>
+<section>
+    <!-- <h2>Altro...</h2> -->
+    <div class="card">
+        <div class="title">Vuoi diventare un macchinista?</div>
+        <!-- <h3 style="font-weight: 500;">Vuoi diventare un macchinista?</h3> -->
+        <div class="description">
+            <p>
+                Ti interessa (o interesserebbe) smanettare al PC, montare e smontare i cose? Stai spesso in dipartimento? Allora
+                puoi venire a parlare con noi per diventare un apprendista macchinista per poi entrare nel PHC.
+            </p>
+        </div>
+    </div>
+</section>
+
+<script src="/public/homepage-art.min.js"></script>
+{{end}}

_views/link.html

@@ -0,0 +1,89 @@
+{{template "base" .}}
+
+{{define "title"}}Link Utili • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h1>
+        <i class="fas fa-link"></i>
+        Link Utili
+    </h1>
+    <p class="center">
+        Questo è un elenco di alcuni indirizzi potenzialmente utili
+    </p>
+    <ul>
+    <div class="card-list">
+        <div class="card">
+            <div class="title">
+                <a href="https://linktr.ee/aulastudenti">Aula Studenti</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    Lista di link relativi alle attività dell'aula studenti del Dipartimento di Matematica
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="https://credenziali.phc.dm.unipi.it/">Credenziali Poisson</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    Sito per chiedere il recupero/reset delle proprie credenziali Poisson; le matricole possono inserire direttamente le loro credenziali di Alice ed ottenere quelle del loro account su Poisson.
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="http://detexify.kirelabs.org/classify.html">Non trovi un simbolo Latex?</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    Questo sito ti permette di disegnare "a mano" il simbolo che cerchi e trovare il suo corrispondente comando in LaTex.
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="https://git.phc.dm.unipi.it/phc/dm-scripts/src/branch/main/printa4">Script per stampare in dipartimento dal proprio PC</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    Un semplice shell script che permette di stampare un file in una stampante del Dipartimento di Matematica da una qualsiasi shell Unix (Linux, MacOS, BSD...). Funziona anche da remoto!
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="https://github.com/SuzanneSoy/WiTeX">Wikipedia+LaTex??</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    Sei stanco del pessimo font di Wikipedia? Finalmente potrai leggere i <a href="https://en.wikipedia.org/wiki/Abstract_nonsense">tuoi</a> <a href="https://en.wikipedia.org/wiki/New_Math">articoli</a> <a href="https://en.wikipedia.org/wiki/%C3%89variste_Galois#Final_days">preferiti</a> di Wikipedia con un typesetting in stile LaTex!
+                </p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title">
+                <a href="https://www.dm.unipi.it">CdS Matematica</a>
+                <i class="fas fa-external-link-alt"></i>
+            </div>
+            <div class="description">
+                <p>
+                    La homepage del corso di studi all'interno del sito ufficiale del Dipartimento di Matematica
+                </p>
+            </div>
+        </div>
+    </div>
+    </ul>
+</section>
+<script>
+
+</script>
+
+{{end}}

_views/login.html

@@ -0,0 +1,55 @@
+{{template "base" .}}
+
+{{define "title"}}Accedi • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h1>
+        <i class="fas fa-user"></i>
+        Account di Poisson
+    </h1>
+    <div class="card-list">
+        <form class="card" action="/login" method="POST">
+            <div class="title">
+                <i class="fas fa-sign-in-alt"></i>
+                Accedi
+            </div>
+            <p>
+                Inserisci le tue credenziali di Poisson per accedere
+            </p>
+
+            <div class="field-set">
+                <!-- <label for="login-provider">Provider:</label> -->
+                <input type="hidden" name="provider" id="login-provider" value="poisson-ldap">
+
+                <label for="login-username">Username:</label>
+                <input type="text" name="username" id="login-username">
+                
+                <label for="login-password">Password:</label>
+                <input type="password" name="password" id="login-password">    
+            </div>
+            <div class="field">
+                <button class="primary">Accedi</button>
+            </div>
+        </form>
+    </div>
+</section>
+
+<section>
+    <h2>Ottenere un account</h2>
+    <p>
+        Dal 2022 in nuovi utenti hanno bisogno di compilare un modulo se vogliono ottenere un account<sup>1</sup>, scarica il <a href="#">modulo di richiesta</a> e portacelo in PHC o inviacelo via email all'indirizzo <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a>.
+    </p>
+    <p>
+        1: In realtà il modulo ancora non esiste
+    </p>
+</section>
+
+<section>
+    <h2>Recupero credenziali</h2>
+    <p>
+        Per il recupero credenziali vieni direttamente al PHC a parlarne con calma con noi altrimenti puoi inviaci una
+        email all'indirizzo <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a> e poi recuperare le nuove credenziali sul sito <a href="https://credenziali.phc.dm.unipi.it/">credenziali.phc.dm.unipi.it</a>.
+    </p>
+</section>
+{{end}}

_views/news-base.html

@@ -0,0 +1,18 @@
+{{template "base" .}}
+
+{{define "title"}}{{ .Article.Title }} • News • PHC{{end}}
+
+{{define "body"}}
+<section class="news-content">
+    <h1>{{ .Article.Title }}</h1>
+    <div class="date">
+        {{ .Article.PublishDate.Format "2006/01/02" }}
+    </div>
+    <div class="tags">
+        {{ range .Article.Tags }}
+        <span class="tag">{{ . }}</span>
+        {{ end }}
+    </div>
+    {{ .ContentHTML }}
+</section>
+{{end}}

_views/news.html

@@ -0,0 +1,67 @@
+{{template "base" .}}
+
+{{define "title"}}News • PHC{{end}}
+
+{{define "body"}}
+<section>
+    <h2>
+        Feed RSS
+        <a href="/news/rss"> <i class="fa-solid fa-rss"></i></a>
+    </h2>
+    <h1>
+        <i class="far fa-newspaper"></i>
+        Notizie Importanti
+    </h1>
+    <div class="card-list">
+        {{ range .Articles }}
+        {{ if .HasTag "important" }}
+        <div class="card">
+            <div class="title">
+                <a href="/news/{{ .Id }}">
+                    {{ .Title }}
+                </a>
+            </div>
+            <div class="date">{{ .PublishDate.Format "2006/01/02" }}</div>
+            <div class="description">
+                <p>{{ .Description }}</p>
+            </div>
+            <div class="tags">
+                {{ range .Tags }}
+                <span class="tag">{{ . }}</span>
+                {{ end }}
+            </div>
+        </div>
+        {{ end }}
+        {{ end }}
+    </div>
+</section>
+
+<section>
+    <h2>
+        <i class="fas fa-history"></i>
+        Archivio notizie
+    </h2>
+    <div class="card-list">
+        {{ range .Articles }}
+        {{ if not (.HasTag "important") }}
+        <div class="card">
+            <div class="title">
+                <a href="/news/{{ .Id }}">
+                    {{ .Title }}
+                </a>
+            </div>
+            <div class="date">{{ .PublishDate.Format "2006/01/02" }}</div>
+            <div class="description">
+                <p>{{ .Description }}</p>
+            </div>
+            <div class="tags">
+                {{ range .Tags }}
+                <span class="tag">{{ . }}</span>
+                {{ end }}
+            </div>
+        </div>
+        {{ end }}
+        {{ end }}
+    </div>
+</section>
+{{end}}

_views/partials/navbar.html

@@ -0,0 +1,88 @@
+{{ define "navbar" }}
+<nav>
+    <!-- Site -->
+    <div class="nav-logo">
+        <a class="nav-element" href="/">
+            <img src="/public/images/logo-circuit-board.svg" alt="phc-logo">
+        </a>
+    </div>
+    <div class="nav-main">
+        <div class="nav-item">
+            <a class="nav-element" href="/utenti">Utenti</a>
+        </div>
+        <div class="nav-item dropdown">
+            <div class="name">
+                <a class="nav-element" href="/progetti">
+                    <div class="icon">
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="label">
+                        Progetti
+                    </div>
+                </a>
+            </div>
+            <div class="nav-items">
+                <div class="nav-item">
+                    <a class="nav-element" href="{{ .Config.GitUrl }}">Gitea</a>
+                </div>
+                <div class="nav-item">
+                    <a class="nav-element" href="{{ .Config.ChatUrl }}">Zulip</a>
+                </div>
+                <div class="nav-item">
+                    <a class="nav-element" href="/seminari">Seminari</a>
+                </div>
+            </div>
+        </div>
+        <div class="nav-item dropdown">
+            <div class="name">
+                <a class="nav-element" href="/risorse">
+                    <div class="icon">
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="label">
+                        Risorse
+                    </div>
+                </a>
+            </div>
+            <div class="nav-items">
+                <div class="nav-item">
+                    <a class="nav-element" href="/news">News</a>
+                </div>
+                <div class="nav-item">
+                    <a class="nav-element" href="/appunti">Appunti</a>
+                </div>
+                <div class="nav-item">
+                    <a class="nav-element" href="/guide">Guide</a>
+                </div>
+                <div class="nav-item">
+                    <a class="nav-element" href="/link">Link Utili</a>
+                </div>
+            </div>
+        </div>
+        <div class="nav-item">
+            <a class="nav-element" href="/storia">Storia</a>
+        </div>
+        <!-- <div class="nav-item">
+            <a class="nav-element" href="/about">About</a>
+        </div> -->
+
+        <div class="nav-item filler"></div>
+
+        <!-- User Related -->
+        <div class="nav-item">
+            <div id="toggle-dark-mode" class="nav-button">
+                <i class="fas fa-moon"></i>
+            </div>
+        </div>
+        {{if .User}}
+        <div class="nav-item">
+            <a class="nav-element" href="/profilo">@{{ .User.Username }}</a>
+        </div>
+        {{else}}
+        <div class="nav-item">
+            <a class="nav-element" href="/login">Accedi</a>
+        </div>
+        {{end}}
+    </div>
+</nav>
+{{ end }}

_views/profilo.html

@@ -0,0 +1,105 @@
+{{template "base" .}}
+{{define "title"}}Profilo di @{{ .User.Username }} • PHC{{end}}
+{{define "body"}}
+<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
+<script src="/public/profilo.min.js"></script>
+<section x-data="profilo">
+    <h1>Profilo di <strong>@{{ .User.Username }}</strong></h1>
+    <p class="center">
+        <a class="button" href="/logout">Logout</a>
+    </p>
+</section>
+<section>
+    <h2>Appunti e Dispense</h2>
+    <p>
+        Per gestire i tuoi appunti e le tue dispense caricate nella sezione <a href="/appunti">Appunti</a> del sito vai
+        <a href="/appunti/condivisi">alla pagina appunti condivisi</a>.
+    </p>
+</section>
+<section>
+    <h2>Impostazioni</h2>
+    <div class="card-list">
+        <form class="card" action="/profile/impostazioni" method="POST">
+            <div class="title">
+                Sito PHC
+            </div>
+            <p>
+                Aggiorna i campi relativi al sito del PHC, l'immagine del profilo verrà visualizzata sulla tua pagina utente <a href="#">phc.dm.unipi.it/u/{{ .User.Username }}</a> e nella lista di <a href="/utenti">tutti gli utenti</a>.
+            </p>
+            <div class="field-set">
+                <label for="website-nickname">Nickname</label>
+                <input type="text" name="nickname" id="website-nickname" placeholder="{{ .User.Username }}">
+                <label for="website-profile-picture">Immagine Profilo</label>
+                <input type="file" name="picture" id="website-profile-picture">
+            </div>
+            <p>
+                Puoi anche aggiungere link ad altri tuoi profili su siti esterni (quando riempi l'ultimo campo se ne crea uno nuovo sotto)
+            </p>
+            <div class="field-set">
+                <label for="website-link-1">Link 1</label>
+                <input type="text" name="link" id="website-link-1"
+                    placeholder="https://github.com/...">
+                <label for="website-link-2">Link 2</label>
+                <input type="text" name="link" id="website-link-2"
+                    placeholder="https://twitter.com/...">
+                <label for="website-link-3">Link 3</label>
+                <input type="text" name="link" id="website-link-3"
+                    placeholder="https://news.ycombinator.com/user?id=...">
+            </div>
+            <div class="field">
+                <button class="primary">Aggiorna</button>
+            </div>
+        </form>
+        <form class="card" action="/profile/impostazioni" method="POST">
+            <div class="title">
+                Informazioni Utente
+            </div>
+            <p>
+                Aggiorna i campi modificabili dell'account Poisson
+            </p>
+            <div class="field-set">
+                <label for="user-username">Username</label>
+                <input type="text" readonly name="username" id="user-username" value="{{ .User.Username }}">
+                <label for="user-name">Nome</label>
+                <input type="text" readonly name="name" id="user-name" value="{{ .User.Name }}">
+                <label for="user-surname">Cognome</label>
+                <input type="text" readonly name="surname" id="user-surname" value="{{ .User.Surname }}">
+                <label for="user-email">Email</label>
+                <input type="text" readonly name="email" id="user-email" value="{{ .User.Email }}">
+            </div>
+            <div class="field">
+                <button class="primary">Aggiorna</button>
+            </div>
+        </form>
+        <form x-data="passwordForm" class="card" action="/profile/impostazioni" method="POST">
+            <div class="title">
+                Modifica Password
+            </div>
+            <p>
+                Aggiorna la password di Poisson
+            </p>
+            <div class="field-set">
+                <label for="pass-username">Username</label>
+                <input type="text" readonly name="username" id="pass-username" value="{{ .User.Username }}">
+                <label for="pass-password">Password</label>
+                <input type="password" name="password" id="pass-password" :class="!passwordSame ? 'error' : ''"
+                    x-model="password" @input="onUpdate" placeholder="In realtà anche questo non funge...">
+                <label for="pass-password-2">Ripeti Password</label>
+                <input type="password" name="password-2" id="pass-password-2" :class="!passwordSame ? 'error' : ''"
+                    x-model="passwordAgain" @input="onUpdate" placeholder="In realtà anche questo non funge...">
+            </div>
+            <div class="field">
+                <button class="primary">Aggiorna Password</button>
+            </div>
+        </form>
+    </div>
+</section>
+<section>
+    <h2>Recupero Credenziali Poisson</h2>
+    <p>
+        Per il recupero credenziali, puoi venire direttamente in PHC a parlarne con noi, oppure inviarci una email
+        all'indirizzo <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a> e poi recuperare le nuove credenziali sul
+        sito <a href="https://credenziali.phc.dm.unipi.it/">credenziali.phc.dm.unipi.it</a>.
+    </p>
+</section>
+{{end}}

_views/storia.html

@@ -0,0 +1,61 @@
+{{template "base" .}}
+{{define "title"}}Storia • PHC{{end}}
+{{define "body"}}
+<section>
+    <h1>
+        <i class="fas fa-clock"></i>
+        Storia del PHC
+    </h1>
+    <p>
+        Qui è annoverata la storia del PHC tramite una linea temporale di alcuni fra gli eventi principali. Al momento è un <i>work in progress</i>, ma aggiungeremo almeno le date di ingresso di tutti i macchinisti.
+    </p>
+    <p>
+        Per delle note storiche un po' più dettagliate, si legga l'ottima pagine sul sito del dipartimento:
+        <a href="http://betti.dm.unipi.it/servizi/PHC.html">http://betti.dm.unipi.it/servizi/PHC.html</a>.
+    </p>
+    <div class="history-container">
+        <div class="timeline-bar"></div>
+        <div class="events">
+            {{ range .Storia }}
+                {{ if eq .Type "simple" }}
+                <div class="event">
+                    <div class="title">
+                        {{ if .Icon }}
+                        <i class="{{ .Icon }}"></i>
+                        {{ end }}
+                        {{ .Title }}
+                    </div>
+                    <div class="date">{{ .Date }}</div>
+                    <div class="description">
+                        {{ raw .Description }}
+                    </div>
+                </div>
+                {{ end }}
+                {{ if eq .Type "entry-macchinista" }}
+                <div class="event">
+                    <div class="title">
+                        <i class="fa-solid fa-sign-in"></i>
+                        Ingresso di
+                        <a href="{{ $.Config.UserPagesBaseUrl }}{{ .Uid }}">{{ .FullName }}</a>
+                    </div>
+                    <div class="date">{{ .Date }}</div>
+                </div>
+                {{ end }}
+                {{ if eq .Type "exit-macchinista" }}
+                <div class="event">
+                    <div class="title">
+                        <i class="fa-solid fa-sign-out"></i>
+                        Uscita di
+                        <a href="{{ $.Config.UserPagesBaseUrl }}{{ .Uid }}">{{ .FullName }}</a>
+                    </div>
+                    <div class="date">{{ .Date }}</div>
+                </div>
+                {{ end }}
+                {{ if eq .Type "spacer" }}
+                <div class="spacer" style="--size: {{ .Size }}"></div>
+                {{ end }}
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{end}}

_views/utenti.html

@@ -0,0 +1,59 @@
+{{template "base" .}} 
+{{define "title"}}Utenti • PHC{{end}}
+{{define "body"}}
+<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
+<script src="/public/utenti.min.js"></script>
+<section x-data="utenti">
+    <h1>
+        <i class="fas fa-users"></i>
+        Lista degli Utenti
+    </h1>
+    <p>
+        Questa è la lista di tutti gli utenti con un account su Poisson. Scrivi nome, cognome o
+        username di un utente per filtrare la lista in tempo reale. Altrimenti di base in cima
+        compariranno gli utenti con più "follower".
+    </p>
+    <div class="search">
+        <div class="compound padded">
+            <div class="icon" title="Ordina per">
+                <i class="fas fa-sort"></i>
+            </div>
+            <div class="divider"></div>
+            <select x-model="sortMode" @click="updateSortMode()">
+                <option value="chronological">Cronologico</option>
+                <option value="name">Nome</option>
+                <option value="surname">Cognome</option>
+            </select>
+        </div>
+        <div class="compound">
+            <input type="text" x-model="searchField" @input="updateSearch()" placeholder="Cerca..." autocomplete="off" />
+            <button class="icon" title="In realtà questo tasto è finto">
+                <i class="fas fa-search"></i>
+            </button>
+        </div>
+    </div>
+    <div class="user-list card-list">
+        <template x-for="entry in searchResults" :key="entry.item.uid">
+            <div class="user-item card">
+                <a class="full-name" :href="'{{ $.Config.UserPagesBaseUrl }}' + entry.item.uid" x-text="
+                    sortMode === 'surname' ? 
+                        entry.item.cognome + ' ' + entry.item.nome : 
+                        entry.item.nome + ' ' + entry.item.cognome
+                "></a>
+                <template x-if="entry.item.tags?.includes('macchinista')">
+                    <div class="icon" title="Macchinista">
+                        <i class="fas fa-wrench"></i>
+                    </div>
+                </template>
+                <!-- <template x-if="entry.score">
+                    <span x-text="entry.score"></span>
+                </template> -->
+            </div>
+        </template>
+        <div class="spinner" x-ref="spinner" x-show="searchResults.length < searchResultsBuffer.length">
+            <i class="fas fa-hourglass"></i>
+        </div>
+    </div>
+</section>
+{{end}}

appunti/appunti.go

@@ -0,0 +1,55 @@
+package appunti
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database"
+	"git.phc.dm.unipi.it/phc/website/model"
+)
+
+// Service isola l'handler dal modulo del database e si occupa solo delle interazioni riguardanti gli appunti e le dispense
+type Service interface {
+	GetDispensa(id string) (*model.Dispensa, error)
+	CreateDispensa(template model.Dispensa) (string, error)
+}
+
+type DefaultService struct {
+	DB *database.DB
+}
+
+var _ Service = &DefaultService{}
+
+func (s *DefaultService) GetDispensa(id string) (*model.Dispensa, error) {
+	dispensa, err := s.DB.Dispense.Get(id)
+	if err != nil {
+		return nil, err
+	}
+
+	tags, err := s.DB.DispensaTags.Get(id)
+	if err != nil {
+		return nil, err
+	}
+
+	return &model.Dispensa{
+		Id:          dispensa.Id,
+		OwnerId:     dispensa.OwnerId,
+		Title:       dispensa.Title,
+		Description: dispensa.Description,
+		Tags:        tags,
+	}, nil
+}
+
+func (s *DefaultService) CreateDispensa(template model.Dispensa) (string, error) {
+	dispensaId, err := s.DB.Dispense.Create(database.Dispensa{
+		OwnerId:     template.OwnerId,
+		Title:       template.Title,
+		Description: template.Description,
+	})
+	if err != nil {
+		return "", err
+	}
+
+	if err := s.DB.DispensaTags.Set(dispensaId, template.Tags); err != nil {
+		return "", err
+	}
+
+	return dispensaId, nil
+}

articles/article.go

@@ -0,0 +1,113 @@
+package articles
+
+import (
+	"bytes"
+	"os"
+	"strings"
+	"time"
+
+	"git.phc.dm.unipi.it/phc/website/config"
+	"gopkg.in/yaml.v3"
+)
+
+type Article struct {
+	Id          string
+	Title       string
+	Description string
+	Tags        []string
+	PublishDate time.Time
+
+	ArticlePath    string
+	markdownSource string
+	renderedHTML   string
+}
+
+func (article *Article) HasTag(tag string) bool {
+	for _, t := range article.Tags {
+		if t == tag {
+			return true
+		}
+	}
+
+	return false
+}
+
+func NewArticle(articlePath string) (*Article, error) {
+	article := &Article{
+		ArticlePath: articlePath,
+	}
+
+	err := article.load()
+	if err != nil {
+		return nil, err
+	}
+
+	return article, nil
+}
+
+func trimAll(vs []string) []string {
+	r := []string{}
+	for _, v := range vs {
+		r = append(r, strings.TrimSpace(v))
+	}
+	return r
+}
+
+func (article *Article) load() error {
+	fileBytes, err := os.ReadFile(article.ArticlePath)
+	if err != nil {
+		return err
+	}
+
+	source := string(fileBytes)
+
+	// TODO: Ehm bugia pare che esista "https://github.com/yuin/goldmark-meta" però non penso valga la pena aggiungerlo
+	parts := strings.SplitN(source, "---", 3)[1:]
+
+	frontMatterSource := parts[0]
+	markdownSource := parts[1]
+
+	var frontMatter struct {
+		Id          string `yaml:"id"`
+		Title       string `yaml:"title"`
+		Description string `yaml:"description"`
+		Tags        string `yaml:"tags"`
+		PublishDate string `yaml:"publish_date"`
+	}
+	if err := yaml.Unmarshal([]byte(frontMatterSource), &frontMatter); err != nil {
+		return err
+	}
+
+	publishDate, err := time.Parse("2006/01/02 15:04", frontMatter.PublishDate)
+	if err != nil {
+		return err
+	}
+
+	article.Id = frontMatter.Id
+	article.Title = frontMatter.Title
+	article.Description = frontMatter.Description
+	article.Tags = trimAll(strings.Split(frontMatter.Tags, ","))
+	article.PublishDate = publishDate
+
+	article.markdownSource = markdownSource
+	article.renderedHTML = ""
+
+	return nil
+}
+
+func (article *Article) Render() (string, error) {
+	if config.Mode == "development" {
+		article.load()
+	}
+
+	if article.renderedHTML == "" {
+		var buf bytes.Buffer
+		if err := Markdown.Convert([]byte(article.markdownSource), &buf); err != nil {
+			return "", err
+		}
+
+		article.renderedHTML = buf.String()
+	}
+
+	return article.renderedHTML, nil
+}

articles/articles.go

@@ -0,0 +1,77 @@
+package articles
+
+import (
+	"fmt"
+	"os"
+	"path"
+	"sort"
+)
+
+type Registry struct {
+	RootPath     string
+	ArticleCache map[string]*Article
+}
+
+func NewRegistry(rootPath string) *Registry {
+	return &Registry{
+		rootPath,
+		map[string]*Article{},
+	}
+}
+
+func (registry *Registry) loadArticles() error {
+	entries, err := os.ReadDir(registry.RootPath)
+	if err != nil {
+		return err
+	}
+
+	for _, entry := range entries {
+		if !entry.IsDir() {
+			article, err := NewArticle(path.Join(registry.RootPath, entry.Name()))
+			if err != nil {
+				return err
+			}
+
+			registry.ArticleCache[article.Id] = article
+		}
+	}
+
+	return nil
+}
+
+func (registry *Registry) GetArticle(id string) (*Article, error) {
+	article, present := registry.ArticleCache[id]
+	if !present {
+		err := registry.loadArticles()
+		if err != nil {
+			return nil, err
+		}
+
+		article, present := registry.ArticleCache[id]
+		if !present {
+			return nil, fmt.Errorf(`no article with id "%s"`, id)
+		}
+
+		return article, nil
+	}
+
+	return article, nil
+}
+
+func (registry *Registry) GetArticles() ([]*Article, error) {
+	err := registry.loadArticles()
+	if err != nil {
+		return nil, err
+	}
+
+	articles := []*Article{}
+	for _, article := range registry.ArticleCache {
+		articles = append(articles, article)
+	}
+
+	sort.Slice(articles, func(i, j int) bool {
+		return articles[i].PublishDate.After(articles[j].PublishDate)
+	})
+
+	return articles, nil
+}

articles/markdown.go

@@ -0,0 +1,60 @@
+package articles
+
+import (
+	"fmt"
+
+	"github.com/yuin/goldmark"
+	"github.com/yuin/goldmark/extension"
+	"github.com/yuin/goldmark/parser"
+	"github.com/yuin/goldmark/renderer/html"
+	"github.com/yuin/goldmark/util"
+
+	chromahtml "github.com/alecthomas/chroma/formatters/html"
+	mathjax "github.com/litao91/goldmark-mathjax"
+	highlighting "github.com/yuin/goldmark-highlighting"
+)
+
+var Markdown goldmark.Markdown
+
+// https://github.com/yuin/goldmark-highlighting/blob/9216f9c5aa010c549cc9fc92bb2593ab299f90d4/highlighting_test.go#L27
+func customCodeBlockWrapper(w util.BufWriter, c highlighting.CodeBlockContext, entering bool) {
+	lang, ok := c.Language()
+	if entering {
+		if ok {
+			w.WriteString(fmt.Sprintf(`<pre class="%s"><code>`, lang))
+			return
+		}
+		w.WriteString("<pre><code>")
+	} else {
+		if ok {
+			w.WriteString("</pre></code>")
+			return
+		}
+		w.WriteString("</pre></code>")
+	}
+}
+
+func init() {
+	Markdown = goldmark.New(
+		goldmark.WithExtensions(
+			extension.GFM,
+			extension.Typographer,
+			// Questo pacchetto ha un nome stupido perché in realtà si occupa solo del parsing lato server del Markdown mentre lato client usiamo KaTeX.
+			mathjax.NewMathJax(),
+			highlighting.NewHighlighting(
+				highlighting.WithStyle("github"),
+				highlighting.WithWrapperRenderer(customCodeBlockWrapper),
+				highlighting.WithFormatOptions(
+					chromahtml.PreventSurroundingPre(true),
+				),
+			),
+		),
+		goldmark.WithParserOptions(
+			parser.WithAutoHeadingID(),
+		),
+		goldmark.WithRendererOptions(
+			html.WithHardWraps(),
+			html.WithXHTML(),
+		),
+	)
+}

astro.config.mjs

@@ -1,18 +0,0 @@
-import { defineConfig } from 'astro/config'
-import preact from '@astrojs/preact'
-
-import mdx from '@astrojs/mdx'
-
-// https://astro.build/config
-export default defineConfig({
-    server: {
-        port: 3000,
-    },
-    markdown: {
-        shikiConfig: {
-            theme: 'github-light',
-        },
-    },
-    integrations: [preact(), mdx()],
-    output: 'static'
-})

auth/auth.go

@@ -0,0 +1,52 @@
+package auth
+
+import (
+	"fmt"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+)
+
+// ErrInvalidSession is thrown when an AuthenticatorService is given a missing
+// or invalid session token
+var ErrInvalidSession = fmt.Errorf(`invalid session token`)
+
+// Service is an authentication service abstraction. When a user is logged in a
+// new session token is returned, this can be used to read and modify user
+// properties without having to re-send the user password. (TODO: implement
+// token renewal)
+type Service interface {
+	// GetUser retrieves the user info given the username
+	GetUser(username string) (*model.User, error)
+	// GetUsers retrieves the full user list from the authentication service
+	GetUsers() ([]*model.User, error)
+	// GetSession retrieves the user session associated to a session token
+	GetSession(token string) (*model.Session, error)
+	// Login tries to log in a user given username and password and if successful returns a new user session
+	Login(username, password string) (*model.Session, error)
+}
+
+// UserForSession returns the user linked to the given session token, this is just a shortcut for calling [AuthenticatorService.GetSession] and then [AuthenticatorService.GetUser]
+func UserForSession(as Service, token string) (*model.User, error) {
+	session, err := as.GetSession(token)
+	if err != nil {
+		return nil, err
+	}
+
+	user, err := as.GetUser(session.Username)
+	if err != nil {
+		return nil, err
+	}
+
+	return user, nil
+}
+
+// NewDefaultService create an AuthenticatorService given an "host" string,
+// If host is ":memory:" then this uses the [auth.Memory] implementation,
+// otherwise for now this defaults to [auth.LDAPAuthService]
+func NewDefaultService(host string) Service {
+	if host == ":memory:" {
+		return exampleMemoryUsers
+	}
+
+	return newLDAPAuthService(host)
+}

auth/ldap.go

@@ -0,0 +1,136 @@
+package auth
+
+import (
+	"bytes"
+	"encoding/json"
+	"fmt"
+	"log"
+	"net/http"
+	"path"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+)
+
+// ldapUser represents an LDAP User, most fields are inherited from [auth.User]
+type ldapUser struct {
+	Uid       string `json:"username"`
+	NumericId int    `json:"id"`
+	Name      string `json:"name"`
+	Surname   string `json:"surname"`
+	Email     string `json:"email"`
+	Role      string `json:"role"`
+	Gecos     string `json:"gecos"`
+}
+
+// AsUser converts an [ldapUser] to an instance of [auth.User]
+func (u ldapUser) AsUser() *model.User {
+	return &model.User{
+		Username: u.Uid,
+		Name:     u.Name,
+		Surname:  u.Surname,
+		Email:    u.Email,
+		FullName: u.Gecos,
+	}
+}
+
+// ldapAuthService just holds the remote host of the HTTP LDAP service to make requests to
+type ldapAuthService struct {
+	Host string
+}
+
+func newLDAPAuthService(host string) Service {
+	return &ldapAuthService{host}
+}
+
+// doGetRequest is a utility to make HTTP GET requests
+func (a *ldapAuthService) doGetRequest(url string, response interface{}) error {
+	req, err := http.NewRequest(
+		"GET", path.Join(a.Host, "poisson-ldap", url), bytes.NewBuffer([]byte("")),
+	)
+
+	if err != nil {
+		log.Printf(`GET %q resulted in %v`, url, err)
+		return err
+	}
+
+	res, err := http.DefaultClient.Do(req)
+	if err != nil {
+		log.Printf(`GET %q resulted in %v`, url, err)
+		return err
+	}
+
+	if err := json.NewDecoder(res.Body).Decode(response); err != nil {
+		log.Printf(`GET %q resulted in %v`, url, err)
+		return err
+	}
+
+	return nil
+}
+
+// doPostRequest is a utility to make HTTP POST requests
+func (a *ldapAuthService) doPostRequest(url string, request interface{}, response interface{}) error {
+	jsonStr, err := json.Marshal(request)
+	if err != nil {
+		return err
+	}
+
+	req, err := http.NewRequest("POST", path.Join(a.Host, "ldap", url), bytes.NewBuffer(jsonStr))
+	if err != nil {
+		return err
+	}
+
+	req.Header.Set("Content-Type", "application/json")
+
+	res, err := http.DefaultClient.Do(req)
+	if err != nil {
+		return err
+	}
+
+	return json.NewDecoder(res.Body).Decode(response)
+}
+
+func (a *ldapAuthService) GetUser(username string) (*model.User, error) {
+	var user ldapUser
+	if err := a.doGetRequest(fmt.Sprintf("/user/%s", username), &user); err != nil {
+		return nil, err
+	}
+
+	return user.AsUser(), nil
+}
+
+func (a *ldapAuthService) GetUsers() ([]*model.User, error) {
+	ldapUsers := []*ldapUser{}
+	if err := a.doGetRequest("/users", &ldapUsers); err != nil {
+		return nil, err
+	}
+
+	users := make([]*model.User, len(ldapUsers))
+	for i, u := range ldapUsers {
+		users[i] = u.AsUser()
+	}
+
+	return users, nil
+}
+
+func (a *ldapAuthService) GetSession(token string) (*model.Session, error) {
+	var response model.Session
+	if err := a.doGetRequest(fmt.Sprintf("/session/%s", token), &response); err != nil {
+		return nil, err
+	}
+
+	return &response, nil
+}
+
+func (a *ldapAuthService) Login(username, password string) (*model.Session, error) {
+	reqBody := map[string]interface{}{
+		"username": username,
+		"password": password,
+	}
+
+	var response model.Session
+	if err := a.doPostRequest("/login", reqBody, &response); err != nil {
+		return nil, err
+	}
+
+	return &response, nil
+}

auth/memory.go

@@ -0,0 +1,109 @@
+package auth
+
+import (
+	"fmt"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+var exampleMemoryUsers = &Memory{
+	Users: map[string]*memoryUser{
+		"aziis98": {
+			User: model.User{
+				Username: "aziis98",
+				Name:     "Antonio",
+				Surname:  "De Lucreziis",
+				Email:    "aziis98@example.org",
+			}.WithDefaultFullName(),
+			Password: "123",
+		},
+		"bachoseven": {
+			User: model.User{
+				Username: "bachoseven",
+				Name:     "Francesco",
+				Surname:  "Minnocci",
+				Email:    "bachoseven@example.org",
+			}.WithDefaultFullName(),
+			Password: "234",
+		},
+	},
+	Sessions: map[string]*memorySession{},
+}
+
+type memoryUser struct {
+	model.User
+	Password string `json:"-"`
+}
+
+func (u memoryUser) AsUser() *model.User {
+	return &model.User{
+		Username: u.Username,
+		Name:     u.Name,
+		Surname:  u.Surname,
+		FullName: u.FullName,
+		Email:    u.Email,
+	}
+}
+
+type memorySession struct {
+	Username string
+	Token    string
+}
+
+func (s memorySession) AsSession() *model.Session {
+	return &model.Session{
+		Username: s.Username,
+		Token:    s.Token,
+	}
+}
+
+type Memory struct {
+	Users    map[string]*memoryUser
+	Sessions map[string]*memorySession
+}
+
+func (m *Memory) GetUser(username string) (*model.User, error) {
+	user, ok := m.Users[username]
+	if !ok {
+		return nil, fmt.Errorf(`no user with that username`)
+	}
+
+	return user.AsUser(), nil
+}
+
+func (m *Memory) GetUsers() ([]*model.User, error) {
+	users := make([]*model.User, len(m.Users))
+	i := 0
+	for _, u := range m.Users {
+		users[i] = u.AsUser()
+		i++
+	}
+
+	return users, nil
+}
+
+func (m *Memory) GetSession(token string) (*model.Session, error) {
+	session, ok := m.Sessions[token]
+	if !ok {
+		return nil, ErrInvalidSession
+	}
+
+	return session.AsSession(), nil
+}
+
+func (m *Memory) Login(username string, password string) (*model.Session, error) {
+	user, ok := m.Users[username]
+	if !ok {
+		return nil, fmt.Errorf(`no user with that username`)
+	}
+
+	if user.Password != password {
+		return nil, fmt.Errorf(`invalid credentials`)
+	}
+
+	session := &memorySession{username, util.GenerateRandomString(15)}
+	m.Sessions[session.Token] = session
+
+	return session.AsSession(), nil
+}

cmd/phc-website-server/main.go

@@ -0,0 +1,52 @@
+package main
+
+import (
+	"log"
+
+	"git.phc.dm.unipi.it/phc/website/appunti"
+	"git.phc.dm.unipi.it/phc/website/articles"
+	"git.phc.dm.unipi.it/phc/website/auth"
+	"git.phc.dm.unipi.it/phc/website/config"
+	"git.phc.dm.unipi.it/phc/website/database/sqlite"
+	"git.phc.dm.unipi.it/phc/website/handler"
+	"git.phc.dm.unipi.it/phc/website/lista_utenti"
+	"git.phc.dm.unipi.it/phc/website/server"
+	"git.phc.dm.unipi.it/phc/website/storia"
+	"git.phc.dm.unipi.it/phc/website/templates"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+func main() {
+	config.Load()
+
+	auth := auth.NewDefaultService(config.AuthServiceHost)
+
+	// Create database connection and apply pending migrations
+	db := util.Must(sqlite.New("phc-server.local.db"))
+	if err := db.Migrate("./database/migrations"); err != nil {
+		panic(err)
+	}
+
+	app := server.NewFiberServer(&handler.DefaultHandler{
+		AuthService: auth,
+		Renderer: templates.NewRenderer(
+			"./_views/",
+			"./_views/base.html",
+			"./_views/partials/*.html",
+		),
+		NewsArticlesRegistry:  articles.NewRegistry("./_content/news"),
+		GuideArticlesRegistry: articles.NewRegistry("./_content/guide"),
+		Storia: &storia.JsonFileStoria{
+			Path: "./_content/storia.yaml",
+		},
+		ListaUtenti: util.Must(lista_utenti.New(auth, config.ListaUtenti)),
+		Appunti: &appunti.DefaultService{
+			DB: db,
+		},
+	})
+
+	log.Printf("Starting server on host %q", config.Host)
+	if err := app.Listen(config.Host); err != nil {
+		panic(err)
+	}
+}

config/config.go

@@ -0,0 +1,83 @@
+package config
+
+import (
+	"log"
+	"os"
+	"strings"
+
+	"git.phc.dm.unipi.it/phc/website/util"
+	"github.com/joho/godotenv"
+)
+
+var Mode string
+var Host string
+
+var GitUrl string
+var ChatUrl string
+var Email string
+
+var BaseUrl string
+
+var UserPagesBaseUrl string
+
+var AuthServiceHost string
+
+// ListaUtenti è un file json da cui leggere la lista degli utenti oppure ":auth:" per utilizzare il servizio di autenticazione
+var ListaUtenti string
+
+func loadEnv(target *string, name, defaultValue string) {
+	value := os.Getenv(name)
+	if len(strings.TrimSpace(value)) == 0 {
+		*target = defaultValue
+	} else {
+		*target = value
+	}
+
+	log.Printf("%s = %v", name, *target)
+}
+
+func Load() {
+	if err := godotenv.Load(); err != nil {
+		panic(err)
+	}
+
+	log.SetFlags(log.Ldate | log.Ltime | log.Lshortfile)
+
+	// Production
+	loadEnv(&Mode, "MODE", "production")
+	loadEnv(&Host, "HOST", ":8080")
+	loadEnv(&BaseUrl, "BASE_URL", "localhost:8080")
+
+	// Services
+	loadEnv(&GitUrl, "GIT_URL", "https://git.example.org")
+	loadEnv(&ChatUrl, "CHAT_URL", "https://chat.example.org")
+	loadEnv(&Email, "EMAIL", "mail@example.org")
+
+	// Poisson
+	loadEnv(&UserPagesBaseUrl, "USER_PAGES_BASE_URL", "https://poisson.phc.dm.unipi.it/~")
+
+	// Auth
+	loadEnv(&AuthServiceHost, "AUTH_SERVICE_HOST", "http://localhost:3535")
+
+	// Altro
+	loadEnv(&ListaUtenti, "LISTA_UTENTI", ":auth:")
+}
+
+func Object() util.Map {
+	return util.Map{
+		"Mode": Mode,
+		"Host": Host,
+
+		"GitUrl":  GitUrl,
+		"ChatUrl": ChatUrl,
+		"Email":   Email,
+
+		"BaseUrl": BaseUrl,
+
+		"UserPagesBaseUrl": UserPagesBaseUrl,
+
+		"AuthServiceHost": AuthServiceHost,
+
+		"ListaUtenti": ListaUtenti,
+	}
+}

database/cmd/main.go

@@ -0,0 +1,16 @@
+package main
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database/sqlite"
+)
+
+func main() {
+	db, err := sqlite.New("phc-server.local.db")
+	if err != nil {
+		panic(err)
+	}
+
+	if err := db.Migrate("database/migrations"); err != nil {
+		panic(err)
+	}
+}

database/database.go

@@ -0,0 +1,50 @@
+package database
+
+type DBMigrate interface {
+	Migrate(migrationDir string) error
+}
+
+type DBQueryAppunti interface {
+	AllDispensaFile() ([]DispensaFile, error)
+}
+
+type DBDispense interface {
+	Create(template Dispensa) (string, error)
+	Get(id string) (Dispensa, error)
+	All() ([]Dispensa, error)
+	Update(d Dispensa) error
+	Delete(id string) error
+}
+
+type DBUploads interface {
+	Create(template Upload) (string, error)
+	Get(id string) (Upload, error)
+}
+
+type DBFileApprovals interface {
+	Create(template FileApproval) (string, error)
+	Get(id string) (FileApproval, error)
+	All() ([]FileApproval, error)
+	Update(d FileApproval) error
+	Delete(id string) error
+}
+
+type DBDispensaTags interface {
+	Set(dispensaId string, tags []string) error
+	Get(dispensaId string) ([]string, error)
+}
+
+type DBDownloads interface {
+	Create(template Download) error
+}
+
+type DB struct {
+	DBMigrate
+	DBQueryAppunti
+
+	Dispense      DBDispense
+	Uploads       DBUploads
+	FileApprovals DBFileApprovals
+	DispensaTags  DBDispensaTags
+	Downloads     DBDownloads
+}

database/migrations/0001-2022-08-31.sql

@@ -0,0 +1,43 @@
+
+-- Dispense
+CREATE TABLE IF NOT EXISTS "dispense"(
+    "id"            TEXT NOT NULL PRIMARY KEY,
+    "created_at"    TEXT NOT NULL,
+    "owner_id"      TEXT NOT NULL,
+    "title"         TEXT NOT NULL,
+    "description"   TEXT NOT NULL
+);
+
+-- Contenuto caricato
+CREATE TABLE IF NOT EXISTS "uploads"(
+    "id"            TEXT NOT NULL PRIMARY KEY,
+    "created_at"    TEXT NOT NULL,
+    "owner_id"      TEXT NOT NULL,
+    "dispensa_id"   TEXT NOT NULL,
+    "file"          TEXT NOT NULL,
+    FOREIGN KEY (dispensa_id) REFERENCES dispense(id)
+);
+
+-- Approvazioni contenuti caricati
+CREATE TABLE IF NOT EXISTS "file_approvals"(
+    "id"            TEXT NOT NULL PRIMARY KEY,
+    "created_at"    TEXT NOT NULL,              
+    "owner_id"      TEXT NOT NULL,              -- Moderatore che ha creato questa approvazione
+    "upload_id"     TEXT NOT NULL,              -- Upload a cui si riferisce questa approvazione
+    "status"        TEXT NOT NULL,              -- Risultato dell'approvazione: "approved" | "rejected"
+    FOREIGN KEY (upload_id) REFERENCES uploads(id)
+);
+
+-- Download counter
+CREATE TABLE IF NOT EXISTS "downloads"(
+    "dispensa_id" TEXT NOT NULL,
+    "timestamp"   TEXT NOT NULL,
+    FOREIGN KEY (dispensa_id) REFERENCES dispense(id)
+);
+
+-- Tags per le dispense
+CREATE TABLE IF NOT EXISTS "tags"(
+    "dispensa_id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    FOREIGN KEY (dispensa_id) REFERENCES dispense(id)
+);

database/model.go

@@ -0,0 +1,53 @@
+package database
+
+//
+// Tables
+//
+
+type Dispensa struct {
+	Id          string `db:"id"`
+	CreatedAt   string `db:"created_at"`
+	OwnerId     string `db:"owner_id"`
+	Title       string `db:"title"`
+	Description string `db:"description"`
+}
+
+type Upload struct {
+	Id         string `db:"id"`
+	CreatedAt  string `db:"created_at"`
+	OwnerId    string `db:"owner_id"`
+	DispensaId string `db:"dispensa_id"`
+	File       string `db:"file"`
+}
+
+type FileApproval struct {
+	Id        string `db:"id"`
+	CreatedAt string `db:"created_at"`
+	OwnerId   string `db:"owner_id"`
+	UploadId  string `db:"upload_id"`
+	Status    string `db:"status"` // "approved" | "rejected"
+}
+
+type Download struct {
+	DispensaId string `db:"dispensa_id"`
+	Timestamp  string `db:"timestamp"`
+}
+
+type Tag struct {
+	DispensaId string `db:"dispensa_id"`
+	Tag        string `db:"tag"`
+}
+
+//
+// Common Joins
+//
+
+// DispensaFile is a join of dispensa with the most recent upload for that "dispensa_id"
+type DispensaFile struct {
+	DispensaId  string `db:"dispensa_id"`
+	UploadId    string `db:"upload_id"`
+	OwnerId     string `db:"owner_id"`
+	Title       string `db:"title"`
+	Description string `db:"description"`
+	File        string `db:"file"`
+}

database/sqlite/000_sqlite.go

@@ -0,0 +1,34 @@
+package sqlite
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database"
+	"github.com/jmoiron/sqlx"
+	_ "github.com/mattn/go-sqlite3"
+)
+
+type migration struct {
+	Timestamp string
+	Filename  string
+}
+
+func New(filename string) (*database.DB, error) {
+	db, err := sqlx.Open("sqlite3", filename+"?_fk=1")
+	if err != nil {
+		panic(err)
+	}
+
+	if err := db.Ping(); err != nil {
+		return nil, err
+	}
+
+	return &database.DB{
+		DBMigrate: &sqliteDBMigrate{db},
+		// DBQueryAppunti: ...,
+
+		Dispense:      &sqliteDBDispense{db},
+		Uploads:       &sqliteDBUploads{db},
+		FileApprovals: &sqliteDBFileApprovals{db},
+		Downloads:     &sqliteDBDownloads{db},
+		DispensaTags:  &sqliteDBTags{db},
+	}, nil
+}

database/sqlite/001_migration.go

@@ -0,0 +1,82 @@
+package sqlite
+
+import (
+	"fmt"
+	"log"
+	"os"
+	"path"
+	"time"
+
+	"git.phc.dm.unipi.it/phc/website/database"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBMigrate struct{ *sqlx.DB }
+
+var _ database.DBMigrate = sqliteDBMigrate{}
+
+func (db sqliteDBMigrate) Migrate(migrationFolder string) error {
+	log.Printf(`Creating migrations table`)
+	if _, err := db.Exec(`CREATE TABLE IF NOT EXISTS migrations(timestamp TEXT, filename TEXT)`); err != nil {
+		return err
+	}
+
+	log.Printf(`Loading applied migrations`)
+	appliedMigrations := []migration{}
+	if err := db.Select(&appliedMigrations, `SELECT * FROM migrations`); err != nil {
+		return err
+	}
+
+	entries, err := os.ReadDir(migrationFolder)
+	if err != nil {
+		return err
+	}
+
+	for i, entry := range entries {
+		if entry.IsDir() {
+			return fmt.Errorf("no dirs in migrations folder")
+		}
+
+		if i < len(appliedMigrations) {
+			if appliedMigrations[i].Filename != entry.Name() {
+				return fmt.Errorf("misapplied migration %q with %q", appliedMigrations[i].Filename, entry.Name())
+			}
+
+			log.Printf("Found applied migration %q", entry.Name())
+			continue
+		}
+
+		log.Printf("Applying new migration %q", entry.Name())
+
+		migrationPath := path.Join(migrationFolder, entry.Name())
+
+		sqlStmts, err := os.ReadFile(migrationPath)
+		if err != nil {
+			return err
+		}
+
+		tx, err := db.Beginx()
+		if err != nil {
+			return err
+		}
+
+		if _, err := tx.Exec(string(sqlStmts)); err != nil {
+			return err
+		}
+
+		if _, err := tx.Exec(`INSERT INTO migrations VALUES (?, ?)`,
+			time.Now().Format(time.RFC3339),
+			entry.Name(),
+		); err != nil {
+			return err
+		}
+
+		if err := tx.Commit(); err != nil {
+			return err
+		}
+	}
+
+	log.Printf("All migrations applied successfully, database up to date")
+
+	return nil
+}

database/sqlite/002_dispense.go

@@ -0,0 +1,68 @@
+package sqlite
+
+import (
+	"time"
+
+	"git.phc.dm.unipi.it/phc/website/database"
+	"git.phc.dm.unipi.it/phc/website/util"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBDispense struct{ *sqlx.DB }
+
+var _ database.DBDispense = sqliteDBDispense{}
+
+func (d sqliteDBDispense) Create(template database.Dispensa) (string, error) {
+	template.Id = util.GenerateRandomString(8)
+	template.CreatedAt = time.Now().Format(time.RFC3339)
+
+	if _, err := d.DB.NamedExec(`
+		INSERT INTO 
+			dispense(id, created_at, owner_id, title, description) 
+		VALUES 
+			(:id, :created_at, :owner_id, :title, :description)
+	`, &template); err != nil {
+		return "", err
+	}
+
+	return template.Id, nil
+}
+
+func (d sqliteDBDispense) Get(id string) (database.Dispensa, error) {
+	var dispensa database.Dispensa
+	if err := d.DB.Get(&dispensa, `SELECT * FROM dispense WHERE id = ?`, id); err != nil {
+		return database.Dispensa{}, err
+	}
+
+	return dispensa, nil
+}
+
+func (d sqliteDBDispense) All() ([]database.Dispensa, error) {
+	var dispense []database.Dispensa
+	if err := d.DB.Select(&dispense, `SELECT * FROM dispense`); err != nil {
+		return nil, err
+	}
+
+	return dispense, nil
+}
+
+func (d sqliteDBDispense) Update(dispensa database.Dispensa) error {
+	if _, err := d.DB.NamedExec(`
+		UPDATE 
+			dispense
+		SET 
+			owner_id = :owner_id
+		   	title = :title,
+		    description = :description
+		WHERE 
+			id = :id
+	`, &dispensa); err != nil {
+		return err
+	}
+
+	return nil
+}
+
+func (d sqliteDBDispense) Delete(id string) error {
+	panic("TODO: Not implemented")
+}

database/sqlite/003_uploads.go

@@ -0,0 +1,35 @@
+package sqlite
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database"
+	"git.phc.dm.unipi.it/phc/website/util"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBUploads struct{ *sqlx.DB }
+
+var _ database.DBUploads = sqliteDBUploads{}
+
+func (u sqliteDBUploads) Create(template database.Upload) (string, error) {
+	template.Id = util.GenerateRandomString(8)
+
+	if _, err := u.DB.NamedExec(`
+		INSERT INTO
+			uploads(id, created_at, owner_id, dispensa_id, file)
+		VALUES
+			(:id, :created_at, :owner_id, :dispensa_id, :file)
+	`, &template); err != nil {
+		return "", err
+	}
+
+	return template.Id, nil
+}
+
+func (u sqliteDBUploads) Get(id string) (database.Upload, error) {
+	var upload database.Upload
+	if err := u.DB.Select(`SELECT * FROM uploads WHERE id = ?`, id); err != nil {
+		return database.Upload{}, err
+	}
+
+	return upload, nil
+}

database/sqlite/004_fileapprovals.go

@@ -0,0 +1,66 @@
+package sqlite
+
+import (
+	"time"
+
+	"git.phc.dm.unipi.it/phc/website/database"
+	"git.phc.dm.unipi.it/phc/website/util"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBFileApprovals struct{ *sqlx.DB }
+
+func (f sqliteDBFileApprovals) Create(template database.FileApproval) (string, error) {
+	template.Id = util.GenerateRandomString(8)
+	template.CreatedAt = time.Now().Format(time.RFC3339)
+
+	if _, err := f.DB.NamedExec(`
+		INSERT INTO 
+			file_approvals(id, created_at, owner_id, upload_id, status) 
+		VALUES 
+			(:id, :created_at, :owner_id, :upload_id, :status)
+	`, &template); err != nil {
+		return "", err
+	}
+
+	return template.Id, nil
+}
+
+func (f sqliteDBFileApprovals) Get(id string) (database.FileApproval, error) {
+	var fileApproval database.FileApproval
+	if err := f.DB.Get(&fileApproval, `SELECT * FROM file_approvals WHERE id = ?`, id); err != nil {
+		return database.FileApproval{}, err
+	}
+
+	return fileApproval, nil
+}
+
+func (f sqliteDBFileApprovals) All() ([]database.FileApproval, error) {
+	var fileApprovals []database.FileApproval
+	if err := f.DB.Select(&fileApprovals, `SELECT * FROM file_approvals`); err != nil {
+		return nil, err
+	}
+
+	return fileApprovals, nil
+}
+
+func (f sqliteDBFileApprovals) Update(fileApproval database.FileApproval) error {
+	if _, err := f.DB.NamedExec(`
+		UPDATE 
+			file_approvals
+		SET 
+			owner_id = :owner_id,
+		   	upload_id = :upload_id,
+		    status = :status
+		WHERE 
+			id = :id
+	`, &fileApproval); err != nil {
+		return err
+	}
+
+	return nil
+}
+
+func (f sqliteDBFileApprovals) Delete(id string) error {
+	panic("not implemented") // TODO: Implement
+}

database/sqlite/005_downloads.go

@@ -0,0 +1,23 @@
+package sqlite
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBDownloads struct{ *sqlx.DB }
+
+var _ database.DBDownloads = sqliteDBDownloads{}
+
+func (d sqliteDBDownloads) Create(template database.Download) error {
+	if _, err := d.DB.NamedExec(`
+		INSERT INTO
+			downloads(dispensa_id, timestamp)
+		VALUES
+			(:dispensa_id, :timestamp)
+	`, &template); err != nil {
+		return err
+	}
+
+	return nil
+}

database/sqlite/006_tags.go

@@ -0,0 +1,52 @@
+package sqlite
+
+import (
+	"git.phc.dm.unipi.it/phc/website/database"
+	"github.com/jmoiron/sqlx"
+)
+
+type sqliteDBTags struct{ *sqlx.DB }
+
+var _ database.DBDispensaTags = sqliteDBTags{}
+
+func (t sqliteDBTags) Set(dispensaId string, tags []string) error {
+	tagsRows := []map[string]any{}
+	for _, t := range tags {
+		tagsRows = append(tagsRows, map[string]any{
+			"dispensa_id": dispensaId,
+			"name":        t,
+		})
+	}
+
+	tx, err := t.DB.Beginx()
+	if err != nil {
+		return err
+	}
+
+	if _, err := tx.Exec(`
+		DELETE FROM tags WHERE dispensa_id = ?
+	`, dispensaId); err != nil {
+		return err
+	}
+
+	if _, err := tx.NamedExec(`
+		INSERT INTO tags(dispensa_id, name) VALUES (:dispensa_id, :name)
+	`, tagsRows); err != nil {
+		return err
+	}
+
+	if err := tx.Commit(); err != nil {
+		return err
+	}
+
+	return nil
+}
+
+func (t sqliteDBTags) Get(dispensaId string) ([]string, error) {
+	var tags []string
+	if err := t.DB.Select(&tags, `SELECT name FROM tags WHERE dispensa_id = ?`, dispensaId); err != nil {
+		return nil, err
+	}
+
+	return tags, nil
+}

go.mod

@@ -0,0 +1,28 @@
+module git.phc.dm.unipi.it/phc/website
+
+go 1.19
+
+require (
+	github.com/alecthomas/chroma v0.9.4
+	github.com/gofiber/fiber/v2 v2.34.0
+	github.com/gofiber/redirect/v2 v2.1.23
+	github.com/joho/godotenv v1.4.0
+	github.com/litao91/goldmark-mathjax v0.0.0-20210217064022-a43cf739a50f
+	github.com/yuin/goldmark v1.4.4
+	github.com/yuin/goldmark-highlighting v0.0.0-20210516132338-9216f9c5aa01
+	golang.org/x/exp v0.0.0-20220602145555-4a0574d9293f
+	gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b
+)
+
+require (
+	github.com/andybalholm/brotli v1.0.4 // indirect
+	github.com/dlclark/regexp2 v1.4.0 // indirect
+	github.com/gorilla/feeds v1.1.1 // indirect
+	github.com/jmoiron/sqlx v1.3.5 // indirect
+	github.com/klauspost/compress v1.15.6 // indirect
+	github.com/mattn/go-sqlite3 v1.14.15 // indirect
+	github.com/valyala/bytebufferpool v1.0.0 // indirect
+	github.com/valyala/fasthttp v1.37.0 // indirect
+	github.com/valyala/tcplisten v1.0.0 // indirect
+	golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a // indirect
+)

go.sum

@@ -0,0 +1,85 @@
+github.com/alecthomas/assert v0.0.0-20170929043011-405dbfeb8e38/go.mod h1:r7bzyVFMNntcxPZXK3/+KdruV1H5KSlyVY0gc+NgInI=
+github.com/alecthomas/chroma v0.7.2-0.20200305040604-4f3623dce67a/go.mod h1:fv5SzZPFJbwp2NXJWpFIX7DZS4HgV1K4ew4Pc2OZD9s=
+github.com/alecthomas/chroma v0.9.4 h1:YL7sOAE3p8HS96T9km7RgvmsZIctqbK1qJ0b7hzed44=
+github.com/alecthomas/chroma v0.9.4/go.mod h1:jtJATyUxlIORhUOFNA9NZDWGAQ8wpxQQqNSB4rjA/1s=
+github.com/alecthomas/colour v0.0.0-20160524082231-60882d9e2721/go.mod h1:QO9JBoKquHd+jz9nshCh40fOfO+JzsoXy8qTHF68zU0=
+github.com/alecthomas/kong v0.2.1-0.20190708041108-0548c6b1afae/go.mod h1:+inYUSluD+p4L8KdviBSgzcqEjUQOfC5fQDRFuc36lI=
+github.com/alecthomas/repr v0.0.0-20180818092828-117648cd9897/go.mod h1:xTS7Pm1pD1mvyM075QCDSRqH6qRLXylzS24ZTpRiSzQ=
+github.com/andybalholm/brotli v1.0.4 h1:V7DdXeJtZscaqfNuAdSRuRFzuiKlHSC/Zh3zl9qY3JY=
+github.com/andybalholm/brotli v1.0.4/go.mod h1:fO7iG3H7G2nSZ7m0zPUDn85XEX2GTukHGRSepvi9Eig=
+github.com/danwakefield/fnmatch v0.0.0-20160403171240-cbb64ac3d964/go.mod h1:Xd9hchkHSWYkEqJwUGisez3G1QY8Ryz0sdWrLPMGjLk=
+github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
+github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/dlclark/regexp2 v1.1.6/go.mod h1:2pZnwuY/m+8K6iRw6wQdMtk+rH5tNGR1i55kozfMjCc=
+github.com/dlclark/regexp2 v1.2.0/go.mod h1:2pZnwuY/m+8K6iRw6wQdMtk+rH5tNGR1i55kozfMjCc=
+github.com/dlclark/regexp2 v1.4.0 h1:F1rxgk7p4uKjwIQxBs9oAXe5CqrXlCduYEJvrF4u93E=
+github.com/dlclark/regexp2 v1.4.0/go.mod h1:2pZnwuY/m+8K6iRw6wQdMtk+rH5tNGR1i55kozfMjCc=
+github.com/go-sql-driver/mysql v1.6.0/go.mod h1:DCzpHaOWr8IXmIStZouvnhqoel9Qv2LBy8hT2VhHyBg=
+github.com/gofiber/fiber/v2 v2.34.0 h1:96BJMw6uaxQhJsHY54SFGOtGgp9pgombK5Hbi4JSEQA=
+github.com/gofiber/fiber/v2 v2.34.0/go.mod h1:ozRQfS+D7EL1+hMH+gutku0kfx1wLX4hAxDCtDzpj4U=
+github.com/gofiber/redirect/v2 v2.1.23 h1:MqRyyeKyGqkF4GIFgTB4SuqIeeXviUglgRL2HCOFofM=
+github.com/gofiber/redirect/v2 v2.1.23/go.mod h1:IYF5pPLDLYrrHMcxajDyWV+nHMbyPd6agCXkCnfLxS0=
+github.com/gorilla/feeds v1.1.1 h1:HwKXxqzcRNg9to+BbvJog4+f3s/xzvtZXICcQGutYfY=
+github.com/gorilla/feeds v1.1.1/go.mod h1:Nk0jZrvPFZX1OBe5NPiddPw7CfwF6Q9eqzaBbaightA=
+github.com/jmoiron/sqlx v1.3.5 h1:vFFPA71p1o5gAeqtEAwLU4dnX2napprKtHr7PYIcN3g=
+github.com/jmoiron/sqlx v1.3.5/go.mod h1:nRVWtLre0KfCLJvgxzCsLVMogSvQ1zNJtpYr2Ccp0mQ=
+github.com/joho/godotenv v1.4.0 h1:3l4+N6zfMWnkbPEXKng2o2/MR5mSwTrBih4ZEkkz1lg=
+github.com/joho/godotenv v1.4.0/go.mod h1:f4LDr5Voq0i2e/R5DDNOoa2zzDfwtkZa6DnEwAbqwq4=
+github.com/klauspost/compress v1.15.0/go.mod h1:/3/Vjq9QcHkK5uEr5lBEmyoZ1iFhe47etQ6QUkpK6sk=
+github.com/klauspost/compress v1.15.6 h1:6D9PcO8QWu0JyaQ2zUMmu16T1T+zjjEpP91guRsvDfY=
+github.com/klauspost/compress v1.15.6/go.mod h1:PhcZ0MbTNciWF3rruxRgKxI5NkcHHrHUDtV4Yw2GlzU=
+github.com/lib/pq v1.2.0/go.mod h1:5WUZQaWbwv1U+lTReE5YruASi9Al49XbQIvNi/34Woo=
+github.com/litao91/goldmark-mathjax v0.0.0-20210217064022-a43cf739a50f h1:plCPYXRXDCO57qjqegCzaVf1t6aSbgCMD+zfz18POfs=
+github.com/litao91/goldmark-mathjax v0.0.0-20210217064022-a43cf739a50f/go.mod h1:leg+HM7jUS84JYuY120zmU68R6+UeU6uZ/KAW7cViKE=
+github.com/mattn/go-colorable v0.0.9/go.mod h1:9vuHe8Xs5qXnSaW/c/ABM9alt+Vo+STaOChaDxuIBZU=
+github.com/mattn/go-isatty v0.0.4/go.mod h1:M+lRXTBqGeGNdLjl/ufCoiOlB5xdOkqRJdNxMWT7Zi4=
+github.com/mattn/go-sqlite3 v1.14.6/go.mod h1:NyWgC/yNuGj7Q9rpYnZvas74GogHl5/Z4A/KQRfk6bU=
+github.com/mattn/go-sqlite3 v1.14.15 h1:vfoHhTN1af61xCRSWzFIWzx2YskyMTwHLrExkBOjvxI=
+github.com/mattn/go-sqlite3 v1.14.15/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg=
+github.com/mitchellh/mapstructure v1.1.2/go.mod h1:FVVH3fgwuzCH5S8UJGiWEs2h04kUh9fWfEaFds41c1Y=
+github.com/pkg/errors v0.8.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
+github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/sergi/go-diff v1.0.0/go.mod h1:0CfEIISq7TuYL3j771MWULgwwjU+GofnZX9QAmXWZgo=
+github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
+github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs=
+github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
+github.com/stretchr/testify v1.6.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
+github.com/stretchr/testify v1.7.0 h1:nwc3DEeHmmLAfoZucVR881uASk0Mfjw8xYJ99tb5CcY=
+github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
+github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6KllzawFIhcdPw=
+github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyCJ6HpOuEn7z0Csc=
+github.com/valyala/fasthttp v1.37.0 h1:7WHCyI7EAkQMVmrfBhWTCOaeROb1aCBiTopx63LkMbE=
+github.com/valyala/fasthttp v1.37.0/go.mod h1:t/G+3rLek+CyY9bnIE+YlMRddxVAAGjhxndDB4i4C0I=
+github.com/valyala/tcplisten v1.0.0 h1:rBHj/Xf+E1tRGZyWIWwJDiRY0zc1Js+CV5DqwacVSA8=
+github.com/valyala/tcplisten v1.0.0/go.mod h1:T0xQ8SeCZGxckz9qRXTfG43PvQ/mcWh7FwZEA7Ioqkc=
+github.com/yuin/goldmark v1.2.1/go.mod h1:3hX8gzYuyVAZsxl0MRgGTJEmQBFcNTphYh9decYSb74=
+github.com/yuin/goldmark v1.3.6/go.mod h1:mwnBkeHKe2W/ZEtQ+71ViKU8L12m81fl3OWwC1Zlc8k=
+github.com/yuin/goldmark v1.4.4 h1:zNWRjYUW32G9KirMXYHQHVNFkXvMI7LpgNW2AgYAoIs=
+github.com/yuin/goldmark v1.4.4/go.mod h1:rmuwmfZ0+bvzB24eSC//bk1R1Zp3hM0OXYv/G2LIilg=
+github.com/yuin/goldmark-highlighting v0.0.0-20210516132338-9216f9c5aa01 h1:0SJnXjE4jDClMW6grE0xpNhwpqbPwkBTn8zpVw5C0SI=
+github.com/yuin/goldmark-highlighting v0.0.0-20210516132338-9216f9c5aa01/go.mod h1:TwKQPa5XkCCRC2GRZ5wtfNUTQ2+9/i19mGRijFeJ4BE=
+golang.org/x/crypto v0.0.0-20220214200702-86341886e292/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=
+golang.org/x/exp v0.0.0-20220602145555-4a0574d9293f h1:KK6mxegmt5hGJRcAnEDjSNLxIRhZxDcgwMbcO/lMCRM=
+golang.org/x/exp v0.0.0-20220602145555-4a0574d9293f/go.mod h1:yh0Ynu2b5ZUe3MQfp2nM0ecK7wsgouWTDN0FNeJuIys=
+golang.org/x/net v0.0.0-20211112202133-69e39bad7dc2/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
+golang.org/x/net v0.0.0-20220225172249-27dd8689420f/go.mod h1:CfG3xpIq0wQ8r1q4Su4UZFWDARRcnwPjda9FqA0JpMk=
+golang.org/x/sys v0.0.0-20181128092732-4ed8d59d0b35/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
+golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20211216021012-1d35b9e2eb4e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220227234510-4e6760a101f9/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a h1:dGzPydgVsqGcTRVwiLJ1jVbufYwmzD3LfVPLKsKg+0k=
+golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
+golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
+golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
+golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM=
+gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b h1:h8qDotaEPuJATrMmW04NCwg7v22aHH28wwpauUhK9Oo=
+gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

handler/context.go

@@ -0,0 +1,21 @@
+package handler
+
+type ContextKey[T any] string
+
+type Context map[string]any
+
+func GetContextValue[T any](ctx Context, key ContextKey[T]) T {
+	value, present := ctx[string(key)]
+	if !present {
+		var zero T
+		return zero
+	}
+
+	typedValue, _ := value.(T)
+
+	return typedValue
+}
+
+func SetContextValue[T any](ctx Context, key ContextKey[T], value T) {
+	ctx[string(key)] = value
+}

handler/handler.go

@@ -0,0 +1,293 @@
+package handler
+
+import (
+	"fmt"
+	"html/template"
+	"io"
+
+	"git.phc.dm.unipi.it/phc/website/appunti"
+	"git.phc.dm.unipi.it/phc/website/articles"
+	"git.phc.dm.unipi.it/phc/website/auth"
+	"git.phc.dm.unipi.it/phc/website/lista_utenti"
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/rss"
+	"git.phc.dm.unipi.it/phc/website/storia"
+	"git.phc.dm.unipi.it/phc/website/templates"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+type Service interface {
+	//
+	// Pages
+	//
+	HandleStaticPage(w io.Writer, view string, ctx Context) error
+
+	// Storia
+	HandleStoriaPage(w io.Writer, ctx Context) error
+
+	// Appunti
+	HandleAppuntiPage(w io.Writer, query string, ctx Context) error
+	HandleAppuntiCondivisiPage(w io.Writer, ctx Context) error
+	HandleDispensaPage(w io.Writer, id string, ctx Context) error
+
+	// News
+	HandleNewsPage(w io.Writer, ctx Context) error
+
+	// Guide
+	HandleGuidePage(w io.Writer, ctx Context) error
+
+	// User
+	HandleProfilePage(w io.Writer, ctx Context) error
+
+	// Article Pages
+	HandleNewsArticlePage(w io.Writer, articleID string, ctx Context) error
+	HandleGuideArticlePage(w io.Writer, articleID string, ctx Context) error
+
+	// RSS
+	HandleNewsFeedPage(w io.Writer) error
+	HandleGuideFeedPage(w io.Writer) error
+
+	//
+	// API
+	//
+
+	// User
+	HandleLogin(username, password string) (*model.Session, error)
+	HandleUser(token string) *model.User
+	HandleRequiredUser(ctx Context) (*model.User, error)
+
+	// User Listing
+	HandleUtenti() ([]*model.User, error)
+	HandleListaUtenti() ([]*model.ListUser, error)
+
+	// Appunti
+	HandleCreateDispensa(template model.Dispensa, ctx Context) (string, error)
+	HandleGetDispensa(dispensaId string) (*model.Dispensa, error)
+}
+
+//
+// Typed context
+//
+
+// UserKey is a typed type for *model.User used to extract a user form a [handler.Context]
+const UserKey ContextKey[*model.User] = "user"
+
+func (ctx Context) getUser() *model.User {
+	return GetContextValue(ctx, UserKey)
+}
+
+// Handler holds references to abstract services for easy testing provided by every module (TODO: Make every field an interface of -Service)
+type DefaultHandler struct {
+	AuthService           auth.Service
+	Appunti               appunti.Service
+	Renderer              *templates.TemplateRenderer
+	NewsArticlesRegistry  *articles.Registry
+	GuideArticlesRegistry *articles.Registry
+	ListaUtenti           lista_utenti.Service
+	Storia                storia.StoriaService
+}
+
+var _ Service = &DefaultHandler{}
+
+func (h *DefaultHandler) HandleStaticPage(w io.Writer, view string, ctx Context) error {
+	return h.Renderer.Render(w, view, util.Map{
+		"User": ctx.getUser(),
+	})
+}
+
+func (h *DefaultHandler) HandleUtenti() ([]*model.User, error) {
+	utenti, err := h.AuthService.GetUsers()
+	if err != nil {
+		return nil, err
+	}
+
+	return utenti, nil
+}
+
+func (h *DefaultHandler) HandleListaUtenti() ([]*model.ListUser, error) {
+	utenti, err := h.ListaUtenti.GetUtenti()
+	if err != nil {
+		return nil, err
+	}
+
+	return utenti, nil
+}
+
+func (h *DefaultHandler) HandleStoriaPage(w io.Writer, ctx Context) error {
+	storia, err := h.Storia.GetStoria()
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "storia.html", util.Map{
+		"User":   ctx.getUser(),
+		"Storia": storia,
+	})
+}
+
+func (h *DefaultHandler) HandleAppuntiPage(w io.Writer, query string, ctx Context) error {
+	return h.Renderer.Render(w, "appunti.html", util.Map{
+		"User":  ctx.getUser(),
+		"Query": query,
+	})
+}
+
+func (h *DefaultHandler) HandleAppuntiCondivisiPage(w io.Writer, ctx Context) error {
+	return h.Renderer.Render(w, "appunti-condivisi.html", util.Map{
+		"User": ctx.getUser(),
+	})
+}
+
+func (h *DefaultHandler) HandleDispensaPage(w io.Writer, id string, ctx Context) error {
+	dispensa, err := h.Appunti.GetDispensa(id)
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "dispensa.html", util.Map{
+		"User":     ctx.getUser(),
+		"Dispensa": dispensa,
+	})
+}
+
+func (h *DefaultHandler) HandleNewsPage(w io.Writer, ctx Context) error {
+	articles, err := h.NewsArticlesRegistry.GetArticles()
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "news.html", util.Map{
+		"User":     ctx.getUser(),
+		"Articles": articles,
+	})
+}
+
+func (h *DefaultHandler) HandleGuidePage(w io.Writer, ctx Context) error {
+	articles, err := h.GuideArticlesRegistry.GetArticles()
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "guide.html", util.Map{
+		"User":     ctx.getUser(),
+		"Articles": articles,
+	})
+}
+
+func (h *DefaultHandler) HandleLogin(username, password string) (*model.Session, error) {
+	session, err := h.AuthService.Login(username, password)
+	if err != nil {
+		return nil, err
+	}
+
+	return session, nil
+}
+
+func (h *DefaultHandler) HandleUser(token string) *model.User {
+	user, _ := auth.UserForSession(h.AuthService, token)
+	return user
+}
+
+var ErrNoUser = fmt.Errorf(`user not logged in`)
+
+func (h *DefaultHandler) HandleRequiredUser(ctx Context) (*model.User, error) {
+	user := ctx.getUser()
+	if user == nil {
+		return nil, ErrNoUser
+	}
+
+	return user, nil
+}
+
+func (h *DefaultHandler) HandleProfilePage(w io.Writer, ctx Context) error {
+	user := ctx.getUser()
+	if user == nil {
+		return ErrNoUser
+	}
+
+	return h.Renderer.Render(w, "profilo.html", util.Map{
+		"User": user,
+	})
+}
+
+func (h *DefaultHandler) HandleNewsArticlePage(w io.Writer, articleID string, ctx Context) error {
+	article, err := h.NewsArticlesRegistry.GetArticle(articleID)
+	if err != nil {
+		return err
+	}
+
+	html, err := article.Render()
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "news-base.html", util.Map{
+		"User":        ctx.getUser(),
+		"Article":     article,
+		"ContentHTML": template.HTML(html),
+	})
+}
+
+func (h *DefaultHandler) HandleGuideArticlePage(w io.Writer, articleID string, ctx Context) error {
+	article, err := h.GuideArticlesRegistry.GetArticle(articleID)
+	if err != nil {
+		return err
+	}
+
+	html, err := article.Render()
+	if err != nil {
+		return err
+	}
+
+	return h.Renderer.Render(w, "guide-base.html", util.Map{
+		"User":        ctx.getUser(),
+		"Article":     article,
+		"ContentHTML": template.HTML(html),
+	})
+}
+
+func (h *DefaultHandler) HandleNewsFeedPage(w io.Writer) error {
+	registry, err := h.NewsArticlesRegistry.GetArticles()
+	if err != nil {
+		return err
+	}
+
+	newsFeed := rss.GenerateRssFeed(registry, "news", "Feed Notizie PHC", "https://phc.dm.unipi.it/news", "Le ultime nuove sul PHC.")
+
+	return newsFeed.WriteRss(w)
+}
+
+func (h *DefaultHandler) HandleGuideFeedPage(w io.Writer) error {
+	registry, err := h.GuideArticlesRegistry.GetArticles()
+	if err != nil {
+		return err
+	}
+
+	guideFeed := rss.GenerateRssFeed(registry, "guide", "Feed Guide PHC", "https://phc.dm.unipi.it/guide", "Le più recenti guide a carattere informatico a cura dei macchinisti del PHC.")
+
+	return guideFeed.WriteRss(w)
+}
+
+//
+// API
+//
+
+func (h *DefaultHandler) HandleCreateDispensa(template model.Dispensa, ctx Context) (string, error) {
+	user := ctx.getUser()
+	if user == nil {
+		return "", ErrNoUser
+	}
+
+	template.OwnerId = user.Username
+
+	dispensaId, err := h.Appunti.CreateDispensa(template)
+	if err != nil {
+		return "", err
+	}
+
+	return dispensaId, nil
+}
+
+func (h *DefaultHandler) HandleGetDispensa(id string) (*model.Dispensa, error) {
+	return h.Appunti.GetDispensa(id)
+}

lista_utenti/auth.go

@@ -0,0 +1,43 @@
+package lista_utenti
+
+import (
+	"git.phc.dm.unipi.it/phc/website/auth"
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+type authListaUtenti struct {
+	AuthService auth.Service
+
+	Macchinisti util.Set[string]
+}
+
+func newAuthListaUtenti(authService auth.Service) (Service, error) {
+	macchinisti, err := loadMacchinisti()
+	if err != nil {
+		return nil, err
+	}
+
+	return &authListaUtenti{authService, macchinisti}, nil
+}
+
+func (a *authListaUtenti) GetUtenti() ([]*model.ListUser, error) {
+	authUsers, err := a.AuthService.GetUsers()
+	if err != nil {
+		return nil, err
+	}
+
+	users := make([]*model.ListUser, 0, len(authUsers))
+	for _, u := range authUsers {
+		users = append(users, &model.ListUser{
+			Uid:     u.Username,
+			Nome:    u.Name,
+			Cognome: u.Surname,
+			Tags:    []string{},
+		})
+	}
+
+	mergeMacchinisti(users, a.Macchinisti)
+
+	return users, nil
+}

lista_utenti/json.go

@@ -0,0 +1,44 @@
+package lista_utenti
+
+import (
+	"encoding/json"
+	"log"
+	"os"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+type jsonListaUtenti struct {
+	Path string
+
+	Macchinisti util.Set[string]
+}
+
+func newJsonListaUtenti(path string) (Service, error) {
+	macchinisti, err := loadMacchinisti()
+	if err != nil {
+		return nil, err
+	}
+
+	return &jsonListaUtenti{path, macchinisti}, nil
+}
+
+func (j *jsonListaUtenti) GetUtenti() ([]*model.ListUser, error) {
+	var users []*model.ListUser
+
+	f, err := os.Open(j.Path)
+	if err != nil {
+		return nil, err
+	}
+
+	if err := json.NewDecoder(f).Decode(&users); err != nil {
+		return nil, err
+	}
+
+	mergeMacchinisti(users, j.Macchinisti)
+
+	log.Printf("Caricata lista di %d utenti", len(users))
+
+	return users, nil
+}

lista_utenti/lista_utenti.go

@@ -0,0 +1,46 @@
+package lista_utenti
+
+import (
+	"encoding/json"
+	"os"
+
+	"git.phc.dm.unipi.it/phc/website/auth"
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/util"
+)
+
+type Service interface {
+	GetUtenti() ([]*model.ListUser, error)
+}
+
+// New crea un nuovo servizio che lista gli utenti utilizzando AuthService se config è ":auth:" oppure un file json
+func New(authService auth.Service, config string) (Service, error) {
+	if config == ":auth:" {
+		return newAuthListaUtenti(authService)
+	}
+
+	return newJsonListaUtenti(config)
+}
+
+func loadMacchinisti() (util.Set[string], error) {
+	f, err := os.Open("_content/macchinisti.json")
+	if err != nil {
+		return nil, err
+	}
+
+	macchinisti := []string{}
+
+	if err := json.NewDecoder(f).Decode(&macchinisti); err != nil {
+		return nil, err
+	}
+
+	return util.NewSet(macchinisti...), nil
+}
+
+func mergeMacchinisti(users []*model.ListUser, macchinisti util.Set[string]) {
+	for _, user := range users {
+		if _, found := macchinisti[user.Uid]; found {
+			user.Tags = append(user.Tags, "macchinista")
+		}
+	}
+}

model/appunti.go

@@ -0,0 +1,9 @@
+package model
+
+type Dispensa struct {
+	Id          string   `json:"id"`
+	OwnerId     string   `json:"ownerId"`
+	Title       string   `json:"title"`
+	Description string   `json:"description"`
+	Tags        []string `json:"tags"`
+}

model/user.go

@@ -0,0 +1,37 @@
+package model
+
+type ListUser struct {
+	Uid     string   `json:"uid"`
+	Nome    string   `json:"nome"`
+	Cognome string   `json:"cognome"`
+	Tags    []string `json:"tags,omitempty"`
+}
+
+// User represents a user returned from AuthenticatorService
+type User struct {
+	Username string `json:"username"`
+	Name     string `json:"name"`
+	Surname  string `json:"surname"`
+	// FullName is a separate field from Name and Surname because for example
+	// ldap stores them all as separate fields.
+	FullName string `json:"fullName"`
+	Email    string `json:"email"`
+}
+
+// WithDefaultFullName is a utility that returns a copy of the given user with the full name set to the concatenation of the name and surname of the user.
+func (u User) WithDefaultFullName() User {
+	return User{
+		Username: u.Username,
+		Name:     u.Name,
+		Surname:  u.Surname,
+		Email:    u.Email,
+
+		FullName: u.Username + " " + u.Surname,
+	}
+}
+
+// Session represents a session returned from AuthenticatorService
+type Session struct {
+	Username string `json:"username"`
+	Token    string `json:"token"`
+}

package.json

@@ -1,44 +0,0 @@
-{
-    "name": "website",
-    "type": "module",
-    "version": "0.0.1",
-    "scripts": {
-        "dev": "run-s astro:sync astro:dev",
-        "build": "run-s astro:build",
-        "astro:sync": "astro sync",
-        "astro:dev": "astro dev",
-        "astro:build": "astro check && astro build"
-    },
-    "dependencies": {
-        "@astrojs/check": "^0.9.4",
-        "@astrojs/node": "^8.3.4",
-        "@astrojs/preact": "^3.5.3",
-        "@fontsource-variable/material-symbols-outlined": "^5.1.1",
-        "@fontsource/iosevka": "^5.0.11",
-        "@fontsource/mononoki": "^5.0.11",
-        "@fontsource/open-sans": "^5.0.24",
-        "@fontsource/source-code-pro": "^5.0.16",
-        "@fontsource/source-sans-pro": "^5.0.8",
-        "@fontsource/space-mono": "^5.0.20",
-        "@preact/signals": "^1.3.0",
-        "@types/jsdom": "^21.1.7",
-        "astro": "^4.15.11",
-        "fuse.js": "^7.0.0",
-        "katex": "^0.16.9",
-        "preact": "^10.19.6",
-        "typescript": "^5.3.3"
-    },
-    "devDependencies": {
-        "@astrojs/mdx": "^3.1.7",
-        "@types/katex": "^0.16.7",
-        "jsdom": "^24.1.1",
-        "linkedom": "^0.18.4",
-        "npm-run-all": "^4.1.5",
-        "rehype-autolink-headings": "^7.1.0",
-        "rehype-slug": "^6.0.0",
-        "remark-math": "^6.0.0",
-        "remark-toc": "^9.0.0",
-        "sass": "^1.71.1",
-        "tsx": "^4.7.1"
-    }
-}

public/favicon.svg

@@ -1,95 +0,0 @@
-<svg width="1000" height="500" viewBox="0 0 1000 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="80" y="190" width="60" height="120" fill="#1E6733" />
-    <rect x="160" y="50" width="150" height="60" fill="#1E6733" />
-    <rect x="140" y="90" width="10" height="50" fill="#ECC333" />
-    <rect x="140" y="200" width="10" height="50" fill="#ECC333" />
-    <rect x="140" y="410" width="10" height="20" fill="#ECC333" />
-    <rect x="140" y="350" width="10" height="50" fill="#ECC333" />
-    <rect x="240" y="110" width="70" height="10" fill="#ECC333" />
-    <rect x="250" y="130" width="60" height="130" fill="#1E6733" />
-    <rect x="340" y="50" width="60" height="120" fill="#1E6733" />
-    <rect x="340" y="190" width="60" height="120" fill="#1E6733" />
-    <rect x="590" y="190" width="60" height="120" fill="#1E6733" />
-    <rect x="690" y="180" width="60" height="120" fill="#1E6733" />
-    <rect x="690" y="310" width="60" height="140" fill="#1E6733" />
-    <rect x="690" y="50" width="60" height="120" fill="#1E6733" />
-    <rect x="590" y="320" width="60" height="130" fill="#1E6733" />
-    <rect x="590" y="50" width="60" height="130" fill="#1E6733" />
-    <rect x="420" y="240" width="150" height="60" fill="#1E6733" />
-    <rect x="340" y="320" width="60" height="130" fill="#1E6733" />
-    <rect x="240" y="140" width="10" height="50" fill="#ECC333" />
-    <rect x="350" y="170" width="40" height="10" fill="#ECC333" />
-    <rect x="330" y="330" width="10" height="50" fill="#ECC333" />
-    <rect x="160" y="200" width="80" height="60" fill="#1E6733" />
-    <rect x="650" y="200" width="10" height="50" fill="#ECC333" />
-    <rect x="750" y="330" width="10" height="60" fill="#ECC333" />
-    <rect x="800" y="450" width="40" height="10" fill="#ECC333" />
-    <rect x="850" y="450" width="30" height="10" fill="#ECC333" />
-    <rect x="750" y="90" width="10" height="50" fill="#ECC333" />
-    <rect x="810" y="110" width="60" height="10" fill="#ECC333" />
-    <rect x="580" y="330" width="10" height="50" fill="#ECC333" />
-    <rect x="580" y="60" width="10" height="50" fill="#ECC333" />
-    <rect x="710" y="420" width="20" height="20" fill="#C4C4C4" />
-    <rect x="710" y="390" width="20" height="20" fill="#C4C4C4" />
-    <rect x="100" y="280" width="20" height="10" fill="#C4C4C4" />
-    <rect x="100" y="260" width="20" height="10" fill="#C4C4C4" />
-    <rect x="110" y="210" width="20" height="20" fill="#C4C4C4" />
-    <rect x="350" y="430" width="40" height="10" fill="#303030" />
-    <rect x="350" y="410" width="40" height="10" fill="#303030" />
-    <rect x="350" y="390" width="40" height="10" fill="#303030" />
-    <rect x="700" y="70" width="20" height="40" fill="#303030" />
-    <rect x="700" y="120" width="20" height="40" fill="#303030" />
-    <rect x="610" y="280" width="20" height="20" fill="#C4C4C4" />
-    <rect x="600" y="240" width="20" height="20" fill="#C4C4C4" />
-    <rect x="430" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="430" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="430" y="280" width="10" height="10" fill="#C4C4C4" />
-    <rect x="445" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="445" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="460" y="280" width="40" height="10" fill="#C4C4C4" />
-    <rect x="475" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="475" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="505" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="505" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="520" y="265" width="10" height="15" fill="#C4C4C4" />
-    <rect x="505" y="280" width="25" height="10" fill="#C4C4C4" />
-    <rect x="535" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="535" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="535" y="280" width="10" height="10" fill="#C4C4C4" />
-    <rect x="445" y="280" width="10" height="10" fill="#C4C4C4" />
-    <rect x="460" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="460" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="490" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="490" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="520" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="550" y="250" width="10" height="10" fill="#C4C4C4" />
-    <rect x="550" y="265" width="10" height="10" fill="#C4C4C4" />
-    <rect x="550" y="280" width="10" height="10" fill="#C4C4C4" />
-    <rect x="620" y="210" width="20" height="20" fill="#C4C4C4" />
-    <rect x="370" y="70" width="20" height="30" fill="#303030" />
-    <rect x="370" y="110" width="20" height="30" fill="#303030" />
-    <rect x="870" y="440" width="40" height="10" transform="rotate(-90 870 440)" fill="#303030" />
-    <rect x="890" y="440" width="40" height="10" transform="rotate(-90 890 440)" fill="#303030" />
-    <rect x="810" y="440" width="40" height="10" transform="rotate(-90 810 440)" fill="#303030" />
-    <rect x="790" y="440" width="40" height="10" transform="rotate(-90 790 440)" fill="#303030" />
-    <rect x="270" y="100" width="40" height="10" transform="rotate(-90 270 100)" fill="#303030" />
-    <rect x="290" y="100" width="40" height="10" transform="rotate(-90 290 100)" fill="#303030" />
-    <rect x="190" y="100" width="40" height="10" transform="rotate(-90 190 100)" fill="#303030" />
-    <rect x="170" y="100" width="40" height="10" transform="rotate(-90 170 100)" fill="#303030" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M140 60V170C134.477 170 130 174.477 130 180H90C90 174.477 85.5228 170 80 170V60C85.5228 60 90 55.5228 90 50H130C130 55.5228 134.477 60 140 60Z"
-        fill="#1E6733" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M130 320H90C90 325.523 85.5229 330 80 330V440C85.5229 440 90 444.477 90 450H130C130 444.477 134.477 440 140 440V330C134.477 330 130 325.523 130 320Z"
-        fill="#1E6733" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M770 60C775.523 60 780 55.5228 780 50H910C910 55.5228 914.477 60 920 60V100C914.477 100 910 104.477 910 110H780C780 104.477 775.523 100 770 100V60Z"
-        fill="#1E6733" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M770 400C775.523 400 780 395.523 780 390H910C910 395.523 914.477 400 920 400V440C914.477 440 910 444.477 910 450H780C780 444.477 775.523 440 770 440V400Z"
-        fill="#1E6733" />
-    <rect x="750" y="190" width="10" height="40" fill="#ECC333" />
-    <rect x="750" y="240" width="10" height="20" fill="#ECC333" />
-    <rect x="400" y="200" width="10" height="40" fill="#ECC333" />
-    <rect x="400" y="250" width="10" height="20" fill="#ECC333" />
-</svg>

public/images/zigzag.svg

@@ -1,8 +0,0 @@
-<svg width="100%" height="2rem" viewBox="0 0 1 1" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <pattern id="zig-zag" x="0" y="0" width="2" height="1">
-            <path fill="#C2A8EB" d="M 0,0 L 1,1 L 2,0 L 0,0"/>
-        </pattern> 
-    </defs>
-    <rect fill="url(#zig-zag)" x="0" y="0" width="100%" height="1" />
-</svg>

rss/feed.go

@@ -0,0 +1,34 @@
+package rss
+
+import (
+	"git.phc.dm.unipi.it/phc/website/articles"
+	"git.phc.dm.unipi.it/phc/website/config"
+	"github.com/gorilla/feeds"
+)
+
+func GenerateRssFeed(entries []*articles.Article, sectionName string, title string, link string, description string) *feeds.Feed {
+
+	// Initialize RSS Feed
+	feed := &feeds.Feed{
+		Title:       title,
+		Link:        &feeds.Link{Href: link},
+		Description: description,
+	}
+
+	var feedItems []*feeds.Item
+
+	// Add items to RSS feeds
+	for _, entry := range entries {
+		feedItems = append(feedItems,
+			&feeds.Item{
+				Id:          entry.Id,
+				Title:       entry.Title,
+				Link:        &feeds.Link{Href: config.BaseUrl + "/" + sectionName + "/" + entry.Id},
+				Description: entry.Description,
+				Created:     entry.PublishDate,
+			})
+	}
+	feed.Items = feedItems
+
+	return feed
+}

server/fiber.go

@@ -0,0 +1,248 @@
+package server
+
+import (
+	"log"
+	"time"
+
+	"git.phc.dm.unipi.it/phc/website/config"
+	"git.phc.dm.unipi.it/phc/website/handler"
+	"git.phc.dm.unipi.it/phc/website/model"
+	"github.com/gofiber/fiber/v2"
+	"github.com/gofiber/fiber/v2/middleware/etag"
+	"github.com/gofiber/fiber/v2/middleware/logger"
+	"github.com/gofiber/redirect/v2"
+)
+
+func UserMiddleware(h handler.Service) fiber.Handler {
+	return func(c *fiber.Ctx) error {
+		token := c.Cookies("session-token")
+		user := h.HandleUser(token)
+		c.Locals("user", user)
+		return c.Next()
+	}
+}
+
+func CreateContext(ctx *fiber.Ctx) handler.Context {
+	// the "_" here is required because Go cannot cast <nil> of type interface{} to *model.User, in other words <nil> of type *model.User and <nil> of type interface{} are different type. In this case the "_" returns a boolean that tells whether the cast succeeded or not, if it is false the user variable gets assigned its default zero value that is <nil> of type *model.User
+	user, _ := ctx.Locals("user").(*model.User)
+
+	context := handler.Context{}
+	handler.SetContextValue(context, handler.UserKey, user)
+
+	return context
+}
+
+func NewFiberServer(h handler.Service) *fiber.App {
+	app := fiber.New()
+	routes(h, app)
+	return app
+}
+
+// routes defines routes under "/"
+func routes(h handler.Service, r fiber.Router) {
+	//
+	// Initial setup
+	//
+
+	r.Use(logger.New())
+	// r.Use(recover.New())
+
+	// Remove trailing slash from URLs
+	r.Use(redirect.New(redirect.Config{
+		Rules: map[string]string{
+			"/*/": "/$1",
+		},
+	}))
+
+	// Better static file serving setup
+	r.Route("/public", func(r fiber.Router) {
+		// Cache client side files based on checksum
+		r.Use(etag.New())
+
+		staticConfig := fiber.Static{}
+		if config.Mode == "development" {
+			log.Printf("Disabling Cache-Control in development mode")
+
+			// if no "Cache-Control" is present the browser will cache heuristically (and we don't want that)
+			r.Use(func(c *fiber.Ctx) error {
+				c.Set("Cache-Control", "no-cache")
+				return c.Next()
+			})
+
+			staticConfig.CacheDuration = 1 * time.Millisecond
+		}
+
+		r.Static("/", "./_frontend/out", staticConfig)
+		r.Static("/", "./_public", staticConfig)
+	})
+
+	// Serve generated css and js files and the static "./_public" folder
+
+	// Process all request and add user to the request context if there is a session cookie
+	r.Use(UserMiddleware(h))
+
+	//
+	// Pages
+	//
+
+	r.Get("/", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleStaticPage(c, "home.html", CreateContext(c))
+	})
+
+	r.Get("/link", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleStaticPage(c, "link.html", CreateContext(c))
+	})
+
+	r.Get("/login", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleStaticPage(c, "login.html", CreateContext(c))
+	})
+
+	r.Get("/utenti", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleStaticPage(c, "utenti.html", CreateContext(c))
+	})
+
+	r.Get("/storia", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleStoriaPage(c, CreateContext(c))
+	})
+
+	r.Get("/appunti", func(c *fiber.Ctx) error {
+		query := c.Query("q", "")
+
+		c.Type("html")
+		return h.HandleAppuntiPage(c, query, CreateContext(c))
+	})
+
+	r.Get("/appunti/condivisi", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleAppuntiCondivisiPage(c, CreateContext(c))
+	})
+
+	r.Get("/news", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleNewsPage(c, CreateContext(c))
+	})
+
+	r.Get("/guide", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleGuidePage(c, CreateContext(c))
+	})
+
+	r.Get("/news/rss", func(c *fiber.Ctx) error {
+		c.Type("xml")
+		return h.HandleNewsFeedPage(c)
+	})
+
+	r.Get("/guide/rss", func(c *fiber.Ctx) error {
+		c.Type("xml")
+		return h.HandleGuideFeedPage(c)
+	})
+
+	r.Post("/login", func(c *fiber.Ctx) error {
+		var loginForm struct {
+			Provider string `form:"provider"`
+			Username string `form:"username"`
+			Password string `form:"password"`
+		}
+
+		if err := c.BodyParser(&loginForm); err != nil {
+			return err
+		}
+
+		session, err := h.HandleLogin(loginForm.Username, loginForm.Password)
+		if err != nil {
+			return err
+		}
+
+		inThreeDays := time.Now().Add(3 * 24 * time.Hour)
+		c.Cookie(&fiber.Cookie{
+			Name:    "session-token",
+			Path:    "/",
+			Value:   session.Token,
+			Expires: inThreeDays,
+		})
+
+		return c.Redirect("/profilo")
+	})
+
+	r.Get("/profilo", func(c *fiber.Ctx) error {
+		c.Type("html")
+		return h.HandleProfilePage(c, CreateContext(c))
+	})
+
+	r.Get("/logout", func(c *fiber.Ctx) error {
+		c.Cookie(&fiber.Cookie{
+			Name:    "session-token",
+			Path:    "/",
+			Value:   "",
+			Expires: time.Now(),
+		})
+
+		return c.Redirect("/")
+	})
+
+	r.Get("/news/:article", func(c *fiber.Ctx) error {
+		articleID := c.Params("article")
+
+		c.Type("html")
+		return h.HandleNewsArticlePage(c, articleID, CreateContext(c))
+	})
+
+	r.Get("/guide/:article", func(c *fiber.Ctx) error {
+		articleID := c.Params("article")
+
+		c.Type("html")
+		return h.HandleGuideArticlePage(c, articleID, CreateContext(c))
+	})
+
+	routesApi(h, r.Group("/api"))
+}
+
+// routesApi defines routes under "/api"
+func routesApi(h handler.Service, r fiber.Router) {
+	r.Get("/utenti", func(c *fiber.Ctx) error {
+		utenti, err := h.HandleListaUtenti()
+		if err != nil {
+			return err
+		}
+
+		return c.JSON(utenti)
+	})
+
+	r.Get("/profilo", func(c *fiber.Ctx) error {
+		user, err := h.HandleRequiredUser(CreateContext(c))
+		if err != nil {
+			return err
+		}
+
+		return c.JSON(user)
+	})
+
+	r.Post("/appunti/dispense", func(c *fiber.Ctx) error {
+		var dispensaTemplate model.Dispensa
+		if err := c.BodyParser(&dispensaTemplate); err != nil {
+			return err
+		}
+
+		dispensaId, err := h.HandleCreateDispensa(dispensaTemplate, CreateContext(c))
+		if err != nil {
+			return err
+		}
+
+		return c.JSON(dispensaId)
+	})
+	r.Get("/appunti/dispense", func(c *fiber.Ctx) error {
+		dispensaId := c.Query("id")
+
+		dispensa, err := h.HandleGetDispensa(dispensaId)
+		if err != nil {
+			return err
+		}
+
+		return c.JSON(dispensa)
+	})
+}