npm - @promptbook/cli - Versions diffs - 0.103.0-44 → 0.103.0-46 - Mend

@promptbook/cli 0.103.0-44 → 0.103.0-46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/apps/agents-server/src/app/globals.css ADDED Viewed

@@ -0,0 +1,113 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+:root {
+    --background: #ffffff;
+    --foreground: #171717;
+}
+@media (prefers-color-scheme: dark) {
+    :root {
+        --background: #0a0a0a;
+        --foreground: #ededed;
+    }
+}
+body {
+    background: var(--background);
+    color: var(--foreground);
+    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
+}
+/* Custom utilities */
+.line-clamp-2 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.line-clamp-3 {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+/* Mermaid diagram styling */
+.mermaid-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.mermaid-container svg {
+    max-width: 100%;
+    height: auto;
+}
+/* Code block styling */
+pre code {
+    font-family: var(--font-mono), 'Courier New', monospace;
+}
+/* Smooth transitions */
+* {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
+        transform, filter, backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+}
+/* Focus styles */
+button:focus-visible,
+a:focus-visible,
+input:focus-visible,
+textarea:focus-visible {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+}
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+::-webkit-scrollbar-track {
+    background: #f1f5f9;
+}
+::-webkit-scrollbar-thumb {
+    background: #cbd5e1;
+    border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: #94a3b8;
+}
+/* Loading animation */
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+.animate-spin {
+    animation: spin 1s linear infinite;
+}
+/* Gradient backgrounds */
+.bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+/* Component preview container */
+.component-preview {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border: 1px solid #e2e8f0;
+}

package/apps/agents-server/src/app/layout.tsx ADDED Viewed

@@ -0,0 +1,72 @@
+import faviconLogoImage from '@/public/favicon.ico';
+import type { Metadata } from 'next';
+import { Barlow_Condensed } from 'next/font/google';
+import './globals.css';
+const barlowCondensed = Barlow_Condensed({
+    subsets: ['latin'],
+    weight: ['300', '400', '500', '600', '700'],
+});
+export const metadata: Metadata = {
+    title: 'Promptbook agents server',
+    description: '@@@',
+    keywords: ['@@@'],
+    authors: [{ name: 'Promptbook Team' }],
+    openGraph: {
+        title: 'Promptbook agents server',
+        description: '@@@',
+        type: 'website',
+        images: [
+            /*
+            TODO:
+            {
+                url: 'https://www.ptbk.io/design',
+                width: 1200,
+                height: 630,
+                alt: 'Promptbook agents server',
+            },
+            */
+        ],
+    },
+    twitter: {
+        card: 'summary_large_image',
+        title: 'Promptbook agents server',
+        description: '@@@',
+        // TODO: images: ['https://www.ptbk.io/design'],
+    },
+};
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <html lang="en">
+            <head>
+                {/* Favicon for light mode */}
+                {/*
+                <link
+                    rel="icon"
+                    href="https://www.ptbk.io/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo-blue-transparent-256.493b7e49.png&w=64&q=75"
+                    media="(prefers-color-scheme: light)"
+                    type="image/svg+xml"
+                />
+                */}
+                {/* Favicon for dark mode */}
+                {/*
+                <link
+                    rel="icon"
+                    href="https://www.ptbk.io/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo-blue-transparent-256.493b7e49.png&w=64&q=75"
+                    media="(prefers-color-scheme: dark)"
+                    type="image/svg+xml"
+                />
+                */}
+                {/* Default favicon as a fallback */}
+                <link rel="icon" href={faviconLogoImage.src} type="image/x-icon" />
+            </head>
+            <body className={`${barlowCondensed.className} antialiased bg-white text-gray-900`}>{children}</body>
+        </html>
+    );
+}

package/apps/agents-server/src/app/page.tsx ADDED Viewed

