🇮🇳

Paramjeet Dhiman paramjeetdhiman

🇮🇳

I like building new stuff and work with other people.

paramjeetdhiman / deep-merge.js

Created July 6, 2023 16:38 — forked from ahtcx/deep-merge.js

Deep-Merge JavaScript objects with ES6

	// ⚠ 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 / Sublime Rainbowth Brackets

Created January 28, 2022 08:05

Rainbowth Package Sublime - Add file in this location sublime-text/User/Rainbowth.sublime-settings

	{

	"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 / vimrc

Last active December 17, 2021 06:13

	" 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 / readme.md

Created August 14, 2021 14:19 — forked from brltdxd/readme.md

Tailwind UI Updated Color Palette - Hex Codes

#	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 / Sorting Function on onClick Asc Desc

Created August 13, 2021 11:03

	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 / Element Color find on (x,y) points CANVAS

Created February 5, 2021 14:40


	(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 / Offset-Point Finder on Canvas

Created February 5, 2021 11:05

	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 / Drag-on CANVAS Right Side

Created February 5, 2021 11:04

	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 / Open Context Menu On (x,y) Point on CANVAS

Last active February 5, 2021 08:52

 (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 / Mouse Click on (x,y) points CANVAS

Last active February 5, 2021 11:04

	(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,
	})
	);