paramjeetdhiman

// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

// Merge a `source` object to a `target` recursively
const merge = (target, source) => {
  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
  for (const key of Object.keys(source)) {
    if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
  }

paramjeetdhiman

{

    "languages": ["c++", "c", "python","lisp", "scheme", "clojure", "clojurescript", "hylang","js","sass","scss"],

    "palettes": {
        "default": ["#3F9101","#0E4A8E","#BCBF01","#BC0BA2","#61AA0D","#3D017A","#D6A60A","#7710A3","#A502CE","#eb5a00"],
        "Dracula": ["#E8BA36","#54A857","#359FF4","#5060BB","#179387","#A5BE00","#005FA3","#DB7100","#FFC666","#38FF91"],
        "One Dark": ["#E8BA36","#54A857","#359FF4","#5060BB","#179387","#A5BE00","#005FA3","#DB7100","#FFC666","#38FF91"]
    },

paramjeetdhiman

" vim-plug
call plug#begin('~/.vim/plugged')

" plugin section
Plug 'pangloss/vim-javascript'
Plug 'leafgarland/typescript-vim'
Plug 'maxmellon/vim-jsx-pretty'

Plug 'prettier/vim-prettier', { 'do': 'yarn install', 'for': ['javascript', 'typescript', 'css', 'less', 'scss', 'json', 'graphql', 'markdown', 'vue', 'yaml', 'html'] }
let g:prettier#autoformat = 0

paramjeetdhiman

#	50	100	200	300	400	500	600	700	800	900
cool-gray	#f8fafc	#f1f5f9	#e2e8f0	#cfd8e3	#97a6ba	#64748b	#475569	#364152	#27303f	#1a202e
gray	![#f9fafb](https://via.placeholder.com/25/f9fafb/0

paramjeetdhiman

const [MyArray, setMyArray] = useState([]);
const [sortStatus, setSortStatus] = useState(true);

const handleAccuracySort = () => {
        const data = MyArray;
        if (sortStatus) {
            let sorted = data.sort((a, b) => a[1] - b[1]);
            setConfScores(sorted);
            setSortStatus(!sortStatus);
        } else {

paramjeetdhiman

(function(data) {
    var canvas = document.getElementById("toplevelGraphCanvas");
    var rect = canvas.getBoundingClientRect();
    var ctx = canvas.getContext('2d');

    var type = "mousemove";
    canvas.dispatchEvent(
        new MouseEvent(type, {
            clientX: rect.left + data.x,

paramjeetdhiman

var canvas = document.querySelector("#toplevelGraphCanvas");

canvas.addEventListener("mousemove", function(evt){
  var rect = canvas.getBoundingClientRect();
  let x = evt.clientX - rect.left;
  let y = evt.clientY - rect.top;
  console.log(x,y)
});

paramjeetdhiman

let boom =  {
   a: {x: 1200, y:230},
   b: {x: 150, y: 250}
};

(function (data) {
  var canvas = document.getElementById("toplevelGraphCanvas");
  var rect = canvas.getBoundingClientRect();
  
  var type = "mousedown";

paramjeetdhiman

(function (data) {
  var canvas = document.getElementById(data.id);
  var rect = canvas.getBoundingClientRect();

  var type = 'mousedown';
  canvas.dispatchEvent(
    new MouseEvent(type, {
        button: 2,
        buttons: 2,
        clientX: rect.left + data.x,

paramjeetdhiman

(function (data) {
  var canvas = document.getElementById(data.id);
  var rect = canvas.getBoundingClientRect();
  var type = 'mousedown';
  canvas.dispatchEvent(
    new MouseEvent(type, {
      clientX: rect.left + data.x,
      clientY: rect.top + data.y,
    })
  );