Spaces:

sqibhe
/

humanizer

Running

App Files Files Community

sqibhe commited on May 20, 2025

Commit

c26a6d2

verified ·

1 Parent(s): bcf1f93

Add 2 files

Browse files

Files changed (2) hide show

index.html +189 -116
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -137,10 +137,63 @@
             visibility: visible;
             opacity: 1;
         }
     </style>
 </head>
 <body class="min-h-screen bg-gray-50 p-4">
     <div class="max-w-6xl mx-auto">
         <div class="text-center mb-8">
             <h1 class="text-3xl font-bold text-gray-800 mb-2">Advanced AI Content Analyzer & Humanizer</h1>
             <p class="text-gray-600">Comprehensive analysis of AI-generated content with detailed metrics and humanization</p>
@@ -525,6 +578,50 @@
             const personalBar = document.getElementById('personalBar');
             const humanizeLevel = document.getElementById('humanizeLevel');
             const targetTone = document.getElementById('targetTone');
             // Tab Switching
             analyzerTab.addEventListener('click', function() {
@@ -610,6 +707,13 @@
                     showError("Please enter some text to humanize.");
                     return;
                 }
                 // Show loading, hide error
                 humanizerLoading.classList.remove('hidden');
@@ -618,18 +722,22 @@
                 humanizeBtn.classList.add('opacity-75');
                 try {
-                    // Simulate API call with tone and level options
-                    const humanizedText = await simulateHumanizeApiCall(inputText, level, tone);
-                    humanOutput.value = humanizedText;
-                    // Update output word count
-                    const words = humanizedText ? humanizedText.split(/\s+/).length : 0;
-                    outputWordCount.textContent = `${words} words`;
                 } catch (error) {
                     console.error("Error:", error);
-                    showError("Failed to humanize text. Please try again later.");
                 } finally {
                     humanizerLoading.classList.add('hidden');
                     humanizeBtn.disabled = false;
@@ -670,6 +778,65 @@
                 }
             });
             // Function to display analysis results
             function displayAnalysisResults(analysis) {
                 analysisPlaceholder.classList.add('hidden');
@@ -973,114 +1140,6 @@
                 };
             }
