feat(genai): nano-banana-samples

genai/image-generation/imggen-mmflash-edit-img-with-txt-img.js

@@ -0,0 +1,70 @@
+// Copyright 2025 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+// [START googlegenaisdk_imggen_mmflash_edit_img_with_txt_img]
+const fs = require('fs');
+const {GoogleGenAI, Modality} = require('@google/genai');
+
+const GOOGLE_CLOUD_PROJECT = process.env.GOOGLE_CLOUD_PROJECT;
+const GOOGLE_CLOUD_LOCATION =
+  process.env.GOOGLE_CLOUD_LOCATION || 'us-central1';
+
+const FILE_NAME = 'test-data/example-image-eiffel-tower.png';
+
+async function generateImage(
+  projectId = GOOGLE_CLOUD_PROJECT,
+  location = GOOGLE_CLOUD_LOCATION
+) {
+  const client = new GoogleGenAI({
+    vertexai: true,
+    project: projectId,
+    location: location,
+  });
+
+  const image = fs.readFileSync(FILE_NAME);
+
+  const response = await client.models.generateContent({
+    model: 'gemini-2.5-flash-image',
+    contents: [image, 'Edit this image to make it look like a cartoon'],
+    config: {
+      responseModalities: [Modality.TEXT, Modality.IMAGE],
+    },
+  });
+
+  for (const part of response.candidates[0].content.parts) {
+    if (part.text) {
+      console.log(`${part.text}`);
+    } else if (part.inlineData) {
+      const outputDir = 'output-folder';
+      if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, {recursive: true});
+      }
+      const imageBytes = Buffer.from(part.inlineData.data, 'base64');
+      const filename = `${outputDir}/bw-example-image.png`;
+      fs.writeFileSync(filename, imageBytes);
+    }
+  }
+
+  // Example response:
+  // Okay, I will edit this image to give it a cartoonish style, with bolder outlines, simplified details, and more vibrant colors.
+  return response;
+}
+
+// [END googlegenaisdk_imggen_mmflash_edit_img_with_txt_img]
+
+module.exports = {
+  generateImage,
+};

genai/image-generation/imggen-mmflash-locale-aware-with-txt.js

@@ -0,0 +1,71 @@
+// Copyright 2025 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+// [START googlegenaisdk_imggen_mmflash_locale_aware_with_txt]
+const fs = require('fs');
+const {GoogleGenAI, Modality} = require('@google/genai');
+
+const GOOGLE_CLOUD_PROJECT = process.env.GOOGLE_CLOUD_PROJECT;
+const GOOGLE_CLOUD_LOCATION =
+  process.env.GOOGLE_CLOUD_LOCATION || 'us-central1';
+
+async function generateImage(
+  projectId = GOOGLE_CLOUD_PROJECT,
+  location = GOOGLE_CLOUD_LOCATION
+) {
+  const client = new GoogleGenAI({
+    vertexai: true,
+    project: projectId,
+    location: location,
+  });
+
+  const response = await client.models.generateContent({
+    model: 'gemini-2.5-flash-image',
+    contents: 'Generate a photo of a breakfast meal.',
+    config: {
+      responseModalities: [Modality.TEXT, Modality.IMAGE],
+    },
+  });
+
+  console.log(response);
+
+  for (const part of response.candidates[0].content.parts) {
+    if (part.text) {
+      console.log(`${part.text}`);
+    } else if (part.inlineData) {
+      const outputDir = 'output-folder';
+      if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, {recursive: true});
+      }
+      const imageBytes = Buffer.from(part.inlineData.data, 'base64');
+      const filename = `${outputDir}/example-breakfast-meal.png`;
+      fs.writeFileSync(filename, imageBytes);
+    }
+  }
+
+  // Example response:
+  // Generates a photo of a vibrant and appetizing breakfast meal.
+  // The scene will feature a white plate with golden-brown pancakes
+  // stacked neatly, drizzled with rich maple syrup and ...
+
+  return response;
+}
+
+// [END googlegenaisdk_imggen_mmflash_locale_aware_with_txt]
+
+module.exports = {
+  generateImage,
+};

genai/image-generation/imggen-mmflash-multiple-imgs-with-txt.js

@@ -0,0 +1,83 @@
+// Copyright 2025 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+// [START googlegenaisdk_imggen_mmflash_multiple_imgs_with_txt]
+const fs = require('fs');
+const {GoogleGenAI, Modality} = require('@google/genai');
+
+const GOOGLE_CLOUD_PROJECT = process.env.GOOGLE_CLOUD_PROJECT;
+const GOOGLE_CLOUD_LOCATION =
+  process.env.GOOGLE_CLOUD_LOCATION || 'us-central1';
+
+async function generateImage(
+  projectId = GOOGLE_CLOUD_PROJECT,
+  location = GOOGLE_CLOUD_LOCATION
+) {
+  const client = new GoogleGenAI({
+    vertexai: true,
+    project: projectId,
+    location: location,
+  });
+
+  const response = await client.models.generateContent({
+    model: 'gemini-2.5-flash-image',
+    contents: 'Generate 3 images of a cat sitting on a chair.',
+    config: {
+      responseModalities: [Modality.TEXT, Modality.IMAGE],
+    },
+  });
+
+  console.log(response);
+
+  const generatedFileNames = [];
+  let imageCounter = 1;
+
+  for (const part of response.candidates[0].content.parts) {
+    if (part.text) {
+      console.log(part.text);
+    } else if (part.inlineData) {
+      const outputDir = 'output-folder';
+      if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, {recursive: true});
+      }
+      const imageBytes = Buffer.from(part.inlineData.data, 'base64');
+      const filename = `${outputDir}/example-cats-0${imageCounter}.png`;
+      fs.writeFileSync(filename, imageBytes);
+      generatedFileNames.push(filename);
+      console.log(`Saved image: ${filename}`);
+
+      imageCounter++;
+    }
+  }
+
+  return generatedFileNames;
+}
+// Example response:
+//  Image 1: A fluffy calico cat with striking green eyes is perched elegantly on a vintage wooden
+//  chair with a woven seat. Sunlight streams through a nearby window, casting soft shadows and
+//  highlighting the cat's fur.
+//
+//  Image 2: A sleek black cat with intense yellow eyes is sitting upright on a modern, minimalist
+//  white chair. The background is a plain grey wall, putting the focus entirely on the feline's
+//  graceful posture.
+//
+//  Image 3: A ginger tabby cat with playful amber eyes is comfortably curled up asleep on a plush,
+//  oversized armchair upholstered in a soft, floral fabric. A corner of a cozy living room with a
+// [END googlegenaisdk_imggen_mmflash_multiple_imgs_with_txt]
+
+module.exports = {
+  generateImage,
+};

