PagingTagHelper v1.0.0: Enterprise-Ready Pagination for Modern ASP.NET Core

NOTE: COMING SOON, just putting the finishing touches to it. Follow along on GitHub! . This is just to show you all I AM making progress with this control! It'll be worth the wait. Introduction After months of evolution and valuable feedback from the community…

Enhancing Mermaid Diagrams with Pan/Zoom and Export

npm Package Available: This implementation is now available as @mostlylucid/mermaid-enhancements - a production-ready npm package. See Publishing Mermaid Enhancements as an npm Package for details on how to use it in your projects. Mermaid is a fantastic tool…

A Whistle-stop Tour of HTMX Extensions and Using HTMX with ASP.NET Core

HTMX is a powerful JavaScript library that allows you to create dynamic web applications with minimal JavaScript. It enables you to make AJAX requests, swap HTML content, and handle events directly in your HTML attributes. I've been using HTMX for about two…

An Alpine.js and HTMX 'Clear Query String Parameter(s)' tag helper for ASP.NET Core

Just a quick one, I had a need in a work project for the ability to 'clear' URL parameters from a URL. This is useful when you have a URL with multiple parameters, and you want to remove one or more of them (for example for a search filter). The Problem My…

An Auto-Update Partial Updater with Alpine.js and HTMX

So in what's becoming a series, in a work project I wanted to add the ability for a partial to auto-update on a given timescale. Here's how I did it using Alpine.js and HTMX. Requirements So I wanted this to be reusable; so it should be simple and…

Using SweetAlert2 for HTMX Loading indicators (hx-indicator)

On a work project I've been using and abusing HTMX to build an admin UI. As part of this I'm using the lovely SweetAlert2 Javascript library for my confirmation dialogs. It works great but I also wanted to use them to replace my HTMX loading indicators. This…

A Copy Button For Highlight.js

In this site I use Hightlight.js to render code snippets client side. I like this as it keeps my server side code clean and simple. However, I wanted to add a copy button to each code snippet so that users could easily copy the code to their clipboard. This is…

Switching Themes for Mermaid (Updated)

I use Mermaid.js to create the dope diagrams you see in a few posts. Like the one below. However something that annoyed me is that it wasn't reactive to switching themes (dark/light) and there seemed to be very poor information out there on achieving this.…

Adding XSRF for JavaScript

When adding the search box in the prior article, we left out a critical security feature: XSRF protection. This article will cover how to add XSRF protection to the search box. What is XSRF? XSRF stands for Cross-Site Request Forgery. It is a type of attack…