saulteafarmer/awesome-chatgpt-prompts
1
0
Fork 0
mirror of https://github.com/f/awesome-chatgpt-prompts.git synced 2025-06-06 18:30:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

deploy: 659857f51bc43d8ec7f175a633196647df967e0b

Browse Source
This commit is contained in:
f 2025-04-23 02:57:44 +00:00
parent e3ed4258ab
commit 299e3a253d
3 changed files with 39 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -23,7 +23,7 @@
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="/style.css?v=1553ce1ab8824665e2f332c48d1030553fabc3e9"> <link rel="stylesheet" href="/style.css?v=659857f51bc43d8ec7f175a633196647df967e0b">
</head> </head>
<body class=""> <body class="">
<div class="layout-wrapper"> <div class="layout-wrapper">

47
script.js
View File

@ -15,15 +15,25 @@ function toggleDarkMode() {
// Add these new functions at the top // Add these new functions at the top
function extractVariables(text) { function extractVariables(text) {
const regex = /\${([^}]+)}/g;
const variables = []; const variables = [];
let match;
while ((match = regex.exec(text)) !== null) { // Extract ${var:default} format variables
const regex1 = /\${([^}]+)}/g;
let match;
while ((match = regex1.exec(text)) !== null) {
const [variable, defaultValue] = match[1].split(":").map((s) => s.trim()); const [variable, defaultValue] = match[1].split(":").map((s) => s.trim());
variables.push({ name: variable, default: defaultValue || "" }); variables.push({ name: variable, default: defaultValue || "" });
} }
// Extract {{var}} format variables
const regex2 = /\{\{([^}]+)\}\}/g;
while ((match = regex2.exec(text)) !== null) {
const variable = match[1].trim();
if (!variables.some(v => v.name === variable)) {
variables.push({ name: variable, default: "" });
}
}
return [...new Set(variables.map((v) => JSON.stringify(v)))].map((v) => return [...new Set(variables.map((v) => JSON.stringify(v)))].map((v) =>
JSON.parse(v) JSON.parse(v)
); // Remove duplicates ); // Remove duplicates
@ -69,9 +79,14 @@ function updatePromptPreview(promptText, form) {
// Replace variables with their default values without editting (for prompt cards, copy buttons, chat) // Replace variables with their default values without editting (for prompt cards, copy buttons, chat)
if (!form) { if (!form) {
variables.forEach(variable => { variables.forEach(variable => {
const pattern = new RegExp(`\\$\{${variable.name}[^}]*\}`, 'g'); // Handle old-style ${var:default} format
const pattern1 = new RegExp(`\\$\{${variable.name}[^}]*\}`, 'g');
const replacement = variable.default || `<b>${variable.name}</b>`; const replacement = variable.default || `<b>${variable.name}</b>`;
previewText = previewText.replace(pattern, replacement); previewText = previewText.replace(pattern1, replacement);
// Handle new-style {{var}} format
const pattern2 = new RegExp(`\\{\\{${variable.name}\\}\\}`, 'g');
previewText = previewText.replace(pattern2, replacement);
}); });
} }
// Replace variables according to the user inputs. // Replace variables according to the user inputs.
@ -82,7 +97,12 @@ function updatePromptPreview(promptText, form) {
const value = input.value.trim(); const value = input.value.trim();
const variable = input.dataset.variable; const variable = input.dataset.variable;
const defaultValue = input.dataset.default; const defaultValue = input.dataset.default;
const pattern = new RegExp(`\\$\{${variable}[^}]*\}`, 'g');
// Handle old-style ${var:default} format
const pattern1 = new RegExp(`\\$\{${variable}[^}]*\}`, 'g');
// Handle new-style {{var}} format
const pattern2 = new RegExp(`\\{\\{${variable}\\}\\}`, 'g');
let replacement; let replacement;
if (value) { if (value) {
// User entered value // User entered value
@ -96,7 +116,8 @@ function updatePromptPreview(promptText, form) {
} }
replacement = `<b>${replacement}</b>`; replacement = `<b>${replacement}</b>`;
previewText = previewText.replace(pattern, replacement); previewText = previewText.replace(pattern1, replacement);
previewText = previewText.replace(pattern2, replacement);
}); });
} }
return previewText; return previewText;
@ -1223,9 +1244,14 @@ function showYamlModal(event, title, content) {
const createYamlButton = modalOverlay.querySelector(".create-yaml-button"); const createYamlButton = modalOverlay.querySelector(".create-yaml-button");
// Create the YAML content // Create the YAML content
const cleanTitle = decodeURIComponent(title).trim().replace(/^Act as a?n?\s?/ig, ''); const cleanTitle = decodeURIComponent(title).trim().replace(/^Act as a?n?\s*/ig, '');
const cleanContent = decodeURIComponent(content).trim().replace(/\n+/g, ' '); const cleanContent = decodeURIComponent(content).trim().replace(/\n+/g, ' ');
// Convert variables from ${Variable: Default} format to {{Variable}} format
const convertedContent = cleanContent.replace(/\${([^:}]+)(?::[^}]*)?}/g, (match, varName) => {
return `{{${varName.trim()}}}`;
});
const yamlText = `name: ${cleanTitle} const yamlText = `name: ${cleanTitle}
model: gpt-4o-mini model: gpt-4o-mini
modelParameters: modelParameters:
@ -1233,14 +1259,15 @@ modelParameters:
messages: messages:
- role: system - role: system
content: | content: |
${cleanContent.replace(/\n/g, '\n ')}`; ${convertedContent.replace(/\n/g, '\n ')}`;
// Apply basic syntax highlighting // Apply basic syntax highlighting
const highlightedYaml = yamlText const highlightedYaml = yamlText
.replace(/(name|model|modelParameters|temperature|messages|role|content):/g, '<span class="key">$1:</span>') .replace(/(name|model|modelParameters|temperature|messages|role|content):/g, '<span class="key">$1:</span>')
.replace(/(gpt-4o-mini)/g, '<span class="string">$1</span>') .replace(/(gpt-4o-mini)/g, '<span class="string">$1</span>')
.replace(/([0-9]\.?[0-9]*)/g, '<span class="number">$1</span>') .replace(/([0-9]\.?[0-9]*)/g, '<span class="number">$1</span>')
.replace(/(true|false)/g, '<span class="boolean">$1</span>'); .replace(/(true|false)/g, '<span class="boolean">$1</span>')
.replace(/(\{\{[^}]+\}\})/g, '<span class="string">$1</span>'); // Highlight the new variable format
yamlContent.innerHTML = highlightedYaml; yamlContent.innerHTML = highlightedYaml;

2
vibe/index.html
View File

@ -23,7 +23,7 @@
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="/style.css?v=1553ce1ab8824665e2f332c48d1030553fabc3e9"> <link rel="stylesheet" href="/style.css?v=659857f51bc43d8ec7f175a633196647df967e0b">
</head> </head>
<body class="vibe"> <body class="vibe">
<div class="layout-wrapper"> <div class="layout-wrapper">