wip - VolumeCreate micro-frontend PoC

[hkhalil-akamai]

Description 📝

Package the VolumeCreate page as a separate MFC and import into CM using module federation for demonstration purposes.

Note

This PR is a WIP. Changes are throw-away and not meant to represent production-ready code. This is for demonstration purposes only.

Remaining Issues

• Bearer token not being attached -- API requests unauthorized
  • Fix: shareStrategy: "loaded-first" gives precedence to the module loaded by the host app first
• LandingHeader component causing mysterious "Invariant Failed" error
  • Fix: add react-router-dom and @tanstack/react-router to the shared array.
• TypeScript error -- cannot find module 'volume_create'
  • Fix: Typescript module declaration
• Stylesheets not loading
  • E.g., this caused the RegionSelect not to display flags since it relies on the flag-icons stylesheet.
  • Fix: vite-plugin-css-injected-by-js
• No dev server support
  • Workaround: using vite build --watch which will listen for changes and rebuild the bundle. Note that HMR is not supported.

How to run ▶️

Commands to build and serve the Volume Create MFE on port 3001 have been added to the yarn up command. Simply run it from the repo root and navigate to localhost:3000/volumes/create to see the MFE in action!

[linode-gh-bot]

Cloud Manager UI test results

🎉 469 passing tests on test run #4 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
0 Failing	469 Passing	2 Skipped	94m 35s