Skip to content

Instantly share code, notes, and snippets.

View trulysinclair's full-sized avatar
🏗️
Shaping my dreams into a digital form

Sinclair trulysinclair

🏗️
Shaping my dreams into a digital form
View GitHub Profile
import { CleanWebpackPlugin as CleanPlugin } from "clean-webpack-plugin";
import TsCheckerPlugin from "fork-ts-checker-webpack-plugin";
import { cpus } from "os";
import { resolve } from "path";
import { Configuration } from "webpack";
const PnpPlugin = require("pnp-webpack-plugin");
/** Name of the entry and output file. */
const simpleEntryName = "file-example";
/** Determine if this a production build. */
@trulysinclair
trulysinclair / fresh-install.ps1
Last active June 28, 2019 03:37
Automated Windows 10 fresh install
# =====================================================================
# Copyright 2019 - Present TheGrimSilence
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
@trulysinclair
trulysinclair / typescriptreact.json
Last active October 15, 2017 21:36
Create a TypeScript React Component, as well as templates for conditional statements for the `shouldComponentUpdate` function.
{
"If True": {
"prefix": "iftrue",
"body": ["if (${1:statement} !== ${2:statement}) {", "\treturn true", "}"],
"description": "Create an `if` `true`, `return` `true` statement for react components"
},
"If Not True": {
"prefix": "ifnottrue",
/* Here we use lodash.isequal within our component setup. It helps with deep validation. */
"body": ["if (!${1|IsEqual(),statement|}) {", "\treturn${2| true, |}", "}"],
@trulysinclair
trulysinclair / scss.json
Last active August 14, 2017 22:11
Add the our color function for sass files into your vscode User Snippets
/**
* Ensure with absolute certainty you've added our `_color.scss` file
* and imported it.
*/
"New Material Design Color": {
"prefix": "material",
"body": "color(${1|red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orange, brown, blue-grey, grey, shades|}, ${2|base, lighten-5, lighten-4, lighten-3, lighten-2, lighten-1, darken-1, darken-2, darken-3, darken-4, accent-1, accent-2, accent-3, accent-4|})",
"description": "Create a new Material Design color via Ebongarde's Sassy color function."
}
@trulysinclair
trulysinclair / _color.scss
Created August 14, 2017 20:41
Use any Material Design color with a simple function and maps
$colors: (
red:
(
base: #f44336,
lighten-5: #ffebee,
lighten-4: #ffcdd2,
lighten-3: #ef9a9a,
lighten-2: #e57373,
lighten-1: #ef5350,
darken-1: #e53935,