@@ -0,0 +1,115 @@
+'use server';
+import logoImage from '@/public/logo-blue-white-256.png';
+import { getSingleLlmExecutionTools } from '@promptbook-local/core';
+import moment from 'moment';
+import { headers } from 'next/headers';
+import Image from 'next/image';
+import Link from 'next/link';
+import { AvatarProfile } from '../../../../src/book-components/AvatarProfile/AvatarProfile/AvatarProfile';
+import { AboutPromptbookInformation } from '../../../../src/utils/misc/xAboutPromptbookInformation';
+import { $sideEffect } from '../../../../src/utils/organization/$sideEffect';
+import { getLongRunningTask } from '../deamons/longRunningTask';
+import { $provideAgentCollectionForServer } from '../tools/$provideAgentCollectionForServer';
+import { $provideExecutionToolsForServer } from '../tools/$provideExecutionToolsForServer';
+import { AddAgentButton } from './AddAgentButton';
+// Add calendar formats that include seconds
+const calendarWithSeconds = {
+    sameDay: '[Today at] LTS',
+    nextDay: '[Tomorrow at] LTS',
+    nextWeek: 'dddd [at] LTS',
+    lastDay: '[Yesterday at] LTS',
+    lastWeek: '[Last] dddd [at] LTS',
+    sameElse: 'L [at] LTS',
+};
+export default async function HomePage() {
+    $sideEffect(/* Note: [🐶] This will ensure dynamic rendering of page and avoid Next.js pre-render */ headers());
+    const collection = await $provideAgentCollectionForServer();
+    const agents = await collection.listAgents();
+    const longRunningTask = getLongRunningTask();
+    const executionTools = await $provideExecutionToolsForServer();
+    const models = await getSingleLlmExecutionTools(executionTools.llm).listModels();
+    return (
+        <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50">
+            <div className="container mx-auto px-4 py-16">
+                <h1 className="text-4xl font-bold text-gray-900 mb-4">
+                    <Image src={logoImage} alt="Promptbook Logo" height={50} className="inline-block mr-4" />
+                    Promptbook Agents Server
+                </h1>
+                <>
+                    <h2 className="text-3xl text-gray-900 mt-16 mb-4">Agents ({agents.length})</h2>
+                    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+                        {agents.map((agent) => (
+                            <Link key={agent.agentName} href={`/agents/${agent.agentName}`}>
+                                <AvatarProfile
+                                    {...{ agent }}
+                                    style={
+                                        !agent.meta.color
+                                            ? {}
+                                            : {
+                                                  backgroundColor: `${agent.meta.color}22`, // <- TODO: Use Color object here
+                                              }
+                                    }
+                                    className="block p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 hover:border-blue-400"
+                                />
+                            </Link>
+                        ))}
+                        <AddAgentButton />
+                    </div>
+                </>
+                <>
+                    <h2 className="text-3xl text-gray-900 mt-16 mb-4">Models ({models.length})</h2>
+                    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+                        {models.map(({ modelName, modelTitle, modelDescription }) => (
+                            <Link key={modelName} href={`#!!!`}>
+                                <div className="block p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 hover:border-blue-400">
+                                    <h2 className="text-2xl font-semibold text-gray-900 mb-2">{modelTitle}</h2>
+                                    <code>{modelName}</code>
+                                    <p className="text-gray-600">{modelDescription}</p>
+                                </div>
+                            </Link>
+                        ))}
+                    </div>
+                </>
+                <>
+                    <h2 className="text-3xl text-gray-900 mt-16 mb-4">About</h2>
+                    <AboutPromptbookInformation />
+                </>
+                <>
+                    <h2 className="text-3xl text-gray-900 mt-16 mb-4">Technical Information</h2>
+                    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+                        <Link
+                            href={'#'}
+                            className="block p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 hover:border-blue-400"
+                        >
+                            <h2 className="text-2xl font-semibold text-gray-900 mb-2">
+                                Long running task {longRunningTask.taskId}
+                            </h2>
+                            <p className="text-gray-600">Tick: {longRunningTask.tick}</p>
+                            <p className="text-gray-600">
+                                Created At: {moment(longRunningTask.createdAt).calendar(undefined, calendarWithSeconds)}
+                            </p>
+                            <p className="text-gray-600">
+                                Updated At: {moment(longRunningTask.updatedAt).calendar(undefined, calendarWithSeconds)}
+                            </p>
+                        </Link>
+                    </div>
+                </>
+            </div>
+        </div>
+    );
+}
+/**
+ * TODO: [🕋] Use here `AboutPromptbookInformation`
+ */

