fix: changed image format

.dockerignore

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

.env.dev

@@ -1,15 +0,0 @@
-# Server config
-MODE=development
-HOST=localhost:8000
-
-# 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
-
-USER_PAGES_BASE_URL=https://poisson.phc.dm.unipi.it/~
-
-# AuthService
-AUTH_SERVICE_HOST=:memory:

.gitignore

@@ -1,19 +1,10 @@
-# Environment files
 .env
-
-# Miscellaneous
-tags
-
-# Local files
 *.local*
+bin/
 
-# NodeJS
+.out/
+out/
 dist/
 node_modules/
 
-# Don't version generated files
-public/css/
-public/js/
-
-# Executables
-phc-website-server
+.vscode/

.npmrc

@@ -0,0 +1,2 @@
+# Needed by pnpm to work with "@preact/preset-vite"
+shamefully-hoist=true

ARCHITECTURE.md

@@ -0,0 +1,31 @@
+# Architettura
+
+Questo è un progetto _fullstack_ con una backend scritta in [Go](https://go.dev/) ed una frontend in JS, più precisamente utilizziamo NodeJS con [Vite](https://vitejs.dev/) per build-are la frontend.
+
+La cosa più interessante è l'integrazione tra **Vite** e la backend in **Go** per siti con più pagine (il nostro caso). Di base Vite supporta siti con più file html ma ha bisogno che gli venga detto quali sono tutti gli _entrypoint_ HTML. Vedremo che questo progetto usa una tecnica che ci permette di indicare una volta sola le cose nel codice in Go senza stare a tenere sincronizzato il codice in Go e la configurazione di Vite.
+
+## Usage
+
+Ci sono vari modi per lanciare la nostra applicazione in base all'_environment_, in particolare sono tutti isolati sotto forma di eseguibili in Go:
+
+-   Quando saremo in produzione l'unico server sarà quello di Go lanciato attraverso l'_entry-point_ [./cmd/server/main.go](./cmd/server/main.go)
+
+    In particolare prima di poter lanciare questo server bisogna aver eseguito [./cmd/build/main.go](./cmd/build/main.go) che esegue solo il codice relativo al router della nostra applicazione e genera un file `out/routes.json`. Poi bisogna eseguire `npm run build` che chiama Vite e genera il codice per tutte le route dentro la cartella `out/frontend/`.
+
+-   Quando siamo in development usiamo solo [./cmd/devserver/main.go](./cmd/devserver/main.go) che lancia in background il server di Vite (chiama `npm run dev` che a sua volta è un alias per `node server.js`) quindi possiamo vedere tutto in tempo reale da `localhost:3000`.
+
+    Più precisamente il server di Vite all'avvio richiede al server in Go tutte le route da montare utilizzando la route speciale `/api/development/routes` (in particolare Fiber ed ExpressJS hanno la stessa sintassi per definire le route quindi questa cosa è facile da fare).
+
+    Poi quando si prova ad andare su una pagina ci sono due casi
+
+    -   Se la route era **statica** allora leggiamo il file html, lo facciamo processare a Vite e poi lo rimandiamo all'utente.
+
+    -   Se invece la route era di tipo **dinamico** allora leggiamo sempre il file e lo processiamo con Vite però ora utilizziamo l'altra route speciale che esiste solo in fase di sviluppo `/api/development/render` che renderizza la pagina applicando il _templating del server_ e poi una volta finito inviamo la pagina al client.
+
+    Invece quando saremo in produzione tutte le pagina saranno già state renderizzate da Vite quindi saremo nel caso standard di _http server_ con views da renderizzare con il _template engine_ del caso prima di mandare la pagina al client.
+
+-   L'ultimo _entrypoint_ è [./cmd/build/main.go](./cmd/build/main.go) e lancia la nostra applicazione in una modalità "finta" senza server http ma vengono comunque registrate tutte le route utilizzando sempre il modulo `dev`. Questo ci permette di costruire l'albero delle route (statiche e dinamiche) che poi servirà a Vite quando faremo `npm run build`.
+
+    Ciò serve perché così ci basta definire tutte le route una volta sola nel Go e poi in automatico funzioneranno anche nel server di Vite senza dover ripetere due volte il codice. (questa è la parte più magica di _meta-programming_ di tutto il progetto)
+
+![architecture-1](./docs/architecture-1.svg)

Dockerfile

@@ -1,25 +0,0 @@
-FROM node:18 AS frontend-builder
-WORKDIR /frontend
-COPY ./frontend/package.json ./package.json
-COPY ./frontend/package-lock.json ./package-lock.json
-RUN npm install
-COPY ./frontend .
-RUN make
-
-FROM golang:1.18-alpine AS backend-builder
-WORKDIR /backend
-COPY go.mod go.sum ./
-RUN go mod download -x
-COPY . .
-RUN go build -buildvcs=false -o website-server -v .
-
-FROM alpine:latest AS runner
-WORKDIR /app
-COPY --from=frontend-builder /frontend/dist ./frontend/dist
-COPY --from=backend-builder /backend/website-server ./website-server
-COPY ./views ./views
-COPY ./news ./news
-COPY ./public ./public
-COPY ./.env ./.env
-EXPOSE 8000
-CMD ["./website-server"]

Makefile

@@ -1,37 +1,10 @@
 
-GO_SOURCES = $(shell find . -name '*.go')
-GO_EXECUTABLE = phc-website-server
+.PHONY: test
+test:
+	PROJECT_DIR="$(shell pwd)" go test -v ./...
 
-.PHONY: all
-all: frontend go
-
-# 
-# Build Frontend
-# 
-
-.PHONY: setup
-setup:
-	mkdir -p public/js
-	mkdir -p public/css
-
-.PHONY: frontend
-frontend: setup
-	$(MAKE) -C frontend/
-	cp frontend/dist/*.min.js public/js/
-	cp frontend/dist/*.css public/css/
-
-#
-# Build Server
-#
-
-.PHONY: go
-go: $(GO_EXECUTABLE)
-	@echo "Compiled Server"
-
-$(GO_EXECUTABLE): $(GO_SOURCES)
-	go build -o $(GO_EXECUTABLE) .
-
-.PHONY: debug
-debug:
-	@echo "GO_SOURCES = $(GO_SOURCES)"
-	@echo "GO_EXECUTABLE = $(GO_EXECUTABLE)"
+.PHONY: build
+build:
+	go run -v ./cmd/build
+	pnpm run build
+	go build -o ./out/bin/server ./cmd/server

README.md

@@ -1,99 +1,25 @@
-# Nuovo Sito PHC
+# Website 2
 
-Repo del server del nuovo sito per il PHC.
+Repo per il nuovo sito del PHC
 
-## Dipendenze
+## Docs
 
--   **Golang**
+- [./ARCHITECTURE.md](./ARCHITECTURE.md)
 
-    -   `github.com/alecthomas/chroma`
+    Alcune note sull'architettura di questo progetto.
 
-    -   `github.com/alecthomas/repr`
-
-    -   `github.com/go-chi/chi/v5`
-
-    -   `github.com/joho/godotenv`
-
-    -   `github.com/litao91/goldmark-mathjax`
-
-    -   `github.com/yuin/goldmark`
-
-    -   `github.com/yuin/goldmark-highlighting`
-
-    -   `gopkg.in/yaml.v3`
-
--   **NodeJS**
-
-    -   AlpineJS
-
-    -   FuseJS
-
-## Setup
-
-Per ottenere il progetto basta fare
-
-```bash
-$ git clone https://git.phc.dm.unipi.it/phc/website
-$ cd frontend/
-frontend/ $ npm install
-frontend/ $ cd ..
-$ make frontend
-```
+## Usage
 
 ## Development
 
-### Setup
-
-Copiare il file `.env.dev` in `.env` per dire al server di lavorare in modalità di development e su quale indirizzo servire il sito, poi avviare il server.
-
 ```bash shell
-$ cp .env.dev .env
-$ go run .
+# Starts the backend on port :4000 and the frontend development server on port :3000
+$ go run -v ./cmd/devserver
 ```
 
-### Server
-
-Un comando comodo in fase di development che usa [`entr`](https://github.com/eradman/entr) è
+## Production
 
 ```bash shell
-$ find . -type f -name '*.go' | entr -r go run .
-# O anche con fd...
-$ fd -e go | entr -r go run .
+# Generates "routes.json", builds all frontend artifacts and finally the main binary
+$ make build
 ```
-
-### Frontend
-
-Se si sta anche modificando codice dentro `frontend/`, in contemporanea serve anche fare
-
-```bash shell
-$ make frontend
-# O anche con un watcher...
-$ fd -e js | entr make frontend
-```
-
-### Environment Variables
-
--   `MODE`
-
-    Può essere `production` (default) o `development`.
-
--   `HOST`
-
-    Indirizzo (locale) sul quale servire il sito, di default è `localhost:8000`.
-
--   `MAIL`
-
-    Indirizzo di posta elettronica per contattare gli ammistratori 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 `GIT_URL`, `CHAT_URL` e `USER_PAGES_BASE_URL`.
-
-## Altri Servizi
-
-Questo servizio dipende dal servizio di autenticazione per 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/)

articles/article.go

@@ -1,113 +0,0 @@
-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 := articleMarkdown.Convert([]byte(article.markdownSource), &buf); err != nil {
-			return "", err
-		}
-
-		article.renderedHTML = buf.String()
-	}
-
-	return article.renderedHTML, nil
-}

articles/articles.go

@@ -1,77 +0,0 @@
-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

@@ -1,60 +0,0 @@
-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 articleMarkdown 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() {
-	articleMarkdown = 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(),
-		),
-	)
-}

auth/auth.go

@@ -1,52 +0,0 @@
-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 &LDAPAuthService{host}
-}

auth/ldap.go

@@ -1,136 +0,0 @@
-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

@@ -1,109 +0,0 @@
-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/build/main.go

@@ -0,0 +1,44 @@
+package main
+
+import (
+	"encoding/json"
+	"log"
+	"os"
+
+	"git.phc.dm.unipi.it/phc/website/services/config"
+	"git.phc.dm.unipi.it/phc/website/services/database"
+	"git.phc.dm.unipi.it/phc/website/services/server"
+	"git.phc.dm.unipi.it/phc/website/services/server/dev"
+	"git.phc.dm.unipi.it/phc/website/sl"
+)
+
+func main() {
+	l := sl.New()
+
+	// sl.Inject[config.Interface](l, &config.EnvConfig{})
+
+	sl.InjectValue(l, config.Slot, &config.Config{
+		Mode: "production",
+	})
+
+	sl.InjectValue(l, database.Slot, database.Database(
+		&database.Memory{}),
+	)
+
+	if _, err := server.Configure(l); err != nil {
+		log.Fatal(err)
+	}
+
+	f, err := os.Create("out/routes.json")
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	enc := json.NewEncoder(f)
+	enc.SetIndent("", "    ")
+	if err := enc.Encode(dev.UseRoutesMetadata(l)); err != nil {
+		log.Fatal(err)
+	}
+
+	log.Printf(`generated "out/routes.json"`)
+}

cmd/devserver/main.go

@@ -0,0 +1,69 @@
+package main
+
+import (
+	"bufio"
+	"io"
+	"log"
+	"os/exec"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/services/config"
+	"git.phc.dm.unipi.it/phc/website/services/database"
+	"git.phc.dm.unipi.it/phc/website/services/server"
+	"git.phc.dm.unipi.it/phc/website/sl"
+)
+
+func init() {
+	log.SetFlags(0)
+}
+
+func main() {
+	l := sl.New()
+
+	cfg := sl.InjectValue(l, config.Slot, &config.Config{
+		Mode: "development",
+		Host: ":4000",
+	})
+
+	sl.InjectValue[database.Database](l, database.Slot, &database.Memory{
+		Users: []model.User{
+			{
+				Id:          "claire",
+				FullName:    "Claire Doe",
+				Nickname:    "claire-doe",
+				AuthSources: map[string]model.AuthSource{},
+			},
+			{
+				Id:          "john",
+				FullName:    "John Smith",
+				Nickname:    "john-smith",
+				AuthSources: map[string]model.AuthSource{},
+			},
+		},
+	})
+
+	srv, err := server.Configure(l)
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	go func() {
+		log.Fatal(srv.Router.Listen(cfg.Host))
+	}()
+
+	r, w := io.Pipe()
+
+	cmd := exec.Command("npm", "run", "dev")
+	cmd.Stdout = w
+
+	go func() {
+		scanner := bufio.NewScanner(r)
+		for scanner.Scan() {
+			log.Printf(`[cmd/devserver] [vitejs] %s`, scanner.Text())
+		}
+	}()
+
+	if err := cmd.Run(); err != nil {
+		log.Fatal(err)
+	}
+}

cmd/server/main.go

@@ -0,0 +1,44 @@
+package main
+
+import (
+	"log"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/services/config"
+	"git.phc.dm.unipi.it/phc/website/services/database"
+	"git.phc.dm.unipi.it/phc/website/services/server"
+	"git.phc.dm.unipi.it/phc/website/sl"
+)
+
+func main() {
+	l := sl.New()
+
+	cfg := sl.InjectValue(l, config.Slot, &config.Config{
+		Mode: "production",
+		Host: ":4000",
+	})
+
+	sl.InjectValue[database.Database](l, database.Slot, &database.Memory{
+		Users: []model.User{
+			{
+				Id:          "claire",
+				FullName:    "Claire Doe",
+				Nickname:    "claire-doe",
+				AuthSources: map[string]model.AuthSource{},
+			},
+			{
+				Id:          "john",
+				FullName:    "John Smith",
+				Nickname:    "john-smith",
+				AuthSources: map[string]model.AuthSource{},
+			},
+		},
+	})
+
+	srv, err := server.Configure(l)
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	log.Fatal(srv.Router.Listen(cfg.Host))
+}

config/config.go

@@ -1,70 +0,0 @@
-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 UserPagesBaseUrl string
-
-var AuthServiceHost 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")
-
-	// 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/~")
-
-	// AuthService
-	loadEnv(&AuthServiceHost, "AUTH_SERVICE_HOST", "http://localhost:3535")
-}
-
-func Object() util.H {
-	return util.H{
-		"Mode": Mode,
-		"Host": Host,
-
-		"GitUrl":  GitUrl,
-		"ChatUrl": ChatUrl,
-		"Email":   Email,
-
-		"UserPagesBaseUrl": UserPagesBaseUrl,
-
-		"AuthServiceHost": AuthServiceHost,
-	}
-}

frontend/Makefile

@@ -1,23 +0,0 @@
-
-STYLES_SOURCES = $(wildcard src/styles/*.scss)
-SCRIPTS_SOURCES = $(wildcard src/*.js)
-
-.PHONY: all
-all: scripts styles	
-
-.PHONY: styles
-styles: $(STYLES_SOURCES)
-	npm run build:styles
-
-.PHONY: scripts
-scripts: $(SCRIPTS_SOURCES)
-	npm run build:scripts
-
-.PHONY: clean
-clean:
-	rm -rf dist/
-
-.PHONY: debug
-debug:
-	@echo "STYLES_SOURCES = $(STYLES_SOURCES)"
-	@echo "SCRIPTS_SOURCES = $(SCRIPTS_SOURCES)"

frontend/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Homepage</title>
+    </head>
+    <body>
+        Homepage
+    </body>
+</html>

frontend/package.json

@@ -1,22 +0,0 @@
-{
-    "name": "frontend",
-    "version": "1.0.0",
-    "description": "Package to generate frontend files for phc/website",
-    "scripts": {
-        "build:scripts": "rollup -c",
-        "build:styles": "sass -s compressed --no-source-map src/styles/main.scss dist/main.css"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "MIT",
-    "devDependencies": {
-        "@rollup/plugin-node-resolve": "^13.3.0",
-        "rollup": "^2.75.3",
-        "rollup-plugin-terser": "^7.0.2",
-        "sass": "^1.52.3"
-    },
-    "dependencies": {
-        "alpinejs": "^3.10.2",
-        "fuse.js": "^6.6.2"
-    }
-}

frontend/pages/articles/article.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>{{ .Title }} &bull; Articoli &bull; PHC</title>
+
+        <link rel="stylesheet" href="/styles/main.scss" />
+        <link rel="stylesheet" href="./typography.scss" />
+    </head>
+    <body>
+        <h1>Articolo "{{ .Example }}"</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, quasi...</p>
+    </body>
+</html>

frontend/pages/articles/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>Articoli &bull; PHC</title>
+
+        <link rel="stylesheet" href="/styles/main.scss" />
+    </head>
+    <body>
+        <h1>Articoli</h1>
+        {{ .Example }}
+    </body>
+</html>

frontend/pages/articles/typography.scss

@@ -0,0 +1,3 @@
+h1 {
+    color: red;
+}

frontend/pages/lista-utenti/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>ListaUtenti</title>
+    </head>
+    <body>
+        <main class="page-lista-utenti"></main>
+        <script type="module" src="./src/main.jsx"></script>
+    </body>
+</html>

frontend/pages/lista-utenti/src/lista-utenti.scss

@@ -0,0 +1,3 @@
+.list {
+    background: red;
+}

frontend/pages/lista-utenti/src/main.jsx

@@ -0,0 +1,13 @@
+import { render } from 'preact'
+import './lista-utenti.scss'
+
+render(
+    <>
+        <h1>Lista Utenti</h1>
+        <div class="list">
+            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit, illo molestiae. Sapiente cumque saepe maxime, temporibus ad
+            nulla id officiis impedit ut dolorem asperiores voluptate illo, molestiae facilis inventore. Ea.
+        </div>
+    </>,
+    document.querySelector('main')
+)

frontend/rollup.config.js

@@ -1,31 +0,0 @@
-import { defineConfig } from 'rollup'
-import { terser } from 'rollup-plugin-terser'
-
-export default defineConfig([
-    {
-        input: 'src/utenti.js',
-        external: ['alpinejs', 'fuse.js'], // libraries to not bundle
-        output: {
-            file: 'dist/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: 'dist/profilo.min.js',
-            format: 'iife',
-            globals: {
-                alpinejs: 'Alpine',
-            },
-        },
-        plugins: [terser()],
-    },
-])

frontend/src/profilo.js

@@ -1,16 +0,0 @@
-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

@@ -1,69 +0,0 @@
-/* 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

@@ -1,78 +0,0 @@
-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

@@ -1,81 +0,0 @@
-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/styles/main.scss

@@ -0,0 +1,5 @@
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}

go.mod

@@ -1,25 +1,22 @@
 module git.phc.dm.unipi.it/phc/website
 
-go 1.18
+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/alecthomas/repr v0.2.0
+	github.com/gofiber/fiber/v2 v2.41.0
 	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
+	github.com/valyala/fasthttp v1.43.0
 )
 
 require (
 	github.com/andybalholm/brotli v1.0.4 // indirect
-	github.com/dlclark/regexp2 v1.4.0 // indirect
-	github.com/klauspost/compress v1.15.6 // indirect
+	github.com/klauspost/compress v1.15.9 // indirect
+	github.com/mattn/go-colorable v0.1.13 // indirect
+	github.com/mattn/go-isatty v0.0.17 // indirect
+	github.com/mattn/go-runewidth v0.0.14 // indirect
+	github.com/rivo/uniseg v0.2.0 // 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
+	golang.org/x/sys v0.1.0 // indirect
 )

go.sum

@@ -1,76 +1,40 @@
-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/alecthomas/repr v0.2.0 h1:HAzS41CIzNW5syS8Mf9UwXhNH1J9aix/BvDRf1Ml2Yk=
+github.com/alecthomas/repr v0.2.0/go.mod h1:Fr0507jx4eOXV7AlPV6AVZLYrLIuIeSOWtW57eE/O/4=
 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/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/gofiber/fiber/v2 v2.41.0 h1:YhNoUS/OTjEz+/WLYuQ01xI7RXgKEFnGBKMagAu5f0M=
+github.com/gofiber/fiber/v2 v2.41.0/go.mod h1:RdebcCuCRFp4W6hr3968/XxwJVg0K+jr9/Ae0PFzZ0Q=
 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/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/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/klauspost/compress v1.15.9 h1:wKRjX6JRtDdrE9qwa4b/Cip7ACOshUI4smpCQanqjSY=
+github.com/klauspost/compress v1.15.9/go.mod h1:PhcZ0MbTNciWF3rruxRgKxI5NkcHHrHUDtV4Yw2GlzU=
+github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxecdEvA=
+github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
+github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
+github.com/mattn/go-isatty v0.0.17 h1:BTarxUcIeDqL27Mc+vyvdWYSL28zpIhv3RoTdsLMPng=
+github.com/mattn/go-isatty v0.0.17/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
+github.com/mattn/go-runewidth v0.0.14 h1:+xnbZSEeDbOIg5/mE6JF0w6n9duR1l3/WmbinWVwUuU=
+github.com/mattn/go-runewidth v0.0.14/go.mod h1:Jdepj2loyihRzMpdS35Xk/zdY8IAYHsh153qUoGf23w=
+github.com/rivo/uniseg v0.2.0 h1:S1pD9weZBuJdFmowNwbpi7BJ8TNftyUImj/0WQi72jY=
+github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
 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/fasthttp v1.43.0 h1:Gy4sb32C98fbzVWZlTM1oTMdLWGyvxR03VhM6cBIU4g=
+github.com/valyala/fasthttp v1.43.0/go.mod h1:f6VbjjoI3z1NDOZOv17o6RvtRSWxC77seBFc2uWtgiY=
 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/net v0.0.0-20220906165146-f3363e06e74c/go.mod h1:YDH+HFinaLZZlnHAfSS6ZXJJ9M9t4Dl22yv3iI2vPwk=
 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/sys v0.0.0-20220728004956-3c1f35247d10/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.1.0 h1:kunALQeHf1/185U1i0GOB/fy1IPRDDpuoOOqRReG57U=
+golang.org/x/sys v0.1.0/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=

main.go

@@ -1,208 +0,0 @@
-package main
-
-import (
-	"fmt"
-	"html/template"
-	"log"
-	"time"
-
-	"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/model"
-	"git.phc.dm.unipi.it/phc/website/templates"
-	"git.phc.dm.unipi.it/phc/website/util"
-	"github.com/gofiber/fiber/v2"
-	"github.com/gofiber/fiber/v2/middleware/logger"
-	"github.com/gofiber/fiber/v2/middleware/recover"
-	"github.com/gofiber/redirect/v2"
-)
-
-func UserMiddleware(as auth.Service) fiber.Handler {
-	return func(c *fiber.Ctx) error {
-		token := c.Cookies("session-token")
-		user, _ := auth.UserForSession(as, token)
-		c.Locals("user", user)
-		return c.Next()
-	}
-}
-
-func main() {
-	config.Load()
-
-	app := fiber.New()
-
-	app.Use(logger.New())
-	app.Use(recover.New())
-
-	// Remove trailing slash from URLs
-	app.Use(redirect.New(redirect.Config{
-		Rules: map[string]string{
-			"/*/": "/$1",
-		},
-	}))
-
-	// Serve content statically from "./public", mounted on the "/public/" route
-	app.Static("/public/", "./public")
-
-	authService := auth.NewDefaultService(config.AuthServiceHost)
-	app.Use(UserMiddleware(authService))
-
-	// Templates & Renderer
-	renderer := templates.NewRenderer(
-		"./views/",
-		"./views/base.html",
-		"./views/partials/*.html",
-	)
-
-	newsArticlesRegistry := articles.NewRegistry("./news")
-
-	// Routes
-
-	actuallyStaticRoutes := map[string]string{
-		"/":       "home.html",
-		"/link":   "link.html",
-		"/login":  "login.html",
-		"/utenti": "utenti.html",
-	}
-
-	for route, view := range actuallyStaticRoutes {
-		localView := view
-		app.Get(route, func(c *fiber.Ctx) error {
-			c.Type("html")
-			return renderer.Render(c, localView, util.H{
-				"User": c.Locals("user"),
-			})
-		})
-	}
-
-	app.Get("/api/utenti", func(c *fiber.Ctx) error {
-		utenti, err := authService.GetUsers()
-		if err != nil {
-			return err
-		}
-
-		return c.JSON(utenti)
-	})
-
-	app.Get("/api/profilo", func(c *fiber.Ctx) error {
-		user := c.Locals("user")
-		if user == nil {
-			return fmt.Errorf(`user not logged in`)
-		}
-
-		return c.JSON(user)
-	})
-
-	app.Get("/storia", func(c *fiber.Ctx) error {
-		storia, err := GetStoria()
-		if err != nil {
-			return err
-		}
-
-		c.Type("html")
-		return renderer.Render(c, "storia.html", util.H{
-			"User":   c.Locals("user"),
-			"Storia": storia,
-		})
-	})
-
-	app.Get("/appunti", func(c *fiber.Ctx) error {
-		searchQuery := c.Query("q", "")
-
-		c.Type("html")
-		return renderer.Render(c, "appunti.html", util.H{
-			"User":  c.Locals("user"),
-			"Query": searchQuery,
-		})
-	})
-
-	app.Get("/news", func(c *fiber.Ctx) error {
-		articles, err := newsArticlesRegistry.GetArticles()
-		if err != nil {
-			return err
-		}
-
-		c.Type("html")
-		return renderer.Render(c, "news.html", util.H{
-			"User":     c.Locals("user"),
-			"Articles": articles,
-		})
-	})
-
-	app.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 := authService.Login(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")
-	})
-
-	app.Get("/profilo", func(c *fiber.Ctx) error {
-		user, ok := c.Locals("user").(*model.User)
-		if !ok || user == nil {
-			return fmt.Errorf(`user not logged in`)
-		}
-
-		c.Type("html")
-		return renderer.Render(c, "profilo.html", util.H{
-			"User": c.Locals("user"),
-		})
-	})
-
-	app.Get("/logout", func(c *fiber.Ctx) error {
-		c.Cookie(&fiber.Cookie{
-			Name:    "session-token",
-			Path:    "/",
-			Value:   "",
-			Expires: time.Now(),
-		})
-		return c.Redirect("/")
-	})
-
-	app.Get("/news/:article", func(c *fiber.Ctx) error {
-		articleID := c.Params("article")
-
-		article, err := newsArticlesRegistry.GetArticle(articleID)
-		if err != nil {
-			return err
-		}
-
-		html, err := article.Render()
-		if err != nil {
-			return err
-		}
-
-		c.Type("html")
-		return renderer.Render(c, "news-base.html", util.H{
-			"User":        c.Locals("user"),
-			"Article":     article,
-			"ContentHTML": template.HTML(html),
-		})
-	})
-
-	log.Printf("Starting server on host %q", config.Host)
-	err := app.Listen(config.Host)
-	if err != nil {
-		log.Fatal(err)
-	}
-}

