Spaces:

wudysoft
/

down

Paused

App Files Files Community

wudysoft commited on Nov 24, 2024

Commit

c9a8918

verified ·

1 Parent(s): 718b6c8

Update app.js

Browse files

Files changed (1) hide show

app.js +369 -227

app.js CHANGED Viewed

@@ -204,257 +204,399 @@ app.get('/cookie', async (req, res) => {
   }
 });
-// Gemini AI interaction function
-async function geminiAIInteraction(input) {
-    const browser = await chromium.launch();
-    const page = await browser.newPage();
-    try {
-        await page.goto('https://gemini.ai4you.top/');
-      /*, {
-            waitUntil: 'networkidle2'
-        });
-*/
-        await page.type('.gen-textarea', input);
-        // Scroll to the button
-        await page.evaluate(() => {
-            const button = document.querySelector('button[gen-slate-btn=""]');
-            if (button) {
-                button.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-        });
-        // Wait for the button to be visible and click it
-        await page.waitForSelector('button[gen-slate-btn=""]', { visible: true });
-        await page.click('button[gen-slate-btn=""]');
-        // Wait for the response to appear
-        await page.waitForSelector('.gpt-retry-btn span', { timeout: 10000 });
-        const response = await page.evaluate(() => {
-            const responses = document.querySelectorAll('.message.prose.break-words.overflow-hidden');
-            return responses.length > 1 ? responses[1].innerText : '';
-        });
-        // Optionally clear the chat
-        try {
-            await page.click('button[title="Clear"]');
-        } catch (error) {
-            console.error('Error during AI chat interaction:', error);
-        }
-        await browser.close();
-        return response;
-    } catch (error) {
-        console.error('Error during AI interaction:', error);
-        await browser.close();
-        throw error;
-    }
 }
-// Create the API route for AI Chat interaction
-app.get('/aichat', async (req, res) => {
-    const { input } = req.query;
-    if (!input) {
-        return res.status(400).send('Missing input for AI chat.');
-    }
-    try {
-        const aiResponse = await geminiAIInteraction(input);
-        res.json({ aiResponse }); // Send the AI response as JSON
-    } catch (error) {
-        res.status(500).send('Error during AI chat interaction: ' + error.message);
-    }
-});
-// Initialize perplexity object
-const perplexity = {
-  isInitialized: false,
-  page: null,
-  categories: [
-    "all",
-    "academic",
-    "writing",
-    "wolfram",
-    "youtube",
-    "reddit",
-    "wikipedia"
-  ],
-  currentCategory: "all",
-  categoryChange: false,
-  send: async (message) => {
-    return new Promise(async (resolve, reject) => {
-      async function sendMessage(i) {
-        if (!perplexity.categoryChange) {
-          await perplexity.page.goto("https://www.perplexity.ai/");
-        } else perplexity.categoryChange = false;
-        await perplexity.page.waitForSelector("textarea");
-        await type("textarea", i.toString().trim());
-        await click("button.bg-super.text-sm");
-        let wait = setInterval(async () => {
-          let content = await perplexity.page.content();
-          if (content.includes("Answer")) {
-            let response = await perplexity.page.evaluate(() => {
-              return Object.values(document.querySelector("div.break-words.min-w-0").children[0].children[0].children)
-                .map(x => x)
-                .filter(x => x.className == "" && x.textContent.length > 5)
-                .map(x => x.textContent)
-                .join(" ");
-            });
-            resolve(response.trim());
-            clearInterval(wait);
-          }
-        }, 1000);
-      }
-      if (!perplexity.isInitialized) {
-        let wait = setInterval(async () => {
-          if (perplexity.isInitialized) {
-            sendMessage(message);
-            clearInterval(wait);
-          }
-        })
-      } else sendMessage(message);
-    });
-  },
-  forget: async function() {
-    perplexity.isInitialized = false;
-    await perplexity.page.evaluate(`
-      (() => {
-        const cookies = document.cookie.split(";");
-        for (let i = 0; i < cookies.length; i++) {
-          const cookie = cookies[i];
-          const eqPos = cookie.indexOf("=");
-          const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
-          document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
-        }
-      })();
-      localStorage.clear();
-      sessionStorage.clear();
-    `);
-    await perplexity.page.context().clearCookies();
-    await perplexity.page.goto("https://www.perplexity.ai/");
-    perplexity.isInitialized = true;
-  },
-  category: async function(type) {
-    perplexity.categoryChange = true;
-    perplexity.isInitialized = false;
-    type = type.toString().toLowerCase().trim();
-    await perplexity.page.goto("https://www.perplexity.ai/");
-    if (perplexity.categories.includes(type)) {
-      await perplexity.page.evaluate(`Object.values(document.querySelectorAll("button")).filter(x => x.textContent.includes("Focus"))[0].click(), setTimeout(() => Object.values(document.querySelectorAll(".mt-one ml-two light font-sans text-xs font-medium text-textOff".replace(/ /gi, "."))).map(x => x.parentElement).filter(x => x.textContent.toLowerCase().includes("${type}"))[0].click(), 500)`);
-      setTimeout(() => perplexity.isInitialized = true, 500);
-    } else throw new Error(`Perplexity.AI: No category found called "${type}"`);
-  }
-};
-// Helper functions
-async function type(element, text) {
-  await perplexity.page.fill(element, text);
 }
-async function click(element) {
-  await perplexity.page.waitForSelector(element);
-  await perplexity.page.click(element);
 }
-app.get('/perplexity', async (req, res) => {
-  try {
-    const query = req.query.q;
-    /*
-    const browser = await chromium.launch({ headless: true });
-  const page = await browser.newPage();
-  perplexity.page = page;
-  await page.goto("https://perplexity.ai/");
-  perplexity.isInitialized = true;
-  */
-    const response = await perplexity.send(query);
-    res.json({ answer: response });
-  } catch (error) {
-    res.status(500).json({ error: error.message });
-  }
-});
-async function downloadYouTubeVideo(url) {
-    const browser = await chromium.launch({
-        headless: true,
-        args: ['--disable-gpu', '--no-sandbox', '--disable-dev-shm-usage'],
-    });
-    try {
-        const page = await browser.newPage();
-        console.log('Started automation.');
-        await page.waitForTimeout(3000);
-        await page.goto('https://www.ytmp3.nu/', { waitUntil: 'domcontentloaded' });
-        await page.waitForTimeout(3000);
-        // Use the keyboard to focus and type the URL
-        await page.fill('input[name="url"]', url);
-        await page.waitForTimeout(4000);
-        // Trigger the convert button by hitting "Enter"
-        await page.keyboard.press('Enter');
-        await page.waitForTimeout(6000);
-        console.log('URL processing completed.');
-        const buttons = await page.$$('a[rel="nofollow"]');
-        const buttonsAfterInput = await page.$$('a'); // Selects all buttons on the page
-        buttonsAfterInput.forEach(async (button, index) => {
-            const buttonValue = await button.textContent();
-            console.log(`Index ${index}: ${buttonValue}`);
-        });
-        try {
-            if (true) {
-                const secondButton = buttonsAfterInput[8];
-                const songURL = await secondButton.getAttribute('href');
-                return songURL;
-            }
-        } catch (error) {
-            console.log(`Error during download: ${error}`);
-        }
-    } finally {
-        await browser.close();
-    }
 }
-app.post('/send_req', async (req, res) => {
-    const url = req.body.url;
-    if (!url) {
-        return res.status(400).json({ error: 'Did not provide the url parameter, include the \'url\' parameter' });
-    } else {
-        const result = await downloadYouTubeVideo(url);
-        const details = {
-            Status: 'Online',
-            'song-url': url,
-            'Download-url': result,
-            Author: 'Terminal',
-            'Launch-date': '4-11-23'
-        };
-        return res.json(details);
-    }
 });
-// Support for GET request as well
-app.get('/send_req', async (req, res) => {
-    const url = req.query.url; // Get the URL from the query parameter
-    if (!url) {
-        return res.status(400).json({ error: 'Did not provide the url parameter, include the \'url\' parameter' });
-    } else {
-        const result = await downloadYouTubeVideo(url);
-        const details = {
-            Status: 'Online',
-            'song-url': url,
-            'Download-url': result,
-            Author: 'Terminal',
-            'Launch-date': '4-11-23'
-        };
-        return res.json(details);
     }
 });

   }
 });