package/apps/agents-server/src/deamons/longRunningTask.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import { forTime } from 'waitasecond';
+import { just } from '../../../../src/utils/organization/just';
+import { $randomToken } from '../../../../src/utils/random/$randomToken';
+let longRunningTask: {
+    taskId: string;
+    tick: number;
+    createdAt: Date;
+    updatedAt: Date;
+} | null = null;
+export function getLongRunningTask() {
+    if (longRunningTask !== null) {
+        return longRunningTask;
+    }
+    const taskId = $randomToken(8);
+    let tick = 0;
+    longRunningTask = {
+        taskId,
+        tick,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+    };
+    (async () => {
+        while (just(true)) {
+            await forTime(1000);
+            // console.log(`Long running task ${taskId} tick ${tick}`);
+            longRunningTask.updatedAt = new Date();
+            longRunningTask.tick = ++tick;
+        }
+    })();
+    return longRunningTask;
+}

package/apps/agents-server/src/supabase/TODO.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ TODO: !!!! Rename all to $provide...

package/apps/agents-server/src/supabase/getSupabase.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import type { AgentsDatabaseSchema } from '@promptbook-local/types';
+import { $isRunningInBrowser, $isRunningInNode, $isRunningInWebWorker } from '@promptbook-local/utils';
+import type { SupabaseClient } from '@supabase/supabase-js';
+import { getSupabaseForBrowser } from './getSupabaseForBrowser';
+import { getSupabaseForServer } from './getSupabaseForServer';
+import { getSupabaseForWorker } from './getSupabaseForWorker';
+/**
+ * Get supabase client in any environment
+ *
+ * Note: The client is cached, so it's safe to call this function multiple times
+ *
+ * @returns instance of supabase client
+ */
+export function getSupabase(): SupabaseClient<AgentsDatabaseSchema> {
+    if ($isRunningInNode()) {
+        return getSupabaseForServer();
+    } else if ($isRunningInBrowser()) {
+        return getSupabaseForBrowser();
+    } else if ($isRunningInWebWorker()) {
+        return getSupabaseForWorker();
+    } else {
+        throw new Error('Unknown environment, cannot determine how to get Supabase client');
+    }
+}

package/apps/agents-server/src/supabase/getSupabaseForBrowser.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+import { AgentsDatabaseSchema } from '@promptbook-local/types';
+import { $isRunningInBrowser } from '@promptbook-local/utils';
+/**
+ * Internal cache for `getSupabaseForBrowser`
+ *
+ * @private
+ * @singleton
+ */
+let supabase: SupabaseClient<AgentsDatabaseSchema>;
+/**
+ * Get supabase client
+ *
+ * Note: The client is cached, so it's safe to call this function multiple times
+ * Note: This function is available ONLY in browser, use getSupabaseForServer in node
+ *
+ * @returns instance of supabase client
+ */
+export function getSupabaseForBrowser(): typeof supabase {
+    if (!$isRunningInBrowser()) {
+        throw new Error(
+            'Function `getSupabaseForBrowser` can not be used on server or worker, use `getSupabaseForServer` or `getSupabaseForWorker` instead.',
+        );
+    }
+    if (!supabase) {
+        // Create a single supabase client for interacting with your database
+        supabase = createClient<AgentsDatabaseSchema>(
+            process.env.NEXT_PUBLIC_SUPABASE_URL!,
+            process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+        );
+    }
+    return supabase;
+}

package/apps/agents-server/src/supabase/getSupabaseForServer.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import { AgentsDatabaseSchema } from '@promptbook-local/types';
+import { $isRunningInNode } from '@promptbook-local/utils';
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+/**
+ * Internal cache for `getSupabaseForServer`
+ *
+ * @private
+ * @singleton
+ */
+let supabase: SupabaseClient<AgentsDatabaseSchema>;
+/**
+ * Get supabase client
+ *
+ * Note: The client is cached, so it's safe to call this function multiple times
+ * Note: This function is available ONLY on server/node, use getSupabaseForClient in browser
+ *
+ * @returns instance of supabase client
+ */
+export function getSupabaseForServer(): typeof supabase {
+    if (!$isRunningInNode()) {
+        throw new Error(
+            'Function `getSupabaseForServer` can not be used in browser, use `getSupabaseForBrowser` instead.',
+        );
+    }
+    if (!supabase) {
+        // Create a single supabase client for interacting with your database
+        supabase = createClient<AgentsDatabaseSchema>(
+            process.env.NEXT_PUBLIC_SUPABASE_URL!,
+            process.env.SUPABASE_SERVICE_ROLE_KEY!,
+            {
+                auth: {
+                    autoRefreshToken: false,
+                    persistSession: false,
+                },
+            },
+        );
+    }
+    /*
+    // Access auth admin api
+    const adminAuthClient = supabase.auth.admin;
+    */
+    return supabase;
+}

