Eventually it had to happen: The React-based Web (or Native) frontend for TSZM.
- Some things were done to TSZM to make it easier to reuse: Environmental detection (node, react, etc) and conditional requirement of "fs/promises" as a result was the main one.
- Look at 'config-overrides.js' in this project. You'll need it to polyfill Buffer and bring it into the global scope as it's used by TSZM (this is done via react-app-rewired).
- Note also the 'exclude' block in tsconfig.json: Just make sure you exclude the unit tests, ZConsole, and tszm.ts, because those are related to the commandline version and won't build properly in React land anyhow.
... after this, it just worked. Of course, we needed to add CORS headers when serving our .z3 image files as well as on ZMCDN.
Current version with current ZMCDN up at https://cshepherd.fr/tszm-react
- save/restore to LocalStorage: DONE and works! You can even download the Quetzal-formatted savegame, if present (now how about an import feature?)
- Dual-display web app: xterm.js terminal display with full z3+ cursor positioning support, as well as a window showing png output from zmcdn (this is mostly working)
- Potential to start the audiotext version from here (... wouldn't the Native version be a great place to start the narrated/spoken version?)
12-Oct-2025 - Just started today, making great progress. Public URLs coming soon. zmcdn updated for permissive CORS headers. tszm updated with a couple small changes to allow same codebase to work on both node and React.
13-Oct-2025 - Works great but needs a refactor today. Will update when that's done.
21-Oct-2025 - Both the Console and React versions are now consuming the npmjs module. No more submodules anywhere.