Fixed typo in the function name

ossua · Jan 27, 2022 · 5cd5690 · 5cd5690
1 parent ca41916
commit 5cd5690
Show file tree

Hide file tree

Showing 11 changed files with 100 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -7,6 +7,7 @@ $ npm install --save adblock-hunter
 ```
 
 ## Examples
+### NPM:
 ```javascript
 import { isAdblocking } from 'adblock-hunter'
 
@@ -28,6 +29,27 @@ const someFunction = async () => {
 }
 ```
 
+### Browser
+```html
+<head>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Blaumaus/adblock-hunter/dist/adblock-hunter.js" defer></script>
+</head>
+<body>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const { isAdblocking } = window['adblock-hunter']
+
+      isAdblocking().then(res => {
+        if (res) {
+          // Adblock Detected
+        }
+      })
+    })
+  </script>
+</body>
+</html>
+```
+
 ## API
 ### `isAdblocking`
 `isAdblocking` is a function which makes a call to Google Ads URL and checks wheater the request succeeds (user has no adblock) or not (the adblock is present).\

diff --git a/dist/adblock-hunter.cjs.js b/dist/adblock-hunter.cjs.js
@@ -60,7 +60,7 @@ var adURL = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
  * Check if AdBlocker is present in user's browser
  * @return Promise<Boolean>
  */
-var isAblocking = function () { return __awaiter(void 0, void 0, void 0, function () {
+var isAdblocking = function () { return __awaiter(void 0, void 0, void 0, function () {
     var enabled;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -82,4 +82,4 @@ var isAblocking = function () { return __awaiter(void 0, void 0, void 0, functio
     });
 }); };
 
-exports.isAblocking = isAblocking;
+exports.isAdblocking = isAdblocking;
diff --git a/dist/adblock-hunter.es5.js b/dist/adblock-hunter.es5.js
@@ -56,7 +56,7 @@ var adURL = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
  * Check if AdBlocker is present in user's browser
  * @return Promise<Boolean>
  */
-var isAblocking = function () { return __awaiter(void 0, void 0, void 0, function () {
+var isAdblocking = function () { return __awaiter(void 0, void 0, void 0, function () {
     var enabled;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -78,4 +78,4 @@ var isAblocking = function () { return __awaiter(void 0, void 0, void 0, functio
     });
 }); };
 
-export { isAblocking };
+export { isAdblocking };
diff --git a/dist/adblock-hunter.js b/dist/adblock-hunter.js
diff --git a/dist/esnext/index.d.ts b/dist/esnext/index.d.ts
@@ -2,5 +2,5 @@
  * Check if AdBlocker is present in user's browser
  * @return Promise<Boolean>
  */
-declare const isAblocking: () => Promise<boolean>;
-export { isAblocking, };
+declare const isAdblocking: () => Promise<boolean>;
+export { isAdblocking, };
diff --git a/dist/esnext/index.js b/dist/esnext/index.js
diff --git a/dist/esnext/index.js.map b/dist/esnext/index.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "adblock-hunter",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Detect adblock usage with ease",
   "main": "dist/adblock-hunter.cjs.js",
   "module": "dist/adblock-hunter.es5.js",

diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Adblock Hunter</title>
+  <link rel="stylesheet" href="styles.css"></link>
+  <script type="text/javascript" src="../dist/adblock-hunter.js" defer></script>
+</head>
+<body>
+  <div>
+    <h2>Adblock Hunter</h2>
+    <p id="results">
+      Detecting..
+    </p>
+  </div>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const { isAdblocking } = window['adblock-hunter']
+      const results = document.querySelector('#results')
+
+      isAdblocking().then(res => {
+        if (res) {
+          results.classList.add('detected')
+          results.textContent = 'Adblock usage detected!'
+        } else {
+          results.classList.add('notDetected')
+          results.textContent = 'You are not using an Adblock :)'
+        }
+      })
+    })
+  </script>
+</body>
+</html>
diff --git a/public/styles.css b/public/styles.css
@@ -0,0 +1,30 @@
+body {
+  display: flex;
+  height: 100vh;
+  box-sizing: border-box;
+  padding: 20px;
+  align-items: center;
+  justify-content: center;
+  background-color: #0d1117;
+}
+
+h2 {
+  color: #f0f6fc;
+  margin-bottom: 10px;
+  font-size: 36px;
+  text-align: center;
+}
+
+#results {
+  font-size: 30px;
+  color: #f0f6fc;
+  text-align: center;
+}
+
+.detected {
+  color: #e92424 !important;
+}
+
+.notDetected {
+  color: #24b124 !important;
+}
diff --git a/src/index.ts b/src/index.ts
@@ -4,7 +4,7 @@ const adURL = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
  * Check if AdBlocker is present in user's browser
  * @return Promise<Boolean>
  */
-const isAblocking = async () => {
+const isAdblocking = async () => {
   let enabled = false
 
   try {
@@ -17,5 +17,5 @@ const isAblocking = async () => {
 }
 
 export {
-  isAblocking,
+  isAdblocking,
 }