Skip to content

Instantly share code, notes, and snippets.

Sudarshan Gaikaiwari sudarshang

View GitHub Profile
sudarshang / package.json
Created May 5, 2020
tailwind create-react-app
View package.json
"scripts": {
"start": "yarn start:css && react-scripts start",
"build": "yarn build:css && react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"start:css": "tailwindcss build src/css/tailwind.css -o src/css/main.css",
"build:css": "env NODE_ENV=production tailwindcss build src/css/tailwind.css -o src/css/main.css",
"watch:css": "tailwindcss build src/css/tailwind.css -o src/css/main.css --watch"
View karabiner.edn
{:Default {:default true
:sim 50
:delay 80
:alone 120
:held 70}}
:templates {:alfred "osascript -e 'tell application \"Alfred 4\" to run trigger \"%s\" in workflow \"%s\" with argument \"%s\"'"
:km "osascript -e 'tell application \"Keyboard Maestro Engine\" to do script \"%s\"'"
:open "open -a \"%s\""
#!/usr/bin/env python3
"Generate all strings containing just ( and ) with parens balenced."
from itertools import count
def parens():
def nested(x):
return ("(" * x) + (")" * x) if x > 0 else ""
View minimal-analytics-snippet.js
(function (history, trackingId, options) {
const generateId = () => {
return '_' + Math.random().toString(36).substr(2, 9);
const getId = () => {
if (!localStorage.cid) {
localStorage.cid = generateId()
return localStorage.cid;
INTERSECTIONS = ["A 2", "A 3", "A 6", "B 4", "B 5", "C 1", "C 3", "D 1", "D 2", "D 4"]
def Letter(intersection):
return intersection.split()[0]
def Number(intersection):
return intersection.split()[1]
sudarshang /
Created Jul 17, 2018 — forked from swalkinshaw/
Designing a GraphQL API

Tutorial: Designing a GraphQL API

This tutorial was created by Shopify for internal purposes. We've created a public version of it since we think it's useful to anyone creating a GraphQL API.

It's based on lessons learned from creating and evolving production schemas at Shopify over almost 3 years. The tutorial has evolved and will continue to change in the future so nothing is set in stone.


Sequence of Gatsby's bootstrap lifecycle with links to source code as of v2.0.0


  1. open and validate gatsby-config (get-config-file.js)
  2. load plugins (load-plugins/index.js) from the list given in gatsby-config.js
  3. onPreBootstrap: runs onPreBootstrap if it is implemented in any plugins, for example gatsby-plugin-typography. Receives handy [apiCallArgs](
View gatsby-node.js
//const webpack = require("webpack");
const _ = require("lodash");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
const path = require("path");
const Promise = require("bluebird");
const createPaginatedPostsPages = require("./gatsby-actions/createPaginatedPostsPages.js");
const { createFilePath } = require(`gatsby-source-filesystem`);
exports.onCreateNode = ({ node, getNode, boundActionCreators }) => {
sudarshang / static.config.js
Created May 20, 2018
react-static blog config.js (copy pasted from react-static slack)
View static.config.js
import webpack from 'webpack';
import React, { Component } from 'react';
import { reloadRoutes } from 'react-static/node';
import jdown from 'jdown';
import chokidar from 'chokidar';
import path, { dirname } from 'path';
import RSS from 'rss';
import fs from 'fs';
var isDev = process.env.REACT_STATIC_ENV === 'development';
View diff-master-webpack-4
> <link rel="preload" as="script" href="/bootstrap.474eaeba.js">
< "/templates/styles.65f7d673.js">
< <link rel="preload" as="script" href=
< "/templates/vendors~main.6810fa37.js">
< <link rel="preload" as="script" href="/main.b47b78f3.js">
< <link rel="preload" as="script" href=
< "/templates/src/containers/Home.e0dd5fbb.js">
< <link rel="preload" as="style" href="/styles.65f7d673.css">
You can’t perform that action at this time.