Val Town Code SearchReturn to Val Town

86    if (!inputs.$key || inputs.$key != Deno.env.get("BB_SERVICE_KEY")) {
87      return {
88        $error: "Must provide an API key to access the service.",
89      };
90    }

131
132const boardToEndpoint = (board: string) => {
133  return board.replace(/\.json$/, ".api/run");
134};
135

4
5For now, requires you to be running a board server. This harness actually acts
6as a proxy to the board server [run API endpoint](https://breadboard-ai.github.io/breadboard/docs/reference/board-run-api-endpoint/),
7and puts a nice (well, somewhat nice) frontend on top of it.
8
11
12The script will look for the `BB_LIVE_KEY` in your Val Town environment, which
13must contain your board server API key.
14
15To use, create an HTTP val, then import the `proxy` function from this script and call it like this:

4
5For now, requires you to be running a board server. This harness actually acts
6as a proxy to the board server [run API endpoint](https://breadboard-ai.github.io/breadboard/docs/reference/board-run-api-endpoint/),
7and puts a nice (well, somewhat nice) frontend on top of it.
8
11
12The script will look for the `BB_LIVE_KEY` in your Val Town environment, which
13must contain your board server API key.
14
15To use, create an HTTP val, then import the `proxy` function from this script and call it like this:

68) {
69  return async (req: Request) => {
70    const { api } = await import("https://esm.town/v/pomdtr/api");
71    const { deleteCookie, getCookies, setCookie } = await import("jsr:@std/http/cookie");
72

112  "Access-Control-Allow-Methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
113  "Access-Control-Allow-Headers":
114    "Content-Type, Access-Control-Allow-Headers, api-key",
115  "Access-Control-Max-Age": "2592000", // 30 days
116} as Record<string, string>;
142
143const boardToEndpoint = (board: string) => {
144  return board.replace(/\.json$/, ".api/run");
145};
146

234        <ul>
235          <li><strong>App</strong>: Represents an OpenAI-powered application with a name and URL.</li>
236          <li><strong>Config</strong>: Defines configuration options for OpenAI API integration and application settings.</li>
237          <li><strong>ConsoleLog</strong>: Captures console output from OpenAI model interactions and application processes.</li>
238          <li><strong>CronLog</strong>: Logs scheduled tasks related to OpenAI operations, such as model fine-tuning or dataset updates.</li>
239          <li><strong>HttpLog</strong>: Records HTTP requests made to and from the OpenAI API.</li>
240        </ul>
241      </div>
250            Use Case: Manage multiple AI-powered applications or services.
251            <br>
252            Example: An app named "SentimentAnalyzer" with a URL pointing to its API endpoint.
253          </dd>
254          
255          <dt>Config</dt>
256          <dd>
257            Use Case: Store OpenAI API keys, model preferences, and application settings.
258            <br>
259            Example: Configure the GPT model to use, set token limits, and specify custom domains for AI services.
264            Use Case: Debug AI model outputs and track application performance.
265            <br>
266            Example: Log completion tokens, response times, and any errors encountered during API calls.
267          </dd>
268          
276          <dt>HttpLog</dt>
277          <dd>
278            Use Case: Monitor and analyze API usage and performance.
279            <br>
280            Example: Track rate limits, response times, and payload sizes for OpenAI API calls.
281          </dd>
282        </dl>
288      <div class="collapsible-content">
289        <ul>
290          <li><strong>AI Service Management</strong>: Use the App and Config schemas to manage multiple AI services, each with its own settings and API keys.</li>
291          <li><strong>Performance Monitoring</strong>: Utilize ConsoleLog and HttpLog to track the performance of AI models and API calls, helping optimize usage and costs.</li>
292          <li><strong>Automated AI Workflows</strong>: Implement CronLog to manage and monitor automated tasks like periodic model retraining or batch processing of data through AI models.</li>
293          <li><strong>Debugging and Troubleshooting</strong>: Leverage detailed logs from ConsoleLog and HttpLog to quickly identify and resolve issues in AI-powered applications.</li>
294          <li><strong>Usage Analytics</strong>: Analyze HttpLog data to gain insights into API usage patterns, popular features, and potential areas for optimization or scaling.</li>
295        </ul>
296        <p>By implementing this schema, developers can create robust, scalable applications that effectively integrate and manage OpenAI's powerful AI capabilities while maintaining comprehensive logging and configuration control.</p>

1Migrated from folder: z1/smallweb_openapi_guide

356    },
357    "info": {
358        "title": "Smallweb API",
359        "version": "0"
360    },
361    "openapi": "3.0.3",
362    "paths": {
363        "/v0/apps": {

60    setUserID(id);
61
62    // Load props data from API
63    async function loadProps() {
64      const statePropsData = await fetch("/api/state-props").then(res => res.json());
65      setStateProps(statePropsData);
66    }
72    // Load user choices from server
73    async function loadUserChoices() {
74      const choices = await fetch(`/api/user-choices?id=${userID}`).then(res => res.json());
75      setUserChoices(choices);
76    }
84    // Save user choices to server
85    if (userID) {
86      fetch(`/api/user-choices?id=${userID}`, {
87        method: "POST",
88        headers: {
238  ];
239
240  if (url.pathname === "/api/state-props") {
241    return new Response(JSON.stringify(stateProps), {
242      headers: { "Content-Type": "application/json" },
244  }
245
246  if (url.pathname === "/api/user-choices") {
247    const id = url.searchParams.get("id");
248    if (id) {
283        <script src="https://esm.town/v/std/catch"></script>
284        <style>
285          @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
286          h1,h2,h3 {
287            font-family: 'Montserrat', sans-serif;