+
+
+
+ Reply in + + using + + tone, for +
+
+

prompts.chat @@ -4717,6 +5112,25 @@ scaling solutions.

+ diff --git a/script.js b/script.js index 34eeb3e..862157a 100644 --- a/script.js +++ b/script.js @@ -104,39 +104,34 @@ function updatePromptPreview(promptText, form) { // Initialize everything after DOM loads document.addEventListener("DOMContentLoaded", () => { - // Initialize dev mode - const devModeToggle = document.getElementById("devModeToggle"); - const initialDevMode = localStorage.getItem("dev-mode") === "true"; - devModeToggle.checked = initialDevMode; - - // Initialize chat button icons - updateChatButtonIcons(initialDevMode); - - // Handle dev mode toggle - devModeToggle.addEventListener("change", (e) => { - const newDevMode = e.target.checked; - localStorage.setItem("dev-mode", newDevMode); - // Toggle dev-mode class on body element - document.body.classList.toggle("dev-mode", newDevMode); + // Initialize audience selector and dev mode + const audienceSelect = document.getElementById('audienceSelect'); + const initialAudience = localStorage.getItem('audience') || 'everyone'; + audienceSelect.value = initialAudience; + document.body.classList.toggle('dev-mode', initialAudience === 'developers'); + // Handle audience changes + audienceSelect.addEventListener('change', (e) => { + const isDevMode = e.target.value === 'developers'; + document.body.classList.toggle('dev-mode', isDevMode); + localStorage.setItem('audience', e.target.value); + // Update chat button icons - updateChatButtonIcons(newDevMode); + updateChatButtonIcons(isDevMode); // Check if we should show Copilot suggestion - if (newDevMode) { + if (isDevMode) { const currentPlatform = document.querySelector(".platform-tag.active"); - const shouldNotShow = - localStorage.getItem("copilot-suggestion-hidden") === "true"; + const shouldNotShow = localStorage.getItem("copilot-suggestion-hidden") === "true"; - if ( - currentPlatform && - currentPlatform.dataset.platform !== "github-copilot" && - !shouldNotShow - ) { + if (currentPlatform && + currentPlatform.dataset.platform !== "github-copilot" && + !shouldNotShow) { showCopilotSuggestion(); } } + // Trigger prompt filtering filterPrompts(); }); @@ -179,10 +174,8 @@ document.addEventListener("DOMContentLoaded", () => { // Initialize search functionality initializeSearch(); - // Initialize chat button icons on page load - const isDevMode = localStorage.getItem("dev-mode") === "true"; - document.body.classList.toggle("dev-mode", isDevMode); - updateChatButtonIcons(isDevMode); + // Initialize language and tone selectors + initializeLanguageAndTone(); }); // Search functionality @@ -198,7 +191,7 @@ async function initializeSearch() { const searchInput = document.getElementById("searchInput"); const searchResults = document.getElementById("searchResults"); const promptCount = document.getElementById("promptCount"); - const isDevMode = document.getElementById("devModeToggle").checked; + const isDevMode = document.getElementById("audienceSelect").value === "developers"; // Update prompt count const totalPrompts = isDevMode @@ -214,6 +207,7 @@ async function initializeSearch() { searchInput.addEventListener("input", (e) => { const searchTerm = e.target.value.toLowerCase(); + const isDevMode = document.getElementById("audienceSelect").value === "developers"; const filteredPrompts = prompts.filter((prompt) => { const matchesSearch = @@ -286,7 +280,7 @@ function parseCSV(csv) { function displaySearchResults(results) { const searchResults = document.getElementById("searchResults"); const searchInput = document.getElementById("searchInput"); - const isDevMode = document.getElementById("devModeToggle").checked; + const isDevMode = document.getElementById("audienceSelect").value === "developers"; // Filter results based on dev mode if (isDevMode) { @@ -401,7 +395,7 @@ function displaySearchResults(results) { // Function to filter prompts based on dev mode function filterPrompts() { - const isDevMode = document.getElementById("devModeToggle").checked; + const isDevMode = document.getElementById("audienceSelect").value === "developers"; const searchInput = document.getElementById("searchInput"); const searchTerm = searchInput.value.toLowerCase(); @@ -496,7 +490,7 @@ function createPromptCards() { .then((response) => response.text()) .then((csvText) => { const prompts = parseCSV(csvText); - const isDevMode = document.getElementById("devModeToggle").checked; + const isDevMode = document.getElementById("audienceSelect").value === "developers"; const promptElements = document.querySelectorAll( "h2[id^=act] + p + blockquote" @@ -757,7 +751,7 @@ function showModal(title, content) { // Update chat button text with platform name and handle visibility const platform = document.querySelector(".platform-tag.active"); - const isDevMode = document.getElementById("devModeToggle").checked; + const isDevMode = document.getElementById("audienceSelect").value === "developers"; if (platform) { const shouldHideChat = ["gemini", "llama"].includes( @@ -811,7 +805,7 @@ function showModal(title, content) { // Add copy functionality modalCopyButton.addEventListener("click", async () => { try { - await navigator.clipboard.writeText(modalContent.textContent); + copyPrompt(modalCopyButton, modalContent.textContent); modalCopyButton.innerHTML = ` @@ -866,6 +860,29 @@ document.querySelectorAll(".platform-tag").forEach((button) => { chatButtons.forEach((btn) => { btn.style.display = shouldHideChat ? "none" : "flex"; }); + + // Auto-select technical tone and developers audience for GitHub Copilot + if (selectedPlatform === "github-copilot") { + const toneSelect = document.getElementById('toneSelect'); + const audienceSelect = document.getElementById('audienceSelect'); + + // Set tone to technical + toneSelect.value = 'technical'; + localStorage.setItem('selected-tone', 'technical'); + + // Set audience to developers + audienceSelect.value = 'developers'; + localStorage.setItem('audience', 'developers'); + + // Update dev mode class on body + document.body.classList.add('dev-mode'); + + // Update chat button icons + updateChatButtonIcons(true); + + // Trigger prompt filtering for dev mode + filterPrompts(); + } }); }); @@ -883,7 +900,7 @@ document.querySelectorAll(".chat-button, .modal-chat-button").forEach((btn) => { // Function to open prompt in selected AI chat platform function openInChat(button, encodedPrompt) { - const promptText = decodeURIComponent(encodedPrompt); + const promptText = buildPrompt(encodedPrompt); const platform = document.querySelector(".platform-tag.active"); if (!platform) return; @@ -914,8 +931,7 @@ function openInChat(button, encodedPrompt) { window.open(url, "_blank"); } -// Existing copy function -async function copyPrompt(button, encodedPrompt) { +function buildPrompt(encodedPrompt) { let promptText = decodeURIComponent(encodedPrompt); // If there's a modal open, use the current state of variables @@ -938,8 +954,31 @@ async function copyPrompt(button, encodedPrompt) { } } + // Clean up newlines and normalize whitespace + promptText = promptText.replace(/\s+/g, ' ').trim(); + + // Get language, tone and audience preferences + const languageSelect = document.getElementById('languageSelect'); + const customLanguage = document.getElementById('customLanguage'); + const toneSelect = document.getElementById('toneSelect'); + const customTone = document.getElementById('customTone'); + const audienceSelect = document.getElementById('audienceSelect'); + + const language = languageSelect.value === 'custom' ? customLanguage.value : languageSelect.value; + const tone = toneSelect.value === 'custom' ? customTone.value : toneSelect.value; + const audience = audienceSelect.value; + + // Append preferences as a new line + promptText += ` Reply in ${language} using ${tone} tone for ${audience}.`; + + return promptText; +} + +// Existing copy function +async function copyPrompt(button, encodedPrompt) { try { - await navigator.clipboard.writeText(updatePromptPreview(promptText)); + const promptText = buildPrompt(encodedPrompt); + await navigator.clipboard.writeText(promptText); const originalHTML = button.innerHTML; button.innerHTML = ` @@ -1019,3 +1058,67 @@ function updateChatButtonIcons(isDevMode) { } }); } + +// Language and Tone Selection +function initializeLanguageAndTone() { + const languageSelect = document.getElementById('languageSelect'); + const customLanguage = document.getElementById('customLanguage'); + const toneSelect = document.getElementById('toneSelect'); + const customTone = document.getElementById('customTone'); + + // Load saved preferences + const savedLanguage = localStorage.getItem('selected-language'); + const savedCustomLanguage = localStorage.getItem('custom-language'); + const savedTone = localStorage.getItem('selected-tone'); + const savedCustomTone = localStorage.getItem('custom-tone'); + + if (savedLanguage) { + languageSelect.value = savedLanguage; + if (savedLanguage === 'custom' && savedCustomLanguage) { + customLanguage.value = savedCustomLanguage; + customLanguage.style.display = 'inline-block'; + } + } + + if (savedTone) { + toneSelect.value = savedTone; + if (savedTone === 'custom' && savedCustomTone) { + customTone.value = savedCustomTone; + customTone.style.display = 'inline-block'; + } + } + + // Language select handler + languageSelect.addEventListener('change', (e) => { + const isCustom = e.target.value === 'custom'; + customLanguage.style.display = isCustom ? 'inline-block' : 'none'; + localStorage.setItem('selected-language', e.target.value); + + if (!isCustom) { + customLanguage.value = ''; + localStorage.removeItem('custom-language'); + } + }); + + // Custom language input handler + customLanguage.addEventListener('input', (e) => { + localStorage.setItem('custom-language', e.target.value); + }); + + // Tone select handler + toneSelect.addEventListener('change', (e) => { + const isCustom = e.target.value === 'custom'; + customTone.style.display = isCustom ? 'inline-block' : 'none'; + localStorage.setItem('selected-tone', e.target.value); + + if (!isCustom) { + customTone.value = ''; + localStorage.removeItem('custom-tone'); + } + }); + + // Custom tone input handler + customTone.addEventListener('input', (e) => { + localStorage.setItem('custom-tone', e.target.value); + }); +}