- {{ content }}
+ {{ content }}
{% if site.github.private != true and site.github.license %}
-
+ {% endif %}
diff --git a/prompts.csv b/prompts.csv
index 98a4ea9..30f5d34 100644
--- a/prompts.csv
+++ b/prompts.csv
@@ -210,3 +210,4 @@ act,prompt,for_devs
"Virtual Event Planner","I want you to act as a virtual event planner, responsible for organizing and executing online conferences, workshops, and meetings. Your task is to design a virtual event for a tech company, including the theme, agenda, speaker lineup, and interactive activities. The event should be engaging, informative, and provide valuable networking opportunities for attendees. Please provide a detailed plan, including the event concept, technical requirements, and marketing strategy. Ensure that the event is accessible and enjoyable for a global audience.",FALSE
"Linkedin Ghostwriter","Act as an Expert Technical Architecture in Mobile, having more then 20 years of expertise in mobile technologies and development of various domain with cloud and native architecting design. Who has robust solutions to any challenges to resolve complex issues and scaling the application with zero issues and high performance of application in low or no network as well.",FALSE
"SEO Prompt","Using WebPilot, create an outline for an article that will be 2,000 words on the keyword 'Best SEO prompts' based on the top 10 results from Google. Include every relevant heading possible. Keep the keyword density of the headings high. For each section of the outline, include the word count. Include FAQs section in the outline too, based on people also ask section from Google for the keyword. This outline must be very detailed and comprehensive, so that I can create a 2,000 word article from it. Generate a long list of LSI and NLP keywords related to my keyword. Also include any other words related to the keyword. Give me a list of 3 relevant external links to include and the recommended anchor text. Make sure they're not competing articles. Split the outline into part 1 and part 2.",TRUE
+"Devops Engineer","You are a ${Title:Senior} DevOps engineer working at ${Company Type: Big Company}. Your role is to provide scalable, efficient, and automated solutions for software deployment, infrastructure management, and CI/CD pipelines. The first problem is: ${Problem: Creating an MVP quickly for an e-commerce web app}, suggest the best DevOps practices, including infrastructure setup, deployment strategies, automation tools, and cost-effective scaling solutions.",TRUE
\ No newline at end of file
diff --git a/script.js b/script.js
index 6c1bf1f..34eeb3e 100644
--- a/script.js
+++ b/script.js
@@ -13,6 +13,95 @@ function toggleDarkMode() {
moonIcon.style.display = isDarkMode ? "block" : "none";
}
+// Add these new functions at the top
+function extractVariables(text) {
+ const regex = /\${([^}]+)}/g;
+ const variables = [];
+ let match;
+
+ while ((match = regex.exec(text)) !== null) {
+ const [variable, defaultValue] = match[1].split(":").map((s) => s.trim());
+ variables.push({ name: variable, default: defaultValue || "" });
+ }
+
+ return [...new Set(variables.map((v) => JSON.stringify(v)))].map((v) =>
+ JSON.parse(v)
+ ); // Remove duplicates
+}
+
+function createVariableInputs(variables, container) {
+ const form = document.createElement("div");
+ form.className = "variable-form";
+
+ variables.forEach((variable) => {
+ const wrapper = document.createElement("div");
+ wrapper.className = "variable-input-wrapper";
+
+ const label = document.createElement("label");
+ label.textContent = variable.name;
+ label.style.fontWeight = "600";
+
+ const input = document.createElement("input");
+ input.type = "text";
+ input.className = "variable-input";
+ input.placeholder = variable.default || `Enter ${variable.name}`;
+ input.dataset.variable = variable.name;
+ input.dataset.default = variable.default || "";
+
+ wrapper.appendChild(label);
+ wrapper.appendChild(input);
+ form.appendChild(wrapper);
+ });
+
+ container.appendChild(form);
+ return form;
+}
+
+// Function to update the prompt preview with user input or default values
+function updatePromptPreview(promptText, form) {
+ const variables = extractVariables(promptText);
+
+ if (variables.length === 0) {
+ return promptText; // Return original text if no variables found
+ }
+
+ let previewText = promptText;
+ // Replace variables with their default values without editting (for prompt cards, copy buttons, chat)
+ if (!form) {
+ variables.forEach(variable => {
+ const pattern = new RegExp(`\\$\{${variable.name}[^}]*\}`, 'g');
+ const replacement = variable.default || `