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

package/esm/index.es.js

@@ -16,6 +16,8 @@ import sha256 from 'crypto-js/sha256';
 import { SHA256 } from 'crypto-js';
 import { lookup, extension } from 'mime-types';
 import { parse, unparse } from 'papaparse';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 
 // ⚠️ WARNING: This code has been generated so that any manual changes will be overwritten
 /**
@@ -31,7 +33,7 @@ const BOOK_LANGUAGE_VERSION = '1.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.102.0-0';
+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
@@ -8090,6 +8092,44 @@ const openapiJson = {
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
 
+const h = 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>' + renderToStaticMarkup(h(HtmlDoc, { info }));
+}
+
 /**
  * Remote server is a proxy server that uses its execution tools internally and exposes the executor interface externally.
  *
@@ -8246,57 +8286,82 @@ function startRemoteServer(options) {
         if ((_a = request.url) === null || _a === void 0 ? void 0 : _a.includes('socket.io')) {
             return;
         }
-        response.type('text/markdown').send(await spaceTrim$1(async (block) => `
-                    # Promptbook
+        if (options.isRichUi !== false) {
+            // Serve rich React + Tailwind UI with server info injected
+            const serverInfo = {
+                bookLanguageVersion: BOOK_LANGUAGE_VERSION,
+                promptbookEngineVersion: PROMPTBOOK_ENGINE_VERSION,
+                nodeVersion: process.version,
+                port,
+                startupDate: startupDate.toISOString(),
+                isAnonymousModeAllowed,
+                isApplicationModeAllowed,
+                pipelines: !isApplicationModeAllowed || collection === null
+                    ? []
+                    : await collection.listPipelines(),
+                runningExecutions: runningExecutionTasks.length,
+                paths: [
+                    ...app._router.stack
+                        .map(({ route }) => (route === null || route === void 0 ? void 0 : route.path) || null)
+                        .filter((path) => path !== null),
+                    '/api-docs',
+                ],
+            };
+            response.type('text/html').send(renderServerIndexHtml(serverInfo));
+        }
+        else {
+            response.type('text/markdown').send(await spaceTrim$1(async (block) => `
+                        # Promptbook
 
-                    > ${block(CLAIM)}
+                        > ${block(CLAIM)}
 
-                    **Book language version:** ${BOOK_LANGUAGE_VERSION}
-                    **Promptbook engine version:** ${PROMPTBOOK_ENGINE_VERSION}
-                    **Node.js version:** ${process.version /* <- TODO: [🧠] Is it secure to expose this */}
+                        **Book language version:** ${BOOK_LANGUAGE_VERSION}
+                        **Promptbook engine version:** ${PROMPTBOOK_ENGINE_VERSION}
+                        **Node.js version:** ${process.version /* <- TODO: [🧠] Is it secure to expose this */}
 
-                    ---
+                        ---
 
-                    ## Details
+                        ## Details
 
-                    **Server port:** ${port}
-                    **Startup date:** ${startupDate.toISOString()}
-                    **Anonymous mode:** ${isAnonymousModeAllowed ? 'enabled' : 'disabled'}
-                    **Application mode:** ${isApplicationModeAllowed ? 'enabled' : 'disabled'}
-                    ${block(!isApplicationModeAllowed || collection === null
-            ? ''
-            : '**Pipelines in collection:**\n' +
-                (await collection.listPipelines())
-                    .map((pipelineUrl) => `- ${pipelineUrl}`)
-                    .join('\n'))}
-                    **Running executions:** ${runningExecutionTasks.length}
+                        **Server port:** ${port}
+                        **Startup date:** ${startupDate.toISOString()}
+                        **Anonymous mode:** ${isAnonymousModeAllowed ? 'enabled' : 'disabled'}
+                        **Application mode:** ${isApplicationModeAllowed ? 'enabled' : 'disabled'}
+                        ${block(!isApplicationModeAllowed || collection === null
+                ? ''
+                : '**Pipelines in collection:**\n' +
+                    (await collection.listPipelines())
+                        .map((pipelineUrl) => `- ${pipelineUrl}`)
+                        .join('\n'))}
+                        **Running executions:** ${runningExecutionTasks.length}
 
-                    ---
+                        ---
 
-                    ## Paths
+                        ## Paths
 
-                    ${block([
-            ...app._router.stack
-                .map(({ route }) => (route === null || route === void 0 ? void 0 : route.path) || null)
-                .filter((path) => path !== null),
-            '/api-docs',
-        ]
-            .map((path) => `- ${path}`)
-            .join('\n'))}
+                        ${block([
+                ...app._router.stack
+                    .map(({ route }) => (route === null || route === void 0 ? void 0 : route.path) || null)
+                    .filter((path) => path !== null),
+                '/api-docs',
+            ]
+                .map((path) => `- ${path}`)
+                .join('\n'))}
 
-                    ---
+                        ---
 
-                    ## Instructions
+                        ## Instructions
 
-                    To connect to this server use:
+                        To connect to this server use:
 
-                    1) The client https://www.npmjs.com/package/@promptbook/remote-client
-                    2) OpenAI compatible client *(Not working yet)*
-                    3) REST API
+                        1) The client https://www.npmjs.com/package/@promptbook/remote-client
+                        2) OpenAI compatible client *(Not working yet)*
+                        3) REST API
 
-                    For more information look at:
-                    https://github.com/webgptorg/promptbook
-                `));
+                        For more information look at:
+                        https://github.com/webgptorg/promptbook
+                    `));
+        }
     });
     app.post(`/login`, async (request, response) => {
         if (!isApplicationModeAllowed || login === null) {