-            // Function to simulate humanize API call with options
-            async function simulateHumanizeApiCall(text, level = 'medium', tone = 'neutral') {
-                // Simulate network delay
-                await new Promise(resolve => setTimeout(resolve, 2500));
-                // Apply transformations based on level and tone
-                let result = text;
-                // Level transformations
-                if (level === 'heavy') {
-                    // Heavy transformation - complete rewrite
-                    const sentences = result.split(/[.!?]+/);
-                    result = sentences.map((sentence, i) => {
-                        if (i % 3 === 0) return `You know, ${sentence.trim().toLowerCase()}`;
-                        if (i % 4 === 0) return `Honestly, ${sentence.trim()}`;
-                        if (i % 5 === 0) return `Personally, I think ${sentence.trim().toLowerCase()}`;
-                        return sentence.trim();
-                    }).join('. ') + (text.endsWith('.') ? '.' : '');
-                    // Add more casual replacements
-                    result = result.replace(/\bHowever\b/gi, 'But')
-                        .replace(/\bFurthermore\b/gi, 'Also')
-                        .replace(/\bMoreover\b/gi, 'What\'s more')
-                        .replace(/\bThus\b/gi, 'So')
-                        .replace(/\bHence\b/gi, 'That\'s why')
-                        .replace(/\bNevertheless\b/gi, 'Still')
-                        .replace(/\bConsequently\b/gi, 'As a result')
-                        .replace(/\bIn conclusion\b/gi, 'To wrap things up')
-                        .replace(/\bAdditionally\b/gi, 'On top of that')
-                        .replace(/\bUtilize\b/gi, 'Use')
-                        .replace(/\bCommence\b/gi, 'Start')
-                        .replace(/\bTerminate\b/gi, 'End')
-                        .replace(/\bOptimal\b/gi, 'Best')
-                        .replace(/\bEndeavor\b/gi, 'Try')
-                        .replace(/\bAscertain\b/gi, 'Find out')
-                        .replace(/\bAmeliorate\b/gi, 'Improve')
-                        .replace(/\bIt is important to note that\b/gi, 'Remember that')
-                        .replace(/\bIn order to\b/gi, 'To')
-                        .replace(/\bWith regard to\b/gi, 'About')
-                        .replace(/\bAt this point in time\b/gi, 'Now')
-                        .replace(/\bDue to the fact that\b/gi, 'Because');
-                } else if (level === 'medium') {
-                    // Medium transformation - balanced approach
-                    result = result.replace(/\bHowever\b/gi, 'But')
-                        .replace(/\bFurthermore\b/gi, 'Also')
-                        .replace(/\bMoreover\b/gi, 'Additionally')
-                        .replace(/\bThus\b/gi, 'So')
-                        .replace(/\bHence\b/gi, 'Therefore')
-                        .replace(/\bNevertheless\b/gi, 'Still')
-                        .replace(/\bConsequently\b/gi, 'As a result')
-                        .replace(/\bIn conclusion\b/gi, 'In summary')
-                        .replace(/\bUtilize\b/gi, 'Use')
-                        .replace(/\bCommence\b/gi, 'Begin')
-                        .replace(/\bTerminate\b/gi, 'End')
-                        .replace(/\bOptimal\b/gi, 'Best')
-                        .replace(/\bEndeavor\b/gi, 'Try')
-                        .replace(/\bAscertain\b/gi, 'Determine')
-                        .replace(/\bAmeliorate\b/gi, 'Improve')
-                        .replace(/\bIt is important to note that\b/gi, 'Note that')
-                        .replace(/\bIn order to\b/gi, 'To')
-                        .replace(/\bWith regard to\b/gi, 'Regarding')
-                        .replace(/\bAt this point in time\b/gi, 'Currently')
-                        .replace(/\bDue to the fact that\b/gi, 'Because');
-                } else {
-                    // Light transformation - minimal changes
-                    result = result.replace(/\bUtilize\b/gi, 'Use')
-                        .replace(/\bCommence\b/gi, 'Begin')
-                        .replace(/\bTerminate\b/gi, 'End')
-                        .replace(/\bOptimal\b/gi, 'Best')
-                        .replace(/\bEndeavor\b/gi, 'Try')
-                        .replace(/\bAscertain\b/gi, 'Determine')
-                        .replace(/\bAmeliorate\b/gi, 'Improve');
-                }
-                // Tone transformations
-                if (tone === 'casual') {
-                    result = result.replace(/\bHowever\b/gi, 'But')
-                        .replace(/\bTherefore\b/gi, 'So')
-                        .replace(/\bAdditionally\b/gi, 'Also')
-                        .replace(/\bIn summary\b/gi, 'To sum up')
-                        .replace(/\bIt should be noted that\b/gi, 'Keep in mind that')
-                        .replace(/\bThis demonstrates that\b/gi, 'This shows that');
-                } else if (tone === 'professional') {
-                    result = result.replace(/\bBut\b/gi, 'However')
-                        .replace(/\bSo\b/gi, 'Therefore')
-                        .replace(/\bAlso\b/gi, 'Additionally')
-                        .replace(/\bTo sum up\b/gi, 'In conclusion')
-                        .replace(/\bKeep in mind that\b/gi, 'It should be noted that')
-                        .replace(/\bThis shows that\b/gi, 'This demonstrates that');
-                } else if (tone === 'friendly') {
-                    result = result.replace(/\bHowever\b/gi, 'But')
-                        .replace(/\bTherefore\b/gi, 'So')
-                        .replace(/\bAdditionally\b/gi, 'Also')
-                        .replace(/\bIn summary\b/gi, 'To wrap things up')
-                        .replace(/\bIt should be noted that\b/gi, 'Just remember that')
-                        .replace(/\bThis demonstrates that\b/gi, 'This shows that');
-                } else if (tone === 'academic') {
-                    result = result.replace(/\bBut\b/gi, 'However')
-                        .replace(/\bSo\b/gi, 'Thus')
-                        .replace(/\bAlso\b/gi, 'Furthermore')
-                        .replace(/\bTo sum up\b/gi, 'In conclusion')
-                        .replace(/\bKeep in mind that\b/gi, 'It is important to note that')
-                        .replace(/\bThis shows that\b/gi, 'This demonstrates that');
-                }
-                return result;
-            }
             // Helper function to calculate variation coefficient
             function calculateVariation(values) {
                 if (values.length < 2) return 0;
@@ -1124,6 +1183,20 @@
                 errorText.textContent = message;
                 errorMessage.classList.remove('hidden');
             }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=sqibhe/humanizer" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

             visibility: visible;
             opacity: 1;
         }
+        .settings-panel {
+            transition: all 0.3s ease;
+            max-height: 0;
+            overflow: hidden;
+        }
+        .settings-panel.open {
+            max-height: 500px;
+        }
     </style>
 </head>
 <body class="min-h-screen bg-gray-50 p-4">
     <div class="max-w-6xl mx-auto">