+app.get('/welcome', async (req, res) => {
+    const { name, info } = req.query;
+    // Ensure all required query parameters are present
+    if (!name || !info) {
+        return res.status(400).json({ error: 'Missing required parameters' });
+    }
+    // Construct HTML content dynamically based on query parameters
+    const html = `
+        <!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>Course Card UI Design - #094 of #100Days100Projects</title>
+  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css'>
+  <style>
+  @import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
+* {
+	box-sizing: border-box;
+}
+body {
+	background-image: linear-gradient(45deg, #7175da, #9790F2);
+	font-family: 'Muli', sans-serif;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	min-height: 100vh;
+	margin: 0;
+}
+.courses-container {
+}
+.course {
+	background-color: #fff;
+	border-radius: 10px;
+	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
+	display: flex;
+	max-width: 100%;
+	margin: 20px;
+	overflow: hidden;
+	width: 700px;
 }
+.course h6 {
+	opacity: 0.6;
+	margin: 0;
+	letter-spacing: 1px;
+	text-transform: uppercase;
+}
+.course h2 {
+	letter-spacing: 1px;
+	margin: 10px 0;
+}
+.course-preview {
+	background-color: #2A265F;
+	color: #fff;
+	padding: 30px;
+	max-width: 250px;
+}
+.course-preview a {
+	color: #fff;
+	display: inline-block;
+	font-size: 12px;
+	opacity: 0.6;
+	margin-top: 30px;
+	text-decoration: none;
+}
+.course-info {
+	padding: 30px;
+	position: relative;
+	width: 100%;
+}
+.progress-container {
+	position: absolute;
+	top: 30px;
+	right: 30px;
+	text-align: right;
+	width: 150px;
 }
+.progress {
+	background-color: #ddd;
+	border-radius: 3px;
+	height: 5px;
+	width: 100%;
 }
+.progress::after {
+	border-radius: 3px;
+	background-color: #2A265F;
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 5px;
+	width: 66%;
+}
+.progress-text {
+	font-size: 10px;
+	opacity: 0.6;
+	letter-spacing: 1px;
+}
+.btn {
+	background-color: #2A265F;
+	border: 0;
+	border-radius: 50px;
+	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
+	color: #fff;
+	font-size: 16px;
+	padding: 12px 25px;
+	position: absolute;
+	bottom: 30px;
+	right: 30px;
+	letter-spacing: 1px;
+}
+/* SOCIAL PANEL CSS */
+.social-panel-container {
+	position: fixed;
+	right: 0;
+	bottom: 80px;
+	transform: translateX(100%);
+	transition: transform 0.4s ease-in-out;
 }
+.social-panel-container.visible {
+	transform: translateX(-10px);
+}
+.social-panel {
+	background-color: #fff;
+	border-radius: 16px;
+	box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
+	border: 5px solid #001F61;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	font-family: 'Muli';
+	position: relative;
+	height: 169px;
+	width: 370px;
+	max-width: calc(100% - 10px);
+}
+.social-panel button.close-btn {
+	border: 0;
+	color: #97A5CE;
+	cursor: pointer;
+	font-size: 20px;
+	position: absolute;
+	top: 5px;
+	right: 5px;
+}
+.social-panel button.close-btn:focus {
+	outline: none;
+}
+.social-panel p {
+	background-color: #001F61;
+	border-radius: 0 0 10px 10px;
+	color: #fff;
+	font-size: 14px;
+	line-height: 18px;
+	padding: 2px 17px 6px;
+	position: absolute;
+	top: 0;
+	left: 50%;
+	margin: 0;
+	transform: translateX(-50%);
+	text-align: center;
+	width: 235px;
+}
+.social-panel p i {
+	margin: 0 5px;
+}
+.social-panel p a {
+	color: #FF7500;
+	text-decoration: none;
+}
+.social-panel h4 {
+	margin: 20px 0;
+	color: #97A5CE;
+	font-family: 'Muli';
+	font-size: 14px;
+	line-height: 18px;
+	text-transform: uppercase;
+}
+.social-panel ul {
+	display: flex;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+}
+.social-panel ul li {
+	margin: 0 10px;
+}
+.social-panel ul li a {
+	border: 1px solid #DCE1F2;
+	border-radius: 50%;
+	color: #001F61;
+	font-size: 20px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 50px;
+	width: 50px;
+	text-decoration: none;
+}
+.social-panel ul li a:hover {
+	border-color: #FF6A00;
+	box-shadow: 0 9px 12px -9px #FF6A00;
+}
+.floating-btn {
+	border-radius: 26.5px;
+	background-color: #001F61;
+	border: 1px solid #001F61;
+	box-shadow: 0 16px 22px -17px #03153B;
+	color: #fff;
+	cursor: pointer;
+	font-size: 16px;
+	line-height: 20px;
+	padding: 12px 20px;
+	position: fixed;
+	bottom: 20px;
+	right: 20px;
+	z-index: 999;
+}
+.floating-btn:hover {
+	background-color: #ffffff;
+	color: #001F61;
+}
+.floating-btn:focus {
+	outline: none;
+}
+.floating-text {
+	background-color: #001F61;
+	border-radius: 10px 10px 0 0;
+	color: #fff;
+	font-family: 'Muli';
+	padding: 7px 15px;
+	position: fixed;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	text-align: center;
+	z-index: 998;
+}
+.floating-text a {
+	color: #FF7500;
+	text-decoration: none;
+}
+@media screen and (max-width: 480px) {
+	.social-panel-container.visible {
+		transform: translateX(0px);
+	}
+	.floating-btn {
+		right: 10px;
+	}
+}
+  </style>
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<div class="courses-container">
+	<div class="course">
+		<div class="course-preview">
+			<h6>Course</h6>
+			<h2>${name}</h2>
+			<a href="#">View all chapters <i class="fas fa-chevron-right"></i></a>
+		</div>
+		<div class="course-info">
+			<div class="progress-container">
+				<div class="progress"></div>
+				<span class="progress-text">
+					6/9 Challenges
+				</span>
+			</div>
+			<h6>${info}</h6>
+			<h2>Callbacks & Closures</h2>
+			<button class="btn">Continue</button>
+		</div>
+	</div>
+</div>
+<!-- SOCIAL PANEL HTML -->
+<div class="social-panel-container">
+	<div class="social-panel">
+		<p>Created with <i class="fa fa-heart"></i> by
+			<a target="_blank" href="https://florin-pop.com">Florin Pop</a></p>
+		<button class="close-btn"><i class="fas fa-times"></i></button>
+		<h4>Get in touch on</h4>
+		<ul>
+			<li>
+				<a href="https://www.patreon.com/florinpop17" target="_blank">
+					<i class="fab fa-discord"></i>
+				</a>
+			</li>
+			<li>
+				<a href="https://twitter.com/florinpop1705" target="_blank">
+					<i class="fab fa-twitter"></i>
+				</a>
+			</li>
+			<li>
+				<a href="https://linkedin.com/in/florinpop17" target="_blank">
+					<i class="fab fa-linkedin"></i>
+				</a>
+			</li>
+			<li>
+				<a href="https://facebook.com/florinpop17" target="_blank">
+					<i class="fab fa-facebook"></i>
+				</a>
+			</li>
+			<li>
+				<a href="https://instagram.com/florinpop17" target="_blank">
+					<i class="fab fa-instagram"></i>
+				</a>
+			</li>
+		</ul>
+	</div>
+</div>
+<button class="floating-btn">
+	Get in Touch
+</button>
+<div class="floating-text">
+	Part of <a href="https://florin-pop.com/blog/2019/09/100-days-100-projects" target="_blank">#100Days100Projects</a>
+</div>
+<!-- partial -->
+  <script>
+  // INSERT JS HERE
+// SOCIAL PANEL JS
+const floating_btn = document.querySelector('.floating-btn');
+const close_btn = document.querySelector('.close-btn');
+const social_panel_container = document.querySelector('.social-panel-container');
+floating_btn.addEventListener('click', () => {
+	social_panel_container.classList.toggle('visible')
+});
+close_btn.addEventListener('click', () => {
+	social_panel_container.classList.remove('visible')
 });
+  </script>
+</body>
+</html>`;
+    try {
+        const browser = await chromium.launch(); // Launch Playwright Chromium browser
+        const page = await browser.newPage();
+        await page.setContent(html);
+        const buffer = await page.screenshot({ type: 'png' });
+        await browser.close();
+        res.set('Content-Type', 'image/png');
+        return res.send(buffer);
+    } catch (error) {
+        console.error('Error generating PNG:', error);
+        res.status(500).json({ error: 'Failed to convert HTML to PNG' });
     }
 });