@promptbook/remote-server 0.102.0-1 → 0.102.0-2

package/esm/typings/src/_packages/components.index.d.ts

@@ -41,6 +41,8 @@ import { parseMessageButtons } from '../book-components/Chat/utils/parseMessageB
 import { renderMarkdown } from '../book-components/Chat/utils/renderMarkdown';
 import { isMarkdownContent } from '../book-components/Chat/utils/renderMarkdown';
 import { ArrowIcon } from '../book-components/icons/ArrowIcon';
+import { AttachmentIcon } from '../book-components/icons/AttachmentIcon';
+import { CloseIcon } from '../book-components/icons/CloseIcon';
 import { PauseIcon } from '../book-components/icons/PauseIcon';
 import { PlayIcon } from '../book-components/icons/PlayIcon';
 import { ResetIcon } from '../book-components/icons/ResetIcon';
@@ -89,6 +91,8 @@ export { parseMessageButtons };
 export { renderMarkdown };
 export { isMarkdownContent };
 export { ArrowIcon };
+export { AttachmentIcon };
+export { CloseIcon };
 export { PauseIcon };
 export { PlayIcon };
 export { ResetIcon };

package/esm/typings/src/_packages/types.index.d.ts

@@ -154,6 +154,7 @@ import type { ApplicationRemoteServerOptions } from '../remote-server/types/Remo
 import type { ApplicationRemoteServerClientOptions } from '../remote-server/types/RemoteServerOptions';
 import type { LoginRequest } from '../remote-server/types/RemoteServerOptions';
 import type { LoginResponse } from '../remote-server/types/RemoteServerOptions';
+import type { ServerInfo } from '../remote-server/ui/types';
 import type { Converter } from '../scrapers/_common/Converter';
 import type { ScraperAndConverterMetadata } from '../scrapers/_common/register/ScraperAndConverterMetadata';
 import type { ScraperConstructor } from '../scrapers/_common/register/ScraperConstructor';
@@ -485,6 +486,7 @@ export type { ApplicationRemoteServerOptions };
 export type { ApplicationRemoteServerClientOptions };
 export type { LoginRequest };
 export type { LoginResponse };
+export type { ServerInfo };
 export type { Converter };
 export type { ScraperAndConverterMetadata };
 export type { ScraperConstructor };

package/esm/typings/src/book-2.0/agent-source/createAgentModelRequirementsWithCommitments.delete.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/typings/src/book-components/Chat/Chat/ChatProps.d.ts

@@ -145,7 +145,16 @@ export type ChatProps = {
         expectedAnswer: string | null;
         url: string;
     }): Promisable<void>;
+    /**
+     * Optional callback for handling file uploads
+     * When provided, enables file upload functionality via drag-and-drop and file button
+     * The callback should process the file and return text content to be inserted into the message
+     *
+     * @param file - The uploaded file
+     * @returns Promise or string with the text content to insert into the chat message
+     */
+    onFileUpload?(file: File): Promisable<string>;
 };
 /**
  * TODO: [☁️] Export component prop types only to `@promptbook/components` (not `@promptbook/types`)
- */ 
+ */

package/esm/typings/src/book-components/icons/AttachmentIcon.d.ts

