task/FP-1499: CMS pattern library

[wesleyboar]

Overview

1. Add UI Pattern Demo using Fractal.
2. Host UI Pattern Demo at configurable URL.
   _{⚠️ New solution required. URL would not be configurable. See sub-branch and TACC/Core-Portal#677 comment.}

Related

• FP-1499
• requires Task/fp 1499 core-styles pattern demo tup-ui#28
• supported by Task/fp 1499 cms pattern library - serve at /ui url Core-Portal#677
• succeeded by Task/fp 1499 ui pattern demo #527

Changes

add pattern demo

• chore(git): add & ignore taccsite_ui/ for demo files
• docs(readme): demo instructions
• docs(readme): npm link + ui demo warning ← might have solution
• chore(bin): build css paths using new path util
• feat(ui): fractal config file
• feat(package): install fractal
• feat(package): install core-styles@0.8.0-beta
• feat(package): split build script into :css and :demo

host at cms url

• feat(cms): ui demo path
• feat(cms): ui demo url

Testing

2. npm ci
3. npm run build --project=core-cms
   _{(requires a project e.g. core-cms, frontera-cms, texascale-org)}

UI

• http://dev.cep.tacc.utexas.edu/ui-patterns/index.html ¹⁴
• https://pprd.ecep.tacc.utexas.edu/ui-patterns/index.html
• https://dev.fronteraweb.tacc.utexas.edu/ui-patterns/index.html ¹³
• https://pprd.frontera-portal.tacc.utexas.edu/ui-patterns/index.html ¹³

Screenshots

pprd.ecep	dev.cep

Notes

Known Issues

1. 🥺 The URL /ui-patterns/ does not load.
2. 🙁 To develop locally and facilitate testing is cumbersome (and requires #520).
3. ❓ Frontera servers redirect /ui-patterns/index.html to /ui-patterns/index.html/.
4. ⚠️ Servers with this code occasionally did not load pages or styles.
   _{The error is FATAL: remaining connection slots are reserved for non-replication superuser connections. Maybe because Django urls.py change.}

[wesleyboar]

Closing in favor of #527.