2026-08-23 23:18:14 +02:00
|
|
|
import { describe, it, expect } from 'vitest';
|
|
|
|
|
import {
|
release: v0.18.0 (#725)
Release v0.18.0 — merges `dev` into `main`.
## Thanks
- [@lancetm714](https://github.com/lancetm714) for the accent-contrast
fix (#680 → #724).
- [@RichKidsDev](https://github.com/RichKidsDev) for reporting the
outdated Impressum (#697).
### Security
- **Journal drafts and password-protected entries no longer render
publicly
as a subpage essay**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-987w-cpwm-c9g9](https://github.com/ralksta/immich-folio/security/advisories/GHSA-987w-cpwm-c9g9),
medium). A subpage's `essayFile` read the journal entry straight from
disk,
skipping the draft and password rules `/journal/<slug>` applies. It now
resolves through the same rules: a draft reads as missing for visitors,
and
a protected entry shows its password gate, sharing the
`lb_auth_journal_<slug>` cookie.
- **Immich descriptions are escaped in generated subpage essays**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-8ppx-39jv-q5xm](https://github.com/ralksta/immich-folio/security/advisories/GHSA-8ppx-39jv-q5xm),
low). The essay built from a subpage's albums (`layout: essay` without
markdown) put each asset's Immich description into the page as raw HTML.
Captions are now HTML-escaped, and they go through `assetCaption()`, so
`exif.caption: false` is respected there as well. Tracked in
[#689](https://github.com/ralksta/immich-folio/issues/689).
- **Admin drafts no longer keep a typed password, and the contact form's
email check runs in linear time**
([#727](https://github.com/ralksta/immich-folio/pull/727)). The admin's
session drafts wrote a password as typed to `sessionStorage`; a draft
holding a plaintext password is now not kept (the unsaved-changes guard
still warns). The email pattern could backtrack polynomially on a
crafted
domain; its labels now exclude the dot and the length is checked first.
Both found by CodeQL before release.
### Added
- **A built-in contact form with an inbox in the admin**
([#703](https://github.com/ralksta/immich-folio/pull/703), closes
[#702](https://github.com/ralksta/immich-folio/issues/702)). `/contact`
needs neither SMTP nor a form service: each message is one file in
`content/messages/` (mode `0600`), read under the new _Messages_ tab,
where
_Reply by email_ opens the owner's mail client with the message quoted.
Messages older than `contact.retentionDays` (default 90) are deleted. An
optional ntfy push goes to `contact.notifyUrl` or `CONTACT_NOTIFY_URL`,
and
since [#709](https://github.com/ralksta/immich-folio/pull/709) it
carries a
fixed "new message" line and nothing about the sender — no name, no
address, no text. Spam is kept out without a captcha: an off-screen
honeypot, a minimum fill time, three submissions a minute per IP and a
cap
of 500 stored messages. With the Impressum on and no `legal.contactUrl`,
the Impressum links the form as its second contact channel. A new doctor
check warns when the form is on but nobody is notified.
- **A privacy policy page, next to a list of what the site processes**
([#708](https://github.com/ralksta/immich-folio/pull/708)). `/privacy`
renders `content/privacy.md`, edited under Settings → Legal, and the
footer
links it once the file has text; `privacy.enabled: false` hides it.
Folio
writes no legal text. Beside the editor it lists what _this_
installation
does, read off the configuration — the map, statistics, contact form,
password cookies, CDN — and marks every entry that involves a third
party.
_Insert headings_ adds the matching section headings and nothing else.
The
doctor warns while the Impressum is on and there is no policy.
- **French, Spanish, Italian and Dutch interface translations**
([#681](https://github.com/ralksta/immich-folio/pull/681)), selected
with
`settings.yaml: lang` as before. The admin panel stays English.
- **CDN mode for photos and videos**
([#681](https://github.com/ralksta/immich-folio/pull/681)). With
`CDN_URL`
set, image and video URLs point at a pull CDN whose origin is this
server,
so repeat views reach neither the server nor Immich. A site password
switches the mode off, since a CDN would hand out cached photos without
checking the unlock cookie. The CDN origin is added to the CSP, and a
doctor check covers the password and `TRUSTED_PROXY_HOPS` cases. See
`docs/deployment.md#cdn-mode`.
- **A reworked admin panel**
([#712](https://github.com/ralksta/immich-folio/pull/712),
[#713](https://github.com/ralksta/immich-folio/pull/713),
[#714](https://github.com/ralksta/immich-folio/pull/714),
[#716](https://github.com/ralksta/immich-folio/pull/716),
[#717](https://github.com/ralksta/immich-folio/pull/717),
[#718](https://github.com/ralksta/immich-folio/pull/718),
[#719](https://github.com/ralksta/immich-folio/pull/719),
[#721](https://github.com/ralksta/immich-folio/pull/721)):
- **A sidebar instead of the header row**, grouped by task, with an
unread
count on Messages and a dot on Diagnostics while Immich is down. It
collapses to an icon rail, with names shown on hover and focus, and
remembers that per browser.
- **`/admin` is an overview**: what needs attention (unread messages,
doctor warnings), published pages, journal entries and recent views.
- **The site's own visual language** — the preset's fonts, hairline
borders, the square marker — and one page header on every screen. The
accent is kept for the current place and the primary action; switches
are now pills reading ON or OFF, in green rather than the accent, so
Studio Modern's red no longer makes an enabled setting look like an
error.
- **The page builder is a structure list and a panel.** Hero, subpages
and
standalone albums sit in one list on the left, subpages drag-sorted in
place; the selected entry is edited on the right instead of in an
overlay.
- **Dialogs only where a change is permanent.** Deleting a message or a
journal entry, and resetting the favicon (which used to delete the file
without asking), go through one confirm dialog in the admin's own look.
Removals in the page builder, which only touch unsaved state, happen at
once and offer _Undo_. No `window.confirm()` is left.
- **Feature switches are grouped by meaning** as one-line rows under
Settings → General; page transitions and scroll-to-top moved to Theme →
Look & motion. No setting keys changed.
### Changed
- **Fonts and the Leaflet stylesheet are served from the site itself**
([#700](https://github.com/ralksta/immich-folio/pull/700)). Every page
used
to link `fonts.googleapis.com`, which sends each visitor's IP address to
Google. The server now fetches a theme's Google fonts once, rewrites the
stylesheet and caches the files in `content/.fonts/`; custom fonts in
`theme.fonts` keep working. If Google cannot be reached before a font is
cached, the page falls back to the theme's system fonts. `leaflet.css`
comes from the npm package instead of unpkg. The CSP drops
`fonts.googleapis.com`, `fonts.gstatic.com` and `unpkg.com`.
- **Email addresses are kept out of the served HTML**
([#705](https://github.com/ralksta/immich-folio/pull/705)). The
Impressum
and footer render the address only after hydration, from an encoded
form,
so harvesters reading raw HTML find nothing. Without JavaScript the
Impressum shows `name [at] example [dot] de`. This defeats bulk
harvesting,
not a person with a browser.
- **The Impressum cites § 5 DDG and links its contacts**
([#698](https://github.com/ralksta/immich-folio/pull/698), reported in
[#697](https://github.com/ralksta/immich-folio/issues/697) by
[@RichKidsDev](https://github.com/RichKidsDev)). The TMG was replaced by
the
DDG in May 2024; `legal.heading` replaces the line for other laws (e.g.
§ 5 ECG in Austria). `legal.contactUrl` and `legal.contactLabel` add a
contact form as the second channel, so a phone number stays optional.
Email, phone and contact URL are now links, and the "Created with the
Impressum generator by eRecht24" line, shown on every site whether true
or
not, is gone. Settings → Legal gains fields for heading, contact URL,
VAT
ID and tax number, and a doctor check flags missing details.
- **Missing pages answer `404`**
([#704](https://github.com/ralksta/immich-folio/pull/704)). Every
missing
page used to answer `200`, because streaming had started before
`notFound()` ran. `/contact`, `/impressum`, `/map` and `/privacy` while
switched off, and `/journal/<slug>` without an entry, now return a real
404 with the same not-found page. Album and subpage slugs still depend
on
Immich and stay soft 404s.
- **Passwords set in the admin are stored as scrypt hashes**
([#706](https://github.com/ralksta/immich-folio/pull/706), closes
[#690](https://github.com/ralksta/immich-folio/issues/690)). Subpage,
album, journal-entry and site passwords were written as typed. The save
routes now hash them; a stored hash reads _Protected_ with _Change_ and
_Remove_ and is never put into an input. Visitors who unlocked a page
stay
signed in across unrelated saves. Existing plaintext passwords are
hashed
the next time their file is saved in the admin.
- **One notification surface in the admin**
([#707](https://github.com/ralksta/immich-folio/pull/707)) replaces
every
`alert()`: errors stay until dismissed, successes clear themselves, and
screen readers announce both.
### Fixed
- **Map tiles load again**
([#701](https://github.com/ralksta/immich-folio/pull/701)). CARTO
started
answering every tile with an "API KEY REQUIRED" image, leaving `/map`
and
journal map blocks as a grey grid. Tiles now come from OpenStreetMap;
the
dark look is a CSS filter, so the map now follows the colour mode.
- **The page builder no longer drops a subpage's `proofing:` flag on
save**
([#711](https://github.com/ralksta/immich-folio/pull/711)). A page
switched
off for proofing by hand reverted after any unrelated edit.
- **Unsaved edits in Settings and About survive switching admin tabs,
and a
backup restore is no longer overwritten by the next save**
([#687](https://github.com/ralksta/immich-folio/pull/687)). Editors that
were open during a restore now reload and offer unsaved edits back as a
conflict. Also: "Restore my changes" after a conflict found nothing,
removing an album left its drawer showing the next album, and the
journal
saved (rotating a backup) without changes.
- **Accent-backed buttons stay readable with a light or malformed
accent**
([#724](https://github.com/ralksta/immich-folio/pull/724), supersedes
[#680](https://github.com/ralksta/immich-folio/pull/680)) — contributed
by
[@lancetm714](https://github.com/lancetm714). A white accent made the
proofing dialog's _Download selected (.zip)_ button white on white.
`theme.accent` is now accepted as hex only and normalised to `#rrggbb`,
anything else falls back to the preset, and the proofing dialog and
filter
pills use the mode-aware `--on-accent` text colour from #688.
- **Every preset's accent is visible in both colour modes**
([#688](https://github.com/ralksta/immich-folio/pull/688)). Presets had
one
accent for both modes; minimal's dark mode drew black buttons on black.
Presets now carry a light and a dark accent, and text on accent-filled
buttons picks black or white for contrast. A custom accent stays the
owner's choice in both modes.
- **Visitor-side inconsistencies**
([#685](https://github.com/ralksta/immich-folio/pull/685)): after
visiting
`/impressum`, every subpage header turned centred and uppercase; back
links
announced "Back to Back to …"; the hero EXIF chip ignored
`exif.location`/`camera`/`settings`; videos in journal entries opened as
stills; the setup screen named a non-existent `.env.example`.
- **An essay's lightbox walks only the photos the story shows**
([#686](https://github.com/ralksta/immich-folio/pull/686)), not every
photo
of the subpage's albums, and the proofing bar in essays shows the
selection
count instead of a filter button that did nothing.
- **The page panel scrolls with the mouse wheel**
([#720](https://github.com/ralksta/immich-folio/pull/720)).
- **The journal editor's top bar wraps on phones**
([#723](https://github.com/ralksta/immich-folio/pull/723), closes
[#675](https://github.com/ralksta/immich-folio/issues/675)), so the
title
stays editable and Save stays on screen.
- **Every admin form field has a name for assistive technology**
([#715](https://github.com/ralksta/immich-folio/pull/715)). Only two
inputs
had a linked label; 47 are linked now, and clicking a label focuses its
field.
### Internal
- **`SettingsEditor` and `PageBuilder` are split up**
([#710](https://github.com/ralksta/immich-folio/pull/710),
[#711](https://github.com/ralksta/immich-folio/pull/711)). The
2,200-line
settings editor is a shell with one file per section; the page builder's
YAML handling and edits are pure functions under test. Both were checked
side by side against `dev` for identical output.
- **`useAdminFetch()`**
([#707](https://github.com/ralksta/immich-folio/pull/707))
gives Analytics, Messages, Backups and the journal list one loading and
error pattern.
- README brought up to v0.17.0
([#678](https://github.com/ralksta/immich-folio/pull/678),
[#679](https://github.com/ralksta/immich-folio/pull/679)).
### Upgrade notes
**`content/` gains two directories the app writes to:**
`content/.fonts/`
for the cached fonts and `content/messages/` for contact-form messages.
Both
are created on demand, so a writable `content/` is enough, as before.
**The server needs outbound HTTPS to Google once per font** to fill the
font
cache. Until then pages fall back to the theme's system fonts. Visitors'
browsers no longer contact Google.
**A custom CSP or reverse-proxy allowlist** must now allow
`tile.openstreetmap.org` for images instead of
`*.basemaps.cartocdn.com`,
and no longer needs `fonts.googleapis.com`, `fonts.gstatic.com` or
`unpkg.com`. The built-in CSP is updated.
**`theme.accent` must be hex** (`#rgb`, `#rrggbb` or `#rrggbbaa`).
Anything
else, including a value without `#`, falls back to the preset's accent.
**Plaintext passwords in `gallery.yaml`, `settings.yaml` or journal
entries**
are hashed the next time that file is saved in the admin; one save
clears the
doctor's warning.
**New, optional settings:** `contact.*` (the form is off by default),
`privacy.enabled`, `legal.heading`, `legal.contactUrl`,
`legal.contactLabel`,
and the `CDN_URL` and `CONTACT_NOTIFY_URL` environment variables. See
`content/settings.yaml.example` and `.env.local.example`. In the example
file,
`vatId` and `taxId` had swapped sample values; check yours if you copied
them.
No `IMAGE_CACHE_VERSION` bump is needed this time.
---------
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: ralksta <ralksta@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: Ralf <rohlenbo79@gmail.com>
Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com>
Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com>
Co-authored-by: Lance Martin <lancetaylor95@gmail.com>
2026-09-27 14:43:38 +02:00
|
|
|
checkCdn,
|
2026-08-23 23:18:14 +02:00
|
|
|
checkAuthSecret,
|
|
|
|
|
checkProxyHops,
|
|
|
|
|
countForwardedHops,
|
|
|
|
|
checkAlbumIds,
|
2026-09-22 14:12:13 +02:00
|
|
|
checkAlbumSlugCollisions,
|
2026-08-23 23:18:14 +02:00
|
|
|
checkAlbumsShared,
|
|
|
|
|
checkPasswords,
|
|
|
|
|
checkWritable,
|
|
|
|
|
checkImmichCalls,
|
release: v0.18.0 (#725)
Release v0.18.0 — merges `dev` into `main`.
## Thanks
- [@lancetm714](https://github.com/lancetm714) for the accent-contrast
fix (#680 → #724).
- [@RichKidsDev](https://github.com/RichKidsDev) for reporting the
outdated Impressum (#697).
### Security
- **Journal drafts and password-protected entries no longer render
publicly
as a subpage essay**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-987w-cpwm-c9g9](https://github.com/ralksta/immich-folio/security/advisories/GHSA-987w-cpwm-c9g9),
medium). A subpage's `essayFile` read the journal entry straight from
disk,
skipping the draft and password rules `/journal/<slug>` applies. It now
resolves through the same rules: a draft reads as missing for visitors,
and
a protected entry shows its password gate, sharing the
`lb_auth_journal_<slug>` cookie.
- **Immich descriptions are escaped in generated subpage essays**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-8ppx-39jv-q5xm](https://github.com/ralksta/immich-folio/security/advisories/GHSA-8ppx-39jv-q5xm),
low). The essay built from a subpage's albums (`layout: essay` without
markdown) put each asset's Immich description into the page as raw HTML.
Captions are now HTML-escaped, and they go through `assetCaption()`, so
`exif.caption: false` is respected there as well. Tracked in
[#689](https://github.com/ralksta/immich-folio/issues/689).
- **Admin drafts no longer keep a typed password, and the contact form's
email check runs in linear time**
([#727](https://github.com/ralksta/immich-folio/pull/727)). The admin's
session drafts wrote a password as typed to `sessionStorage`; a draft
holding a plaintext password is now not kept (the unsaved-changes guard
still warns). The email pattern could backtrack polynomially on a
crafted
domain; its labels now exclude the dot and the length is checked first.
Both found by CodeQL before release.
### Added
- **A built-in contact form with an inbox in the admin**
([#703](https://github.com/ralksta/immich-folio/pull/703), closes
[#702](https://github.com/ralksta/immich-folio/issues/702)). `/contact`
needs neither SMTP nor a form service: each message is one file in
`content/messages/` (mode `0600`), read under the new _Messages_ tab,
where
_Reply by email_ opens the owner's mail client with the message quoted.
Messages older than `contact.retentionDays` (default 90) are deleted. An
optional ntfy push goes to `contact.notifyUrl` or `CONTACT_NOTIFY_URL`,
and
since [#709](https://github.com/ralksta/immich-folio/pull/709) it
carries a
fixed "new message" line and nothing about the sender — no name, no
address, no text. Spam is kept out without a captcha: an off-screen
honeypot, a minimum fill time, three submissions a minute per IP and a
cap
of 500 stored messages. With the Impressum on and no `legal.contactUrl`,
the Impressum links the form as its second contact channel. A new doctor
check warns when the form is on but nobody is notified.
- **A privacy policy page, next to a list of what the site processes**
([#708](https://github.com/ralksta/immich-folio/pull/708)). `/privacy`
renders `content/privacy.md`, edited under Settings → Legal, and the
footer
links it once the file has text; `privacy.enabled: false` hides it.
Folio
writes no legal text. Beside the editor it lists what _this_
installation
does, read off the configuration — the map, statistics, contact form,
password cookies, CDN — and marks every entry that involves a third
party.
_Insert headings_ adds the matching section headings and nothing else.
The
doctor warns while the Impressum is on and there is no policy.
- **French, Spanish, Italian and Dutch interface translations**
([#681](https://github.com/ralksta/immich-folio/pull/681)), selected
with
`settings.yaml: lang` as before. The admin panel stays English.
- **CDN mode for photos and videos**
([#681](https://github.com/ralksta/immich-folio/pull/681)). With
`CDN_URL`
set, image and video URLs point at a pull CDN whose origin is this
server,
so repeat views reach neither the server nor Immich. A site password
switches the mode off, since a CDN would hand out cached photos without
checking the unlock cookie. The CDN origin is added to the CSP, and a
doctor check covers the password and `TRUSTED_PROXY_HOPS` cases. See
`docs/deployment.md#cdn-mode`.
- **A reworked admin panel**
([#712](https://github.com/ralksta/immich-folio/pull/712),
[#713](https://github.com/ralksta/immich-folio/pull/713),
[#714](https://github.com/ralksta/immich-folio/pull/714),
[#716](https://github.com/ralksta/immich-folio/pull/716),
[#717](https://github.com/ralksta/immich-folio/pull/717),
[#718](https://github.com/ralksta/immich-folio/pull/718),
[#719](https://github.com/ralksta/immich-folio/pull/719),
[#721](https://github.com/ralksta/immich-folio/pull/721)):
- **A sidebar instead of the header row**, grouped by task, with an
unread
count on Messages and a dot on Diagnostics while Immich is down. It
collapses to an icon rail, with names shown on hover and focus, and
remembers that per browser.
- **`/admin` is an overview**: what needs attention (unread messages,
doctor warnings), published pages, journal entries and recent views.
- **The site's own visual language** — the preset's fonts, hairline
borders, the square marker — and one page header on every screen. The
accent is kept for the current place and the primary action; switches
are now pills reading ON or OFF, in green rather than the accent, so
Studio Modern's red no longer makes an enabled setting look like an
error.
- **The page builder is a structure list and a panel.** Hero, subpages
and
standalone albums sit in one list on the left, subpages drag-sorted in
place; the selected entry is edited on the right instead of in an
overlay.
- **Dialogs only where a change is permanent.** Deleting a message or a
journal entry, and resetting the favicon (which used to delete the file
without asking), go through one confirm dialog in the admin's own look.
Removals in the page builder, which only touch unsaved state, happen at
once and offer _Undo_. No `window.confirm()` is left.
- **Feature switches are grouped by meaning** as one-line rows under
Settings → General; page transitions and scroll-to-top moved to Theme →
Look & motion. No setting keys changed.
### Changed
- **Fonts and the Leaflet stylesheet are served from the site itself**
([#700](https://github.com/ralksta/immich-folio/pull/700)). Every page
used
to link `fonts.googleapis.com`, which sends each visitor's IP address to
Google. The server now fetches a theme's Google fonts once, rewrites the
stylesheet and caches the files in `content/.fonts/`; custom fonts in
`theme.fonts` keep working. If Google cannot be reached before a font is
cached, the page falls back to the theme's system fonts. `leaflet.css`
comes from the npm package instead of unpkg. The CSP drops
`fonts.googleapis.com`, `fonts.gstatic.com` and `unpkg.com`.
- **Email addresses are kept out of the served HTML**
([#705](https://github.com/ralksta/immich-folio/pull/705)). The
Impressum
and footer render the address only after hydration, from an encoded
form,
so harvesters reading raw HTML find nothing. Without JavaScript the
Impressum shows `name [at] example [dot] de`. This defeats bulk
harvesting,
not a person with a browser.
- **The Impressum cites § 5 DDG and links its contacts**
([#698](https://github.com/ralksta/immich-folio/pull/698), reported in
[#697](https://github.com/ralksta/immich-folio/issues/697) by
[@RichKidsDev](https://github.com/RichKidsDev)). The TMG was replaced by
the
DDG in May 2024; `legal.heading` replaces the line for other laws (e.g.
§ 5 ECG in Austria). `legal.contactUrl` and `legal.contactLabel` add a
contact form as the second channel, so a phone number stays optional.
Email, phone and contact URL are now links, and the "Created with the
Impressum generator by eRecht24" line, shown on every site whether true
or
not, is gone. Settings → Legal gains fields for heading, contact URL,
VAT
ID and tax number, and a doctor check flags missing details.
- **Missing pages answer `404`**
([#704](https://github.com/ralksta/immich-folio/pull/704)). Every
missing
page used to answer `200`, because streaming had started before
`notFound()` ran. `/contact`, `/impressum`, `/map` and `/privacy` while
switched off, and `/journal/<slug>` without an entry, now return a real
404 with the same not-found page. Album and subpage slugs still depend
on
Immich and stay soft 404s.
- **Passwords set in the admin are stored as scrypt hashes**
([#706](https://github.com/ralksta/immich-folio/pull/706), closes
[#690](https://github.com/ralksta/immich-folio/issues/690)). Subpage,
album, journal-entry and site passwords were written as typed. The save
routes now hash them; a stored hash reads _Protected_ with _Change_ and
_Remove_ and is never put into an input. Visitors who unlocked a page
stay
signed in across unrelated saves. Existing plaintext passwords are
hashed
the next time their file is saved in the admin.
- **One notification surface in the admin**
([#707](https://github.com/ralksta/immich-folio/pull/707)) replaces
every
`alert()`: errors stay until dismissed, successes clear themselves, and
screen readers announce both.
### Fixed
- **Map tiles load again**
([#701](https://github.com/ralksta/immich-folio/pull/701)). CARTO
started
answering every tile with an "API KEY REQUIRED" image, leaving `/map`
and
journal map blocks as a grey grid. Tiles now come from OpenStreetMap;
the
dark look is a CSS filter, so the map now follows the colour mode.
- **The page builder no longer drops a subpage's `proofing:` flag on
save**
([#711](https://github.com/ralksta/immich-folio/pull/711)). A page
switched
off for proofing by hand reverted after any unrelated edit.
- **Unsaved edits in Settings and About survive switching admin tabs,
and a
backup restore is no longer overwritten by the next save**
([#687](https://github.com/ralksta/immich-folio/pull/687)). Editors that
were open during a restore now reload and offer unsaved edits back as a
conflict. Also: "Restore my changes" after a conflict found nothing,
removing an album left its drawer showing the next album, and the
journal
saved (rotating a backup) without changes.
- **Accent-backed buttons stay readable with a light or malformed
accent**
([#724](https://github.com/ralksta/immich-folio/pull/724), supersedes
[#680](https://github.com/ralksta/immich-folio/pull/680)) — contributed
by
[@lancetm714](https://github.com/lancetm714). A white accent made the
proofing dialog's _Download selected (.zip)_ button white on white.
`theme.accent` is now accepted as hex only and normalised to `#rrggbb`,
anything else falls back to the preset, and the proofing dialog and
filter
pills use the mode-aware `--on-accent` text colour from #688.
- **Every preset's accent is visible in both colour modes**
([#688](https://github.com/ralksta/immich-folio/pull/688)). Presets had
one
accent for both modes; minimal's dark mode drew black buttons on black.
Presets now carry a light and a dark accent, and text on accent-filled
buttons picks black or white for contrast. A custom accent stays the
owner's choice in both modes.
- **Visitor-side inconsistencies**
([#685](https://github.com/ralksta/immich-folio/pull/685)): after
visiting
`/impressum`, every subpage header turned centred and uppercase; back
links
announced "Back to Back to …"; the hero EXIF chip ignored
`exif.location`/`camera`/`settings`; videos in journal entries opened as
stills; the setup screen named a non-existent `.env.example`.
- **An essay's lightbox walks only the photos the story shows**
([#686](https://github.com/ralksta/immich-folio/pull/686)), not every
photo
of the subpage's albums, and the proofing bar in essays shows the
selection
count instead of a filter button that did nothing.
- **The page panel scrolls with the mouse wheel**
([#720](https://github.com/ralksta/immich-folio/pull/720)).
- **The journal editor's top bar wraps on phones**
([#723](https://github.com/ralksta/immich-folio/pull/723), closes
[#675](https://github.com/ralksta/immich-folio/issues/675)), so the
title
stays editable and Save stays on screen.
- **Every admin form field has a name for assistive technology**
([#715](https://github.com/ralksta/immich-folio/pull/715)). Only two
inputs
had a linked label; 47 are linked now, and clicking a label focuses its
field.
### Internal
- **`SettingsEditor` and `PageBuilder` are split up**
([#710](https://github.com/ralksta/immich-folio/pull/710),
[#711](https://github.com/ralksta/immich-folio/pull/711)). The
2,200-line
settings editor is a shell with one file per section; the page builder's
YAML handling and edits are pure functions under test. Both were checked
side by side against `dev` for identical output.
- **`useAdminFetch()`**
([#707](https://github.com/ralksta/immich-folio/pull/707))
gives Analytics, Messages, Backups and the journal list one loading and
error pattern.
- README brought up to v0.17.0
([#678](https://github.com/ralksta/immich-folio/pull/678),
[#679](https://github.com/ralksta/immich-folio/pull/679)).
### Upgrade notes
**`content/` gains two directories the app writes to:**
`content/.fonts/`
for the cached fonts and `content/messages/` for contact-form messages.
Both
are created on demand, so a writable `content/` is enough, as before.
**The server needs outbound HTTPS to Google once per font** to fill the
font
cache. Until then pages fall back to the theme's system fonts. Visitors'
browsers no longer contact Google.
**A custom CSP or reverse-proxy allowlist** must now allow
`tile.openstreetmap.org` for images instead of
`*.basemaps.cartocdn.com`,
and no longer needs `fonts.googleapis.com`, `fonts.gstatic.com` or
`unpkg.com`. The built-in CSP is updated.
**`theme.accent` must be hex** (`#rgb`, `#rrggbb` or `#rrggbbaa`).
Anything
else, including a value without `#`, falls back to the preset's accent.
**Plaintext passwords in `gallery.yaml`, `settings.yaml` or journal
entries**
are hashed the next time that file is saved in the admin; one save
clears the
doctor's warning.
**New, optional settings:** `contact.*` (the form is off by default),
`privacy.enabled`, `legal.heading`, `legal.contactUrl`,
`legal.contactLabel`,
and the `CDN_URL` and `CONTACT_NOTIFY_URL` environment variables. See
`content/settings.yaml.example` and `.env.local.example`. In the example
file,
`vatId` and `taxId` had swapped sample values; check yours if you copied
them.
No `IMAGE_CACHE_VERSION` bump is needed this time.
---------
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: ralksta <ralksta@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: Ralf <rohlenbo79@gmail.com>
Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com>
Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com>
Co-authored-by: Lance Martin <lancetaylor95@gmail.com>
2026-09-27 14:43:38 +02:00
|
|
|
checkContact,
|
|
|
|
|
checkLegal,
|
|
|
|
|
checkPrivacy,
|
2026-09-29 22:50:30 +02:00
|
|
|
checkContentPages,
|
|
|
|
|
checkSettingValues,
|
2026-08-23 23:18:14 +02:00
|
|
|
worstLevel,
|
|
|
|
|
} from '../admin/doctor';
|
|
|
|
|
|
2026-09-22 14:12:13 +02:00
|
|
|
/** A stand-in for lib/config/schema.ts's slugify(), good enough to test the
|
|
|
|
|
* grouping logic without doctor.ts importing anything (see its own comment). */
|
|
|
|
|
const testSlug = (name: string) =>
|
|
|
|
|
name
|
|
|
|
|
.toLowerCase()
|
|
|
|
|
.replace(/[^a-z0-9]+/g, '-')
|
|
|
|
|
.replace(/^-+|-+$/g, '');
|
|
|
|
|
|
2026-08-23 23:18:14 +02:00
|
|
|
describe('checkAuthSecret', () => {
|
|
|
|
|
it('accepts a long secret', () => {
|
|
|
|
|
expect(checkAuthSecret('a'.repeat(64)).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns about a short one', () => {
|
|
|
|
|
const f = checkAuthSecret('short');
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.title).toContain('5 characters');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('errors when absent', () => {
|
|
|
|
|
expect(checkAuthSecret(undefined).level).toBe('error');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** The report is shown in a browser and pasted into issues. */
|
|
|
|
|
it('never repeats the secret itself', () => {
|
|
|
|
|
const secret = 'super-secret-value-nobody-should-see';
|
|
|
|
|
const f = checkAuthSecret(secret);
|
|
|
|
|
expect(JSON.stringify(f)).not.toContain(secret);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('countForwardedHops', () => {
|
|
|
|
|
it('counts the entries of a chain', () => {
|
|
|
|
|
expect(countForwardedHops('203.0.113.1, 10.0.0.1')).toBe(2);
|
|
|
|
|
expect(countForwardedHops('203.0.113.1')).toBe(1);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('treats an absent or empty header as no proxy', () => {
|
|
|
|
|
expect(countForwardedHops(null)).toBe(0);
|
|
|
|
|
expect(countForwardedHops('')).toBe(0);
|
|
|
|
|
expect(countForwardedHops(' , ')).toBe(0);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Both directions fail silently today: too high and the lookup runs off the end
|
|
|
|
|
* of the chain, too low and the IP comes from a header the client writes.
|
|
|
|
|
*/
|
|
|
|
|
describe('checkProxyHops', () => {
|
|
|
|
|
it('is happy when the value matches what arrived', () => {
|
|
|
|
|
expect(checkProxyHops(1, 1, true).level).toBe('ok');
|
|
|
|
|
expect(checkProxyHops(0, 0, false).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when a chain arrived but no hops are configured', () => {
|
|
|
|
|
const f = checkProxyHops(0, 2, true);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('spoofing');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when more hops are configured than arrived', () => {
|
|
|
|
|
expect(checkProxyHops(3, 2, true).level).toBe('warn');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** An admin on the LAN legitimately sees no chain — say so, do not accuse. */
|
|
|
|
|
it('explains the direct-admin case instead of calling it broken', () => {
|
|
|
|
|
const f = checkProxyHops(1, 0, false);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('directly');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Next fills X-Forwarded-For with the socket address when a request arrives
|
|
|
|
|
* without one, so a lone entry is what a *direct* request looks like. Warning
|
|
|
|
|
* on that would fire on every deployment that has no proxy at all.
|
|
|
|
|
*/
|
|
|
|
|
it('does not mistake the header Next writes itself for a proxy', () => {
|
|
|
|
|
const f = checkProxyHops(0, 1, false);
|
|
|
|
|
expect(f.level).toBe('ok');
|
|
|
|
|
expect(f.title).toContain('No reverse proxy');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('does trust a lone entry when a real proxy header backs it up', () => {
|
|
|
|
|
const f = checkProxyHops(0, 1, true);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('spoofing');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('accepts one configured hop against one corroborated entry', () => {
|
|
|
|
|
expect(checkProxyHops(1, 1, true).level).toBe('ok');
|
|
|
|
|
});
|
2026-09-22 14:12:13 +02:00
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Cloudflare (1 hop) in front of nginx (1 more, 2 total) with the value set
|
|
|
|
|
* to 1 used to report "matches the observed chain" — the client IP was
|
|
|
|
|
* actually read from the Cloudflare edge address, so every visitor behind
|
|
|
|
|
* that PoP shared one rate-limit bucket (#629).
|
|
|
|
|
*/
|
|
|
|
|
it('warns, not passes, when fewer hops are configured than arrived', () => {
|
|
|
|
|
const f = checkProxyHops(1, 2, true);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.title).toContain('1');
|
|
|
|
|
expect(f.title).toContain('2');
|
|
|
|
|
});
|
2026-08-23 23:18:14 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkAlbumIds', () => {
|
|
|
|
|
const known = [
|
|
|
|
|
{ id: 'a', albumName: 'Japan' },
|
|
|
|
|
{ id: 'b', albumName: 'Poland' },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
it('passes when every configured album resolves', () => {
|
|
|
|
|
expect(checkAlbumIds(['a', 'b'], known).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('names the ids Immich does not know', () => {
|
|
|
|
|
const f = checkAlbumIds(['a', 'ghost'], known);
|
|
|
|
|
expect(f.level).toBe('error');
|
|
|
|
|
expect(f.detail).toContain('ghost');
|
2026-09-19 22:24:10 +02:00
|
|
|
expect(f.albumIds).toEqual(['ghost']);
|
2026-08-23 23:18:14 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('flags an empty gallery', () => {
|
|
|
|
|
expect(checkAlbumIds([], known).level).toBe('warn');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** Never an error: publishing an unshared album has always worked (#515). */
|
|
|
|
|
describe('checkAlbumsShared', () => {
|
|
|
|
|
const known = [
|
|
|
|
|
{ id: 'a', albumName: 'Japan', shared: true },
|
|
|
|
|
{ id: 'b', albumName: 'Private trip', shared: false },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
it('is quiet when everything published is shared', () => {
|
|
|
|
|
expect(checkAlbumsShared(['a'], known).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns and names the unshared album', () => {
|
|
|
|
|
const f = checkAlbumsShared(['a', 'b'], known);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('Private trip');
|
2026-09-19 22:24:10 +02:00
|
|
|
expect(f.albumIds).toEqual(['b']);
|
2026-08-23 23:18:14 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** An older Immich may not report the flag; silence beats a false alarm. */
|
|
|
|
|
it('says nothing when the flag is absent', () => {
|
|
|
|
|
expect(checkAlbumsShared(['x'], [{ id: 'x', albumName: 'Unknown' }]).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
2026-09-22 14:12:13 +02:00
|
|
|
describe('checkAlbumSlugCollisions', () => {
|
|
|
|
|
const known = [
|
|
|
|
|
{ id: 'a', albumName: 'Japan Trip' },
|
|
|
|
|
{ id: 'b', albumName: 'Japan-Trip' },
|
|
|
|
|
{ id: 'c', albumName: 'Iceland' },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
it('is quiet when nothing collides', () => {
|
|
|
|
|
const f = checkAlbumSlugCollisions(
|
|
|
|
|
[{ context: 'gallery.yaml albums', albumIds: ['a', 'c'] }],
|
|
|
|
|
{},
|
|
|
|
|
known,
|
|
|
|
|
testSlug,
|
|
|
|
|
);
|
|
|
|
|
expect(f.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('flags two albums in the same group whose Immich names slugify alike', () => {
|
|
|
|
|
const f = checkAlbumSlugCollisions(
|
|
|
|
|
[{ context: 'gallery.yaml albums', albumIds: ['a', 'b'] }],
|
|
|
|
|
{},
|
|
|
|
|
known,
|
|
|
|
|
testSlug,
|
|
|
|
|
);
|
|
|
|
|
expect(f.level).toBe('error');
|
|
|
|
|
expect(f.detail).toContain('Japan Trip');
|
|
|
|
|
expect(f.detail).toContain('Japan-Trip');
|
|
|
|
|
expect(f.albumIds).toEqual(['a', 'b']);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('does not flag the same collision across two different groups', () => {
|
|
|
|
|
// /trips-a/japan-trip and /trips-b/japan-trip are different URLs.
|
|
|
|
|
const f = checkAlbumSlugCollisions(
|
|
|
|
|
[
|
|
|
|
|
{ context: 'subpage "Trips A"', albumIds: ['a'] },
|
|
|
|
|
{ context: 'subpage "Trips B"', albumIds: ['b'] },
|
|
|
|
|
],
|
|
|
|
|
{},
|
|
|
|
|
known,
|
|
|
|
|
testSlug,
|
|
|
|
|
);
|
|
|
|
|
expect(f.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('prefers a title override over the Immich name', () => {
|
|
|
|
|
const f = checkAlbumSlugCollisions(
|
|
|
|
|
[{ context: 'gallery.yaml albums', albumIds: ['a', 'c'] }],
|
|
|
|
|
{ c: 'Japan Trip' }, // overrides "Iceland" — now collides with "a"
|
|
|
|
|
known,
|
|
|
|
|
testSlug,
|
|
|
|
|
);
|
|
|
|
|
expect(f.level).toBe('error');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('says nothing about an id Immich does not know and has no override', () => {
|
|
|
|
|
const f = checkAlbumSlugCollisions(
|
|
|
|
|
[{ context: 'gallery.yaml albums', albumIds: ['a', 'ghost'] }],
|
|
|
|
|
{},
|
|
|
|
|
known,
|
|
|
|
|
testSlug,
|
|
|
|
|
);
|
|
|
|
|
expect(f.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
2026-08-23 23:18:14 +02:00
|
|
|
describe('checkPasswords', () => {
|
|
|
|
|
it('passes when everything is hashed', () => {
|
|
|
|
|
expect(checkPasswords([{ label: 'Site', value: 'scrypt:aa:bb' }]).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns about plaintext and names where it lives', () => {
|
|
|
|
|
const f = checkPasswords([
|
|
|
|
|
{ label: 'Site', value: 'scrypt:aa:bb' },
|
|
|
|
|
{ label: 'Album japan-2024', value: 'hunter2' },
|
|
|
|
|
]);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('Album japan-2024');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** Bcrypt cannot be verified at all any more — that is broken, not sloppy. */
|
|
|
|
|
it('errors on a leftover bcrypt hash', () => {
|
|
|
|
|
expect(checkPasswords([{ label: 'Site', value: '$2b$10$abcdefghijklmno' }]).level).toBe(
|
|
|
|
|
'error',
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('never repeats a password', () => {
|
|
|
|
|
const f = checkPasswords([{ label: 'Album x', value: 'hunter2' }]);
|
|
|
|
|
expect(JSON.stringify(f)).not.toContain('hunter2');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkWritable', () => {
|
|
|
|
|
it('passes when nothing is blocked', () => {
|
|
|
|
|
expect(checkWritable([]).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('errors and names the paths', () => {
|
|
|
|
|
const f = checkWritable(['content/', 'content/.backups']);
|
|
|
|
|
expect(f.level).toBe('error');
|
|
|
|
|
expect(f.detail).toContain('content/.backups');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkImmichCalls', () => {
|
|
|
|
|
it('passes when every call came back', () => {
|
|
|
|
|
expect(
|
|
|
|
|
checkImmichCalls([
|
|
|
|
|
{ endpoint: '/server/ping', ok: true },
|
|
|
|
|
{ endpoint: '/albums', ok: true },
|
|
|
|
|
]).level,
|
|
|
|
|
).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('names the failing endpoint', () => {
|
|
|
|
|
const f = checkImmichCalls([
|
|
|
|
|
{ endpoint: '/server/ping', ok: true },
|
|
|
|
|
{ endpoint: '/albums', ok: false },
|
|
|
|
|
]);
|
|
|
|
|
expect(f.level).toBe('error');
|
|
|
|
|
expect(f.detail).toContain('/albums');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('worstLevel', () => {
|
|
|
|
|
it('reports the most severe finding', () => {
|
|
|
|
|
expect(worstLevel([{ id: 'a', level: 'ok', title: '', detail: '' }])).toBe('ok');
|
|
|
|
|
expect(
|
|
|
|
|
worstLevel([
|
|
|
|
|
{ id: 'a', level: 'ok', title: '', detail: '' },
|
|
|
|
|
{ id: 'b', level: 'warn', title: '', detail: '' },
|
|
|
|
|
]),
|
|
|
|
|
).toBe('warn');
|
|
|
|
|
expect(
|
|
|
|
|
worstLevel([
|
|
|
|
|
{ id: 'a', level: 'warn', title: '', detail: '' },
|
|
|
|
|
{ id: 'b', level: 'error', title: '', detail: '' },
|
|
|
|
|
]),
|
|
|
|
|
).toBe('error');
|
|
|
|
|
});
|
|
|
|
|
});
|
release: v0.18.0 (#725)
Release v0.18.0 — merges `dev` into `main`.
## Thanks
- [@lancetm714](https://github.com/lancetm714) for the accent-contrast
fix (#680 → #724).
- [@RichKidsDev](https://github.com/RichKidsDev) for reporting the
outdated Impressum (#697).
### Security
- **Journal drafts and password-protected entries no longer render
publicly
as a subpage essay**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-987w-cpwm-c9g9](https://github.com/ralksta/immich-folio/security/advisories/GHSA-987w-cpwm-c9g9),
medium). A subpage's `essayFile` read the journal entry straight from
disk,
skipping the draft and password rules `/journal/<slug>` applies. It now
resolves through the same rules: a draft reads as missing for visitors,
and
a protected entry shows its password gate, sharing the
`lb_auth_journal_<slug>` cookie.
- **Immich descriptions are escaped in generated subpage essays**
([#684](https://github.com/ralksta/immich-folio/pull/684),
[GHSA-8ppx-39jv-q5xm](https://github.com/ralksta/immich-folio/security/advisories/GHSA-8ppx-39jv-q5xm),
low). The essay built from a subpage's albums (`layout: essay` without
markdown) put each asset's Immich description into the page as raw HTML.
Captions are now HTML-escaped, and they go through `assetCaption()`, so
`exif.caption: false` is respected there as well. Tracked in
[#689](https://github.com/ralksta/immich-folio/issues/689).
- **Admin drafts no longer keep a typed password, and the contact form's
email check runs in linear time**
([#727](https://github.com/ralksta/immich-folio/pull/727)). The admin's
session drafts wrote a password as typed to `sessionStorage`; a draft
holding a plaintext password is now not kept (the unsaved-changes guard
still warns). The email pattern could backtrack polynomially on a
crafted
domain; its labels now exclude the dot and the length is checked first.
Both found by CodeQL before release.
### Added
- **A built-in contact form with an inbox in the admin**
([#703](https://github.com/ralksta/immich-folio/pull/703), closes
[#702](https://github.com/ralksta/immich-folio/issues/702)). `/contact`
needs neither SMTP nor a form service: each message is one file in
`content/messages/` (mode `0600`), read under the new _Messages_ tab,
where
_Reply by email_ opens the owner's mail client with the message quoted.
Messages older than `contact.retentionDays` (default 90) are deleted. An
optional ntfy push goes to `contact.notifyUrl` or `CONTACT_NOTIFY_URL`,
and
since [#709](https://github.com/ralksta/immich-folio/pull/709) it
carries a
fixed "new message" line and nothing about the sender — no name, no
address, no text. Spam is kept out without a captcha: an off-screen
honeypot, a minimum fill time, three submissions a minute per IP and a
cap
of 500 stored messages. With the Impressum on and no `legal.contactUrl`,
the Impressum links the form as its second contact channel. A new doctor
check warns when the form is on but nobody is notified.
- **A privacy policy page, next to a list of what the site processes**
([#708](https://github.com/ralksta/immich-folio/pull/708)). `/privacy`
renders `content/privacy.md`, edited under Settings → Legal, and the
footer
links it once the file has text; `privacy.enabled: false` hides it.
Folio
writes no legal text. Beside the editor it lists what _this_
installation
does, read off the configuration — the map, statistics, contact form,
password cookies, CDN — and marks every entry that involves a third
party.
_Insert headings_ adds the matching section headings and nothing else.
The
doctor warns while the Impressum is on and there is no policy.
- **French, Spanish, Italian and Dutch interface translations**
([#681](https://github.com/ralksta/immich-folio/pull/681)), selected
with
`settings.yaml: lang` as before. The admin panel stays English.
- **CDN mode for photos and videos**
([#681](https://github.com/ralksta/immich-folio/pull/681)). With
`CDN_URL`
set, image and video URLs point at a pull CDN whose origin is this
server,
so repeat views reach neither the server nor Immich. A site password
switches the mode off, since a CDN would hand out cached photos without
checking the unlock cookie. The CDN origin is added to the CSP, and a
doctor check covers the password and `TRUSTED_PROXY_HOPS` cases. See
`docs/deployment.md#cdn-mode`.
- **A reworked admin panel**
([#712](https://github.com/ralksta/immich-folio/pull/712),
[#713](https://github.com/ralksta/immich-folio/pull/713),
[#714](https://github.com/ralksta/immich-folio/pull/714),
[#716](https://github.com/ralksta/immich-folio/pull/716),
[#717](https://github.com/ralksta/immich-folio/pull/717),
[#718](https://github.com/ralksta/immich-folio/pull/718),
[#719](https://github.com/ralksta/immich-folio/pull/719),
[#721](https://github.com/ralksta/immich-folio/pull/721)):
- **A sidebar instead of the header row**, grouped by task, with an
unread
count on Messages and a dot on Diagnostics while Immich is down. It
collapses to an icon rail, with names shown on hover and focus, and
remembers that per browser.
- **`/admin` is an overview**: what needs attention (unread messages,
doctor warnings), published pages, journal entries and recent views.
- **The site's own visual language** — the preset's fonts, hairline
borders, the square marker — and one page header on every screen. The
accent is kept for the current place and the primary action; switches
are now pills reading ON or OFF, in green rather than the accent, so
Studio Modern's red no longer makes an enabled setting look like an
error.
- **The page builder is a structure list and a panel.** Hero, subpages
and
standalone albums sit in one list on the left, subpages drag-sorted in
place; the selected entry is edited on the right instead of in an
overlay.
- **Dialogs only where a change is permanent.** Deleting a message or a
journal entry, and resetting the favicon (which used to delete the file
without asking), go through one confirm dialog in the admin's own look.
Removals in the page builder, which only touch unsaved state, happen at
once and offer _Undo_. No `window.confirm()` is left.
- **Feature switches are grouped by meaning** as one-line rows under
Settings → General; page transitions and scroll-to-top moved to Theme →
Look & motion. No setting keys changed.
### Changed
- **Fonts and the Leaflet stylesheet are served from the site itself**
([#700](https://github.com/ralksta/immich-folio/pull/700)). Every page
used
to link `fonts.googleapis.com`, which sends each visitor's IP address to
Google. The server now fetches a theme's Google fonts once, rewrites the
stylesheet and caches the files in `content/.fonts/`; custom fonts in
`theme.fonts` keep working. If Google cannot be reached before a font is
cached, the page falls back to the theme's system fonts. `leaflet.css`
comes from the npm package instead of unpkg. The CSP drops
`fonts.googleapis.com`, `fonts.gstatic.com` and `unpkg.com`.
- **Email addresses are kept out of the served HTML**
([#705](https://github.com/ralksta/immich-folio/pull/705)). The
Impressum
and footer render the address only after hydration, from an encoded
form,
so harvesters reading raw HTML find nothing. Without JavaScript the
Impressum shows `name [at] example [dot] de`. This defeats bulk
harvesting,
not a person with a browser.
- **The Impressum cites § 5 DDG and links its contacts**
([#698](https://github.com/ralksta/immich-folio/pull/698), reported in
[#697](https://github.com/ralksta/immich-folio/issues/697) by
[@RichKidsDev](https://github.com/RichKidsDev)). The TMG was replaced by
the
DDG in May 2024; `legal.heading` replaces the line for other laws (e.g.
§ 5 ECG in Austria). `legal.contactUrl` and `legal.contactLabel` add a
contact form as the second channel, so a phone number stays optional.
Email, phone and contact URL are now links, and the "Created with the
Impressum generator by eRecht24" line, shown on every site whether true
or
not, is gone. Settings → Legal gains fields for heading, contact URL,
VAT
ID and tax number, and a doctor check flags missing details.
- **Missing pages answer `404`**
([#704](https://github.com/ralksta/immich-folio/pull/704)). Every
missing
page used to answer `200`, because streaming had started before
`notFound()` ran. `/contact`, `/impressum`, `/map` and `/privacy` while
switched off, and `/journal/<slug>` without an entry, now return a real
404 with the same not-found page. Album and subpage slugs still depend
on
Immich and stay soft 404s.
- **Passwords set in the admin are stored as scrypt hashes**
([#706](https://github.com/ralksta/immich-folio/pull/706), closes
[#690](https://github.com/ralksta/immich-folio/issues/690)). Subpage,
album, journal-entry and site passwords were written as typed. The save
routes now hash them; a stored hash reads _Protected_ with _Change_ and
_Remove_ and is never put into an input. Visitors who unlocked a page
stay
signed in across unrelated saves. Existing plaintext passwords are
hashed
the next time their file is saved in the admin.
- **One notification surface in the admin**
([#707](https://github.com/ralksta/immich-folio/pull/707)) replaces
every
`alert()`: errors stay until dismissed, successes clear themselves, and
screen readers announce both.
### Fixed
- **Map tiles load again**
([#701](https://github.com/ralksta/immich-folio/pull/701)). CARTO
started
answering every tile with an "API KEY REQUIRED" image, leaving `/map`
and
journal map blocks as a grey grid. Tiles now come from OpenStreetMap;
the
dark look is a CSS filter, so the map now follows the colour mode.
- **The page builder no longer drops a subpage's `proofing:` flag on
save**
([#711](https://github.com/ralksta/immich-folio/pull/711)). A page
switched
off for proofing by hand reverted after any unrelated edit.
- **Unsaved edits in Settings and About survive switching admin tabs,
and a
backup restore is no longer overwritten by the next save**
([#687](https://github.com/ralksta/immich-folio/pull/687)). Editors that
were open during a restore now reload and offer unsaved edits back as a
conflict. Also: "Restore my changes" after a conflict found nothing,
removing an album left its drawer showing the next album, and the
journal
saved (rotating a backup) without changes.
- **Accent-backed buttons stay readable with a light or malformed
accent**
([#724](https://github.com/ralksta/immich-folio/pull/724), supersedes
[#680](https://github.com/ralksta/immich-folio/pull/680)) — contributed
by
[@lancetm714](https://github.com/lancetm714). A white accent made the
proofing dialog's _Download selected (.zip)_ button white on white.
`theme.accent` is now accepted as hex only and normalised to `#rrggbb`,
anything else falls back to the preset, and the proofing dialog and
filter
pills use the mode-aware `--on-accent` text colour from #688.
- **Every preset's accent is visible in both colour modes**
([#688](https://github.com/ralksta/immich-folio/pull/688)). Presets had
one
accent for both modes; minimal's dark mode drew black buttons on black.
Presets now carry a light and a dark accent, and text on accent-filled
buttons picks black or white for contrast. A custom accent stays the
owner's choice in both modes.
- **Visitor-side inconsistencies**
([#685](https://github.com/ralksta/immich-folio/pull/685)): after
visiting
`/impressum`, every subpage header turned centred and uppercase; back
links
announced "Back to Back to …"; the hero EXIF chip ignored
`exif.location`/`camera`/`settings`; videos in journal entries opened as
stills; the setup screen named a non-existent `.env.example`.
- **An essay's lightbox walks only the photos the story shows**
([#686](https://github.com/ralksta/immich-folio/pull/686)), not every
photo
of the subpage's albums, and the proofing bar in essays shows the
selection
count instead of a filter button that did nothing.
- **The page panel scrolls with the mouse wheel**
([#720](https://github.com/ralksta/immich-folio/pull/720)).
- **The journal editor's top bar wraps on phones**
([#723](https://github.com/ralksta/immich-folio/pull/723), closes
[#675](https://github.com/ralksta/immich-folio/issues/675)), so the
title
stays editable and Save stays on screen.
- **Every admin form field has a name for assistive technology**
([#715](https://github.com/ralksta/immich-folio/pull/715)). Only two
inputs
had a linked label; 47 are linked now, and clicking a label focuses its
field.
### Internal
- **`SettingsEditor` and `PageBuilder` are split up**
([#710](https://github.com/ralksta/immich-folio/pull/710),
[#711](https://github.com/ralksta/immich-folio/pull/711)). The
2,200-line
settings editor is a shell with one file per section; the page builder's
YAML handling and edits are pure functions under test. Both were checked
side by side against `dev` for identical output.
- **`useAdminFetch()`**
([#707](https://github.com/ralksta/immich-folio/pull/707))
gives Analytics, Messages, Backups and the journal list one loading and
error pattern.
- README brought up to v0.17.0
([#678](https://github.com/ralksta/immich-folio/pull/678),
[#679](https://github.com/ralksta/immich-folio/pull/679)).
### Upgrade notes
**`content/` gains two directories the app writes to:**
`content/.fonts/`
for the cached fonts and `content/messages/` for contact-form messages.
Both
are created on demand, so a writable `content/` is enough, as before.
**The server needs outbound HTTPS to Google once per font** to fill the
font
cache. Until then pages fall back to the theme's system fonts. Visitors'
browsers no longer contact Google.
**A custom CSP or reverse-proxy allowlist** must now allow
`tile.openstreetmap.org` for images instead of
`*.basemaps.cartocdn.com`,
and no longer needs `fonts.googleapis.com`, `fonts.gstatic.com` or
`unpkg.com`. The built-in CSP is updated.
**`theme.accent` must be hex** (`#rgb`, `#rrggbb` or `#rrggbbaa`).
Anything
else, including a value without `#`, falls back to the preset's accent.
**Plaintext passwords in `gallery.yaml`, `settings.yaml` or journal
entries**
are hashed the next time that file is saved in the admin; one save
clears the
doctor's warning.
**New, optional settings:** `contact.*` (the form is off by default),
`privacy.enabled`, `legal.heading`, `legal.contactUrl`,
`legal.contactLabel`,
and the `CDN_URL` and `CONTACT_NOTIFY_URL` environment variables. See
`content/settings.yaml.example` and `.env.local.example`. In the example
file,
`vatId` and `taxId` had swapped sample values; check yours if you copied
them.
No `IMAGE_CACHE_VERSION` bump is needed this time.
---------
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: ralksta <ralksta@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: Ralf <rohlenbo79@gmail.com>
Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com>
Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com>
Co-authored-by: Lance Martin <lancetaylor95@gmail.com>
2026-09-27 14:43:38 +02:00
|
|
|
|
|
|
|
|
describe('checkCdn', () => {
|
|
|
|
|
it('stays silent without CDN_URL', () => {
|
|
|
|
|
expect(checkCdn(undefined, false, 1)).toBeNull();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns that a site password keeps photos off the CDN', () => {
|
|
|
|
|
const finding = checkCdn('https://cdn.example.net', true, 1)!;
|
|
|
|
|
expect(finding.level).toBe('warn');
|
|
|
|
|
expect(finding.detail).toMatch(/password/);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when the rate limiter would count CDN edges', () => {
|
|
|
|
|
const finding = checkCdn('https://cdn.example.net', false, 0)!;
|
|
|
|
|
expect(finding.level).toBe('warn');
|
|
|
|
|
expect(finding.title).toMatch(/TRUSTED_PROXY_HOPS/);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('reports ok with a proxy chain configured', () => {
|
|
|
|
|
const finding = checkCdn('https://cdn.example.net', false, 2)!;
|
|
|
|
|
expect(finding.level).toBe('ok');
|
|
|
|
|
expect(finding.detail).toContain('https://cdn.example.net');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkLegal', () => {
|
|
|
|
|
const complete = {
|
|
|
|
|
enabled: true,
|
|
|
|
|
name: 'Ralf',
|
|
|
|
|
address: 'Street 1',
|
|
|
|
|
zipCity: '10247 Berlin',
|
|
|
|
|
email: 'mail@example.com',
|
|
|
|
|
contactUrl: 'https://example.com/contact',
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
it('returns nothing while the Impressum is switched off or absent', () => {
|
|
|
|
|
expect(checkLegal({ ...complete, enabled: false })).toBeNull();
|
|
|
|
|
expect(checkLegal(undefined)).toBeNull();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('passes with name, address, email and a second channel', () => {
|
|
|
|
|
expect(checkLegal(complete)?.level).toBe('ok');
|
|
|
|
|
expect(checkLegal({ ...complete, contactUrl: undefined, phone: '+49 30 1' })?.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('names the missing address fields', () => {
|
|
|
|
|
const f = checkLegal({ ...complete, address: '', zipCity: ' ' })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('street address, ZIP and city');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('asks for an email address', () => {
|
|
|
|
|
expect(checkLegal({ ...complete, email: undefined })!.detail).toContain('No email address');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('flags email as the only contact channel', () => {
|
|
|
|
|
const f = checkLegal({ ...complete, contactUrl: undefined })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('only contact channel');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('reports a contact URL the page drops, and does not count it as a channel', () => {
|
|
|
|
|
const f = checkLegal({ ...complete, contactUrl: 'javascript:alert(1)' })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.title).toContain('2 gaps');
|
|
|
|
|
expect(f.detail).toContain('ignored');
|
|
|
|
|
expect(f.detail).toContain('only contact channel');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('tolerates hand-edited YAML with the wrong types', () => {
|
|
|
|
|
const f = checkLegal({ ...complete, name: 42, email: ['a'] })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('Missing: name');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkLegal with the built-in contact form', () => {
|
|
|
|
|
const emailOnly = {
|
|
|
|
|
enabled: true,
|
|
|
|
|
name: 'Ralf',
|
|
|
|
|
address: 'Street 1',
|
|
|
|
|
zipCity: '10247 Berlin',
|
|
|
|
|
email: 'mail@example.com',
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
it('counts the form as the second contact channel', () => {
|
|
|
|
|
expect(checkLegal(emailOnly)?.level).toBe('warn');
|
|
|
|
|
expect(checkLegal(emailOnly, true)?.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkContact', () => {
|
|
|
|
|
it('returns nothing while the form is off', () => {
|
|
|
|
|
expect(checkContact({ enabled: false })).toBeNull();
|
|
|
|
|
expect(checkContact(undefined)).toBeNull();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when nobody hears about new messages', () => {
|
|
|
|
|
expect(checkContact({ enabled: true })?.level).toBe('warn');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns about a URL that is not http(s)', () => {
|
|
|
|
|
const f = checkContact({ enabled: true, notifyUrl: 'ntfy.sh/topic' })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.title).toContain('ignored');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('is satisfied by the settings value or by CONTACT_NOTIFY_URL', () => {
|
|
|
|
|
expect(checkContact({ enabled: true, notifyUrl: 'https://ntfy.sh/t' })?.level).toBe('ok');
|
|
|
|
|
expect(checkContact({ enabled: true }, 'https://ntfy.sh/t')?.level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkPrivacy', () => {
|
|
|
|
|
it('stays quiet on a site with no legal pages at all', () => {
|
|
|
|
|
expect(checkPrivacy({ legalEnabled: false, privacyEnabled: true, hasText: false })).toBeNull();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when the Impressum is on and there is no policy', () => {
|
|
|
|
|
const f = checkPrivacy({ legalEnabled: true, privacyEnabled: true, hasText: false })!;
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.detail).toContain('no text');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns when the text exists but the page is switched off', () => {
|
|
|
|
|
const f = checkPrivacy({ legalEnabled: true, privacyEnabled: false, hasText: true })!;
|
|
|
|
|
expect(f.detail).toContain('switched off');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('is satisfied by a published policy', () => {
|
|
|
|
|
expect(checkPrivacy({ legalEnabled: true, privacyEnabled: true, hasText: true })?.level).toBe(
|
|
|
|
|
'ok',
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
});
|
2026-09-29 22:50:30 +02:00
|
|
|
|
|
|
|
|
describe('checkContentPages (#722)', () => {
|
|
|
|
|
it('stays silent without pages or references', () => {
|
|
|
|
|
expect(checkContentPages({ menuRefs: [], pages: [], collisions: [] })).toBeNull();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('is ok when every reference has a file and no slug is taken', () => {
|
|
|
|
|
const f = checkContentPages({
|
|
|
|
|
menuRefs: ['pricing'],
|
|
|
|
|
pages: ['pricing', 'faq'],
|
|
|
|
|
collisions: [],
|
|
|
|
|
});
|
|
|
|
|
expect(f?.level).toBe('ok');
|
|
|
|
|
expect(f?.id).toBe('content-pages');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns about a menu reference without a file, naming it', () => {
|
|
|
|
|
const f = checkContentPages({
|
|
|
|
|
menuRefs: ['pricing', 'gone'],
|
|
|
|
|
pages: ['pricing'],
|
|
|
|
|
collisions: [],
|
|
|
|
|
});
|
|
|
|
|
expect(f?.level).toBe('warn');
|
|
|
|
|
expect(f?.detail).toContain('"gone"');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('reports a slug collision as an error', () => {
|
|
|
|
|
const f = checkContentPages({
|
|
|
|
|
menuRefs: [],
|
|
|
|
|
pages: ['travel'],
|
|
|
|
|
collisions: [{ slug: 'travel', reason: '/travel is already a subpage.' }],
|
|
|
|
|
});
|
|
|
|
|
expect(f?.level).toBe('error');
|
|
|
|
|
expect(f?.detail).toContain('/travel is already a subpage.');
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('checkSettingValues (QA A-14)', () => {
|
|
|
|
|
it('is ok when every checked value is used as written', () => {
|
|
|
|
|
expect(checkSettingValues([]).level).toBe('ok');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('warns and names the fields the site replaces', () => {
|
|
|
|
|
const f = checkSettingValues([{ field: 'theme.accent' }, { field: 'grid.columns' }]);
|
|
|
|
|
expect(f.level).toBe('warn');
|
|
|
|
|
expect(f.title).toBe('2 settings are ignored');
|
|
|
|
|
expect(f.detail).toContain('accent colour, grid columns');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it('points at the settings section of the first field', () => {
|
|
|
|
|
expect(checkSettingValues([{ field: 'url' }]).settingsSection).toBe('seo');
|
|
|
|
|
expect(checkSettingValues([{ field: 'grid.gap' }]).settingsSection).toBe('grid');
|
|
|
|
|
expect(checkSettingValues([{ field: 'theme.accent' }]).settingsSection).toBe('theme');
|
|
|
|
|
});
|
|
|
|
|
});
|