upes-open/OSoC-25-FormEase

AI Summary: Integrate ffmpeg.wasm into the FormEase Chrome extension to add video format conversion functionality. The task involves accepting various video input formats, converting them to MP4 using ffmpeg.wasm, displaying loading feedback, and returning the converted video file via window.postMessage for reinsertion into the input field. Success/failure messages should be displayed in the feedback container.

AI Summary: Implement file type validation and separate feedback containers for PDF and video compression within the FormEase Chrome extension. This involves checking file types in `compressPDF.js` and `compressVideo.js`, displaying appropriate warnings for unsupported files, and updating feedback functions to use separate containers (.formease-feedback-pdf and .formease-feedback-video) with specific messages indicating success, errors, or progress for each file type.

AI Summary: Implement a `compressVideo` function in `compressVideo.js` using ffmpeg.js to compress video files (.mp4 or .webm). The function should take a file and input ID as arguments, execute an FFmpeg compression command, send the compressed video blob back to the main script via `window.postMessage`, and finally update the file input in `content.js` with the compressed video.

AI Summary: Implement a `compressPDF(file, inputId)` function in `compressPDF.js` to compress PDF files using the pdf-lib library. This involves loading the PDF, removing metadata, rebuilding it, and returning a compressed Blob. The `content.js` script should listen for the compressed PDF and update the file input accordingly.

AI Summary: Add file type detection to the FormEase Chrome extension. The task involves modifying the `checkToolboxExistence()` or `setupToolboxEventListeners()` function to use the `file.type` property to determine if an uploaded file is an image, PDF, or video. Based on the file type, different toolboxes (image, PDF, or video processing) should be displayed. Optionally, store the file type in a data attribute for later use.

AI Summary: Create three separate divs (.resize-feedback, .compress-feedback, .convert-feedback) to display feedback messages for image resizing, compression, and conversion operations within the FormEase Chrome extension. Each feedback message should be displayed in its corresponding div, replacing the current single feedback container. Optional styling improvements are suggested.

AI Summary: This task involves setting up the all-contributors bot to track project contributions, improving the project's README (optional), and designing a logo (and potentially sub-logos for individual tools) for the FormEase Chrome extension. The logo design will be planned initially, with finalization occurring later.

AI Summary: Implement a reset mechanism for the resize slider in the FormEase Chrome extension. After the user applies a resize, the slider should return to its default 100% value, reflecting the new image dimensions. Optionally, clear any manual input fields and provide clear feedback indicating the applied resize percentage.

AI Summary: Modify the FormEase Chrome extension's image compression functionality to preserve the original file format (e.g., .png, .jpeg) instead of always converting to .jpg. This involves dynamically determining the output format based on the input file type.

AI Summary: Style the 'Apply' button in a Chrome extension to improve alignment, add a hover effect, and ensure theme consistency. Also, improve the layout of the feedback area, enhancing clarity between old and new images and optimizing spacing. Finally, ensure the styling is responsive across different screen sizes.

AI Summary: Restore image preview enhancements in the FormEase Chrome extension. This involves re-implementing rounded corners, soft borders, a loading indicator, and responsive sizing for image previews in the file upload process. The original implementation was accidentally removed during a refactoring of test.html. Collaboration with the original contributor is needed to ensure the features are correctly restored.

AI Summary: Implement a feature in the FormEase Chrome extension to display the resolution (width x height) of uploaded images in the info box alongside the file size and format. This involves using JavaScript's Image object to obtain the dimensions and updating the UI to display this information.

AI Summary: Fix a bug in the FormEase Chrome extension where the toolbar remains open after a file upload or other action is completed. The solution involves modifying the code to automatically close the toolbar once the relevant action is finished. Refactoring for improved modularity is a potential enhancement.

AI Summary: Improve the visual appeal and usability of a floating 'Edit' button in a Chrome extension. This involves styling the button, ensuring proper positioning to avoid overlaps, and testing responsiveness across different web pages and DOM structures.

AI Summary: Implement the missing FileReader logic in the FormEase Chrome extension to display a preview of selected images within the toolbox UI. This involves handling file selection, preview display, styling the preview, and gracefully handling cancellation.

AI Summary: The task requires updating the `manifest.json` file of a Chrome extension to correctly configure `web_accessible_resources` and `host_permissions`. This will fix issues with the injection of HTML, CSS, and JavaScript files, ensuring the extension's toolbox injects properly into webpages.

AI Summary: Add a floating 'Edit' button next to file inputs on webpages. The button should be styled minimally and log 'Toolbox opening...' to the console when clicked. This involves modifying the content.js script and potentially the styles.css file to implement the button's functionality and appearance.

AI Summary: Create a basic `manifest.json` file for a Chrome extension, including `manifest_version`, name, version, description, permissions for "activeTab" and "scripting", and an action object with icon and title. Placeholder fields for background and content scripts can be left empty.

AI Summary: Write a JavaScript function within the `content.js` file of the FormEase Chrome extension to detect all `<input type="file">` elements on a webpage and log a message to the browser's console for each detected element. This verifies that the extension's script is successfully injected into the webpage.

AI Summary: Create a new directory named `icons` within the FormEase project and add a placeholder image file (e.g., `logo.png`). Update the `manifest.json` file to reference this new icon, ensuring it displays correctly in the Chrome toolbar.

AI Summary: Implement a Chrome extension feature that replaces the original uploaded file with a processed (resized/compressed) version using the DataTransfer API. This involves updating the file input element with the modified file data to ensure seamless form submission.

AI Summary: Design a user interface (UI) for a Chrome extension's toolbox using HTML and Tailwind CSS. The UI should include a heading, three buttons (Resize, Compress, Convert), and a slider for resizing images. The design should be clean, responsive, and lightweight.