🧑‍💻 show build version

[BuildmodeOne]

🤖 Generated by Copilot at f12b63d

Summary

🚀🎨📝

This pull request adds a new feature to the app that allows users to view the version of the app and the result of an API request on a debug page. It also improves the layout and appearance of the debug page by using a spinner, syntax highlighting, and custom CSS classes. It modifies the Dockerfile, package.json, package-lock.json, debug.jsx, personal.jsx, and Debug.module.css files to implement this feature.

Debug page improved
react-syntax-highlighter
Autumn leaves of code

Walkthrough

• Add syntax highlighting for API result on debug page (link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Add react-syntax-highlighter library and its dependencies to package.json and package-lock.json files (link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Import and use SyntaxHighlighter component from react-syntax-highlighter library in debug.jsx file (link)
• Define custom CSS classes for styling the code snippet in Debug.module.css file (link)
• Add loading indicator for API request on debug page (link, link, link, link, link)
  • Import and use Spinner component from react-bootstrap library in debug.jsx file (link, link)
  • Add isLoading state variable and setter function to Debug component in debug.jsx file (link)
  • Set isLoading to true before sending API request and to false after receiving response in submit function in debug.jsx file (link)
  • Add hidden attribute to Spinner component based on isLoading value in debug.jsx file (link)
  • Define custom CSS classes for styling the spinner in Debug.module.css file (link)
• Add version information based on commit hash on debug page (link, link, link, link)
  • Add two lines to Dockerfile to export and set NEXT_PUBLIC_COMMIT_HASH environment variable (link)
  • Add version div element with NEXT_PUBLIC_COMMIT_HASH value in debug.jsx file (link)
  • Pass NEXT_PUBLIC_COMMIT_HASH value as commitHash parameter to Personal component in personal.jsx file (link)
  • Define custom CSS classes for styling the version element in Debug.module.css file (link)
• Improve layout of parameter inputs on debug page (link, link, link)
  • Change import statement for styles module from Common.module.css to Debug.module.css in debug.jsx file (link)
  • Remove className attribute from ListGroup.Item component in debug.jsx file (link)
  • Add xs="auto" attribute to Col component wrapping the remove button in debug.jsx file (link)

[Robert27]

In my opinion, this feature is not necessary for the normal user, who has no influence on the build anyway (in contrast to App Store updates with a normal app).
It only leads to an overloaded UI with too many features, like @M4GNV5 mentioned at the Hackathon.

[BuildmodeOne]

[BuildmodeOne]

In my opinion, this feature is not necessary for the normal user, who has no influence on the build anyway (in contrast to App Store updates with a normal app). It only leads to an overloaded UI with too many features, like @M4GNV5 mentioned at the Hackathon.

The version is now moved to the debug page. I also improved the debug page a bit :)

[BuildmodeOne]

@M4GNV5 @alexhorn @Robert27 Can somebody pls review? 🥺👉👈

Changed in #f12b63d

[Robert27]

The debug page looks great and should be correct. But I can't say anything about the Dockerscript tho