Ryan-Millard/Img2Num

AI Summary: Refactor the C++ code in the Img2Num project to improve the export mechanism for WebAssembly functions. The goal is to create a more robust and maintainable system that avoids accidental omissions of export directives and ensures compatibility with compilers other than Emscripten. This likely involves creating a more sophisticated solution than a simple macro, potentially using build system configurations or other techniques to manage exports.

AI Summary: Refactor the existing React frontend of the Img2Num application to improve its layout and responsiveness using either Tailwind CSS or CSS Grid. This involves restructuring the existing components to better adapt to different screen sizes and orientations.

AI Summary: Add a sample image, `sample.png`, to the project's `public` directory. Modify the React application to load and display this image by default upon startup, providing a user-interactive experience without requiring an immediate upload.

AI Summary: Implement a grayscale conversion feature in the Img2Num application. This involves creating a new WebAssembly function in C++ to convert images to grayscale, updating the JavaScript to call this function, and adding a button to the React UI to trigger the conversion and display the result.

AI Summary: Write a unit test using Jest, Vitest, or a similar framework to verify the correct functionality of the `invert_image` function in `image_utils.cpp`. The test should load a small, dummy image, pass it to the function, and assert that the output image is the pixel-perfect inversion of the input.

AI Summary: Write a documentation section explaining how WebAssembly memory management works within the Img2Num project, focusing on memory allocation (`mod._malloc`), data transfer (`mod.HEAPU8.set`), and a specific image inversion function (`mod._invert_image`). The documentation should include examples and diagrams where appropriate.

AI Summary: Add JSDoc-style comments to functions and major hooks within the `WasmImageProcessor.jsx` component to improve code readability and understanding. This involves documenting the purpose, parameters, and return values of the functions.

AI Summary: Implement a loading indicator, ideally a reusable React component, to provide feedback to the user while an image is being processed by the WebAssembly module in the Img2Num application. This involves displaying a spinner or text message during the processing time, improving the user experience.

AI Summary: Refactor inline styles in the React components of the Img2Num project into CSS modules. This involves moving inline styles to separate `.module.css` files and updating the component code to use class names instead.

AI Summary: Integrate Prettier into the Img2Num project to format all JavaScript, JSX, TypeScript, TSX, and JSON files according to a specified configuration. This involves installing Prettier, configuring it with the provided settings, and running it on the codebase.

AI Summary: Add an .editorconfig file to the root of the Img2Num project with specified settings for consistent code style across different editors and developers. This involves creating the file and adding the provided configuration details.