genai/image-generation/imggen-mmflash-txt-and-img-with-txt.js

@@ -0,0 +1,85 @@
+// Copyright 2025 Google LLC
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+// [START googlegenaisdk_imggen_mmflash_txt_and_img_with_txt]
+const fs = require('fs');
+const {GoogleGenAI, Modality} = require('@google/genai');
+
+const GOOGLE_CLOUD_PROJECT = process.env.GOOGLE_CLOUD_PROJECT;
+const GOOGLE_CLOUD_LOCATION =
+  process.env.GOOGLE_CLOUD_LOCATION || 'us-central1';
+
+async function savePaellaRecipe(response) {
+  const parts = response.candidates[0].content.parts;
+
+  let mdText = '';
+  const outputDir = 'output-folder';
+
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i];
+
+    if (part.text) {
+      mdText += part.text + '\n';
+    } else if (part.inlineData) {
+      if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, {recursive: true});
+      }
+      const imageBytes = Buffer.from(part.inlineData.data, 'base64');
+      const imagePath = `example-image-${i + 1}.png`;
+      const saveImagePath = `${outputDir}/${imagePath}`;
+
+      fs.writeFileSync(saveImagePath, imageBytes);
+      mdText += `![image](./${imagePath})\n`;
+    }
+  }
+  const mdFile = `${outputDir}/paella-recipe.md`;
+
+  fs.writeFileSync(mdFile, mdText);
+  console.log(`Saved recipe to: ${mdFile}`);
+}
+
+async function generateImage(
+  projectId = GOOGLE_CLOUD_PROJECT,
+  location = GOOGLE_CLOUD_LOCATION
+) {
+  const client = new GoogleGenAI({
+    vertexai: true,
+    project: projectId,
+    location: location,
+  });
+
+  const response = await client.models.generateContent({
+    model: 'gemini-2.5-flash-image',
+    contents:
+      'Generate an illustrated recipe for a paella. Create images to go alongside the text as you generate the recipe',
+    config: {
+      responseModalities: [Modality.TEXT, Modality.IMAGE],
+    },
+  });
+  console.log(response);
+
+  await savePaellaRecipe(response);
+
+  return response;
+}
+// Example response:
+//  A markdown page for a Paella recipe(`paella-recipe.md`) has been generated.
+//  It includes detailed steps and several images illustrating the cooking process.
+// [END googlegenaisdk_imggen_mmflash_txt_and_img_with_txt]
+
+module.exports = {
+  generateImage,
+};

genai/image-generation/imggen-mmflash-with-txt.js

@@ -22,7 +22,7 @@ const GOOGLE_CLOUD_PROJECT = process.env.GOOGLE_CLOUD_PROJECT;
 const GOOGLE_CLOUD_LOCATION =
   process.env.GOOGLE_CLOUD_LOCATION || 'us-central1';
 
-async function generateContent(
+async function generateImage(
   projectId = GOOGLE_CLOUD_PROJECT,
   location = GOOGLE_CLOUD_LOCATION
 ) {
@@ -43,13 +43,18 @@ async function generateContent(
 
   const generatedFileNames = [];
   let imageIndex = 0;
+
   for await (const chunk of response) {
     const text = chunk.text;
     const data = chunk.data;
     if (text) {
       console.debug(text);
     } else if (data) {
-      const fileName = `generate_content_streaming_image_${imageIndex++}.png`;
+      const outputDir = 'output-folder';
+      if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, {recursive: true});
+      }
+      const fileName = `${outputDir}/generate_content_streaming_image_${imageIndex++}.png`;
       console.debug(`Writing response image to file: ${fileName}.`);
       try {
         fs.writeFileSync(fileName, data);
@@ -60,10 +65,16 @@ async function generateContent(
     }
   }
 
+  // Example response:
+  //  I will generate an image of the Eiffel Tower at night, with a vibrant display of
+  //  colorful fireworks exploding in the dark sky behind it. The tower will be
+  //  illuminated, standing tall as the focal point of the scene, with the bursts of
+  //  light from the fireworks creating a festive atmosphere.
+
   return generatedFileNames;
 }
 // [END googlegenaisdk_imggen_mmflash_with_txt]
 
 module.exports = {
-  generateContent,
+  generateImage,
 };