@promptbook/remote-server 0.102.0-1 → 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-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
@@ -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.
  *
@@ -8267,50 +8307,7 @@ function startRemoteServer(options) {
                     '/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$1(async (block) => `