meta/routes.js

@@ -0,0 +1,18 @@
+import fetch from 'node-fetch'
+import { readFile } from 'fs/promises'
+
+export async function getBuildRoutesMetadata(file) {
+    console.log('Loading routes from disk...')
+
+    const routesRaw = await readFile(file, 'utf8')
+    return JSON.parse(routesRaw)
+}
+
+export async function getDevRoutesMetadata(url) {
+    console.log('Loading routes from go server...')
+
+    const routesReq = await fetch(url)
+    const routes = await routesReq.json()
+
+    return routes
+}

model/user.go

@@ -1,30 +1,15 @@
 package model
 
-// 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"`
+	Id string
+
+	FullName string
+	Nickname string
+
+	AuthSources map[string]AuthSource
 }
 
-// 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"`
+type AuthSource struct {
+	Provider  string
+	AuthToken string
 }

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

@@ -1,91 +0,0 @@
----
-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$ |
-
-

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

@@ -1,37 +0,0 @@
----
-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
-     ```

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

@@ -1,37 +0,0 @@
----
-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
-     ```

package.json

@@ -0,0 +1,21 @@
+{
+    "name": "website",
+    "version": "1.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "node server.js",
+        "build": "vite build --emptyOutDir"
+    },
+    "devDependencies": {
+        "@preact/preset-vite": "^2.5.0",
+        "axios": "^1.2.6",
+        "express": "^4.18.2",
+        "morgan": "^1.10.0",
+        "node-fetch": "^3.3.0",
+        "sass": "^1.57.1",
+        "vite": "^4.0.4"
+    },
+    "dependencies": {
+        "preact": "^10.11.3"
+    }
+}

