Skip to content

Instantly share code, notes, and snippets.

View john-crossley's full-sized avatar
🥔

John Crossley john-crossley

🥔
  • John Crossley
  • Manchester, England
View GitHub Profile
@john-crossley
john-crossley / simfolder.sh
Created March 24, 2018 18:25
Browse the filesystem of the iOS simulator
#!/bin/sh
cd ~/Library/Developer/CoreSimulator/Devices/
isVaildDeviceDir () {
# echo $1
# $1 is not directory or empty
if ! [[ -d $1 ]] || ! [[ -n $1 ]] ; then
return 1
fi
@john-crossley
john-crossley / install-laravel-mix.sh
Last active May 13, 2018 17:23
Installing Laravel Mix
cd super-awesome-vapor-app
npm init -y
npm install laravel-mix --save-dev
@john-crossley
john-crossley / copy-mix-file.sh
Created May 13, 2018 17:23
Copy default Laravel Mix file to project
cp node_modules/laravel-mix/setup/webpack.mix.js ./
@john-crossley
john-crossley / install-tailwindcss.sh
Created May 13, 2018 18:41
Install tailwind CSS
npm install tailwindcss --save-dev
@john-crossley
john-crossley / generate-tailwind-config.sh
Created May 13, 2018 18:42
Generate tailwind css Config
./node_modules/.bin/tailwind init
@john-crossley
john-crossley / create-resources-with-javascript-and-css.sh
Last active May 13, 2018 18:58
Create Resources with JavaScript and SCSS directory
# Run the following inside the root of our awesome Vapor app
mkdir -p Resources/{javascript,scss}
touch Resources/scss/app.scss
@john-crossley
john-crossley / app.scss
Created May 13, 2018 19:02
Tailwind CSS preflight
/**
* This injects Tailwind's base styles, which is a combination of
* Normalize.css and some additional base styles.
*
* You can see the styles here:
* https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
*
* If using `postcss-import`, use this import instead:
*
* @import "tailwindcss/preflight";
@john-crossley
john-crossley / add-tailwind-to-laravel-mix.sh
Created May 13, 2018 19:05
Add Tailwind CSS to Laravel Mix
const { mix } = require('laravel-mix');
const tailwindcss = require('tailwindcss');
mix.sass('Resources/src/css/app.scss', 'Public/css/app.css')
.options({
processCssUrls: false,
postCss: [tailwindcss('./tailwind.js')]
});
@john-crossley
john-crossley / package.json
Created May 13, 2018 19:07
Update scripts object inside package.json
"scripts": {
"dev": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
@john-crossley
john-crossley / AsyncOperation.swift
Created May 20, 2018 13:15
AsyncOperation wrapper for OperationQueue
class AsyncOperation: Operation {
enum State: String {
case ready = "Ready"
case executing = "Executing"
case finished = "Finished"
fileprivate var keyPath: String {
return "is" + rawValue
}
}