prompt hub

Author: omarsar

components/PromptFiles.jsx

@@ -0,0 +1,50 @@
+// components/PromptFiles.js
+import React, { useEffect, useState } from 'react';
+import { Cards, Card } from 'nextra-theme-docs';
+import { FilesIcon } from './icons'; // Ensure this path is correct for your project
+
+const PromptFiles = ({ lang = 'en' }) => {
+  const [promptsData, setPromptsData] = useState([]);
+
+  useEffect(() => {
+    // Fetch the data from the API
+    fetch(`/api/promptsFiles?lang=${lang}`)
+      .then((response) => response.json())
+      .then((data) => {
+        // Assuming the API returns data structured as an array of objects
+        setPromptsData(data);
+    })
+    .catch((error) => {
+    console.error('Error fetching prompt files:', error);
+    });
+    }, [lang]);
+    
+    return (
+        <div>
+        {promptsData.map(({ folderKey, folderName, files }) => (
+        <section key={folderKey}>
+        <br></br>
+        <h2 class="nx-font-semibold nx-tracking-tight nx-text-slate-900 dark:nx-text-slate-100 nx-mt-10 nx-border-b nx-pb-1 nx-text-3xl nx-border-neutral-200/70 contrast-more:nx-border-neutral-400 dark:nx-border-primary-100/10 contrast-more:dark:nx-border-neutral-400">{folderName}
+        <a href={`#${folderKey}`} id={folderKey} class="subheading-anchor" aria-label="Permalink for this section"></a>
+        </h2>
+        <Cards>
+        {files.map(({ slug, title }) => (
+        <Card
+        key={slug}
+        icon={<FilesIcon />} // This should be the icon component you want to use
+        title={title}
+        href={`/prompts/${folderKey}/${slug}`} // Adjust the href to match your routing pattern
+        >
+        {/* Additional content for each card, if any, goes here */}
+        </Card>
+        ))}
+        </Cards>
+        </section>
+        ))}
+        </div>
+    );
+    };
+    
+    export default PromptFiles;
+    
+    

components/TabsComponent.tsx

@@ -0,0 +1,44 @@
+// In components/TabsComponent.tsx
+import React from 'react';
+import { Tabs, Tab } from 'nextra/components';
+
+interface TabInfo {
+    model: string;
+    max_tokens: number;
+    messages: Array<{ role: string; content: string }>;
+}
+
+interface TabsComponentProps {
+    tabsData: TabInfo[];
+}
+
+const TabsComponent: React.FC<TabsComponentProps> = ({ tabsData }) => {
+    const renderCodeBlock = (tab: TabInfo) => {
+        return `
+from openai import OpenAI
+client = OpenAI()
+
+response = client.chat.completions.create(
+    model="${tab.model}",
+    messages=${JSON.stringify(tab.messages, null, 4)},
+    temperature=1,
+    max_tokens=${tab.max_tokens},
+    top_p=1,
+    frequency_penalty=0,
+    presence_penalty=0
+)
+        `;
+    };
+
+    return (
+        <Tabs items={tabsData.map(tab => tab.model)}>
+            {tabsData.map((tab, index) => (
+                <Tab key={index}>
+                    <pre><code data-language="python">{renderCodeBlock(tab)}</code></pre>
+                </Tab>
+            ))}
+        </Tabs>
+    );
+};
+
+export default TabsComponent;

pages/_meta.ca.json

@@ -3,6 +3,7 @@
   "introduction": "Introduction",
   "techniques": "Techniques",
   "applications": "Applications",
+  "prompts": "Prompt Hub",
   "models": "Models",
   "risks": "Risks & Misuses",
   "research": "LLM Research Findings",

pages/_meta.de.json

@@ -3,6 +3,7 @@
   "introduction": "Einleitung",
   "techniques": "Techniken",
   "applications": "Anwendungen",
+  "prompts": "Prompt Hub",
   "models": "Modelle",
   "risks": "Risiken & Missbrauch",
   "research": "LLM Research Findings",

pages/_meta.en.json

@@ -3,6 +3,7 @@
   "introduction": "Introduction",
   "techniques": "Techniques",
   "applications": "Applications",
+  "prompts": "Prompt Hub",
   "models": "Models",
   "risks": "Risks & Misuses",
   "research": "LLM Research Findings",

pages/_meta.es.json

@@ -3,6 +3,7 @@
   "introduction": "Introducción",
   "techniques": "Técnicas",
   "applications": "Aplicaciones",
+  "prompts": "Prompt Hub",
   "models": "Modelos",
   "risks": "Riesgos y Malos Usos",
   "research": "LLM Research Findings",

pages/_meta.fi.json

@@ -3,6 +3,7 @@
   "introduction": "Introduction",
   "techniques": "Techniques",
   "applications": "Applications",
+  "prompts": "Prompt Hub",
   "models": "Models",
   "risks": "Risks & Misuses",
   "research": "LLM Research Findings",

pages/_meta.fr.json

@@ -3,6 +3,7 @@
     "introduction": "Introduction",
     "techniques": "Techniques",
     "applications": "Applications",
+    "prompts": "Prompt Hub",
     "models": "Models",
     "risks": "Risques et Mésusages",
     "research": "LLM Research Findings",

pages/_meta.it.json

@@ -3,6 +3,7 @@
   "introduction": "Introduzione",
   "techniques": "Tecniche",
   "applications": "Applicazioni",
+  "prompts": "Prompt Hub",
   "models": "Modelli",
   "risks": "Rischi & Abusi",
   "papers": "Articoli scientifici",

pages/_meta.jp.json

@@ -3,6 +3,7 @@
   "introduction": "Introduction",
   "techniques": "Techniques",
   "applications": "Applications",
+  "prompts": "Prompt Hub",
   "models": "Models",
   "risks": "Risks & Misuses",
   "research": "LLM Research Findings",