+        <!-- Settings Panel -->
+        <div class="bg-white rounded-xl shadow-lg mb-6 overflow-hidden">
+            <div class="gradient-bg px-4 py-3 flex justify-between items-center cursor-pointer" id="settingsToggle">
+                <h2 class="text-lg font-semibold text-white">
+                    <i class="fas fa-cog mr-2"></i> API Settings
+                </h2>
+                <i class="fas fa-chevron-down text-white transition-transform duration-300" id="settingsIcon"></i>
+            </div>
+            <div class="settings-panel" id="settingsPanel">
+                <div class="p-4">
+                    <div class="mb-4">
+                        <label class="block text-sm font-medium text-gray-700 mb-1">DeepSeek API Key</label>
+                        <input
+                            type="password"
+                            id="apiKeyInput"
+                            class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                            placeholder="Enter your DeepSeek API key">
+                        <p class="text-xs text-gray-500 mt-1">Your API key is stored locally in your browser and never sent to our servers.</p>
+                    </div>
+                    <div class="mb-4">
+                        <label class="block text-sm font-medium text-gray-700 mb-1">API Endpoint</label>
+                        <input
+                            type="text"
+                            id="apiEndpointInput"
+                            class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                            value="https://api.deepseek.com/v1"
+                            placeholder="https://api.deepseek.com/v1">
+                    </div>
+                    <div class="flex justify-between items-center">
+                        <div>
+                            <label class="inline-flex items-center">
+                                <input type="checkbox" id="saveSettingsCheckbox" class="rounded border-gray-300 text-blue-600 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" checked>
+                                <span class="ml-2 text-sm text-gray-700">Remember settings</span>
+                            </label>
+                        </div>
+                        <button
+                            id="saveSettingsBtn"
+                            class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md shadow-sm">
+                            Save Settings
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="text-center mb-8">
             <h1 class="text-3xl font-bold text-gray-800 mb-2">Advanced AI Content Analyzer & Humanizer</h1>
             <p class="text-gray-600">Comprehensive analysis of AI-generated content with detailed metrics and humanization</p>
             const personalBar = document.getElementById('personalBar');
             const humanizeLevel = document.getElementById('humanizeLevel');
             const targetTone = document.getElementById('targetTone');
+            const settingsToggle = document.getElementById('settingsToggle');
+            const settingsPanel = document.getElementById('settingsPanel');
+            const settingsIcon = document.getElementById('settingsIcon');
+            const apiKeyInput = document.getElementById('apiKeyInput');
+            const apiEndpointInput = document.getElementById('apiEndpointInput');
+            const saveSettingsCheckbox = document.getElementById('saveSettingsCheckbox');
+            const saveSettingsBtn = document.getElementById('saveSettingsBtn');
+            // Settings panel toggle
+            settingsToggle.addEventListener('click', function() {
+                settingsPanel.classList.toggle('open');
+                settingsIcon.classList.toggle('rotate-180');
+            });
+            // Load saved settings
+            function loadSettings() {
+                const savedSettings = localStorage.getItem('deepseekSettings');
+                if (savedSettings) {
+                    const settings = JSON.parse(savedSettings);
+                    apiKeyInput.value = settings.apiKey || '';
+                    apiEndpointInput.value = settings.apiEndpoint || 'https://api.deepseek.com/v1';
+                    saveSettingsCheckbox.checked = settings.saveSettings !== false;
+                }
+            }
+            // Save settings
+            saveSettingsBtn.addEventListener('click', function() {
+                const settings = {
+                    apiKey: apiKeyInput.value,
+                    apiEndpoint: apiEndpointInput.value,
+                    saveSettings: saveSettingsCheckbox.checked
+                };
+                if (saveSettingsCheckbox.checked) {
+                    localStorage.setItem('deepseekSettings', JSON.stringify(settings));
+                } else {
+                    localStorage.removeItem('deepseekSettings');
+                }
+                showSuccess("Settings saved successfully!");
+            });
+            // Load settings on page load
+            loadSettings();
             // Tab Switching
             analyzerTab.addEventListener('click', function() {
                     showError("Please enter some text to humanize.");
                     return;
                 }
+                // Check if API key is provided
+                const apiKey = apiKeyInput.value.trim();
+                if (!apiKey) {
+                    showError("Please enter your DeepSeek API key in the settings panel.");
+                    return;
+                }
                 // Show loading, hide error
                 humanizerLoading.classList.remove('hidden');
                 humanizeBtn.classList.add('opacity-75');
                 try {
+                    // Call DeepSeek API to humanize text
+                    const humanizedText = await callDeepSeekApi(inputText, level, tone, apiKey);
+                    if (humanizedText) {
+                        humanOutput.value = humanizedText;
+                        // Update output word count
+                        const words = humanizedText ? humanizedText.split(/\s+/).length : 0;
+                        outputWordCount.textContent = `${words} words`;
+                    } else {
+                        showError("Failed to humanize text. No response from API.");
+                    }
                 } catch (error) {
                     console.error("Error:", error);
+                    showError("Failed to humanize text. Please check your API key and try again.");
                 } finally {
                     humanizerLoading.classList.add('hidden');
                     humanizeBtn.disabled = false;
                 }
             });
