feat(genai): Bounding Box

[Guiners]

Description

Fixes #

Note: Before submitting a pull request, please open an issue for discussion if you are not associated with Google.

Checklist

• I have followed guidelines from CONTRIBUTING.MD and Samples Style Guide
• Tests pass: npm test (see Testing)
• Lint pass: npm run lint (see Style)
• Required CI tests pass (see CI testing)
• These samples need a new API enabled in testing projects to pass (let us know which ones)
• These samples need a new/updated env vars in testing projects set to pass (let us know which ones)
• This pull request is from a branch created directly off of GoogleCloudPlatform/nodejs-docs-samples. Not a fork.
• This sample adds a new sample directory, and I updated the CODEOWNERS file with the codeowners for this sample
• This sample adds a new sample directory, and I created GitHub Actions workflow for this sample
• This sample adds a new Product API, and I updated the Blunderbuss issue/PR auto-assigner with the codeowners for this sample
• Please merge this PR for me once it is approved

Note: Any check with (dev), (experimental), or (legacy) can be ignored and should not block your PR from merging (see CI testing).

[snippet-bot]

Here is the summary of changes.

You are about to add 1 region tag.

• genai/bounding-box/boundingbox-with-txt-img.js:17, tag googlegenaisdk_boundingbox_with_txt_img

---

This comment is generated by snippet-bot.
If you find problems with this result, please file an issue at:
https://github.com/googleapis/repo-automation-bots/issues.
To update this comment, add snippet-bot:force-run label or use the checkbox below:

• Refresh this comment

[gemini-code-assist]

Summary of Changes

Hello @Guiners, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request integrates a new GenAI feature that enables the detection and visual representation of bounding boxes for objects within images. It provides a complete workflow from image input to a graphical output, demonstrating how to leverage the GenAI SDK for advanced image analysis tasks.

Highlights

• New GenAI Bounding Box Feature: Introduces a new capability to detect and visualize bounding boxes around objects in images using the Google GenAI SDK.
• Image Processing and AI Model Integration: Implements logic to fetch images, convert them to base64, and send them to the gemini-2.5-flash model with specific instructions and a JSON response schema for bounding box detection.
• Visual Output Generation: Includes functionality to plot the detected bounding boxes and their labels onto the original image, saving the result as output.png.
• Dedicated Test Case: Adds a new test file to validate the functionality of the bounding box creation, ensuring it returns a non-empty array of bounding boxes.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request introduces a new sample for generating bounding boxes on an image using the GenAI SDK. My review focuses on improving the robustness, maintainability, and correctness of the new code. I've identified a critical issue with a dependency import that will cause the application to crash, as well as several high-severity issues related to unsafe data handling and schema correctness. I've also included medium-severity suggestions to improve code clarity by removing magic numbers, and to strengthen the tests with more specific assertions and correct usage of the testing framework. Overall, the feature is a great addition, and these changes will make it more reliable and easier to maintain.