@@ -0,0 +1,11 @@
+type AttachmentIconProps = {
+    size?: number;
+    color?: string;
+};
+/**
+ * @@@
+ *
+ * @public exported from `@promptbook/components`
+ */
+export declare function AttachmentIcon({ size, color }: AttachmentIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/typings/src/book-components/icons/CloseIcon.d.ts

@@ -0,0 +1,11 @@
+type CloseIconProps = {
+    size?: number;
+    color?: string;
+};
+/**
+ * @@@
+ *
+ * @public exported from `@promptbook/components`
+ */
+export declare function CloseIcon({ size, color }: CloseIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/typings/src/remote-server/ui/ServerApp.d.ts

@@ -0,0 +1,13 @@
+import type { ServerInfo } from './types';
+/**
+ * @@@
+ *
+ * @private internal utility of Remote Server
+ */
+export declare function HtmlDoc({ info }: {
+    info: ServerInfo;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Add Note: [💞] Ignore a discrepancy between file name and entity name
+ *     <- TODO: !!! Maybe split into multiple files
+ */

package/esm/typings/src/remote-server/ui/renderServerIndexHtml.d.ts

@@ -0,0 +1,7 @@
+import type { ServerInfo } from './types';
+/**
+ * Render full HTML for the server index using React SSR without requiring TSX/JSX compiler flags.
+ *
+ * @private internal utility of Remote Server
+ */
+export declare function renderServerIndexHtml(info: ServerInfo): string;

package/esm/typings/src/remote-server/ui/types.d.ts

@@ -0,0 +1,16 @@
+export type ServerInfo = {
+    bookLanguageVersion: string;
+    promptbookEngineVersion: string;
+    nodeVersion: string;
+    port: number | string | undefined;
+    startupDate: string;
+    isAnonymousModeAllowed: boolean;
+    isApplicationModeAllowed: boolean;
+    pipelines: ReadonlyArray<string>;
+    runningExecutions: number;
+    paths: ReadonlyArray<string>;
+};
+/**
+ * Add Note: [💞] Ignore a discrepancy between file name and entity name
+ *     <- TODO: !!! Maybe split into multiple files
+ */

package/esm/typings/src/version.d.ts

@@ -15,7 +15,7 @@ export declare const BOOK_LANGUAGE_VERSION: string_semantic_version;
 export declare const PROMPTBOOK_ENGINE_VERSION: string_promptbook_version;
 /**
  * Represents the version string of the Promptbook engine.
- * It follows semantic versioning (e.g., `0.102.0-0`).
+ * It follows semantic versioning (e.g., `0.102.0-1`).
  *
  * @generated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@promptbook/remote-server",
-    "version": "0.102.0-1",
+    "version": "0.102.0-2",
     "description": "Promptbook: Run AI apps in plain human language across multiple models and platforms",
     "private": false,
     "sideEffects": false,
@@ -95,7 +95,7 @@
     "module": "./esm/index.es.js",
     "typings": "./esm/typings/src/_packages/remote-server.index.d.ts",
     "peerDependencies": {
-        "@promptbook/core": "0.102.0-1"
+        "@promptbook/core": "0.102.0-2"
     },
     "dependencies": {
         "colors": "1.4.0",
@@ -104,6 +104,7 @@
         "express": "4.21.2",
         "express-openapi-validator": "^5.4.9",
         "papaparse": "5.4.1",
+        "react": "18.2.0",
         "rxjs": "7.8.1",
         "socket.io": "4.8.1",
         "spacetrim": "0.11.59",

package/umd/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('colors'), require('express'), require('express-openapi-validator'), require('http'), require('socket.io'), require('spacetrim'), require('swagger-ui-express'), require('waitasecond'), require('crypto'), require('child_process'), require('fs/promises'), require('path'), require('rxjs'), require('crypto-js/enc-hex'), require('crypto-js/sha256'), require('crypto-js'), require('mime-types'), require('papaparse')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'colors', 'express', 'express-openapi-validator', 'http', 'socket.io', 'spacetrim', 'swagger-ui-express', 'waitasecond', 'crypto', 'child_process', 'fs/promises', 'path', 'rxjs', 'crypto-js/enc-hex', 'crypto-js/sha256', 'crypto-js', 'mime-types', 'papaparse'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["promptbook-remote-server"] = {}, global.colors, global.express, global.OpenApiValidator, global.http, global.socket_io, global.spaceTrim, global.swaggerUi, global.waitasecond, global.crypto, global.child_process, global.promises, global.path, global.rxjs, global.hexEncoder, global.sha256, global.cryptoJs, global.mimeTypes, global.papaparse));
-})(this, (function (exports, colors, express, OpenApiValidator, http, socket_io, spaceTrim, swaggerUi, waitasecond, crypto, child_process, promises, path, rxjs, hexEncoder, sha256, cryptoJs, mimeTypes, papaparse) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('colors'), require('express'), require('express-openapi-validator'), require('http'), require('socket.io'), require('spacetrim'), require('swagger-ui-express'), require('waitasecond'), require('crypto'), require('child_process'), require('fs/promises'), require('path'), require('rxjs'), require('crypto-js/enc-hex'), require('crypto-js/sha256'), require('crypto-js'), require('mime-types'), require('papaparse'), require('react'), require('react-dom/server')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'colors', 'express', 'express-openapi-validator', 'http', 'socket.io', 'spacetrim', 'swagger-ui-express', 'waitasecond', 'crypto', 'child_process', 'fs/promises', 'path', 'rxjs', 'crypto-js/enc-hex', 'crypto-js/sha256', 'crypto-js', 'mime-types', 'papaparse', 'react', 'react-dom/server'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["promptbook-remote-server"] = {}, global.colors, global.express, global.OpenApiValidator, global.http, global.socket_io, global.spaceTrim, global.swaggerUi, global.waitasecond, global.crypto, global.child_process, global.promises, global.path, global.rxjs, global.hexEncoder, global.sha256, global.cryptoJs, global.mimeTypes, global.papaparse, global.react, global.server));
+})(this, (function (exports, colors, express, OpenApiValidator, http, socket_io, spaceTrim, swaggerUi, waitasecond, crypto, child_process, promises, path, rxjs, hexEncoder, sha256, cryptoJs, mimeTypes, papaparse, react, server) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,7 +47,7 @@
      * @generated
      * @see https://github.com/webgptorg/promptbook
      */
-    const PROMPTBOOK_ENGINE_VERSION = '0.102.0-1';
+    const PROMPTBOOK_ENGINE_VERSION = '0.102.0-2';
     /**
      * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
      * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -8106,6 +8106,44 @@
      * Note: [💞] Ignore a discrepancy between file name and entity name
      */
 
+    const h = react.createElement;
+    function KeyVal(props) {
+        return h('div', { className: 'flex items-start gap-2' }, h('div', { className: 'font-semibold min-w-[14rem]' }, props.label), h('div', { className: 'text-gray-800' }, props.value));
+    }
+    function List(props) {
+        var _a;
+        if (!((_a = props.items) === null || _a === void 0 ? void 0 : _a.length))
+            return h('span', { className: 'text-gray-500' }, 'none');
+        return h('ul', { className: 'list-disc ml-6' }, ...props.items.map((item, i) => h('li', { key: String(i), className: 'break-all' }, item)));
+    }
+    function Section(props) {
+        return h('section', { className: 'mt-8' }, h('h2', { className: 'text-xl font-semibold mb-2' }, props.title), props.children);
+    }
+    function ServerBody({ info }) {
+        var _a;
+        return h('div', { className: 'max-w-4xl mx-auto p-6' }, h('h1', { className: 'text-3xl font-bold mb-4' }, 'Promptbook Server'), h('div', { className: 'space-y-2' }, h(KeyVal, { label: 'Book language version:', value: info.bookLanguageVersion }), h(KeyVal, { label: 'Promptbook engine version:', value: info.promptbookEngineVersion }), h(KeyVal, { label: 'Node.js version:', value: info.nodeVersion }), h(KeyVal, { label: 'Server port:', value: String((_a = info.port) !== null && _a !== void 0 ? _a : '') }), h(KeyVal, { label: 'Startup date:', value: info.startupDate }), h(KeyVal, {
+            label: 'Anonymous mode:',
+            value: info.isAnonymousModeAllowed ? 'enabled' : 'disabled',
+        }), h(KeyVal, {
+            label: 'Application mode:',
+            value: info.isApplicationModeAllowed ? 'enabled' : 'disabled',
+        }), h(KeyVal, { label: 'Running executions:', value: String(info.runningExecutions) })), h(Section, { title: 'Pipelines in collection' }, h(List, { items: info.pipelines })), h(Section, { title: 'Paths' }, h(List, { items: info.paths })), h(Section, { title: 'Instructions' }, h('ol', { className: 'list-decimal ml-6 space-y-1' }, h('li', null, 'The client ', h('a', { href: 'https://www.npmjs.com/package/@promptbook/remote-client', className: 'text-blue-600 underline' }, 'https://www.npmjs.com/package/@promptbook/remote-client')), h('li', null, 'OpenAI compatible client ', h('span', { className: 'text-gray-500' }, '(Not working yet)')), h('li', null, 'REST API')), h('p', { className: 'mt-2' }, 'For more information look at: ', h('a', { href: 'https://github.com/webgptorg/promptbook', className: 'text-blue-600 underline' }, 'https://github.com/webgptorg/promptbook'))));
+    }
+    function HtmlDoc({ info }) {
+        return h('html', { lang: 'en' }, h('head', null, h('meta', { charSet: 'UTF-8' }), h('meta', { name: 'viewport', content: 'width=device-width, initial-scale=1.0' }), h('title', null, 'Promptbook Server'), h('link', {
+            href: 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css',
+            rel: 'stylesheet',
+        })), h('body', { className: 'bg-gray-50 text-gray-900' }, h('div', { id: 'root' }, h(ServerBody, { info }))));
+    }
+    /**
+     * Render full HTML for the server index using React SSR without requiring TSX/JSX compiler flags.
+     *
+     * @private internal utility of Remote Server
+     */
+    function renderServerIndexHtml(info) {
+        return '<!DOCTYPE html>' + server.renderToStaticMarkup(h(HtmlDoc, { info }));
+    }
+
     /**
      * Remote server is a proxy server that uses its execution tools internally and exposes the executor interface externally.
      *
@@ -8283,50 +8321,7 @@
                         '/api-docs',
                     ],
                 };
-                response.type('text/html').send(`
-                <!DOCTYPE html>
-                <html lang="en">
-                <head>
-                    <meta charset="UTF-8" />
-                    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-                    <title>Promptbook Server</title>
-                    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
-                </head>
-                <body class="bg-gray-50 text-gray-900">
-                    <div id="root"></div>
-                    <script>
-                        window.__PROMPTBOOK_SERVER_INFO__ = ${JSON.stringify(serverInfo)};
-                        // TODO: Hydrate React app here
-                        // You will need to bundle and serve a React app for full functionality
-                        const info = window.__PROMPTBOOK_SERVER_INFO__;
-                        document.getElementById('root').innerHTML = \`
-                            <h1 class="text-3xl font-bold mb-4">Promptbook Server Rich UI</h1>
-                            <div class="mb-4">
-                                <strong>Book language version:</strong> \${info.bookLanguageVersion}<br>
-                                <strong>Promptbook engine version:</strong> \${info.promptbookEngineVersion}<br>
-                                <strong>Node.js version:</strong> \${info.nodeVersion}<br>
-                                <strong>Server port:</strong> \${info.port}<br>
-                                <strong>Startup date:</strong> \${info.startupDate}<br>
-                                <strong>Anonymous mode:</strong> \${info.isAnonymousModeAllowed ? 'enabled' : 'disabled'}<br>
-                                <strong>Application mode:</strong> \${info.isApplicationModeAllowed ? 'enabled' : 'disabled'}<br>
-                                <strong>Pipelines in collection:</strong> \${info.pipelines.length ? '<ul>' + info.pipelines.map(p => '<li>' + p + '</li>').join('') + '</ul>' : 'none'}<br>
-                                <strong>Running executions:</strong> \${info.runningExecutions}<br>
-                                <strong>Paths:</strong> <ul>\${info.paths.map(p => '<li>' + p + '</li>').join('')}</ul>
-                            </div>
-                            <div class="mt-8">
-                                <h2 class="text-xl font-semibold mb-2">Instructions</h2>
-                                <ol class="list-decimal ml-6">
-                                    <li>The client <a href="https://www.npmjs.com/package/@promptbook/remote-client" class="text-blue-600 underline">https://www.npmjs.com/package/@promptbook/remote-client</a></li>
-                                    <li>OpenAI compatible client <span class="text-gray-500">(Not working yet)</span></li>
-                                    <li>REST API</li>
-                                </ol>
-                                <p class="mt-2">For more information look at: <a href="https://github.com/webgptorg/promptbook" class="text-blue-600 underline">https://github.com/webgptorg/promptbook</a></p>
-                            </div>
-                        \`;
-                    </script>
-                </body>
-                </html>
-                `);
+                response.type('text/html').send(renderServerIndexHtml(serverInfo));
             }
             else {
                 response.type('text/markdown').send(await spaceTrim.spaceTrim(async (block) => `