public/home.js

@@ -1,342 +0,0 @@
-
-function pointInInterval(a, b, x) {
-  return a <= x && x <= b;
-}
-
-function intervalIntersectsInterval(a, b, c, d) {
-  if (c <= a) {
-    return a <= d;
-  }
-
-  return pointInInterval(a, b, c);
-}
-
-function rectIntersectRect(x1, y1, x2, y2, x3, y3, x4, y4) {
-  return intervalIntersectsInterval(x1, x2, x3, x4) && intervalIntersectsInterval(y1, y2, y3, y4);
-}
-
-function intersects(x1, y1, x2, y2, x3, y3, x4, y4) {
-  const a_minx = Math.min(x1, x2);
-  const a_maxx = Math.max(x1, x2);
-  const a_miny = Math.min(y1, y2);
-  const a_maxy = Math.max(y1, y2);
-
-  const b_minx = Math.min(x3, x4);
-  const b_maxx = Math.max(x3, x4);
-  const b_miny = Math.min(y3, y4);
-  const b_maxy = Math.max(y3, y4);
-
-  if (!rectIntersectRect(a_minx, a_miny, a_maxx, a_maxy, b_minx, b_miny, b_maxx, b_maxy))
-    return false;
-
-  const a_dx = x2 - x1;
-  const a_dy = y2 - y1;
-
-  const b_dx = x4 - x3;
-  const b_dy = y4 - y3;
-
-  const det = -b_dx * a_dy + a_dx * b_dy;
-
-  if (Math.abs(det) === 0 && -a_dy * (x3 - x1) + a_dx * (y3 - y1) === 0) {
-    return y1 <= y3 <= y2 || y1 <= y4 <= y2;
-  }
-
-  const s = (-a_dy * (x1 - x3) + a_dx * (y1 - y3)) / det;
-  const t = (+b_dx * (y1 - y3) - b_dy * (x1 - x3)) / det;
-
-  return s >= 0 && s <= 1 && t >= 0 && t <= 1;
-}
-
-const $canvas = document.querySelector('#circuit-pattern');
-let g = $canvas.getContext('2d');
-
-let WIDTH = $canvas.offsetWidth;
-let HEIGHT = $canvas.offsetHeight;
-
-const TS = 20;
-
-let ROWS = HEIGHT / TS;
-let COLS = WIDTH / TS;
-
-function updateCanvasDimensions() {
-  g = $canvas.getContext('2d');
-
-  WIDTH = $canvas.offsetWidth;
-  HEIGHT = $canvas.offsetHeight;
-
-  ROWS = HEIGHT / TS;
-  COLS = WIDTH / TS;
-
-  $canvas.width = WIDTH * devicePixelRatio;
-  $canvas.height = HEIGHT * devicePixelRatio;
-  g.scale(devicePixelRatio, devicePixelRatio);
-}
-
-window.addEventListener('resize', () => updateCanvasDimensions());
-updateCanvasDimensions();
-
-const state = {
-  wires: [], // :: [(Int, Int)]
-  nextWire: null,
-  nextWireIndex: 0,
-  nextSegmentLen: 0,
-  t: 0,
-};
-
-function randomFloat(min, max) {
-  return Math.random() * (max - min) + min;
-}
-
-function randomInt(min, max) {
-  return Math.floor(Math.random() * (max - min + 1) + min);
-}
-
-function randomChoice(list) {
-  return list[randomInt(0, list.length - 1)];
-}
-
-const DIRS = {
-  left: [-1, 1],
-  center: [0, 1],
-  right: [+1, 1],
-};
-
-const NEXT_DIRS = {
-  left: ['center'],
-  center: ['left', 'right'],
-  right: ['center'],
-};
-
-function canPlaceSegment([[p1x, p1y], [p2x, p2y]]) {
-  return state.wires.every(wire => {
-    return everyWireSegment(wire, ([[sx, sy], [lx, ly]]) => {
-      return !intersects(sx, sy, lx, ly, p1x, p1y, p2x, p2y);
-    });
-  })
-}
-
-function everyWireSegment(wire, segmentFn) {
-  let [start, ...rest] = wire;
-
-  return rest.every((pt) => {
-    const r = segmentFn([start, pt]);
-    start = pt;
-    return r;
-  });
-}
-
-function generateWire() {
-  const pieceCount = Math.pow(randomFloat(1, 2.5), 2) | 0;
-  const startPoint = [
-    randomInt(0, COLS),
-    Math.pow(randomFloat(0, ROWS / 12), 2) | 0,
-  ];
-  const sizes = Array(pieceCount).fill(0).map(() => randomInt(2, 4) | 0);
-
-  const dirs = [randomChoice(Object.keys(DIRS))];
-  for (let i = 0; i < pieceCount - 1; i++) {
-    const last = dirs[dirs.length - 1];
-    dirs.push(randomChoice(NEXT_DIRS[last]));
-  }
-
-  const wire = [startPoint];
-  for (let i = 0; i < pieceCount; i++) {
-    const [lpx, lpy] = wire[wire.length - 1];
-    const [dx, dy] = DIRS[dirs[i]];
-    const s = sizes[i];
-
-    const s_bonus = (dirs[i] === 'center' ? s * 2 : s) | 0;
-
-    wire.push([lpx + dx * s_bonus, lpy + dy * s_bonus]);
-  }
-
-  const ok = everyWireSegment(wire, segment => {
-    return canPlaceSegment(segment);
-  });
-
-  if (!ok)
-    return null;
-
-  return wire;
-}
-
-// // LinearintERPolation
-function lerp(a, b, t) {
-  return t * (b - a) + a;
-}
-function lerpPoint([x1, y1], [x2, y2], t) {
-  return [lerp(x1, x2, t), lerp(y1, y2, t)];
-}
-
-const CELLS_PER_SECOND = 15;
-
-let lastTime = new Date().getTime();
-
-function update() {
-  const now = new Date().getTime();
-  const delta = (now - lastTime) / 1000;
-  lastTime = now;
-
-  if (state.nextWire) {
-    state.t += CELLS_PER_SECOND * delta;
-
-    if (state.t >= 1.0) {
-      const [[x1, y1], [x2, y2]] = state.nextWire.slice(state.nextWireIndex - 2, state.nextWireIndex);
-      const dx = Math.abs(x2 - x1);
-      const dy = Math.abs(y2 - y1);
-      state.t = 0;
-      state.nextSegmentLen = Math.sqrt(dx * dx + dy * dy);
-
-      state.nextWireIndex++;
-    }
-
-    if (state.nextWireIndex > state.nextWire.length) {
-      state.wires.push(state.nextWire);
-      state.nextWire = null;
-    }
-  } else {
-    const wire = generateWire();
-    if (wire) {
-      state.nextWire = wire;
-      state.nextWireIndex = 2;
-
-      const [[x1, y1], [x2, y2]] = state.nextWire.slice(state.nextWireIndex - 2, state.nextWireIndex);
-      const dx = Math.abs(x2 - x1);
-      const dy = Math.abs(y2 - y1);
-      state.t = 0;
-      state.nextSegmentLen = Math.sqrt(dx * dx + dy * dy);
-    }
-  }
-}
-
-function getColors() {
-  if (document.body.classList.contains('dark-mode')) {
-    return {
-      BACKGROUND: '#282828',
-      CIRCUIT: '#38302e',
-    }
-  } else {
-    return {
-      BACKGROUND: '#eaeaea',
-      CIRCUIT: '#d4d4d4',
-    };
-  }
-}
-
-function render() {
-  const { BACKGROUND, CIRCUIT } = getColors();
-
-  g.clearRect(0, 0, WIDTH, HEIGHT);
-
-  g.strokeStyle = CIRCUIT;
-  g.lineWidth = 3;
-
-  state.wires.forEach(wire => {
-    const [[sx, sy], ...rest] = wire;
-
-    function renderDot(x, y) {
-      if (y === 0) {
-        return;
-      }
-
-      g.beginPath();
-      g.ellipse(x * TS, y * TS, TS / 5, TS / 5, 0, 0, Math.PI * 2);
-      g.stroke();
-    }
-
-    renderDot(sx, sy);
-
-    g.beginPath();
-    g.moveTo(sx * TS, sy * TS);
-    rest.forEach(([x, y]) => {
-      g.lineTo(x * TS, y * TS);
-    });
-    g.stroke();
-
-    const [lx, ly] = wire[wire.length - 1];
-
-    renderDot(lx, ly);
-
-    [wire[0], wire[wire.length - 1]].forEach(([x, y]) => {
-      if (y === 0) {
-        return;
-      }
-
-      g.fillStyle = BACKGROUND;
-      g.beginPath();
-      g.ellipse(x * TS, y * TS, TS / 5 - 1, TS / 5 - 1, 0, 0, Math.PI * 2);
-      g.fill();
-    });
-  });
-
-  if (state.nextWire) {
-    const wirePart = state.nextWire.slice(0, state.nextWireIndex);
-    const wire = [
-      ...wirePart.slice(0, wirePart.length - 1),
-      lerpPoint(
-        wirePart[wirePart.length - 2],
-        wirePart[wirePart.length - 1],
-        state.t
-      )
-    ];
-    const [[sx, sy], ...rest] = wire;
-
-    function renderDot(x, y) {
-      if (y === 0) {
-        return;
-      }
-
-      g.beginPath();
-      g.ellipse(x * TS, y * TS, TS / 5, TS / 5, 0, 0, Math.PI * 2);
-      g.stroke();
-    }
-
-    renderDot(sx, sy);
-
-    g.beginPath();
-    g.moveTo(sx * TS, sy * TS);
-    rest.forEach(([x, y]) => {
-      g.lineTo(x * TS, y * TS);
-    });
-    g.stroke();
-
-    const [lx, ly] = wire[wire.length - 1];
-
-    renderDot(lx, ly);
-
-    [wire[0], wire[wire.length - 1]].forEach(([x, y]) => {
-      if (y === 0) {
-        return;
-      }
-
-      g.fillStyle = BACKGROUND;
-      g.beginPath();
-      g.ellipse(x * TS, y * TS, TS / 5 - 1, TS / 5 - 1, 0, 0, Math.PI * 2);
-      g.fill();
-    });
-  }
-
-  requestAnimationFrame(render);
-}
-
-// g.translate(0.5, 0.5);
-
-window.addEventListener('DOMContentLoaded', () => {
-  // $canvas.classList.remove('hide');
-
-  render();
-
-  let i = 20;
-  while (i > 0) {
-    const wire = generateWire();
-
-    if (wire) {
-      state.wires.push(wire);
-      i--;
-    }
-  }
-
-  setInterval(() => {
-    update();
-  }, 1000 / 30);
-})