package/apps/agents-server/src/supabase/getSupabaseForWorker.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import { AgentsDatabaseSchema } from '@promptbook-local/types';
+import { $isRunningInWebWorker } from '@promptbook-local/utils';
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+/**
+ * Internal cache for `getSupabaseForWorker`
+ *
+ * @private
+ * @singleton
+ */
+let supabase: SupabaseClient<AgentsDatabaseSchema>;
+/**
+ * Get supabase client
+ *
+ * Note: The client is cached, so it's safe to call this function multiple times
+ * Note: This function is available ONLY in worker, use getSupabaseForBrowser for main thread
+ *
+ * @returns instance of supabase client
+ */
+export function getSupabaseForWorker(): typeof supabase {
+    if (!$isRunningInWebWorker) {
+        throw new Error(
+            'Function `getSupabaseForWorker` can not be used in browser, use `getSupabaseForBrowser` instead.',
+        );
+    }
+    if (!supabase) {
+        // Create a single supabase client for interacting with your database
+        supabase = createClient<AgentsDatabaseSchema>(
+            process.env.NEXT_PUBLIC_SUPABASE_URL!,
+            process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+        );
+    }
+    return supabase;
+}
+/**
+ * TODO: Fix> No storage option exists to persist the session, which may result in unexpected behavior when using auth.
+              If you want to set persistSession to true, please provide a storage option or you may set persistSession to false to disable this warning.
+ */

package/apps/agents-server/src/tools/$provideAgentCollectionForServer.ts ADDED Viewed

@@ -0,0 +1,49 @@
+'use server';
+import { AgentCollectionInSupabase } from '@promptbook-local/core';
+import { AgentCollection } from '@promptbook-local/types';
+import { getSupabaseForServer } from '../supabase/getSupabaseForServer';
+/**
+ * Cache of provided agent collection
+ * @private internal cache for `$provideAgentCollectionForServer`
+ */
+let agentCollection: null | AgentCollection = null;
+/**
+ * !!!!
+ */
+export async function $provideAgentCollectionForServer(): Promise<AgentCollection> {
+    // <- Note: This function is potentially async
+    // TODO: !!!! [🌕] DRY
+    const isVerbose = true; // <- TODO: !!!! Pass
+    if (agentCollection !== null) {
+        console.log('!!! Returning cached agent collection');
+        return agentCollection;
+        // TODO: !!!! Be aware of options changes
+    }
+    console.log('!!! Creating NEW agent collection');
+    /*
+    // TODO: [🧟‍♂️][◽] DRY:
+    const collection = new AgentCollectionInDirectory(path, tools, {
+        isVerbose,
+        isRecursive: true,
+        isLazyLoaded: false,
+        isCrashedOnError: true,
+        // <- TODO: [🍖] Add `intermediateFilesStrategy`
+    });
+    */
+    const supabase = getSupabaseForServer();
+    agentCollection = new AgentCollectionInSupabase(supabase, {
+        isVerbose,
+    });
+    return agentCollection;
+}

package/apps/agents-server/src/tools/$provideExecutionToolsForServer.ts ADDED Viewed

