Skip to content

Instantly share code, notes, and snippets.

View mrchief's full-sized avatar
🎯
Focusing

Hrusikesh Panda mrchief

🎯
Focusing
View GitHub Profile
@mrchief
mrchief / setup.md
Last active July 1, 2021 19:10
Storybook setup for gh-pages

Storybook setup for gh-pages

Initialize empty gh-pages

  • Create a new orphan branch: git checkout --orphan gh-pages
  • Clean all (untracked) files: git reset --hard or git rm -rf .
  • Create first commit: git commit --allow-empty -m "Initializing gh-pages branch"
  • Push the new branch on your repo: git push origin gh-pages

Enable gh-pages in your repo

@mrchief
mrchief / remove_promoted_reddit_posts.js
Last active September 9, 2020 14:44
Remove Promoted Reddit Posts the simple way
// ==UserScript==
// @name Remove Promoted Reddit Posts
// @namespace http://reddit.com/
// @version 1.0
// @description try to take over the world!
// @author You
// @match https://www.reddit.com/*
// @grant none
// @run-at document-start
// ==/UserScript==

Keybase proof

I hereby claim:

  • I am mrchief on github.
  • I am mrchief (https://keybase.io/mrchief) on keybase.
  • I have a public key ASBCG_2O-mstOYu9loEZPFDXB816gCyKhYAxGnFSNgkTDwo

To claim this, I am signing this object:

# 💀 DO NOT MAKE ANY COMMITS to master directly - they should always come from rebasing develop
# 💀 ensure ALL actions in develop are GREEN ✅
# ensure you have no pending changes locally
git pull origin develop
# make sure you have no pending changes locally
git pull origin master
git checkout master
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: 'stable',
@mrchief
mrchief / cssLoader.js
Created June 28, 2018 20:27
react-static vendor css chunks
'use strict' // eslint-disable-line
import ExtractCssPlugin from 'extract-text-webpack-plugin'
import path from 'path'
import postcssFlexbugsFixes from 'postcss-flexbugs-fixes'
import postcssPresetEnv from 'postcss-preset-env'
export default ({ config, stage }) => {
let cssLoader = [
{
loader: 'css-loader',
body {
white-space: pre;
font-family: monospace;
background: rgba(34,47,53,1);
color: rgba(96,125,138,1);
}
.property {
font-weight: bold;
color:rgba(0,253,255,1);
@mrchief
mrchief / array-intersects.js
Created June 2, 2018 23:31
Simple array intersection check in ES6
/* Returns true if a intersects with b
* a is said to intersect with b if at least 1 element of a is present in b.
* e.g.
* intersects(['1', '2'], ['1', '3', '4']) // true
* intersects(['1', '2'], ['3', '4']) // false
*/
export default (a, b) => a.some(k => b.indexOf(k) > -1)
const debounce = (func, wait, immediate) => {
let timeout
return (...args) => {
const later = () => {
timeout = null
if (!immediate) func(...args)
}
const callNow = immediate && !timeout
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="States of USA">
</div>