docs: fix build issue with example

examples/salty-ocean-model-comparison/eslint.config.mjs

@@ -0,0 +1,16 @@
+import rootConfig from "../../eslint.config.mjs";
+import examplesConfig from "../eslint.config.mjs";
+
+export default [
+  ...rootConfig,
+  ...examplesConfig,
+  {
+    files: ["**/*.{js,mjs,cjs,jsx,ts,tsx}"],
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir: import.meta.dirname,
+        project: "./tsconfig.json",
+      },
+    },
+  },
+];

examples/salty-ocean-model-comparison/nodemon.json

@@ -1,7 +1,5 @@
 {
-  "watch": [
-    "src"
-  ],
+  "watch": ["src"],
   "ext": ".ts,.tsx",
   "exec": "tsx ./src/index.tsx"
 }

examples/salty-ocean-model-comparison/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "salty-ocean-model-comparison",
+  "name": "@gensx-examples/salty-ocean-model-comparison",
   "private": true,
   "version": "0.0.1",
   "type": "module",
@@ -9,7 +9,11 @@
   "scripts": {
     "dev": "nodemon",
     "start": "tsx ./src/index.tsx",
-    "build": "tsc"
+    "build": "tsc",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\""
   },
   "description": "Starter project for [GenSX](https://gensx.com), created using `npx create-gensx`.",
   "main": "index.js",

examples/salty-ocean-model-comparison/src/index.tsx

@@ -1,8 +1,8 @@
+import { createOpenAI } from "@ai-sdk/openai";
+import { OpenAIContext, OpenAIProvider } from "@gensx/openai";
+import { GenerateText } from "@gensx/vercel-ai-sdk";
 import { gsx } from "gensx";
-import { OpenAIProvider, OpenAIContext } from "@gensx/openai";
 import OpenAI from "openai";
-import { GenerateText } from "@gensx/vercel-ai-sdk";
-import { createOpenAI } from "@ai-sdk/openai";
 
 // Define types for the API provider configuration
 interface APIProviderConfig {
@@ -22,13 +22,13 @@ interface APIProviderRunnerProps {
   name: string;
 }
 
-type APIProviderRunnerOutput = {
+interface APIProviderRunnerOutput {
   result: string;
   provider: string;
-};
-type ListModelsOutput = {
+}
+interface ListModelsOutput {
   models: OpenAI.Models.ModelsPage;
-};
+}
 // Example component to list available OpenAI models
 const ListModels = gsx.Component<{}, ListModelsOutput>(
   "ListModels",
@@ -49,7 +49,7 @@ const GetAllModelResponsesFromProvider = gsx.Component<
   APIProviderRunnerOutput
 >(
   "Get All Model Responses from Provider",
-  async ({ providerConfig, prompt, name }) => {
+  ({ providerConfig, prompt, name }) => {
     return (
       <OpenAIProvider {...providerConfig} componentOpts={{ name: name }}>
         <ListModels>
@@ -58,7 +58,6 @@ const GetAllModelResponsesFromProvider = gsx.Component<
             const filteredModels = models.data
               .filter(
                 (model) =>
-                  model.object === "model" &&
                   !model.id.includes("embedding") &&
                   !model.id.includes("audio") &&
                   !model.id.includes("whisper") &&
@@ -107,28 +106,28 @@ const GetModelHistoryAcrossProviders = gsx.Component<
     prompt: string;
     providers?: APIProvider[];
   },
-  any
+  APIProviderRunnerOutput[]
 >(
   "Get History of Model Responses across Providers",
   ({ prompt, providers }) => {
-    const apiProviders = providers || [
+    const apiProviders = providers ?? [
       {
         name: "OpenAI",
         providerConfig: {
-          apiKey: process.env["OPENAI_API_KEY"],
+          apiKey: process.env.OPENAI_API_KEY,
         },
       },
       {
         name: "Groq",
         providerConfig: {
           baseURL: "https://api.groq.com/openai/v1",
-          apiKey: process.env["GROQ_API_KEY"],
+          apiKey: process.env.GROQ_API_KEY,
         },
       },
     ];
 
     // Map through all API providers and get history for each
-    return apiProviders.map((provider) => (
+    return gsx.array(apiProviders).map((provider) => (
       <GetAllModelResponsesFromProvider
         name={provider.name}
         providerConfig={provider.providerConfig}
@@ -152,13 +151,13 @@ const result = await workflow.run(
     providers: [
       {
         name: "OpenAI",
-        providerConfig: { apiKey: process.env["OPENAI_API_KEY"] },
+        providerConfig: { apiKey: process.env.OPENAI_API_KEY },
       },
       {
         name: "Groq",
         providerConfig: {
           baseURL: "https://api.groq.com/openai/v1",
-          apiKey: process.env["GROQ_API_KEY"],
+          apiKey: process.env.GROQ_API_KEY,
         },
       },
     ],

examples/salty-ocean-model-comparison/tsconfig.json

@@ -2,10 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "module": "NodeNext",
-    "lib": [
-      "ESNext",
-      "DOM"
-    ],
+    "lib": ["ESNext", "DOM"],
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
@@ -17,11 +14,6 @@
     "jsxImportSource": "gensx",
     "outDir": "./dist"
   },
-  "include": [
-    "./src/**/*.ts",
-    "./src/**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
+  "exclude": ["node_modules"]
 }