refactor: migrate from Fractal to Fractality (#595)

## Overview

Upgrades the project's component library and build tool —

* from [frctl/fractal](https://github.com/frctl/fractal)
* to [sitepark/fractality](https://github.com/sitepark/fractality)

— because
frctl/fractal#1167 (comment).

## Related

- mirrors wesleyboar#2

## Details

> [!important]
> See wesleyboar#2.

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Wesley B <wesleyboar@users.noreply.github.com>

Author: wesleyboar

.github/workflows/deploy-demo.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '20'
 
       - name: Install dependencies
         run: npm ci

.gitignore

@@ -4,12 +4,12 @@ node_modules
 # PostCSS
 .postcssrc.yml
 
-# Fractal
+# Fractality
 demo
 ## Files used directly by demo but not clients, yet provided via dist
 dist/_utils
 ## Empty file touched after auto-rebuild to trigger server live-refresh */
-fractal.server.refresh.css
+fractality.server.refresh.css
 
 # IDE
 .vscode

README.md

@@ -171,7 +171,7 @@ Notes:
 
 ### Prerequisites for Running
 
-* Nodejs 15.x
+* Nodejs 20.x
 
 ### Quick Start
 

bin/build.js

@@ -9,7 +9,7 @@ const ARGS = mininmist( process.argv.slice( 2 ) );
 const BUILD_ID = ARGS['build-id'] || '';
 
 /* Theme: (default) */
-buildStylesheets('src/lib/_imports/**/*!(fractal.server.refresh).css', './dist', {
+buildStylesheets('src/lib/_imports/**/*!(fractality.server.refresh).css', './dist', {
   baseMirrorDir: 'src/lib/_imports',
   buildId: BUILD_ID
 });

docs/_fractal.md docs/_fractality.mddocs/_fractal.md renamed to docs/_fractality.md

@@ -1,4 +1,4 @@
-# TACC Core Styles - Tips for Fractal Component Library
+# TACC Core Styles - Tips for Fractality Component Library
 
 ## Debugging
 
@@ -22,7 +22,7 @@ To see values available in a preview template, adapt this template code:
 To output values (like objects) in the console, adapt this config code:
 
 ```js
-const hbs = require('@frctl/handlebars')({
+const hbs = require('@fractality/handlebars')({
   helpers: {
     debug: function (optionalValue) {
       console.log('Current Context');

fractal.config.js fractality.config.jsfractal.config.js renamed to fractality.config.js

@@ -1,10 +1,11 @@
 'use strict';
 
-const mandelbrot = require('@frctl/mandelbrot');
-const fractal = require('@frctl/fractal').create();
+const mandelbrotPackage = require('@fractality/mandelbrot');
+const fractal = require('@fractality/fractality').create();
+const mandelbrot = mandelbrotPackage.default || mandelbrotPackage;
 
 // Get base theme
-const themeConfig = require('./fractal.theme.js');
+const themeConfig = require('./fractality.theme.js');
 const theme = mandelbrot(themeConfig);
 
 // Configure UI