public/images/logo-circuit-board.svg

@@ -1,87 +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/style.css

@@ -1,945 +0,0 @@
-/* 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 {
-    --bg: #eaeaea;
-    --fg: #333;
-
-    --bg-lighter: #f0f0f0;
-
-    --bg-dark: hsl(220, 5%, 93%);
-    --bg-darker: hsl(220, 5%, 90%);
-    --bg-darker-2: #d5d5d5;
-    --bg-darker-2-1: #c8c8c8;
-    --bg-darker-3: #c0c0c0;
-    --bg-darker-4: #b8b8b8;
-
-    --accent-1: #278542;
-    --accent-1-fg: #154d24;
-
-    --card-date: #666;
-    --card-content: #222;
-
-    --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 #00000018;
-
-    --text-input-bg: #fff;
-    --text-input-readonly-bg: #e4e4e4;
-    --text-input-readonly-fg: #777;
-
-    --accent-2-lighter: #5cc969;
-    --accent-2: #4eaa59;
-    --accent-2-darker: #2e974c;
-    --accent-2-darkest: #002d0d;
-}
-
-* {
-    box-sizing: border-box;
-}
-
-html,
-body {
-    margin: 0;
-}
-
-html {
-    height: 100%;
-    width: 100%;
-}
-
-body {
-    background: var(--bg);
-    color: var(--fg);
-
-    font-family: var(--font-sf);
-    font-size: 17px;
-    font-weight: var(--font-weight-normal);
-
-    width: 100%;
-    min-height: 100%;
-
-    position: relative;
-}
-
-.main {
-    max-width: 70ch;
-    margin: 0 auto;
-    padding-bottom: 8rem;
-
-    display: flex;
-    flex-direction: column;
-
-    align-items: center;
-    justify-content: center;
-
-    gap: 3rem;
-}
-
-nav {
-    padding: 1rem 0;
-
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1rem;
-
-    align-items: center;
-    justify-content: center;
-    font-weight: var(--font-weight-medium);
-
-    color: var(--accent-1-fg);
-}
-
-/* Tutti i link dentro la navbar sono speciali e non sembrano link */
-nav .nav-element {
-    display: flex;
-    width: 100%;
-    height: 100%;
-
-    align-items: center;
-    justify-content: center;
-
-    text-decoration: none;
-    color: inherit;
-
-    gap: 0.5rem;
-}
-
-nav a:hover {
-    color: var(--accent-1-fg);
-    text-decoration: none;
-}
-
-nav .nav-logo {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.25rem 0;
-
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: var(--shadow-1);
-
-    transition: transform 150ms ease-in-out;
-}
-
-nav .nav-logo:hover {
-    transform: scale(1.05);
-}
-
-nav .nav-logo img {
-    width: 150px;
-    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
-}
-
-nav .nav-main {
-    display: flex;
-    /* grid-template-columns: repeat(5, 1fr) 1fr auto 1fr; */
-
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: var(--shadow-1);
-
-    z-index: 1;
-}
-
-nav .nav-item.filler {
-    width: 6rem;
-}
-
-nav .nav-main .nav-element {
-    padding: 1rem 1.25rem;
-    cursor: pointer;
-}
-
-nav .nav-main .nav-button {
-    margin: 0 0.5rem;
-    /* padding: 0.5rem; */
-
-    aspect-ratio: 1;
-    width: 2rem;
-    height: 2rem;
-
-    /* background: var(--bg-darker-2); */
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    border: 1px solid var(--bg-darker-2);
-    border-radius: 1rem;
-
-    cursor: pointer;
-}
-
-nav .nav-main .nav-item {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    background: var(--bg-dark);
-
-    user-select: none;
-
-    z-index: 2;
-}
-
-nav .nav-main .nav-element:hover,
-nav .nav-main .nav-button:hover {
-    background: var(--bg-darker);
-}
-
-nav .nav-main .nav-item.dropdown {
-    position: relative;
-
-    z-index: 1;
-}
-
-nav .nav-main .nav-item.dropdown .nav-items .nav-item:last-child {
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-nav .nav-main .nav-item.dropdown .name {
-    width: 100%;
-    height: 100%;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    background: var(--bg-dark);
-
-    z-index: 3;
-}
-
-nav .nav-main .nav-item.dropdown .name:hover {
-    background: var(--bg-darker);
-}
-
-nav .nav-main .nav-item.dropdown .nav-items {
-    position: absolute;
-    top: 100%;
-    width: 100%;
-
-    display: none;
-
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: var(--shadow-1);
-}
-/*
-nav .nav-main .nav-item.dropdown .nav-items::before {
-    position: absolute;
-    content: '';
-    top: -2px;
-    height: 2px;
-    left: 0;
-    right: 0;
-    width: 100%;
-
-    background: var(--bg-darker);
-} */
-
-nav .nav-main .nav-item.dropdown .name:hover + .nav-items,
-nav .nav-main .nav-item.dropdown .name + .nav-items:hover {
-    display: flex;
-    flex-direction: column;
-}
-
-/* .nav-main borders */
-.nav-main > .nav-item:first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-.nav-main > .nav-item:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-footer {
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    height: 3rem;
-
-    width: 80ch;
-
-    transform: translate(-50%, 0);
-
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    border-bottom: none;
-    box-shadow: var(--shadow-1);
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-}
-
-/* Components */
-
-section {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.card-list {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    gap: 1rem;
-
-    margin-top: 1rem;
-}
-
-.card {
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: var(--shadow-1);
-
-    max-width: 60ch;
-
-    padding: 1rem;
-
-    display: flex;
-    flex-direction: column;
-}
-
-.card .title {
-    font-size: 22px;
-    font-weight: var(--font-weight-bold);
-
-    padding-bottom: 0.5rem;
-}
-
-.card .date {
-    font-size: 15px;
-    color: var(--card-date);
-
-    padding-bottom: 0.5rem;
-}
-
-.card .description {
-    font-weight: var(--font-weight-light);
-    color: var(--card-content);
-}
-
-.tags {
-    display: flex;
-    flex-direction: row;
-    gap: 0 0.5rem;
-
-    padding-top: 0.5rem;
-}
-
-.tags .tag {
-    height: 1.5rem;
-    border-radius: calc(1.5rem / 2);
-    padding: 0 calc(1.5rem / 2);
-
-    background: var(--bg-darker-2);
-    color: var(--card-date);
-
-    font-size: 15px;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* Typography */
-
-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;
-}
-
-/* Controls */
-
-a:not(.button) {
-    color: var(--accent-1-fg);
-    font-weight: var(--font-weight-medium);
-    text-decoration: none;
-}
-
-a:not(.button):hover {
-    color: var(--accent-1);
-    text-decoration: underline;
-}
-
-a.button {
-    text-decoration: none;
-}
-
-/* Buttons */
-
-button,
-.button {
-    display: inline-block;
-
-    font-family: var(--font-sf);
-    font-weight: var(--font-weight-medium);
-    font-size: 17px;
-
-    /* gray variant #b3b3b3 */
-    border: 1px solid var(--bg-darker-3);
-    /* gray variant #bfbfbf */
-    background: var(--bg-darker-2);
-    /* gray variant #333333 */
-    color: var(--fg);
-
-    height: 2rem;
-
-    border-radius: 4px;
-
-    padding: 0 1rem;
-
-    transition: all 100ms ease-in-out;
-
-    box-shadow: 0 4px 8px 0 #00000022;
-
-    cursor: pointer;
-}
-
-button:hover,
-.button:hover {
-    background: var(--bg-darker-2-1);
-    box-shadow: 0 4px 8px 0 #00000033;
-}
-
-button.primary {
-    border: 1px solid var(--accent-2-darker);
-    background: var(--accent-2);
-    color: var(--accent-2-darkest);
-}
-
-button.primary:hover {
-    background: var(--accent-2-lighter);
-}
-
-button.icon {
-    padding: 0;
-    width: 2rem;
-}
-
-select {
-    font-family: var(--font-sf);
-    font-weight: var(--font-weight-medium);
-    font-size: 16px;
-
-    /* gray variant #b3b3b3 */
-    border: 1px solid var(--bg-darker-3);
-    /* gray variant #bfbfbf */
-    background: var(--bg-darker-2);
-    /* gray variant #333333 */
-    color: var(--fg);
-
-    height: 2rem;
-
-    border-radius: 4px;
-
-    padding: 0 0.25rem;
-
-    transition: all 100ms ease-in-out;
-
-    box-shadow: 0 4px 8px 0 #00000022;
-
-    cursor: pointer;
-}
-
-/* Text Fields */
-
-input[type='text'],
-input[type='password'] {
-    border: none;
-    background: none;
-
-    height: 2rem;
-    padding: 0 0.5rem;
-
-    font-size: 17px;
-
-    background: var(--text-input-bg);
-    color: var(--fg);
-
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: 0 0 8px 0 #00000020;
-
-    font-family: var(--font-sf);
-    font-size: 17px;
-    font-weight: var(--font-weight-normal);
-}
-
-input[type='password'] {
-    font-family: caption;
-}
-
-input[type='text']:read-only,
-input[type='password']:read-only {
-    background: var(--text-input-readonly-bg);
-    color: var(--text-input-readonly-fg);
-    box-shadow: 0 0 8px 0 #00000010;
-}
-
-input[type='text'].error,
-input[type='password'].error {
-    background: #faa;
-    color: #311;
-}
-
-/* Compound Controls */
-
-.compound {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 4px;
-    box-shadow: 0 0 8px 0 #00000022;
-
-    border: 1px solid var(--bg-darker-3);
-    background: var(--bg-darker-2);
-    color: var(--fg);
-}
-
-.compound > .divider {
-    height: 2rem;
-    width: 1px;
-
-    background: var(--bg-darker-4);
-}
-
-.compound .icon {
-    width: 2.5rem;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.compound > select {
-    background: none;
-
-    margin-right: 0.25rem;
-}
-
-.compound > button,
-.compound > .button,
-.compound > input,
-.compound > select {
-    border: none;
-    box-shadow: none;
-}
-
-.compound > :not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.compound > :not(:last-child) {
-    border-right: none;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-/* Forms */
-
-form .field {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-
-form .field-set {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-auto-rows: auto;
-
-    gap: 0.5rem 1rem;
-    padding: 1rem;
-}
-
-form .field-set .fill {
-    grid-column: 1 / span 2;
-}
-
-form .field-set label {
-    grid-column: 1 / 2;
-    align-self: center;
-    justify-self: end;
-
-    font-weight: var(--font-weight-medium);
-}
-
-form .field-set input {
-    grid-column: 2 / 3;
-}
-
-/* Pages */
-
-.page-home {
-    /* TODO: Sarebbe meglio se si riuscisse a capire come farlo senza */
-    overflow-x: hidden;
-}
-
-.page-home .nav-logo {
-    display: none;
-}
-
-.page-home .super {
-    position: absolute;
-    left: 50vw;
-    top: 50vh;
-
-    width: 90vw;
-
-    transform: translate(-50%, -50%);
-
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-
-    align-items: center;
-    justify-content: center;
-
-    gap: 2vmin;
-}
-
-.page-home canvas {
-    position: absolute;
-    width: 100vw;
-    height: 100vh;
-    top: 0;
-    right: 0;
-
-    pointer-events: none;
-    z-index: -1;
-
-    transition: opacity 1000ms ease-in-out;
-    opacity: 1;
-}
-
-.page-home canvas.hide {
-    opacity: 0;
-}
-
-.page-home .super .block.text {
-    max-width: 40ch;
-    font-size: 1.25rem;
-}
-
-.page-home .super .block.text h1 {
-    font-weight: var(--font-weight-medium);
-}
-
-.page-home .super .block.text p {
-    font-weight: var(--font-weight-light);
-}
-
-.page-home .super .block.image {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.page-home .super .block.image img {
-    max-width: 80ch;
-    max-height: 50vh;
-    filter: drop-shadow(0 0 64px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.35));
-}
-
-.page-home .main {
-    padding-top: calc(100vh - 6rem);
-}
-
-.page-utenti .user-list {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-}
-
-.page-utenti .user-item {
-    flex-direction: row;
-    width: 100%;
-}
-
-.page-utenti .user-item .icon {
-    width: 1.75rem;
-    display: grid;
-    place-content: center;
-}
-
-.page-utenti .spinner {
-    display: flex;
-
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    height: 5rem;
-
-    color: var(--fg);
-
-    animation: rotate 1s linear infinite;
-}
-
-.page-storia .history-container {
-    --bar-size: 6px;
-
-    display: flex;
-    flex-direction: row;
-
-    margin: 5rem 0;
-
-    position: relative;
-}
-
-.page-storia .history-container .timeline-bar {
-    position: absolute;
-
-    top: 0;
-    bottom: 0;
-    left: -2rem;
-    width: var(--bar-size);
-
-    background: var(--bg-darker-4);
-}
-
-.page-storia .history-container .timeline-bar::before {
-    content: '';
-    position: absolute;
-
-    top: -3rem;
-    bottom: -3rem;
-    left: 0;
-    border-left: var(--bar-size) dashed var(--bg-darker-4);
-}
-
-.page-storia .history-container .events {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-.page-storia .history-container .events .event::before {
-    --size: 1rem;
-
-    content: '';
-    position: absolute;
-    left: calc(-2rem + var(--bar-size) / 2 - var(--size) / 2);
-    transform: translate(0, 1rem);
-
-    width: var(--size);
-    height: var(--size);
-
-    border-radius: 100%;
-
-    background: var(--bg-darker-4);
-}
-
-.page-storia .history-container .events .event .title {
-    font-size: 22px;
-
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-}
-
-.page-storia .history-container .events .event .date {
-    color: var(--card-date);
-    font-size: 18px;
-}
-
-.page-storia .history-container .events .spacer {
-    height: calc(var(--size) * 1rem);
-}
-
-@keyframes rotate {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-.search {
-    margin: 2rem 0;
-    display: flex;
-    flex-direction: row;
-
-    gap: 1rem;
-}
-
-.search input[type='text'] {
-    width: 50ch;
-    height: 2.5rem;
-}
-
-.search button {
-    width: 2.5rem;
-    height: 2.5rem;
-}
-
-/* Rendered Markdown */
-
-.news-content p {
-    margin: 0.5rem 0;
-}
-
-.news-content {
-    display: block;
-}
-
-.news-content h1 {
-    text-align: center;
-}
-
-.news-content img {
-    display: block;
-    margin: 1rem auto;
-
-    background: var(--bg-dark);
-    border-radius: 4px;
-    border: 1px solid var(--bg-darker-2);
-    box-shadow: 0 2px 8px 0 #00000033;
-}
-
-.news-content .date {
-    font-size: 15px;
-    color: var(--card-date);
-
-    display: flex;
-    justify-content: center;
-}
-
-.news-content .tags,
-.news-content .date {
-    justify-content: center;
-}
-
-.news-content table {
-    margin: 1rem auto;
-}
-
-/* Math */
-
-.katex-display {
-    margin: 1rem 0;
-    font-size: 105%;
-}
-
-/* Tables */
-
-table {
-    border-collapse: collapse;
-}
-
-table td,
-table th {
-    padding: 0.5rem;
-}
-
-table td:not(:first-child),
-table th:not(:first-child) {
-    border-left: 1px solid var(--bg-darker-3);
-}
-
-table td {
-    border-top: 1px solid var(--bg-darker-3);
-}
-
-table tbody tr:hover {
-    background: var(--bg-darker);
-}

public/theme-dark.css

@@ -1,92 +0,0 @@
-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] {
-    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);
-}

server.js

@@ -0,0 +1,93 @@
+import express from 'express'
+import { createServer as createViteServer } from 'vite'
+import { getDevRoutesMetadata } from './meta/routes.js'
+
+import fetch from 'node-fetch'
+
+import { readFile } from 'fs/promises'
+import { dirname, resolve } from 'path'
+
+import morgan from 'morgan'
+
+import { fileURLToPath } from 'url'
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+async function main() {
+    const routes = await getDevRoutesMetadata('http://127.0.0.1:4000/api/development/routes')
+
+    console.log('Found static routes:')
+    for (const [route, file] of Object.entries(routes.static)) {
+        console.log(`- ${route} -> "${file}"`)
+    }
+
+    console.log('Found dynamic routes:')
+    for (const [route, file] of Object.entries(routes.dynamic)) {
+        console.log(`- ${route} -> "${file}"`)
+    }
+
+    const app = express()
+    app.use(morgan(':method :url :status :response-time ms - :res[content-length]'))
+
+    const vite = await createViteServer({
+        server: { middlewareMode: true },
+        appType: 'custom',
+    })
+
+    app.use(vite.middlewares)
+
+    for (const [route, file] of Object.entries(routes.static)) {
+        app.get(route, async (req, res) => {
+            console.log(`Requested static route "${route}":`)
+
+            let htmlPage = await readFile(resolve(__dirname, './frontend/', file), 'utf8')
+
+            // Replace "./" with the absolute path of the html page
+            htmlPage = htmlPage.replace(/\.\//g, '/' + dirname(file) + '/')
+
+            console.log(`- applying vite transformations for "${file}"`)
+            const html = await vite.transformIndexHtml(file, htmlPage)
+
+            console.log(`- sending resulting page for "${route}"`)
+            res.writeHead(200, { 'Content-Type': 'text/html' }).end(html)
+        })
+    }
+
+    for (const [route, file] of Object.entries(routes.dynamic)) {
+        app.get(route, async (req, res) => {
+            console.log(`Requested dynamic route "${route}":`)
+
+            let htmlPage = await readFile(resolve(__dirname, './frontend/', file), 'utf8')
+
+            // Replace "./" with the absolute path of the html page
+            htmlPage = htmlPage.replace(/\.\//g, '/' + dirname(file) + '/')
+
+            console.log(`- applying vite transformations for "${file}"`)
+            const html = await vite.transformIndexHtml(file, htmlPage)
+
+            console.log(`- applying server transformations for "${file}"`)
+            const templateHtmlReq = await fetch('http://127.0.0.1:4000/api/development/render', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    route,
+                    page: html,
+                    request: {
+                        params: req.params,
+                        query: req.query,
+                    },
+                }),
+            })
+
+            const renderedHtml = await templateHtmlReq.json()
+
+            console.log(`- sending resulting page for "${route}"`)
+            res.writeHead(200, { 'Content-Type': 'text/html' }).end(renderedHtml)
+        })
+    }
+
+    app.listen(3000, () => {
+        console.log(`Listening on port 3000...`)
+    })
+}
+
+main()

services/config/config.go

@@ -0,0 +1,35 @@
+package config
+
+import (
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/joho/godotenv"
+)
+
+var Slot = sl.NewSlot[*Config]()
+
+type Config struct {
+	Mode string
+	Host string
+}
+
+func Load(l *sl.ServiceLocator) (*Config, error) {
+	m, err := godotenv.Read(".env")
+	if err != nil {
+		return nil, err
+	}
+
+	mode := "production"
+	if v, ok := m["MODE"]; ok {
+		mode = v
+	}
+	host := ":4000"
+	if v, ok := m["HOST"]; ok {
+		host = v
+	}
+
+	return &Config{
+		mode,
+		host,
+	}, nil
+}

services/database/database.go

@@ -0,0 +1,63 @@
+package database
+
+import (
+	"fmt"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/sl"
+)
+
+var Slot = sl.NewSlot[Database]()
+
+type Database interface {
+	CreateUser(user model.User) error
+	ReadUser(id string) (model.User, error)
+	ReadUsers() ([]model.User, error)
+	UpdateUser(id string, user model.User) error
+	DeleteUser(id string) error
+}
+
+type Memory struct {
+	Users []model.User
+}
+
+func (m *Memory) CreateUser(user model.User) error {
+	m.Users = append(m.Users, user)
+	return nil
+}
+
+func (m *Memory) ReadUser(id string) (model.User, error) {
+	for _, u := range m.Users {
+		if u.Id == id {
+			return u, nil
+		}
+	}
+
+	return model.User{}, fmt.Errorf(`no user with id "%s"`, id)
+}
+
+func (m *Memory) ReadUsers() ([]model.User, error) {
+	return m.Users, nil
+}
+
+func (m *Memory) UpdateUser(id string, user model.User) error {
+	for i, u := range m.Users {
+		if u.Id == id {
+			m.Users[i] = user
+			return nil
+		}
+	}
+
+	return fmt.Errorf(`no user with id "%s"`, id)
+}
+
+func (m *Memory) DeleteUser(id string) error {
+	for i, u := range m.Users {
+		if u.Id == id {
+			m.Users = append(m.Users[:i], m.Users[i+1:]...)
+			return nil
+		}
+	}
+
+	return fmt.Errorf(`no user with id "%s"`, id)
+}

services/server/articles/articles.go

@@ -0,0 +1,58 @@
+package articles
+
+import (
+	"html/template"
+
+	"git.phc.dm.unipi.it/phc/website/services/server/dev"
+	"git.phc.dm.unipi.it/phc/website/services/server/router"
+	"git.phc.dm.unipi.it/phc/website/sl"
+)
+
+func Configure(l *sl.ServiceLocator) error {
+	router.UseRouteTemplatedPage(l, "/articles",
+		"pages/articles/index.html",
+		func(w dev.ResponseWriter, r dev.Request) error {
+			tmpl := template.New("")
+
+			tmpl, err := tmpl.Parse(string(r.Page()))
+			if err != nil {
+				return err
+			}
+
+			ctx := map[string]any{
+				"Example": "Bla bla",
+			}
+
+			if err := tmpl.Execute(w, ctx); err != nil {
+				return err
+			}
+
+			return nil
+		},
+	)
+
+	router.UseRouteTemplatedPage(l, "/articles/:slug",
+		"pages/articles/article.html",
+		func(w dev.ResponseWriter, r dev.Request) error {
+			tmpl := template.New("")
+
+			tmpl, err := tmpl.Parse(string(r.Page()))
+			if err != nil {
+				return err
+			}
+
+			ctx := map[string]any{
+				"Title":   r.Param("slug"),
+				"Example": "Bla bla " + r.Param("slug"),
+			}
+
+			if err := tmpl.Execute(w, ctx); err != nil {
+				return err
+			}
+
+			return nil
+		},
+	)
+
+	return nil
+}

services/server/dev/dev.go

@@ -0,0 +1,169 @@
+package dev
+
+import (
+	"bytes"
+	"fmt"
+	"io"
+	"log"
+	"os"
+	"path"
+
+	"git.phc.dm.unipi.it/phc/website/services/config"
+	"git.phc.dm.unipi.it/phc/website/services/server/routes"
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/alecthomas/repr"
+	"github.com/gofiber/fiber/v2"
+)
+
+// Logger is the debug logger, in the future this will be disabled and discard by default.
+var Logger *log.Logger = log.New(os.Stderr, "[services/server/dev] ", log.Lmsgprefix)
+
+// slot represents a private "write only" service
+var slot = sl.NewSlot[*devService]()
+
+// InjectInto a [*sl.ServiceLocator] an instance of the dev service
+func InjectInto(l *sl.ServiceLocator) {
+	sl.InjectLazy(l, slot, Configure)
+}
+
+func UseRoutesMetadata(l *sl.ServiceLocator) map[string]any {
+	dev, err := sl.Use(l, slot)
+	if err != nil {
+		Logger.Fatal(err)
+	}
+
+	return map[string]any{
+		"static":  dev.staticRoutes,
+		"dynamic": dev.dynamicRoutes,
+	}
+}
+
+type Request interface {
+	Page() []byte
+	Param(key string) string
+	Query(key string) string
+}
+
+type ResponseWriter interface {
+	io.Writer
+}
+
+// devServerRequest is used when handling request from the dev server where params and queries are parsed by express
+type devServerRequest struct {
+	page   []byte
+	params map[string]string
+	query  map[string]string
+}
+
+func (r devServerRequest) Page() []byte {
+	return r.page
+}
+
+func (r devServerRequest) Param(key string) string {
+	return r.params[key]
+}
+
+func (r devServerRequest) Query(key string) string {
+	return r.query[key]
+}
+
+// Handler is a custom routes handler
+type Handler func(ResponseWriter, Request) error
+
+type devService struct {
+	staticRoutes  map[string]string
+	dynamicRoutes map[string]string
+
+	dynamicRoutesHandlers map[string]Handler
+}
+
+func Configure(l *sl.ServiceLocator) (*devService, error) {
+	d := &devService{
+		map[string]string{},
+		map[string]string{},
+		map[string]Handler{},
+	}
+
+	r, err := sl.Use(l, routes.Root)
+	if err != nil {
+		return nil, err
+	}
+
+	config, _ := sl.Use(l, config.Slot)
+	if config.Mode != "development" {
+		return d, nil
+	}
+
+	r.Get("/api/development/routes", func(c *fiber.Ctx) error {
+		return c.JSON(map[string]any{
+			"static":  d.staticRoutes,
+			"dynamic": d.dynamicRoutes,
+		})
+	})
+
+	r.Post("/api/development/render", func(c *fiber.Ctx) error {
+		var data struct {
+			Route    string `json:"route"`
+			HtmlPage string `json:"page"`
+			Request  struct {
+				ParamsMap map[string]string `json:"params"`
+				QueryMap  map[string]string `json:"query"`
+			} `json:"request"`
+		}
+
+		if err := c.BodyParser(&data); err != nil {
+			return err
+		}
+
+		Logger.Printf(`server rendering route "%s"`, data.Route)
+		Logger.Printf(`- params: %s`, repr.String(data.Request.ParamsMap))
+		Logger.Printf(`- query: %s`, repr.String(data.Request.QueryMap))
+
+		handler, ok := d.dynamicRoutesHandlers[data.Route]
+		if !ok {
+			return fmt.Errorf(`no handler for "%s"`, data.Route)
+		}
+
+		var buf bytes.Buffer
+		if err := handler(&buf, devServerRequest{
+			[]byte(data.HtmlPage),
+			data.Request.ParamsMap,
+			data.Request.QueryMap,
+		}); err != nil {
+			return err
+		}
+
+		return c.JSON(buf.String())
+	})
+
+	return d, nil
+}
+
+// RegisterRoute will register the provided "mountPoint" to the "frontendHtml" page
+func RegisterRoute(l *sl.ServiceLocator, mountPoint, frontendFile string) {
+	dev, err := sl.Use(l, slot)
+	if err != nil {
+		Logger.Fatal(err)
+	}
+
+	dev.staticRoutes[mountPoint] = frontendFile
+
+	Logger.Printf(`registered vite route "%v" for "%v"`, frontendFile, mountPoint)
+}
+
+func RegisterDynamicRoute(l *sl.ServiceLocator, mountPoint, frontendFile string, handler Handler) {
+	dev, err := sl.Use(l, slot)
+	if err != nil {
+		Logger.Fatal(err)
+	}
+
+	dev.dynamicRoutes[mountPoint] = frontendFile
+	dev.dynamicRoutesHandlers[mountPoint] = handler
+
+	Logger.Printf(`registered vite route "%v" for "%v"`, frontendFile, mountPoint)
+}
+
+func GetArtifactPath(frontendFile string) string {
+	return path.Join("./out/frontend/", frontendFile)
+}

services/server/listautenti/listautenti.go

@@ -0,0 +1,35 @@
+package listautenti
+
+import (
+	"git.phc.dm.unipi.it/phc/website/services/database"
+	"git.phc.dm.unipi.it/phc/website/services/server/router"
+	"git.phc.dm.unipi.it/phc/website/services/server/routes"
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/gofiber/fiber/v2"
+)
+
+func Configure(l *sl.ServiceLocator) error {
+	router.UseRoutePage(l, "/utenti", "pages/lista-utenti/index.html")
+
+	db, err := sl.Use(l, database.Slot)
+	if err != nil {
+		return err
+	}
+
+	r, err := sl.Use(l, routes.Root)
+	if err != nil {
+		return err
+	}
+
+	r.Get("/api/lista-utenti", func(c *fiber.Ctx) error {
+		users, err := db.ReadUsers()
+		if err != nil {
+			return err
+		}
+
+		return c.JSON(users)
+	})
+
+	return nil
+}

services/server/listautenti/listautenti_test.go

@@ -0,0 +1,78 @@
+package listautenti_test
+
+import (
+	"context"
+	"fmt"
+	"io"
+	"net"
+	"net/http"
+	"testing"
+
+	"git.phc.dm.unipi.it/phc/website/model"
+	"git.phc.dm.unipi.it/phc/website/services/database"
+	"git.phc.dm.unipi.it/phc/website/services/server/routes"
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/gofiber/fiber/v2"
+	"github.com/valyala/fasthttp"
+	"github.com/valyala/fasthttp/fasthttputil"
+)
+
+func Test1(t *testing.T) {
+	l := sl.New()
+
+	sl.InjectValue[database.Database](l, database.Slot, &database.Memory{
+		Users: []model.User{
+			{
+				Id:          "claire",
+				FullName:    "Claire Doe",
+				Nickname:    "claire-doe",
+				AuthSources: map[string]model.AuthSource{},
+			},
+			{
+				Id:          "john",
+				FullName:    "John Smith",
+				Nickname:    "john-smith",
+				AuthSources: map[string]model.AuthSource{},
+			},
+		},
+	})
+
+	r := fiber.New()
+	sl.InjectValue(l, routes.Root, fiber.Router(r))
+
+	req, err := http.NewRequest("GET", "http://localhost:4000/api/lista-utenti", nil)
+	if err != nil {
+		t.Error(err)
+	}
+
+	ln := fasthttputil.NewInmemoryListener()
+	defer ln.Close()
+
+	go func() {
+		err := fasthttp.Serve(ln, r.Handler())
+		if err != nil {
+			panic(fmt.Errorf("failed to serve: %v", err))
+		}
+	}()
+
+	client := http.Client{
+		Transport: &http.Transport{
+			DialContext: func(ctx context.Context, network, addr string) (net.Conn, error) {
+				return ln.Dial()
+			},
+		},
+	}
+
+	res, err := client.Do(req)
+	if err != nil {
+		t.Error(err)
+	}
+
+	body, err := io.ReadAll(res.Body)
+	if err != nil {
+		t.Error(err)
+	}
+
+	t.Log(string(body))
+}

services/server/router/router.go

@@ -0,0 +1,73 @@
+package router
+
+import (
+	"bytes"
+	"log"
+	"os"
+
+	"git.phc.dm.unipi.it/phc/website/services/server/dev"
+	"git.phc.dm.unipi.it/phc/website/services/server/routes"
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/gofiber/fiber/v2"
+)
+
+// assert type of [ServerRequest] is [dev.Request]
+var _ dev.Request = ServerRequest{}
+
+// ServerRequest is used when the request is directly for the Go server
+type ServerRequest struct {
+	page         []byte
+	fiberContext *fiber.Ctx
+}
+
+func (r ServerRequest) Page() []byte {
+	return r.page
+}
+
+func (ctx ServerRequest) Param(key string) string {
+	return ctx.fiberContext.Params(key)
+}
+
+func (ctx ServerRequest) Query(key string) string {
+	return ctx.fiberContext.Query(key)
+}
+
+func UseRoutePage(l *sl.ServiceLocator, route, frontendFile string) {
+	root, err := sl.Use(l, routes.Root)
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	dev.RegisterRoute(l, route, frontendFile)
+
+	root.Get(route, func(c *fiber.Ctx) error {
+		return c.SendFile(dev.GetArtifactPath(frontendFile))
+	})
+}
+
+func UseRouteTemplatedPage(l *sl.ServiceLocator, route, frontendFile string, handler dev.Handler) {
+	r, err := sl.Use(l, routes.Root)
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	dev.RegisterDynamicRoute(l, route, frontendFile, handler)
+
+	r.Get(route, func(c *fiber.Ctx) error {
+		rawPage, err := os.ReadFile(dev.GetArtifactPath(frontendFile))
+		if err != nil {
+			return err
+		}
+
+		var buf bytes.Buffer
+		if err := handler(&buf, ServerRequest{
+			rawPage,
+			c,
+		}); err != nil {
+			return err
+		}
+
+		return c.Type(".html").Send(buf.Bytes())
+	})
+}

services/server/routes/routes.go

@@ -0,0 +1,9 @@
+package routes
+
+import (
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/gofiber/fiber/v2"
+)
+
+var Root = sl.NewSlot[fiber.Router]()

services/server/server.go

@@ -0,0 +1,30 @@
+package server
+
+import (
+	"git.phc.dm.unipi.it/phc/website/services/server/articles"
+	"git.phc.dm.unipi.it/phc/website/services/server/dev"
+	"git.phc.dm.unipi.it/phc/website/services/server/listautenti"
+	"git.phc.dm.unipi.it/phc/website/services/server/routes"
+	"git.phc.dm.unipi.it/phc/website/sl"
+
+	"github.com/gofiber/fiber/v2"
+)
+
+type Server struct{ Router *fiber.App }
+
+func Configure(l *sl.ServiceLocator) (*Server, error) {
+	r := fiber.New(fiber.Config{})
+	r.Static("/assets", "./out/frontend/assets")
+
+	sl.InjectValue(l, routes.Root, fiber.Router(r))
+	dev.InjectInto(l)
+
+	if err := listautenti.Configure(l); err != nil {
+		return nil, err
+	}
+	if err := articles.Configure(l); err != nil {
+		return nil, err
+	}
+
+	return &Server{r}, nil
+}

sl/sl.go

@@ -0,0 +1,127 @@
+// The [sl] package has two main concepts, the [ServiceLocator] itself is the main object that one should pass around through the application. A [ServiceLocator] has a list of slots that can be filled with [InjectLazy] and [InjectValue] and retrieved with [Use]. As slots should be unique they can only be created with the [NewSlot] function.
+//
+// The usual way to use this module is to make slots for go interfaces and then pass implementations using the [InjectValue] and [InjectLazy] functions.
+//
+// Services can be of various types:
+// - a service with no dependencies can be directly injected inside a ServiceLocator using [InjectValue].
+// - a service with dependencies on other service should use [InjectLazy]. This lets the service to initialize itself when required and makes the developer not think the topological sort to put onto the DAG of service dependencies.
+// - a service can also be private, in this case the slot for a service should be a private field in the service package. This kind of services should also provide a way to inject them into a ServiceLocator.
+// - a package also just provide a slot. This is useful for using the ServiceLocator to easily pass around values, effectively threating slots just as dynamically scoped variables.
+package sl
+
+import (
+	"fmt"
+	"log"
+	"os"
+)
+
+// Logger is the debug logger, in the future this will be disabled and discard by default.
+//
+// As this is the service locator module it was meaning less to pass this through the ServiceLocator itself (without making the whole module more complex)
+var Logger *log.Logger = log.New(os.Stderr, "[sl] ", log.Lmsgprefix)
+
+// slot is just a "typed" unique "symbol".
+type slot[T any] *struct{}
+
+// NewSlot is the only way to create instances of the slot type. Each instance is unique.
+//
+// This then lets you attach a service instance of type "T" to a [ServiceLocator] object.
+func NewSlot[T any]() slot[T] {
+	return slot[T](new(struct{}))
+}
+
+// slotEntry represents a service that can lazily initialized (using "createFunc"). Once initialized the instance is kept in the "value" field. The field "typeName" just for debugging purposes.
+type slotEntry struct {
+	createFunc func(*ServiceLocator) (any, error)
+	created    bool
+	value      any
+
+	typeName string
+}
+
+func (s *slotEntry) checkInitialized(l *ServiceLocator) error {
+	if !s.created {
+		v, err := s.createFunc(l)
+		if err != nil {
+			return err
+		}
+
+		Logger.Printf(`initialized lazy value of type %T for slot of type %s`, v, s.typeName)
+
+		s.created = true
+		s.value = v
+	}
+
+	return nil
+}
+
+// ServiceLocator is the main context passed around to retrive service instances, the interface uses generics so to inject and retrive service instances you should use the functions [InjectValue], [InjectLazy] and [Use].
+type ServiceLocator struct {
+	providers map[any]*slotEntry
+}
+
+// New creates a new [ServiceLocator] context to pass around in the application.
+func New() *ServiceLocator {
+	return &ServiceLocator{
+		providers: map[any]*slotEntry{},
+	}
+}
+
+// InjectValue will inject a concrete instance inside the ServiceLocator "l" for the given "slotKey". This should be used for injecting "static" services, for instances whose construction depend on other services you should use the [InjectLazy] function.
+//
+// This is generic over "T" to check that instances for the given slot type check as "T" can also be an interface.
+func InjectValue[T any](l *ServiceLocator, slotKey slot[T], value T) T {
+	Logger.Printf(`injected value of type %T for slot of type %s`, value, getTypeName[T]())
+
+	l.providers[slotKey] = &slotEntry{
+		nil,
+		true,
+		value,
+		getTypeName[T](),
+	}
+	return value
+}
+
+// InjectLazy will inject an instance inside the given ServiceLocator and "slotKey" that is created only when requested with a call to the [Use] function.
+//
+// This is generic over "T" to check that instances for the given slot type check as "T" can also be an interface.
+func InjectLazy[T any](l *ServiceLocator, slotKey slot[T], createFunc func(*ServiceLocator) (T, error)) {
+	Logger.Printf(`injected lazy for slot of type %s`, getTypeName[T]())
+
+	l.providers[slotKey] = &slotEntry{
+		createFunc: func(l *ServiceLocator) (any, error) {
+			return createFunc(l)
+		},
+		created:  false,
+		value:    nil,
+		typeName: getTypeName[T](),
+	}
+}
+
+// Use retrieves the value of type T associated with the given slot key from the provided ServiceLocator instance.
+//
+// If the ServiceLocator does not have a value for the slot key, or if the value wasn't correctly initialized (in the case of a lazy slot), an error is returned.
+func Use[T any](l *ServiceLocator, slotKey slot[T]) (T, error) {
+	var zero T
+
+	slot, ok := l.providers[slotKey]
+	if !ok {
+		return zero, fmt.Errorf(`no injected value for type %s`, getTypeName[T]())
+	}
+
+	err := slot.checkInitialized(l)
+	if err != nil {
+		return zero, err
+	}
+
+	v := slot.value.(T)
+
+	Logger.Printf(`using slot of type %s with value of type %T`, getTypeName[T](), v)
+	return v, nil
+}
+
+// getTypeName is a trick to get the name of a type (even if it is an interface type)
+func getTypeName[T any]() string {
+	var zero T
+	return fmt.Sprintf(`%T`, &zero)[1:]
+}

storia.go

@@ -1,129 +0,0 @@
-package main
-
-import (
-	"encoding/json"
-	"io/ioutil"
-	"math"
-	"sort"
-	"strconv"
-	"strings"
-
-	"git.phc.dm.unipi.it/phc/website/util"
-)
-
-type byEventDateDescending []*GenericEvent
-
-func (m byEventDateDescending) Len() int {
-	return len(m)
-}
-func (m byEventDateDescending) Swap(i, j int) {
-	m[i], m[j] = m[j], m[i]
-}
-func (m byEventDateDescending) Less(i, j int) bool {
-	return m[i].Date > m[j].Date
-}
-
-type Macchinista struct {
-	Uid       string `json:"uid"`
-	FullName  string `json:"fullName"`
-	EntryDate string `json:"entryDate"`
-	ExitDate  string `json:"exitDate"`
-}
-
-type GenericEvent struct {
-	// Campi principali
-	Type string `json:"type"`
-	Date string `json:"date"`
-
-	// Altri campi utilizzati ogni tanto
-	Title       string `json:"title"`
-	Description string `json:"description"`
-
-	// Se il tipo di evento è riferito ad un utente usiamo anche questo campo apposta
-	Uid      string `json:"uid"`
-	FullName string `json:"fullName"`
-
-	// Se il tipo è "spacer" questa è la sua dimensione
-	Size int `json:"size"`
-}
-
-type HistoryDB struct {
-	Macchinisti  []*Macchinista  `json:"macchinisti"`
-	GenericEvent []*GenericEvent `json:"eventi"`
-}
-
-func GetRawHistory() (*HistoryDB, error) {
-	var rawHistory HistoryDB
-
-	historyDB, err := ioutil.ReadFile("./storia.json")
-	if err != nil {
-		return nil, err
-	}
-
-	if err := json.Unmarshal(historyDB, &rawHistory); err != nil {
-		return nil, err
-	}
-
-	return &rawHistory, nil
-}
-
-func getDateYear(date string) int {
-	year, err := strconv.Atoi(strings.Split(date, "/")[0])
-	if err != nil {
-		panic(err) // Tanto nel caso si nota in fase di sviluppo visto che "storia.json" è statico
-	}
-
-	return year
-}
-
-func withSpacers(events []*GenericEvent) []*GenericEvent {
-	// crea un nuovo slice con capacità già almeno "len(events)"
-	newEvents := make([]*GenericEvent, 0, len(events))
-
-	for i := 0; i < len(events)-1; i++ {
-		newEvents = append(newEvents, events[i])
-
-		delta := util.Abs(getDateYear(events[i+1].Date) - getDateYear(events[i].Date))
-		if delta > 1 {
-			logDelta := int(math.Log(float64(delta)))
-			newEvents = append(newEvents, &GenericEvent{
-				Type: "spacer",
-				Size: logDelta,
-			})
-		}
-	}
-	newEvents = append(newEvents, events[len(events)-1])
-
-	return newEvents
-}
-
-func GetStoria() ([]*GenericEvent, error) {
-	history, err := GetRawHistory()
-	if err != nil {
-		return nil, err
-	}
-
-	events := history.GenericEvent[:]
-	for _, m := range history.Macchinisti {
-		if m.ExitDate != "" {
-			events = append(events, &GenericEvent{
-				Type:     "exit-macchinista",
-				Uid:      m.Uid,
-				FullName: m.FullName,
-				Date:     m.ExitDate,
-			})
-		}
-		if m.EntryDate != "" {
-			events = append(events, &GenericEvent{
-				Type:     "entry-macchinista",
-				Uid:      m.Uid,
-				FullName: m.FullName,
-				Date:     m.EntryDate,
-			})
-		}
-	}
-
-	sort.Sort(byEventDateDescending(events))
-
-	return withSpacers(events), nil
-}

storia.json

@@ -1,44 +0,0 @@
-{
-    "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/??"
-        },
-        {
-            "uid": "caporali",
-            "fullName": "Francesco Caporali",
-            "entryDate": "2018/??",
-            "exitDate": "2022/03"
-        },
-        {
-            "uid": "dachille",
-            "fullName": "Letizia D'Achille",
-            "entryDate": "2018/??",
-            "exitDate": "2022/03"
-        }
-    ],
-    "eventi": [
-        {
-            "type": "simple",
-            "title": "Nuovo sito del PHC",
-            "description": "TBA",
-            "date": "2022/??"
-        },
-        {
-            "type": "simple",
-            "title": "Apertura del PHC",
-            "date": "1994"
-        }
-    ]
-}

templates/templates.go

@@ -1,110 +0,0 @@
-package templates
-
-import (
-	"html/template"
-	"io"
-	"log"
-	"path"
-	"strings"
-
-	"git.phc.dm.unipi.it/phc/website/config"
-	"git.phc.dm.unipi.it/phc/website/util"
-)
-
-// CachedTemplate holds a reference to the list of patterns to preload and a reference to the already parsed template
-type CachedTemplate struct {
-	PreLoadTemplatePatterns []string
-	cachedTmpl              *template.Template
-}
-
-// NewCacheTemplate creates a new template from a list of patterns a loads it
-func NewCacheTemplate(loadPatterns ...string) *CachedTemplate {
-	cachedTemplate := &CachedTemplate{
-		PreLoadTemplatePatterns: loadPatterns,
-		cachedTmpl:              nil,
-	}
-	template.Must(cachedTemplate.Load(template.New("")))
-	return cachedTemplate
-}
-
-// Load returns the cached template or loads it from disk using the list of preload (glob) patterns.
-func (ct *CachedTemplate) Load(t *template.Template) (*template.Template, error) {
-	if ct.cachedTmpl != nil {
-		return ct.cachedTmpl, nil
-	}
-
-	ct.cachedTmpl = t
-
-	for _, pattern := range ct.PreLoadTemplatePatterns {
-		var err error
-		ct.cachedTmpl, err = ct.cachedTmpl.ParseGlob(pattern)
-		if err != nil {
-			return nil, err
-		}
-	}
-
-	return ct.cachedTmpl, nil
-}
-
-// Reload the pattern from disk (used for developing)
-func (ct *CachedTemplate) Reload() {
-	ct.cachedTmpl = nil
-	template.Must(ct.Load(nil))
-}
-
-// Template returns the cached template
-func (ct *CachedTemplate) Template() *template.Template {
-	log.Printf("preloadPatterns: %v", ct.PreLoadTemplatePatterns)
-	return ct.cachedTmpl
-}
-
-// TODO: Add a render function to CachedTemplate instead of returning the template reference. In this way the Template Renderer would not have a "direct" dependency on "html/template"...
-
-// TemplateRenderer holds cached templates for rendering
-type TemplateRenderer struct {
-	viewsDir                string
-	preloadTemplatePatterns []string
-	templateCache           map[string]*CachedTemplate
-}
-
-// NewRenderer constructs a template renderer with a base file
-func NewRenderer(rootPath string, loadPatterns ...string) *TemplateRenderer {
-	return &TemplateRenderer{
-		rootPath,
-		loadPatterns,
-		map[string]*CachedTemplate{},
-	}
-}
-
-func (r *TemplateRenderer) Load(name string) *CachedTemplate {
-	cachedTemplate, present := r.templateCache[name]
-
-	if !present {
-		loaders := []string{}
-		loaders = append(loaders, r.preloadTemplatePatterns...)
-		loaders = append(loaders, path.Join(r.viewsDir, name))
-		cachedTemplate = NewCacheTemplate(loaders...)
-		r.templateCache[name] = cachedTemplate
-	}
-
-	return cachedTemplate
-}
-
-// Render the template, also injects "Page" and "Config" values in the template
-func (r *TemplateRenderer) Render(w io.Writer, name string, data util.H) error {
-	cachedTemplate := r.Load(name)
-
-	if config.Mode == "development" {
-		cachedTemplate.Reload()
-	}
-
-	newData := util.H{}
-	newData.Apply(data)
-	newData["Page"] = util.H{
-		// Used to inject a page specific class on <body>
-		"Name": strings.TrimSuffix(path.Base(name), ".html"),
-	}
-	newData["Config"] = config.Object()
-
-	return cachedTemplate.Template().ExecuteTemplate(w, "base", newData)
-}

utenti.go

@@ -1,41 +0,0 @@
-package main
-
-import (
-	"encoding/json"
-	"io/ioutil"
-)
-
-type UserInfo struct {
-	Uid     string `json:"uid"`
-	Nome    string `json:"nome"`
-	Cognome string `json:"cognome"`
-
-	Tags          []string `json:"tags"`
-	IsMacchinista bool     `json:"macchinista,omitempty"`
-}
-
-func GetUtenti() ([]UserInfo, error) {
-	history, err := GetRawHistory()
-	if err != nil {
-		return nil, err
-	}
-
-	// Creo un set per velocizzare l'utilizzo dopo
-	macchinisti := map[string]bool{}
-	for _, m := range history.Macchinisti {
-		macchinisti[m.Uid] = true
-	}
-
-	var users []UserInfo
-
-	usersJsonData, err := ioutil.ReadFile("./utenti-poisson-2022.local.json")
-	if err != nil {
-		return nil, err
-	}
-
-	if err := json.Unmarshal(usersJsonData, &users); err != nil {
-		return nil, err
-	}
-
-	return users, nil
-}

util/generics.go

@@ -1 +0,0 @@
-package util

util/math.go

@@ -1,17 +0,0 @@
-package util
-
-import (
-	"golang.org/x/exp/constraints"
-)
-
-type Numeric interface {
-	constraints.Float | constraints.Integer
-}
-
-func Abs[T Numeric](a T) T {
-	if a < 0 {
-		return -a
-	}
-
-	return a
-}

util/objects.go

@@ -1,15 +0,0 @@
-package util
-
-// H is a shortcut for creating a json-like object
-type H map[string]interface{}
-
-// Apply is like Object.apply from JS and merges the given objects on top of target
-func (target H) Apply(sources ...H) H {
-	for _, source := range sources {
-		for k, v := range source {
-			target[k] = v
-		}
-	}
-
-	return target
-}

util/rand.go

@@ -1,18 +0,0 @@
-package util
-
-import (
-	"crypto/rand"
-	"encoding/base64"
-	"log"
-)
-
-func GenerateRandomString(n int) string {
-	b := make([]byte, n)
-
-	_, err := rand.Read(b)
-	if err != nil {
-		log.Fatal(err)
-	}
-
-	return base64.URLEncoding.EncodeToString(b)
-}

views/appunti.html

@@ -1,43 +0,0 @@
-{{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

@@ -1,78 +0,0 @@
-{{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>
-        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 prefered 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);
-            }
-
-            $toggle.addEventListener('click', () => {
-                storePrefersDarkMode(!prefersDarkMode);
-                displayToggle();
-            });
-
-            displayToggle();
-        });
-    </script>
-
-    <link rel="stylesheet" href="/public/style.css">
-    <link rel="stylesheet" href="/public/theme-dark.css">
-</head>
-
-<body {{ if .Page.Name }}class="page-{{ .Page.Name }}"{{ end }}>
-    {{ template "navbar" . }}
-
-    <div class="main">
-        {{ template "body" . }}
-    </div>
-
-    <footer>
-        <div class="footer-item">
-            <a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a>
-        </div>
-    </footer>
-</body>
-
-</html>
-{{end}}

views/home.html

@@ -1,107 +0,0 @@
-{{template "base" .}}
-
-{{define "title"}}Home • PHC{{end}}
-
-{{define "body"}}
-<canvas id="circuit-pattern"></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/home.js"></script>
-{{end}}

views/link.html

@@ -1,89 +0,0 @@
-{{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

@@ -1,55 +0,0 @@
-{{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

@@ -1,18 +0,0 @@
-{{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

@@ -1,63 +0,0 @@
-{{template "base" .}}
-
-{{define "title"}}News • PHC{{end}}
-
-{{define "body"}}
-<section>
-    <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

@@ -1,88 +0,0 @@
-{{ 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

@@ -1,105 +0,0 @@
-{{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/js/profilo.min.js"></script>
-<section x-data="profilo">
-    <h1>Profilo di @{{ .User.Username }}</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 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/storia.html

@@ -1,51 +0,0 @@
-{{template "base" .}}
-{{define "title"}}Utenti • PHC{{end}}
-{{define "body"}}
-<section>
-    <h1>
-        <i class="fas fa-clock"></i>
-        Storia del PHC
-    </h1>
-    <p>
-        In questa pagina è raccontata la storia del PHC con alcuni degli eventi principali. Al momento è <i>work in progress</i> ma pianifichiamo di aggiungere almeno le date di ingresso di tutti i macchinisti.
-    </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">
-                        {{ .Title }}
-                    </div>
-                    <div class="date">{{ .Date }}</div>
-                </div>
-                {{ end }}
-                {{ if eq .Type "entry-macchinista" }}
-                <div class="event">
-                    <div class="title">
-                        Ingresso di
-                        <i class="fa-solid fa-sign-in"></i>
-                        <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">
-                        Uscita di
-                        <i class="fa-solid fa-sign-out"></i>
-                        <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

@@ -1,59 +0,0 @@
-{{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/js/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.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}}

vite.config.js

@@ -0,0 +1,44 @@
+import { defineConfig } from 'vite'
+import { join } from 'path'
+import preactPlugin from '@preact/preset-vite'
+import { getBuildRoutesMetadata } from './meta/routes.js'
+
+/** @type {import('vite').UserConfig} */
+const sharedConfig = {
+    // all files processed by ViteJS are inside this folder
+    root: './frontend',
+    // for now the only plugin is Preact
+    plugins: [preactPlugin()],
+}
+
+export default defineConfig(async config => {
+    if (config.command === 'build') {
+        const routes = await getBuildRoutesMetadata('out/routes.json')
+
+        const allHtmlEntrypoints = [...Object.values(routes.static), ...Object.values(routes.dynamic)].map(file =>
+            join(__dirname, 'frontend', file)
+        )
+
+        console.dir(allHtmlEntrypoints)
+
+        return {
+            ...sharedConfig,
+            build: {
+                outDir: '../out/frontend',
+                rollupOptions: {
+                    input: allHtmlEntrypoints,
+                },
+            },
+        }
+    } else {
+        return {
+            ...sharedConfig,
+            server: {
+                port: 3000,
+                proxy: {
+                    '/api': 'http://localhost:4000/',
+                },
+            },
+        }
+    }
+})