Ardeshir Eshghi ardeshireshghi

## paste-img.js
document.addEventListener('paste', e => {
  const file = e.clipboardData.items[0].getAsFile();
  if (!file.type.startsWith('image')) return;

  const imgEl = new Image();
  const reader = new FileReader();

  imgEl.style.maxWidth = '100%';

  reader.onload = e => {

## cookie-change-watcher.js
const CookieChangeWatcher = (() => {
  const listofCookies = () => document.cookie.split(';').filter(item => item !== '').map(item => item.trim());
  const intersection = (set1, set2) => new Set([...set1].filter(item => set2.has(item)));
  const difference = (set1, set2) => [...set1].filter(item => !set2.has(item));

  let previousCookiesList = new Set();
  let cookiesList = new Set(listofCookies());

  function checkAddedRemoved(prevSet, currentSet) {
    const cookiesIntersection = intersection(prevSet, currentSet);

## python-postgres-connection-verify-ca.py
import psycopg2

connection = psycopg2.connect("dbname=name-of-db user=prod password=xxxx host=somehost sslmode=verify-full sslrootcert=/usr/local/share/ca-certificates/ca-2019-root.pem")

## scroll-top-smooth-animate.js
var scroller = (function () {
    var startAnimation = function(duration) {
      var startLocation =  document.body.scrollTop || document.documentElement.scrollTop;
      var startTime = Date.now();
      var animationID;

      var easeInOutCubic = function(time) {
        return time < 0.5 ?
          4 * time * time * time :
          (time - 1) * (2 * time - 2) * (2 * time - 2) + 1;

## observable.js
class Observer {
  constructor(observerCallbacks) {
    this._observerCallbacks = observerCallbacks;
  }

  start(subscriptionFn) {
    return subscriptionFn(this);
  }

  next(...args) {

## circle-animation.html
<!DOCTYPE html>
<html>
<head>
    <title>Enjoy fun animations on Web</title>
    <style type="text/css" media="screen">
        :root {
            min-height: 100%;
            font-size: 1em;
        }

## convert-download-svg.js
const validImageMimes = {
  jpg: 'image/jpeg',
  jpeg: 'image/jpeg',
  png: 'image/png',
  webp: 'image/webp'
};

const svgDocHeader = `<?xml version="1.0" standalone="no"?>
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">`;

## enable-socks-ssh-tunnel.sh
#!/usr/bin/env bash

USER="$1"
SERVER_HOST="$2"
SOCKS_PORT="$3"

eval $(ssh-agent)
ssh-add "$HOME/.ssh/*.pem"

nohup ssh -CND "$SOCKS_PORT" "$USER"@"$SERVER_HOST" &

## swipe-carousel-bootstrap.js
import $ from 'jquery';

const BootstrapSwipeCarousel = (() => {
  const NAME = 'swipeCarousel';
  const CAROUSEL_DATA_KEY = 'bs.carousel.swipe2';
  const MIN_SPEED_TO_SLIDE = 200; // pixel per second
  const DEBOUNCE_TIMEOUT = 40; // Magic number (it works and avoids extra slides per taps)

  const shouldSlide = (deltaX, speed, threshold) => (
    Math.abs(deltaX) >= threshold

## immutable-css.js
/**
 * Chaining immutable style changer
 * Do not define any events on the element using addEventLister
 * Use event delegation (do the parents)
 * @param  {String} name  [description]
 * @param  {String} value [description]
 * @return {Element}
 */
Element.prototype.css = function(name, value) {
  const parentEl = this.parentNode;
	document.addEventListener('paste', e => {
	const file = e.clipboardData.items[0].getAsFile();
	if (!file.type.startsWith('image')) return;

	const imgEl = new Image();
	const reader = new FileReader();

	imgEl.style.maxWidth = '100%';

	reader.onload = e => {
	import psycopg2

	connection = psycopg2.connect("dbname=name-of-db user=prod password=xxxx host=somehost sslmode=verify-full sslrootcert=/usr/local/share/ca-certificates/ca-2019-root.pem")
	var scroller = (function () {
	var startAnimation = function(duration) {
	var startLocation = document.body.scrollTop \|\| document.documentElement.scrollTop;
	var startTime = Date.now();
	var animationID;

	var easeInOutCubic = function(time) {
	return time < 0.5 ?
	4 * time * time * time :
	(time - 1) * (2 * time - 2) * (2 * time - 2) + 1;
	class Observer {
	constructor(observerCallbacks) {
	this._observerCallbacks = observerCallbacks;
	}

	start(subscriptionFn) {
	return subscriptionFn(this);
	}

	next(...args) {
	<!DOCTYPE html>
	<html>
	<head>
	<title>Enjoy fun animations on Web</title>
	<style type="text/css" media="screen">
	:root {
	min-height: 100%;
	font-size: 1em;
	}
	const validImageMimes = {
	jpg: 'image/jpeg',
	jpeg: 'image/jpeg',
	png: 'image/png',
	webp: 'image/webp'
	};

	const svgDocHeader = `<?xml version="1.0" standalone="no"?>
	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">`;
	#!/usr/bin/env bash

	USER="$1"
	SERVER_HOST="$2"
	SOCKS_PORT="$3"

	eval $(ssh-agent)
	ssh-add "$HOME/.ssh/*.pem"

	nohup ssh -CND "$SOCKS_PORT" "$USER"@"$SERVER_HOST" &
	import $ from 'jquery';

	const BootstrapSwipeCarousel = (() => {
	const NAME = 'swipeCarousel';
	const CAROUSEL_DATA_KEY = 'bs.carousel.swipe2';
	const MIN_SPEED_TO_SLIDE = 200; // pixel per second
	const DEBOUNCE_TIMEOUT = 40; // Magic number (it works and avoids extra slides per taps)

	const shouldSlide = (deltaX, speed, threshold) => (
	Math.abs(deltaX) >= threshold
	/**
	* Chaining immutable style changer
	* Do not define any events on the element using addEventLister
	* Use event delegation (do the parents)
	* @param {String} name [description]
	* @param {String} value [description]
	* @return {Element}
	*/
	Element.prototype.css = function(name, value) {
	const parentEl = this.parentNode;