From 4f4770ad751a98a0c34a236f6d5df5d255713237 Mon Sep 17 00:00:00 2001
From: megaconfidence <cokoghenun@gmail.com>
Date: Tue, 20 May 2025 02:05:04 +0100
Subject: [PATCH 1/2] feat: Adds code example for Melotts

---
 src/components/models/code/MelottsCode.astro | 34 ++++++++++++++++++++
 src/pages/workers-ai/models/[name].astro     |  7 +++-
 2 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 src/components/models/code/MelottsCode.astro

diff --git a/src/components/models/code/MelottsCode.astro b/src/components/models/code/MelottsCode.astro
new file mode 100644
index 000000000000000..ea253194c202ec3
--- /dev/null
+++ b/src/components/models/code/MelottsCode.astro
@@ -0,0 +1,34 @@
+---
+import { z } from "astro:schema";
+import { Code } from "@astrojs/starlight/components";
+import Details from "~/components/Details.astro";
+import Render from "~/components/Render.astro";
+
+type Props = z.infer<typeof props>;
+
+const props = z.object({
+	name: z.string(),
+});
+
+const { name } = props.parse(Astro.props);
+
+const worker = `
+export interface Env {
+	AI: Ai;
+}
+
+export default {
+	async fetch(request, env): Promise<Response> {
+		const { audio } = await env.AI.run('@cf/myshell-ai/melotts', {
+			prompt: 'Hello world',
+			lang: 'en',
+		});
+		// Retuns the base64 encoded MP3 audio
+		return Response.json({ audio });
+	},
+} satisfies ExportedHandler<Env>;`;
+---
+
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
+</Details>
\ No newline at end of file
diff --git a/src/pages/workers-ai/models/[name].astro b/src/pages/workers-ai/models/[name].astro
index afea341fb6b1263..f37151f8e672bd9 100644
--- a/src/pages/workers-ai/models/[name].astro
+++ b/src/pages/workers-ai/models/[name].astro
@@ -23,6 +23,7 @@ import StableDiffusionV15Img2ImgCode from "~/components/models/code/StableDiffus
 import StableDiffusionV15InpaintingCode from "~/components/models/code/StableDiffusion-v1-5-inpaintingCode.astro";
 import Flux1Schnell from "~/components/models/code/Flux-1-Schnell.astro";
 import WhisperBase64Code from "~/components/models/code/WhisperBase64Code.astro";
+import MelottsCode from "~/components/models/code/MelottsCode.astro";
 import LlamaGuard from "~/components/models/code/LlamaGuard.astro";
 import BgeRerankerBase from "~/components/models/code/Bge-Reranker-Base.astro";
 
@@ -95,6 +96,10 @@ if (model.name === "@cf/openai/whisper-large-v3-turbo") {
 	CodeExamples = WhisperBase64Code;
 }
 
+if (model.name === "@cf/myshell-ai/melotts") {
+	CodeExamples = MelottsCode;
+}
+
 if (model.name === "@cf/meta/llama-guard-3-8b") {
 	CodeExamples = LlamaGuard;
 }
@@ -251,4 +256,4 @@ const starlightPageProps = {
 			<Code code={JSON.stringify(model.schema.output, null, 4)} lang="json" />
 		</TabItem>
 	</Tabs>
-</StarlightPage>
+</StarlightPage>
\ No newline at end of file

From 4e1177c754930b894e4f9c939bae32560a02c4a2 Mon Sep 17 00:00:00 2001
From: megaconfidence <cokoghenun@gmail.com>
Date: Thu, 22 May 2025 15:00:48 +0100
Subject: [PATCH 2/2] fix: Fixes lint and typo

---
 src/components/models/code/MelottsCode.astro | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/models/code/MelottsCode.astro b/src/components/models/code/MelottsCode.astro
index ea253194c202ec3..de32484a6f8ba95 100644
--- a/src/components/models/code/MelottsCode.astro
+++ b/src/components/models/code/MelottsCode.astro
@@ -2,7 +2,6 @@
 import { z } from "astro:schema";
 import { Code } from "@astrojs/starlight/components";
 import Details from "~/components/Details.astro";
-import Render from "~/components/Render.astro";
 
 type Props = z.infer<typeof props>;
 
@@ -19,11 +18,11 @@ export interface Env {
 
 export default {
 	async fetch(request, env): Promise<Response> {
-		const { audio } = await env.AI.run('@cf/myshell-ai/melotts', {
+		const { audio } = await env.AI.run('${name}', {
 			prompt: 'Hello world',
 			lang: 'en',
 		});
-		// Retuns the base64 encoded MP3 audio
+		// Returns the base64 encoded MP3 audio
 		return Response.json({ audio });
 	},
 } satisfies ExportedHandler<Env>;`;