+            // Function to call DeepSeek API
+            async function callDeepSeekApi(text, level, tone, apiKey) {
+                const endpoint = apiEndpointInput.value.trim() || 'https://api.deepseek.com/v1';
+                // Prepare the prompt based on level and tone
+                let prompt = `Please humanize the following text to make it sound more natural and less like AI-generated content. `;
+                if (level === 'light') {
+                    prompt += `Make subtle changes only, keeping most of the original structure intact. `;
+                } else if (level === 'medium') {
+                    prompt += `Make balanced changes, improving flow and naturalness while preserving the core meaning. `;
+                } else if (level === 'heavy') {
+                    prompt += `Completely rewrite the text to make it sound entirely human-written, using more varied sentence structures and natural phrasing. `;
+                }
+                if (tone === 'casual') {
+                    prompt += `Use a casual, conversational tone. `;
+                } else if (tone === 'professional') {
+                    prompt += `Use a professional, formal tone. `;
+                } else if (tone === 'friendly') {
+                    prompt += `Use a friendly, approachable tone. `;
+                } else if (tone === 'academic') {
+                    prompt += `Use an academic, scholarly tone. `;
+                } else {
+                    prompt += `Use a neutral tone. `;
+                }
+                prompt += `Here's the text to humanize:\n\n${text}`;
+                const requestBody = {
+                    model: "deepseek-chat",
+                    messages: [
+                        {
+                            role: "user",
+                            content: prompt
+                        }
+                    ],
+                    temperature: 0.7,
+                    max_tokens: 2000
+                };
+                const response = await fetch(`${endpoint}/chat/completions`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${apiKey}`
+                    },
+                    body: JSON.stringify(requestBody)
+                });
+                if (!response.ok) {
+                    const errorData = await response.json();
+                    throw new Error(errorData.error?.message || 'API request failed');
+                }
+                const data = await response.json();
+                return data.choices?.[0]?.message?.content || '';
+            }
             // Function to display analysis results
             function displayAnalysisResults(analysis) {
                 analysisPlaceholder.classList.add('hidden');
                 };
             }
             // Helper function to calculate variation coefficient
             function calculateVariation(values) {
                 if (values.length < 2) return 0;
                 errorText.textContent = message;
                 errorMessage.classList.remove('hidden');
             }
+            function showSuccess(message) {
+                const successDiv = document.createElement('div');
+                successDiv.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-4 py-2 rounded-md shadow-lg flex items-center';
+                successDiv.innerHTML = `
+                    <i class="fas fa-check-circle mr-2"></i>
+                    <span>${message}</span>
+                `;
+                document.body.appendChild(successDiv);
+                setTimeout(() => {
+                    document.body.removeChild(successDiv);
+                }, 3000);
+            }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=sqibhe/humanizer" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

prompts.txt CHANGED Viewed

@@ -1,4 +1,5 @@
 Objective: Build a client-side web tool that sends user-inputted AI-generated text directly to the DeepSeek API and displays the humanized response in a second text box.  Requirements Frontend:  Simple HTML/CSS/JS interface with two text areas (input/output).  A "Humanize" button to trigger the API request.  Loading indicator during processing.  Error handling for API failures.  DeepSeek Integration:  Direct API call to DeepSeek’s /v1/chat/completions endpoint.  System prompt: "Rewrite this text to sound like a human wrote it. Use casual language, vary sentence structure, and avoid repetitive phrases. Keep technical terms intact."  Include the user’s input text in the request.  Security:  Use a serverless proxy (e.g., Cloudflare Worker/Netlify Function) to hide the DeepSeek API key.  Deployment:  Host the static frontend on Netlify/Vercel.  Deploy the proxy alongside the frontend.
 OKay Remove everything expect the tool from this page.
 Okay Expand this tool with Analysis as well, First our AI Text Input Should ask for the analyze and rate content for AI scale then Ask to convert it into hummonid content.
-Implement all of these standard to Analyze Content 2. Manual Detection Strategies Textual Red Flags Repetitive Phrasing:  AI often reuses phrases (e.g., "It is important to note...") or synonyms in clusters.  Overly Formal Tone:  Unnatural formality in casual contexts (e.g., "utilize" instead of "use").  Lack of Personal Experience:  No subjective anecdotes or emotional depth.  Perfect Grammar:  Fewer typos or colloquial errors compared to human writing.  Vague Generalizations:  Statements like "AI is revolutionizing many industries" without specifics.  Structural Patterns Sentence Uniformity: Similar sentence lengths and structures.  Passive Voice Overuse: Common in GPT-3.5/4 outputs.  "Listicle" Format: AI defaults to bullet points or numbered lists when unsure.  3. Technical Analysis Perplexity & Burstiness Perplexity: Measures how "surprised" an AI model is by the text.  AI text: Low perplexity (predictable word choices).  Human text: High perplexity (unexpected phrasing).  Burstiness: Variation in sentence length/complexity.  AI text often has uniform burstiness scores.  Watermarking (For Developers) Some AI models embed hidden statistical patterns (e.g., GPT-4). Tools like:  GLTR (Giant Language Model Test Room): Visualizes word predictability.  Sapling.ai Detector: Highlights likely AI-generated sections.  4. Hybrid Approaches Cross-Check with Metadata:  Analyze document history (e.g., Google Docs version tracking for edits).  Stylometric Analysis:  Compare to the author’s known writing style.  Fact-Checking:  AI may hallucinate fake citations or outdated facts.  5. Limitations & Challenges False Positives: Human-written technical/scientific content can be flagged as AI.  False Negatives: Advanced models (e.g., GPT-4o) mimic human writing better.  Ethical Concerns: Tools like Turnitin face criticism for privacy issues.

 Objective: Build a client-side web tool that sends user-inputted AI-generated text directly to the DeepSeek API and displays the humanized response in a second text box.  Requirements Frontend:  Simple HTML/CSS/JS interface with two text areas (input/output).  A "Humanize" button to trigger the API request.  Loading indicator during processing.  Error handling for API failures.  DeepSeek Integration:  Direct API call to DeepSeek’s /v1/chat/completions endpoint.  System prompt: "Rewrite this text to sound like a human wrote it. Use casual language, vary sentence structure, and avoid repetitive phrases. Keep technical terms intact."  Include the user’s input text in the request.  Security:  Use a serverless proxy (e.g., Cloudflare Worker/Netlify Function) to hide the DeepSeek API key.  Deployment:  Host the static frontend on Netlify/Vercel.  Deploy the proxy alongside the frontend.
 OKay Remove everything expect the tool from this page.
 Okay Expand this tool with Analysis as well, First our AI Text Input Should ask for the analyze and rate content for AI scale then Ask to convert it into hummonid content.
+Implement all of these standard to Analyze Content 2. Manual Detection Strategies Textual Red Flags Repetitive Phrasing:  AI often reuses phrases (e.g., "It is important to note...") or synonyms in clusters.  Overly Formal Tone:  Unnatural formality in casual contexts (e.g., "utilize" instead of "use").  Lack of Personal Experience:  No subjective anecdotes or emotional depth.  Perfect Grammar:  Fewer typos or colloquial errors compared to human writing.  Vague Generalizations:  Statements like "AI is revolutionizing many industries" without specifics.  Structural Patterns Sentence Uniformity: Similar sentence lengths and structures.  Passive Voice Overuse: Common in GPT-3.5/4 outputs.  "Listicle" Format: AI defaults to bullet points or numbered lists when unsure.  3. Technical Analysis Perplexity & Burstiness Perplexity: Measures how "surprised" an AI model is by the text.  AI text: Low perplexity (predictable word choices).  Human text: High perplexity (unexpected phrasing).  Burstiness: Variation in sentence length/complexity.  AI text often has uniform burstiness scores.  Watermarking (For Developers) Some AI models embed hidden statistical patterns (e.g., GPT-4). Tools like:  GLTR (Giant Language Model Test Room): Visualizes word predictability.  Sapling.ai Detector: Highlights likely AI-generated sections.  4. Hybrid Approaches Cross-Check with Metadata:  Analyze document history (e.g., Google Docs version tracking for edits).  Stylometric Analysis:  Compare to the author’s known writing style.  Fact-Checking:  AI may hallucinate fake citations or outdated facts.  5. Limitations & Challenges False Positives: Human-written technical/scientific content can be flagged as AI.  False Negatives: Advanced models (e.g., GPT-4o) mimic human writing better.  Ethical Concerns: Tools like Turnitin face criticism for privacy issues.
+Add An interface of the Tool for user to add deepseek api and make sure you use that API in the code to send request to AI to hummanize this content.