@@ -0,0 +1,110 @@
+'use server';
+import {
+    _AnthropicClaudeMetadataRegistration,
+    _AzureOpenAiMetadataRegistration,
+    _BoilerplateScraperMetadataRegistration,
+    _DeepseekMetadataRegistration,
+    _DocumentScraperMetadataRegistration,
+    _GoogleMetadataRegistration,
+    _LegacyDocumentScraperMetadataRegistration,
+    _MarkdownScraperMetadataRegistration,
+    _MarkitdownScraperMetadataRegistration,
+    _OllamaMetadataRegistration,
+    _OpenAiAssistantMetadataRegistration,
+    _OpenAiCompatibleMetadataRegistration,
+    _OpenAiMetadataRegistration,
+    _PdfScraperMetadataRegistration,
+    _WebsiteScraperMetadataRegistration,
+} from '@promptbook-local/core';
+import { _GoogleRegistration } from '@promptbook-local/google';
+import { _OpenAiRegistration } from '@promptbook-local/openai';
+import { ExecutionTools, TODO_any } from '@promptbook-local/types';
+import { $provideLlmToolsForCli } from '../../../../src/cli/common/$provideLlmToolsForCli';
+import { $provideExecutablesForNode } from '../../../../src/executables/$provideExecutablesForNode';
+import { $provideFilesystemForNode } from '../../../../src/scrapers/_common/register/$provideFilesystemForNode';
+import { $provideScrapersForNode } from '../../../../src/scrapers/_common/register/$provideScrapersForNode';
+import { $provideScriptingForNode } from '../../../../src/scrapers/_common/register/$provideScriptingForNode';
+import { $sideEffect } from '../../../../src/utils/organization/$sideEffect';
+$sideEffect(
+    _AnthropicClaudeMetadataRegistration,
+    _AzureOpenAiMetadataRegistration,
+    _DeepseekMetadataRegistration,
+    _GoogleMetadataRegistration,
+    _OllamaMetadataRegistration,
+    _OpenAiMetadataRegistration,
+    _OpenAiAssistantMetadataRegistration,
+    _OpenAiCompatibleMetadataRegistration,
+    _BoilerplateScraperMetadataRegistration,
+    _LegacyDocumentScraperMetadataRegistration,
+    _DocumentScraperMetadataRegistration,
+    _MarkdownScraperMetadataRegistration,
+    _MarkitdownScraperMetadataRegistration,
+    _PdfScraperMetadataRegistration,
+    _WebsiteScraperMetadataRegistration,
+    // <- TODO: !!! Export all registrations from one variabile in `@promptbook/core`
+);
+$sideEffect(/* [㊗] */ _OpenAiRegistration);
+$sideEffect(/* [㊗] */ _GoogleRegistration);
+// <- TODO: !!!! Allow to dynamically install required metadata
+/**
+ * Cache of provided execution tools
+ *
+ * @private internal cache for `$provideExecutionToolsForServer`
+ */
+let executionTools: null | ExecutionTools = null;
+/*
+TODO: [▶️]
+type ProvideExecutionToolsForServerOptions = {
+ isLlmProvided
+}
+*/
+/**
+ * !!!!
+ */
+export async function $provideExecutionToolsForServer(): Promise<ExecutionTools> {
+    // TODO: !!!! [🌕] DRY
+    // const path = '../../agents'; // <- TODO: !!!! Pass
+    const isVerbose = true; // <- TODO: !!!! Pass
+    const isCacheReloaded = false; // <- TODO: !!!! Pass
+    const cliOptions = {
+        provider: 'BRING_YOUR_OWN_KEYS',
+    } as TODO_any; // <- TODO: !!!! Pass
+    if (executionTools !== null) {
+        console.log('!!! Returning cached execution tools');
+        return executionTools;
+        // TODO: !!!! Be aware of options changes
+    }
+    console.log('!!! Creating NEW execution tools');
+    // TODO: DRY [◽]
+    const prepareAndScrapeOptions = {
+        isVerbose,
+        isCacheReloaded,
+    }; /* <- TODO: ` satisfies PrepareAndScrapeOptions` */
+    const fs = await $provideFilesystemForNode(prepareAndScrapeOptions);
+    const { /* [0] strategy,*/ llm } = await $provideLlmToolsForCli({
+        cliOptions,
+        ...prepareAndScrapeOptions,
+    });
+    const executables = await $provideExecutablesForNode(prepareAndScrapeOptions);
+    executionTools = {
+        llm,
+        fs,
+        executables,
+        scrapers: await $provideScrapersForNode({ fs, llm, executables }, prepareAndScrapeOptions),
+        script: await $provideScriptingForNode(prepareAndScrapeOptions),
+    };
+    return executionTools;
+}