Updated

9jaDevo · 9jaDevo · commit ad60e0d2c7b2 · 2024-02-20T21:51:35.000+01:00
diff --git a/README.md b/README.md
@@ -1,2 +1,37 @@
 # auto-scroll-extension
  Chrome Extension to Automatically scrolls down when you visit a webpage
+
+# Auto Scroll Extension
+
+Automatically scrolls down when you visit a webpage.
+
+## Description
+
+The Auto Scroll Extension provides users with the convenience of automatically scrolling down webpages without manual interaction. It offers both full automation, where scrolling begins upon opening a webpage, and manual control, allowing users to start and stop scrolling as desired.
+
+## Features
+
+- **Full Automation**: Automatically scrolls down webpages upon opening.
+- **Manual Control**: Users can start and stop scrolling manually using the extension's settings panel.
+- **Customizable Settings**: Options for adjusting scroll speed and behavior.
+
+## Installation
+
+1. Clone or download the repository to your local machine.
+2. Navigate to `chrome://extensions/` in your Chrome browser.
+3. Enable "Developer mode" in the top right corner.
+4. Click on "Load unpacked" and select the folder containing the extension files.
+
+## Usage
+
+- **Full Automation**: Click on the extension icon to activate automatic scrolling.
+- **Manual Control**: Click on the extension icon to access the settings panel, where you can start and stop scrolling manually.
+
+
+## Contributing
+
+Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request on GitHub.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE).
diff --git a/background.js b/background.js
@@ -0,0 +1,7 @@
+// Execute the content script when the extension is loaded
+chrome.runtime.onInstalled.addListener(function() {
+    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+      chrome.tabs.executeScript(tabs[0].id, { file: 'content.js' });
+    });
+  });
+  
diff --git a/content.js b/content.js
@@ -0,0 +1,34 @@
+// Define the scrolling function with optional manual control
+function autoScrollWithManualControl() {
+    // Set the scroll speed (adjust as needed)
+    const scrollSpeed = 2; // pixels per frame
+  
+    // Function to scroll down
+    function scroll() {
+      window.scrollBy(0, scrollSpeed);
+      if (window.innerHeight + window.scrollY < document.body.offsetHeight) {
+        intervalId = requestAnimationFrame(scroll);
+      }
+    }
+  
+    // Start scrolling
+    intervalId = requestAnimationFrame(scroll);
+  }
+  
+  // Check if manual mode is enabled
+  chrome.storage.sync.get('manualMode', function(data) {
+    if (data.manualMode) {
+      // Listen for messages from the extension popup
+      chrome.runtime.onMessage.addListener(function(message) {
+        if (message.action === 'start') {
+          autoScrollWithManualControl();
+        } else if (message.action === 'stop') {
+          cancelAnimationFrame(intervalId);
+        }
+      });
+    } else {
+      // Start scrolling automatically
+      autoScrollWithManualControl();
+    }
+  });
+  
diff --git a/icon16.png b/icon16.png
diff --git a/icon48.png b/icon48.png
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,29 @@
+{
+    "manifest_version": 2,
+    "name": "Auto Scroll Extension",
+    "version": "1.0",
+    "description": "Automatically scrolls down when you visit a webpage.",
+    "permissions": ["activeTab", "storage"],
+    "icons": {
+      "16": "icon16.png",
+      "48": "icon48.png"
+    },
+    "background": {
+      "scripts": ["background.js"],
+      "persistent": false
+    },
+    "content_scripts": [
+      {
+        "matches": ["<all_urls>"],
+        "js": ["content.js"]
+      }
+    ],
+    "browser_action": {
+      "default_popup": "popup.html",
+      "default_icon": {
+        "16": "icon16.png",
+        "48": "icon48.png"
+      }
+    }
+  }
+  
diff --git a/popup.html b/popup.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Auto Scroll Extension</title>
+  <style>
+    button {
+      margin: 5px;
+    }
+  </style>
+</head>
+<body>
+  <button id="startBtn">Start Automation</button>
+  <button id="stopBtn">Stop Automation</button>
+
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/popup.js b/popup.js
@@ -0,0 +1,23 @@
+// Get the start and stop buttons
+const startBtn = document.getElementById('startBtn');
+const stopBtn = document.getElementById('stopBtn');
+
+// Add event listeners to the buttons
+startBtn.addEventListener('click', startAutomation);
+stopBtn.addEventListener('click', stopAutomation);
+
+let intervalId;
+
+// Function to start automation
+function startAutomation() {
+  chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+    chrome.tabs.executeScript(tabs[0].id, { file: 'content.js' });
+  });
+}
+
+// Function to stop automation
+function stopAutomation() {
+  chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+    chrome.tabs.executeScript(tabs[0].id, { code: 'clearInterval(' + intervalId + ');' });
+  });
+}
