Introducing the Next Generation of Our Blog: Public Reading, Real-Time Analytics, and Administrative Mastery

We’ve been busy over the last few weeks! Today, we are thrilled to share a massive set of updates that drastically improve how you read, moderate, manage, and monitor the blog. Whether you are a casual visitor, an active author, or a site administrator, there is something major in this release for you.

Here is a deep dive into the highlights of the latest changes.

1. Public Reading Mode: No Login Required! 📖

The biggest architectural shift in this release is that the blog is now public-facing.

Previously, visitors had to log in just to browse posts. We have opened our doors: anyone can now read posts, explore the news feed, learn about authors, and filter by tags at /posts, /news, /authors, and /tags without needing an account.

To keep our community safe and high-quality:

• Writing and Editing: Creating new posts, editing, liking, and pinning still strictly require being logged in.
• Anonymous Safety: The comment form is hidden for anonymous viewers, and likes are displayed as a sleek, read-only heart badge.
• User & Author Contexts: Public pages hide draft posts and restricted visibility posts (e.g., “friends-only” or “users-only”) dynamically, depending on whether the visitor is logged in and authorized.

2. Real-Time Session Analytics & Interactive SVG Charts 📊

For administrators, we’ve built a powerhouse of an analytics suite at /admin/session-log/stats powered by Phoenix PubSub and live telemetry.

• Live Summary Metrics: Track Total, User, Guest, and Active Country counts in real time as traffic hits the server.
• Interactive SVG Donut/Pie Chart: Hover over the “Top Countries” card to interact with custom SVG segments showing percentage shares and country legends.
• Interactive SVG Bar Charts: Watch active session distributions by day and hourly peak activity update live before your eyes without a page reload.
• Flags Box Modal: Click any item in the trimmed country flags box to pop open a scrollable, detailed modal listing all active country session counts.
• Auto-Archiving: A background worker now automatically archives session logs older than a configurable threshold (defaulting to 24 hours) to keep the database lean and performant.

3. Advanced Runtime Configuration UI ⚙️

No more editing files on the server or manually redeploying just to tweak a setting!

We introduced WAppCore.RuntimeConfiguration, a smart memory cache that sits in front of your environment variables and .env file. We then built a control center at /admin/settings where administrators can:

• Group and Filter Settings: Quickly search through settings. Compile-time constants and sensitive credentials (which are safely masked) are grouped by their root domains (DB, MAIL, etc.).
• On-the-Fly Editing: Tweak keys like WELCOME_MESSAGE or BROWSER_TITLE and hit Save to atomically rewrite the .env file with clean formatting.
• Zero-Downtime Reloads & Restarts: Reload the on-disk .env file into memory instantly, or trigger an application restart (:init.restart/0) right from the web page. Sessions survive perfectly since they are backed by cookie-based signing!

4. Approval-Based Registration & Anti-Spam Blacklists 🛡️

To support a private or curated community, we have redesigned the onboarding experience from the ground up:

• Moderated Application Queue: Self-registration can now be disabled or set to require moderator approval. Visitors must supply their email and write a mandatory multiline reason (which must be at least 3 words long to block single-word “test” or spam submissions).
• Silent Rejections and Deletions: Reviewers can accept applications (which automatically triggers an invitation link), reject them with a custom explanatory message, or reject silently to prevent notifying spammers. Complete deletion of spam entries is also just a click away.
• Domain Blacklist: Administrators can manage regular expressions to block specific domains (like temporary email services) from even submitting an account request.
• Toggle Gated Flows: Turn self-registration or account requests on or off with native daisyUI toggles in /admin/settings.

5. Modern Mobile & Desktop Layout Overhaul 📱

The user interface has received a top-tier polish focusing on responsiveness and smooth micro-interactions.

• Top Bar & Sidebar Improvements: On phones, settings, timezone selectors, and theme options elegantly fold into a “Preferences” section at the bottom of the sidebar drawer. Tapping any navigation link automatically slides the drawer shut so you can read immediately.
• Active Sidebar Link Auto-Centering: A live JS hook automatically scrolls your active navigation link into vertical center alignment when the page loads.
• Sticky Table Headers: When scrolling through massive lists of users or posts, the column headers stick to the top of the viewport just below the sticky navigation bar, adjusting their heights dynamically on small viewports.
• Draggable & Resizable Table Columns: Drag column headers horizontally to resize columns. Your choices are saved in browser localStorage and persist across page loads and LiveView patches.
• Image Preview Fullscreen: Clicking the enlarge icon in the image preview lightbox now correctly triggers true browser fullscreen mode inside the active modal.

6. Bilingual Post Emails & Custom Assets 📧

Notification emails for new posts, comments, and direct messages have been rewritten for a world-class reading experience:

• Dual-Language Formatting: Post emails are sent in both English and German. If a post has no translation, it elegantly prints the content once without duplicate headers.
• Inline Embedded Images: Images attached to posts are embedded inline directly in your HTML mail body—no download link clicks required.
• Password Show/Hide: Input elements on forms now feature a native password show/hide eye-icon.
• Datalist Dropdowns: Replaced standard browser autocomplete fields with custom, high-fidelity select menus that handle multi-selection (for tags) and arrow-key navigation.

7. Major Engine Upgrades 🚀

Under the hood, we upgraded the core environment to run on Erlang/OTP 29, Elixir 1.20, Phoenix 1.8.8, and Phoenix LiveView 1.2.3.

• Enjoy blazing-fast performance, improved compilation times, robust type safety, and optimized Docker build layers (thanks to our streamlined .dockerignore filters).
• Fully localized support is now active for 6 distinct locales, including formal German (Sie) (de_DE), informal German (Du) (de_AT), Standard English (en), British English (en_GB), and a complete dialect translation in Züritüütsch (Swiss German) (de_CH).

What’s next?

These quality-of-life and performance upgrades set a rock-solid foundation for future features. Explore the public pages, customize your preferences in the sidebar, and let us know what you think of the new real-time admin charts!

Happy reading!