JenieX

Chrome Web Development Extensions

• ColorZilla - Advanced Eyedropper, Color Picker
• Postman - Easy testing of custom HTTP / API requests.
• Especially useful when combined with requestb.in when testing the format of HTTP GET/POST/PUT/DELETE requests
• Edit This Cookie - Edit This Cookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!
• HN Special - A new visual style for Hacker News as well as new features
• MeasureIt! - Draw out a ruler that will help you get the pixel width and height of any elements on a webpage
• PageSpeed Insights - Anal

JenieX

Git Crash Course for Beginners

Preface

A good understanding of Git is an incredibly valuable tool for anyone working amongst a group on a single project. At first, learning how to use Git will appear quite complicated and difficult to grasp, but it is actually quite simple and easy to understand.

Git is a version control system that allows multiple developers to contribute to a project simultaneously. It is a command-line application with a set of commands to manipulate commits and branches (explained below). This tutorial will help you get started, and in no time you will be a Git Ninja!

Contents:

• How Git Works
• Installing Git on your Machine

JenieX

// http://davidwalsh.name/essential-javascript-functions

/*
  debounce

  The debounce function can be a game-changer when it comes to event-fueled performance.  
  If you aren't using a debouncing function with a scroll, resize, key* event, you're 
  probably doing it wrong.  Here's a debounce function to keep your code efficient:
*/

JenieX

function getURLParamValue(name) {
  var v;
  document.location.search.substring(1).split('&').forEach(function(value) {
    if (value.split('=')[0] === name) {
      v = value.split('=')[1];
    }
  });
  return v;
}

JenieX

// Parse URL
// References:
//  http://james.padolsey.com/javascript/parsing-urls-with-the-dom/
//  https://github.com/angular/angular.js/blob/c94329a891a1c082567c490ccf58ba8592b464ad/src/ng/urlUtils.js
(function() {
  window.parseUrl = function(url) {
    var href = url,
      a = document.createElement('a');
    if (document.documentMode) {
      a.setAttribute('href', href);

JenieX

// https://github.com/npm/npm/blob/master/lib/utils/parse-json.js

'use strict'

var parseJSON = module.exports = function (content) {
  return JSON.parse(stripBOM(content))
}

parseJSON.noExceptions = function (content) {
  try {

JenieX

@echo off
netsh interface portproxy delete v4tov4 listenport=9222 listenaddress=0.0.0.0
start /b cmd /c call "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --user-data-dir=dev-mode-removeme --disk-cache-dir=null --overscroll-history-navigation=0 --disable-web-security -–allow-file-access-from-files "%~dp0/src/index.html"
timeout 5
netsh interface portproxy add v4tov4 listenport=9222 connectaddress=127.0.0.1 connectport=9222 listenaddress=0.0.0.0
cls
echo ============================================
echo  Chrome started with following configuration:
echo ============================================
echo    * No-Caching

JenieX

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

JenieX

// ==UserScript==
// @name         Redirect to Farside
// @version      1.4
// @description  Redirects the configured websites to third-party privacy-respecting front ends.
// @author       examosa
// @license      AGPLv3-or-later
// @updateUrl    https://gist.github.com/examosa/50eb28bc16a006b62b3f43893ab457e7/raw/redirect-to-farside.js
// @match        https://www.fandom.com/*
// @match        https://*.medium.com/*
// @match        https://stackoverflow.com/*

JenieX

import { Dispatch, SetStateAction, useState, useEffect, useCallback, useRef } from 'react';

export type StorageArea = 'sync' | 'local';

// custom hook to set chrome local/sync storage
// should also set a listener on this specific key

type SetValue<T> = Dispatch<SetStateAction<T>>;

/**