svector-sdk
Version:
Official JavaScript and TypeScript SDK for accessing SVECTOR APIs.
144 lines (133 loc) • 5.2 kB
JavaScript
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.browserChatExample = browserChatExample;
const browserExample = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVECTOR SDK Browser Example</title>
<script src="https://unpkg.com/svector@latest/dist/index.js"></script>
</head>
<body>
<h1>SVECTOR SDK Browser Example</h1>
<div>
<label for="apiKey">API Key:</label>
<input type="password" id="apiKey" placeholder="Enter your SVECTOR API key">
</div>
<div>
<label for="message">Message:</label>
<input type="text" id="message" placeholder="Ask me anything..." value="What is artificial intelligence?">
<button onclick="sendMessage()">Send</button>
</div>
<div>
<h3>Response:</h3>
<div id="response" style="border: 1px solid #ccc; padding: 10px; min-height: 100px;"></div>
</div>
<script>
async function sendMessage() {
const apiKey = document.getElementById('apiKey').value;
const message = document.getElementById('message').value;
const responseDiv = document.getElementById('response');
if (!apiKey) {
alert('Please enter your API key');
return;
}
responseDiv.textContent = 'Loading...';
try {
const client = new SVECTOR({
apiKey: apiKey,
dangerouslyAllowBrowser: true // Required for browser usage
});
const response = await client.chat.create({
model: 'spec-3-turbo',
messages: [
{ role: 'user', content: message }
],
temperature: 0.7,
});
responseDiv.textContent = response.choices[0].message.content;
} catch (error) {
responseDiv.textContent = 'Error: ' + error.message;
console.error('SVECTOR API Error:', error);
}
}
// Enable Enter key to send message
document.getElementById('message').addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
sendMessage();
}
});
</script>
</body>
</html>
`;
console.log("Browser Example HTML:");
console.log(browserExample);
async function browserChatExample() {
console.log(' Browser Chat Example');
console.log('WARNING: This exposes your API key to client-side code!');
const apiKey = prompt('Enter your SVECTOR API key:');
if (!apiKey) {
console.error('API key required');
return;
}
try {
const { SVECTOR } = await Promise.resolve().then(() => __importStar(require('../src')));
const client = new SVECTOR({
apiKey,
dangerouslyAllowBrowser: true
});
const message = prompt('What would you like to ask?') || 'Hello!';
const response = await client.chat.create({
model: 'spec-3-turbo',
messages: [
{ role: 'user', content: message }
],
});
console.log('Response:', response.choices[0].message.content);
alert('Response: ' + response.choices[0].message.content);
}
catch (error) {
console.error('Error:', error);
const errorMessage = error instanceof Error ? error.message : String(error);
alert('Error: ' + errorMessage);
}
}
if (typeof window !== 'undefined') {
console.log('Browser environment detected. You can call browserChatExample() to test.');
}