@nu-art/ts-openai-frontend 0.401.9 → 0.500.0

package/ATS_OpenAI/ATS_OpenAI.d.ts

@@ -1,31 +1,12 @@
-import { AppToolsScreen, ComponentSync } from '@nu-art/thunderstorm-frontend/index';
-type ATS_OpenAI_Props = {};
+import * as React from 'react';
+import './ATS_OpenAI.scss';
+type ATS_OpenAI_Props = Record<string, never>;
 type ATS_OpenAI_State = {
     directive: string;
     input: string;
     output?: string;
 };
-/**
- * in this example the backend config should be something of this sort:
- *
- * ```
- * {
- *   directives: {
- *      'address-resolver': 'You are a Typescript address resolving assistant, you return a JSON with the following props: city, streetName, houseNumber, entrance (single letter), floor, apartmentNumber, country and additionalInfo. The JSON props must remain in english whereas the values need to be translated to valid addresses in Hebrew. unavailable props should be omitted from the JSON\'s props',
- *   },
- *   defaultModel: 'gpt-4',
- *   apiKey: 'YourAPI-Key',
- *   orgId: 'YourORG-Id'
- * }
- * ```
- */
-export declare class ATS_OpenAI extends ComponentSync<ATS_OpenAI_Props, ATS_OpenAI_State> {
-    static screen: AppToolsScreen;
-    static defaultProps: {
-        modules: never[];
-        pageTitle: () => string;
-    };
-    protected deriveStateFromProps(nextProps: ATS_OpenAI_Props, state?: ATS_OpenAI_State): ATS_OpenAI_State;
+export declare class ATS_OpenAI extends React.Component<ATS_OpenAI_Props, ATS_OpenAI_State> {
     constructor(p: ATS_OpenAI_Props);
     render(): import("react/jsx-runtime").JSX.Element;
     private sendRequest;

package/ATS_OpenAI/ATS_OpenAI.js

@@ -1,33 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ATS_3rd_Party, Button, ComponentSync, LL_H_C, LL_H_T, LL_V_L } from '@nu-art/thunderstorm-frontend/index';
-import { TS_TextAreaV2 } from '@nu-art/thunderstorm-frontend/components/TS_V2_TextArea/index';
+import * as React from 'react';
 import { ModuleFE_OpenAI } from '../modules/ModuleFE_OpenAI.js';
 import { __stringify } from '@nu-art/ts-common';
-/**
- * in this example the backend config should be something of this sort:
- *
- * ```
- * {
- *   directives: {
- *      'address-resolver': 'You are a Typescript address resolving assistant, you return a JSON with the following props: city, streetName, houseNumber, entrance (single letter), floor, apartmentNumber, country and additionalInfo. The JSON props must remain in english whereas the values need to be translated to valid addresses in Hebrew. unavailable props should be omitted from the JSON\'s props',
- *   },
- *   defaultModel: 'gpt-4',
- *   apiKey: 'YourAPI-Key',
- *   orgId: 'YourORG-Id'
- * }
- * ```
- */
-export class ATS_OpenAI extends ComponentSync {
-    static screen = { name: `OpenAI`, renderer: this, group: ATS_3rd_Party };
-    static defaultProps = {
-        modules: [],
-        pageTitle: () => this.screen.name
-    };
-    deriveStateFromProps(nextProps, state = {}) {
-        return { output: undefined, input: '', directive: '' };
-    }
+import './ATS_OpenAI.scss';
+export class ATS_OpenAI extends React.Component {
     constructor(p) {
         super(p);
+        this.state = { directive: '', input: '' };
     }
     render() {
         let value = this.state.output;
@@ -35,19 +14,17 @@ export class ATS_OpenAI extends ComponentSync {
             if (value)
                 value = __stringify(JSON.parse(value), true);
         }
-        catch (e) {
+        catch {
             // not a pure json response
         }
-        this.logInfo(value);
-        return _jsxs(LL_H_T, { children: [_jsxs(LL_V_L, { children: ["App dev screen for OpenAI", _jsx(Button, { onClick: this.sendRequest, children: "Test" })] }), _jsxs(LL_V_L, { children: [_jsx(TS_TextAreaV2, { className: 'ts-textarea', style: { width: 1008, height: 200, marginBottom: 8, fontFamily: 'monospace', fontSize: 15 }, value: this.state.directive, onChange: (value) => this.setState({ directive: value }) }), _jsxs(LL_H_C, { children: [_jsx(TS_TextAreaV2, { className: 'ts-textarea', style: { width: 500, height: 500, marginRight: 8, fontFamily: 'monospace', fontSize: 15 }, value: this.state.input, onChange: (value) => this.setState({ input: value }) }), _jsx(TS_TextAreaV2, { className: 'ts-textarea', style: { width: 500, height: 500, fontFamily: 'monospace', fontSize: 15 }, disabled: true, value: value })] })] })] });
+        return (_jsxs("div", { className: "ats-openai", children: [_jsxs("div", { className: "ats-openai__section", children: ["App dev screen for OpenAI", _jsx("button", { type: "button", onClick: this.sendRequest, children: "Test" })] }), _jsxs("div", { className: "ats-openai__section", children: [_jsx("textarea", { className: "ats-openai__textarea", style: { width: 1008, height: 200, marginBottom: 8, fontFamily: 'monospace', fontSize: 15 }, value: this.state.directive, onChange: e => this.setState({ directive: e.target.value }) }), _jsxs("div", { className: "ats-openai__row", children: [_jsx("textarea", { className: "ats-openai__textarea", style: { width: 500, height: 500, marginRight: 8, fontFamily: 'monospace', fontSize: 15 }, value: this.state.input, onChange: e => this.setState({ input: e.target.value }) }), _jsx("textarea", { className: "ats-openai__textarea", style: { width: 500, height: 500, fontFamily: 'monospace', fontSize: 15 }, readOnly: true, value: value ?? '' })] })] })] }));
     }
-    sendRequest = async (e) => {
+    sendRequest = async (_e) => {
         this.setState({ output: undefined });
-        const response = await ModuleFE_OpenAI.v1.test({
+        const response = await ModuleFE_OpenAI.test({
             directive: this.state.directive,
-            message: this.state.input
-        }).executeSync();
-        this.logWarning(response);
+            message: this.state.input,
+        });
         this.setState({ output: response.response });
     };
 }

package/ATS_OpenAI/ATS_OpenAI.scss

@@ -1,2 +1,22 @@
-.ts-ats.ats-OpenAI {
-}
+.ats-openai {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.ats-openai__section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.ats-openai__row {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+}
+
+.ats-openai__textarea {
+  box-sizing: border-box;
+  resize: none;
+}

package/modules/ModuleFE_OpenAI.d.ts

@@ -1,11 +1,10 @@
 import { Module } from '@nu-art/ts-common';
-import { ApiDefCaller } from '@nu-art/thunderstorm-shared';
-import { ApiStruct_OpenAI } from '@nu-art/ts-openai-shared/api-def';
-type Config = {};
+import { API_OpenAI } from '@nu-art/ts-openai-shared/api-def';
+type Config = Record<string, never>;
 export declare class ModuleFE_OpenAI_Class extends Module<Config> {
-    readonly v1: ApiDefCaller<ApiStruct_OpenAI>['v1'];
     constructor();
-    init(): void;
+    protected init(): void;
+    test(body: API_OpenAI['test']['Body']): Promise<API_OpenAI['test']['Response']>;
 }
 export declare const ModuleFE_OpenAI: ModuleFE_OpenAI_Class;
 export {};

package/modules/ModuleFE_OpenAI.js

@@ -1,15 +1,62 @@
-import { Module } from '@nu-art/ts-common';
-import { apiWithBody } from '@nu-art/thunderstorm-frontend/index';
-import { ApiDef_OpenAI } from '@nu-art/ts-openai-shared/api-def';
-export class ModuleFE_OpenAI_Class extends Module {
-    v1;
-    constructor() {
-        super();
-        this.v1 = {
-            test: apiWithBody(ApiDef_OpenAI.v1.test),
-        };
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
-    init() {
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
     }
-}
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+import { Module } from '@nu-art/ts-common';
+import { ApiCaller } from '@nu-art/http-client';
+import { ApiDef_OpenAI } from '@nu-art/ts-openai-shared/api-def';
+let ModuleFE_OpenAI_Class = (() => {
+    let _classSuper = Module;
+    let _instanceExtraInitializers = [];
+    let _test_decorators;
+    return class ModuleFE_OpenAI_Class extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _test_decorators = [ApiCaller(ApiDef_OpenAI.test)];
+            __esDecorate(this, null, _test_decorators, { kind: "method", name: "test", static: false, private: false, access: { has: obj => "test" in obj, get: obj => obj.test }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        constructor() {
+            super();
+            __runInitializers(this, _instanceExtraInitializers);
+        }
+        init() {
+        }
+        async test(body) {
+            void body;
+            return undefined;
+        }
+    };
+})();
+export { ModuleFE_OpenAI_Class };
 export const ModuleFE_OpenAI = new ModuleFE_OpenAI_Class();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/ts-openai-frontend",
-  "version": "0.401.9",
+  "version": "0.500.0",
   "description": "ts-openai - Express & Typescript based backend framework",
   "keywords": [
     "TacB0sS",
@@ -31,10 +31,9 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@nu-art/ts-common": "0.401.9",
-    "@nu-art/thunderstorm-frontend": "0.401.9",
-    "@nu-art/thunderstorm-shared": "0.401.9",
-    "@nu-art/ts-openai-shared": "0.401.9",
+    "@nu-art/ts-common": "0.500.0",
+    "@nu-art/http-client": "{{THUNDERSTORM_VERSION}}",
+    "@nu-art/ts-openai-shared": "0.500.0",
     "openai": "^6.7.0",
     "firebase": "^11.9.0",
     "firebase-admin": "13.4.0",