Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Tom Raithel tomraithel

🏠
Working from home
View GitHub Profile
View machine.js
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
View machine.js
const loggedInState = {
initial: 'idle',
states: {
idle: {
on: {
load: 'loading'
}
},
loading: {
invoke: {
@tomraithel
tomraithel / machine.js
Last active Feb 27, 2020
FlightSelection xState config
View machine.js
const wizardStates = {
initial: "date",
states: {
date: {
on: {
NEXT: "flight"
}
},
flight: {
on: {
@tomraithel
tomraithel / munchkin-statechart.js
Last active Apr 10, 2019
Statechart for munchkin rules
View munchkin-statechart.js
// Copy-Paste this Chart into the visualizer: https://statecharts.github.io/xstate-viz/
// Available variables:
// Machine (machine factory function)
// XState (all XState exports)
const { assign } = XState.actions;
const fightStates = {
initial: "fightOrRun",
@tomraithel
tomraithel / recover-lost-git-files.sh
Created Aug 10, 2018
Recover from `git reset --hard` before any initial commit has been made
View recover-lost-git-files.sh
#!/bin/bash
# This script helps to restore important files after someone acidentially
# ran `git reset --hard` before any commit have been made. `git reflog`
# can´t help you in such cases, because it needs at least one commit
# You can only restore files via this approach, if the files have been
# added with `git add` before the reset was executed! If that was not the
# case, then I have bad news for you: This won´t work :(
@tomraithel
tomraithel / README.md
Last active Apr 26, 2018
Vorschlag: Component Folder Pattern CoP Frontend
View README.md

Vorschlag für Componenten-Struktur

Stand: Aktuell

radio
├── Radio.jsx
├── Radio.scss
├── RadioSpec.jsx
@tomraithel
tomraithel / showDataQa.js
Created Jan 19, 2018
Snippet to display data-qa attributes on a site
View showDataQa.js
const cssText = `
[data-qa] {
outline: 1px solid #E91E63 !important;
}
[data-qa]:hover {
outline: 2px solid #E91E63 !important;
}
[data-qa]:hover:before {
display: block;
white-space: nowrap;
@tomraithel
tomraithel / guide.md
Last active Jul 16, 2018
New Mac Installation
View guide.md

Install homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Install iterm2 and zsh

See https://gist.github.com/kevin-smets/8568070

Setup new SSH key

A good guide from github is here

@tomraithel
tomraithel / code-review
Last active Aug 2, 2017 — forked from evant/code-review
A ruby script to automatically create crucible reviews
View code-review
#!/usr/bin/env ruby
# A script to create a review on crucible based on the current git branch
#
# To configure settings, create a file named .code-review in your home directory
# The format should be:
# ------------------------------------------------------------------------------
# crucible:
# url: <crucible url>
# username: <username>
# password: <password>
@tomraithel
tomraithel / extract-glyphs.py
Created Oct 25, 2016
Create svg files from an icon-font
View extract-glyphs.py
import sys
if len(sys.argv) < 2:
print 'Usage: python {} webfont-file.svg'.format(sys.argv[0])
sys.exit()
with open(sys.argv[1], 'r') as r:
lines = r.read().split('\n')
glyphs = [x for x in lines if '<glyph' in x]
# for every glyph element in the file
for i in range(0, len(glyphs)):