Create C3 Frameworks component and rename Typescript to TypeScript

cloudflare · Sep 23, 2024 · 2ea7189 · 2ea7189
1 parent d11b947
commit 2ea7189
Show file tree

Hide file tree

Showing 53 changed files with 644 additions and 645 deletions.
diff --git a/src/components/models/code/AutomaticSpeechRecognitionCode.astro b/src/components/models/code/AutomaticSpeechRecognitionCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -36,7 +36,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
   -X POST  \\
@@ -46,11 +45,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/ImageClassificationCode.astro b/src/components/models/code/ImageClassificationCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -34,7 +34,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
     -X POST  \\
@@ -44,11 +43,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/ImageToTextCode.astro b/src/components/models/code/ImageToTextCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -36,7 +36,6 @@ export default {
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
-
diff --git a/src/components/models/code/ObjectDetectionCode.astro b/src/components/models/code/ObjectDetectionCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -34,7 +34,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
     -X POST  \\
@@ -44,11 +43,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/StableDiffusion-v1-5-img2imgCode.astro b/src/components/models/code/StableDiffusion-v1-5-img2imgCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -42,7 +42,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
   -X POST  \\
@@ -52,11 +51,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/StableDiffusion-v1-5-inpaintingCode.astro b/src/components/models/code/StableDiffusion-v1-5-inpaintingCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -49,7 +49,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
   -X POST  \\
@@ -59,11 +58,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/SummarizationCode.astro b/src/components/models/code/SummarizationCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -26,7 +26,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/{cf_account_id}/ai/run/${name} \\
   -H "Authorization: Bearer {cf_api_token}" \\
@@ -38,11 +37,10 @@ curl https://api.cloudflare.com/client/v4/accounts/{cf_account_id}/ai/run/${name
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/TextClassificationCode.astro b/src/components/models/code/TextClassificationCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -40,8 +40,7 @@ def run(model, input):
 
 output = run("${name}", { "text": "This pizza is great!" })
 print(output)
-`
-
+`;
 
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
@@ -52,15 +51,14 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="Python">
-  <Code code={python} lang="py" />
+	<Code code={python} lang="py" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/TextEmbeddingCode.astro b/src/components/models/code/TextEmbeddingCode.astro
@@ -5,7 +5,7 @@ import { Aside, Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -58,36 +58,35 @@ response = requests.post(
 )
 
 print(response.json())
-`
-
+`;
 
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
   -X POST  \\
   -H "Authorization: Bearer $CLOUDFLARE_API_TOKEN"  \\
   -d '{ "text": ["This is a story about an orange cloud", "This is a story about a llama", "This is a story about a hugging emoji"] }'
-`
+`;
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="Python">
-  <Code code={python} lang="py" />
+	<Code code={python} lang="py" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
 
 <Aside type="note" title="OpenAI compatible endpoints">
-  Workers AI also supports OpenAI compatible API endpoints for{" "}
-  <code>/v1/chat/completions</code> and <code>/v1/embeddings</code>. For
-  more details, refer to{" "}
-  <a href="/workers-ai/configuration/open-ai-compatibility/">
-    Configurations
-  </a>
-  .
-</Aside>
+	Workers AI also supports OpenAI compatible API endpoints for{" "}
+	<code>/v1/chat/completions</code> and <code>/v1/embeddings</code>. For more
+	details, refer to{" "}
+	<a href="/workers-ai/configuration/open-ai-compatibility/">
+		Configurations
+	</a>
+	.
+</Aside>
diff --git a/src/components/models/code/TextToImageCode.astro b/src/components/models/code/TextToImageCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -36,7 +36,6 @@ export default {
 } satisfies ExportedHandler<Env>;
 `;
 
-
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
   -X POST  \\
@@ -46,11 +45,10 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/components/models/code/TranslationCode.astro b/src/components/models/code/TranslationCode.astro
@@ -5,7 +5,7 @@ import { Code, Details } from "~/components";
 type Props = z.infer<typeof props>;
 
 const props = z.object({
-	name: z.string()
+	name: z.string(),
 });
 
 const { name } = props.parse(Astro.props);
@@ -49,8 +49,7 @@ output = run('${name}', {
 })
 
 print(output)
-`
-
+`;
 
 const curl = `
 curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run/${name}  \\
@@ -61,15 +60,14 @@ curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/ai/run
 ---
 
 <h2>Code Examples</h2>
-<Details header="Workers - Typescript">
-  <Code code={worker} lang="ts" />
+<Details header="Workers - TypeScript">
+	<Code code={worker} lang="ts" />
 </Details>
 
 <Details header="Python">
-  <Code code={python} lang="py" />
+	<Code code={python} lang="py" />
 </Details>
 
 <Details header="curl">
-  <Code code={curl} lang="sh" />
+	<Code code={curl} lang="sh" />
 </Details>
-
diff --git a/src/content/docs/ai-gateway/tutorials/deploy-aig-worker.mdx b/src/content/docs/ai-gateway/tutorials/deploy-aig-worker.mdx
@@ -40,9 +40,9 @@ Create a Worker project in the command line:
 	file="c3-post-run-steps"
 	product="workers"
 	params={{
-		one: "Hello World example",
-		two: "Hello World Worker",
-		three: "JavaScript",
+		category: "hello-world",
+		type: "Hello World Worker",
+		lang: "JavaScript",
 	}}
 />