Moved files from old repositories

Author: randilfernando

.gitignore

@@ -0,0 +1,2 @@
+.idea/**
+*.iml

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 juztcode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,4 @@
+# JS Hacks
+JS hacks to simplify tasks.
+
+>Happy Coding :)

console-suspend/README.md

@@ -0,0 +1,28 @@
+# Suspend console logs
+Small library that can be used to suspend console logs.
+
+## Why use this?
+* Console is filled with unwanted log lines and cant find where its originated.
+* Need to suspend unwanted log lines.
+
+## How to add?
+* Add link to the html file
+```html
+<script src="https://cdn.jsdelivr.net/gh/juztcode/js-hacks/console-suspend/console-suspend.js"></script>
+```
+
+* Initialize with a list of log lines
+```html
+<script>  
+ConsoleSuspend([
+    '*****************************',
+    '* This is a test log line *'
+  ]);
+</script>
+```
+
+* That's it you can suspend unwanted log lines.
+
+* ###### This can also suspend log lines if them match the given pattern.
+
+>Happy Coding :)

console-suspend/console-suspend.js

@@ -0,0 +1,60 @@
+const ConsoleSuspend = function (list) {
+  const log = console.log;
+  const info = console.info;
+  const warn = console.warn;
+  const debug = console.debug;
+  const error = console.error;
+
+  const isValid = function (args) {
+    const s = args[0];
+
+    for (const i of list) {
+      const type = typeof s;
+      if (type === 'string' && s.startsWith(i)) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+
+  console.log = function () {
+    const args = Array.prototype.slice.call(arguments);
+
+    if (isValid(args)) {
+      log.apply(console, args);
+    }
+  };
+
+  console.info = function () {
+    const args = Array.prototype.slice.call(arguments);
+
+    if (isValid(args)) {
+      info.apply(console, args);
+    }
+  };
+
+  console.debug = function () {
+    const args = Array.prototype.slice.call(arguments);
+
+    if (isValid(args)) {
+      debug.apply(console, args);
+    }
+  };
+
+  console.warn = function () {
+    const args = Array.prototype.slice.call(arguments);
+
+    if (isValid(args)) {
+      warn.apply(console, args);
+    }
+  };
+
+  console.error = function () {
+    const args = Array.prototype.slice.call(arguments);
+
+    if (isValid(args)) {
+      error.apply(console, args);
+    }
+  };
+};

console-to-html/README.md

@@ -0,0 +1,31 @@
+# Bring console to html
+Small library that can be used to display console messages inside html view.
+
+## Why use this?
+* Tired of opening console to view log messages.
+* Need to display logs to user with minimum implementation
+
+## How to add?
+* Add link to the html file
+```html
+<script src="https://cdn.jsdelivr.net/gh/juztcode/js-hacks/console-to-html/console-to-html.js"></script>
+```
+
+* Initialize with html element id that you are using to display logs
+```html
+<script>  
+ConsoleToHTML('elementId');
+</script>
+```
+
+* Thats it you can use console functions and it will display inside html
+
+## What are the functions?
+* console.log()
+* console.info()
+* console.debug()
+* console.warn()
+* console.error()
+* console.clear()
+
+>Happy Coding :)

console-to-html/console-to-html.js

@@ -0,0 +1,74 @@
+var ConsoleToHTML = function (elementId) {
+    var log = console.log;
+    var info = console.info;
+    var warn = console.warn;
+    var debug = console.debug;
+    var error = console.error;
+    var clear = console.clear;
+
+    console.log = function () {
+        var args = Array.prototype.slice.call(arguments);
+        var concatenatedString = concatStrings(args);
+        log.apply(console, args);
+        appendToElement('<p>' + '[log] ' + concatenatedString + '</p>');
+    };
+
+    console.info = function () {
+        var args = Array.prototype.slice.call(arguments);
+        var concatenatedString = concatStrings(args);
+        info.apply(console, args);
+        appendToElement('<p>' + '[info] ' + concatenatedString + '</p>');
+    };
+
+    console.debug = function () {
+        var args = Array.prototype.slice.call(arguments);
+        var concatenatedString = concatStrings(args);
+        debug.apply(console, args);
+        appendToElement('<p>' + '[debug] ' + concatenatedString + '</p>');
+    };
+
+    console.warn = function () {
+        var args = Array.prototype.slice.call(arguments);
+        var concatenatedString = concatStrings(args);
+        warn.apply(console, args);
+        appendToElement('<p style="color: yellow">' + '[warn] ' + +concatenatedString + '</p>');
+    };
+
+    console.error = function () {
+        var args = Array.prototype.slice.call(arguments);
+        var concatenatedString = concatStrings(args);
+        error.apply(console, args);
+        appendToElement('<p style="color: red">' + '[error] ' + concatenatedString + '</p>');
+    };
+
+    console.clear = function () {
+        clear();
+        clearElement();
+    };
+
+    var concatStrings = function (args) {
+        var result = '';
+
+        for (var i in args) {
+            var arg = args[i];
+            if (typeof arg === 'object') {
+                result += ' ' + JSON.stringify(arg);
+            } else {
+                result += ' ' + arg;
+            }
+        }
+
+        return result;
+    };
+
+    var appendToElement = function (htmlString) {
+        var element = document.getElementById(elementId);
+        element.insertAdjacentHTML('beforeend', htmlString);
+        element.scrollTop = element.lastChild.offsetTop;
+    };
+
+    var clearElement = function () {
+        var element = document.getElementById(elementId);
+        element.innerHTML = '';
+    };
+};

http-filter/README.md

@@ -0,0 +1,25 @@
+# Http Filter
+Small library that can be used to filter XMLHttpRequest based on the hostname.
+
+## Why use this?
+* Need a way to find all http calls from third party javascript libraries
+* Need to prevent unwanted http calls from javascript code.
+
+## How to add?
+* Add link to the html file
+```html
+<script src="https://cdn.jsdelivr.net/gh/juztcode/js-hacks/http-filter/http-filter@0.0.1/src/http-filter.js"></script>
+```
+
+* Initialize with accepted hostname list and match type ('exact', 'partial')
+```html
+<script>  
+HttpFilter([
+    'sample.com'
+], 'exact');
+</script>
+```
+
+* That's it your http call will filter according to their hostname
+
+>Happy Coding :)

http-filter/http-filter.js

@@ -0,0 +1,44 @@
+const HttpFilter = function (acceptedDomains, matchType) {
+    window.matchType = matchType;
+    window.acceptedDomains = acceptedDomains;
+};
+
+const extractHostname = function (url) {
+    let hostname;
+
+    // find & remove protocol (http, ftp, etc.) and get hostname
+    if (url.indexOf("//") > -1) {
+        hostname = url.split('/')[2];
+    } else {
+        hostname = url.split('/')[0];
+    }
+
+    // find & remove port number
+    hostname = hostname.split(':')[0];
+    // find & remove "?"
+    hostname = hostname.split('?')[0];
+
+    return hostname;
+};
+
+const canSendRequest = function (hostname) {
+    if (window.matchType === 'exact') {
+        return window.acceptedDomains.indexOf(hostname) > -1;
+    } else {
+        return !!window.acceptedDomains.find(d => d.includes(hostname))
+    }
+};
+
+XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
+    const hostname = extractHostname(url);
+
+    if (canSendRequest(hostname)) {
+        // send request
+        open.call(this, method, url, async, user, pass);
+    } else {
+        // log error end throw exception
+        const message = `hostname: "${hostname}" blocked from http filter`;
+        console.error(message);
+        throw new Error(message);
+    }
+};