Skip to content

Instantly share code, notes, and snippets.

View robpataki's full-sized avatar

Rob Pataki robpataki

  • Valtech
  • York UK
View GitHub Profile
@robpataki
robpataki / .prettierrc
Created October 25, 2023 15:54
Prettier config (TypeScript, React, SCSS)
{
"printWidth": 132,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"jsxSingleQuote": false,
"trailingComma": "none",
"bracketSpacing": true,
"arrowParens": "avoid",
@robpataki
robpataki / pointer.ts
Last active October 13, 2023 15:23
Pointer utility class for tracking pointer movement and clicks
let instance: Pointer;
/**
* Tracks the pointer in WebGL
*/
export default class Pointer {
/**
* Current coordinates
* @return {x: number, y: number} The current pointer coordinates.
*/
@robpataki
robpataki / _grid-settings.scss
Created February 28, 2023 18:08
Sass grid system with responsive breakpoint mixin
$columns: (
xs: 2,
s: 2,
m: 8,
l: 12,
xl: 12,
);
$gutters: (
xs:20px,
s: 20px,
@robpataki
robpataki / .zshenv
Last active July 14, 2023 11:51
.zshenv
# Basics
export PATH="/opt/homebrew/bin:/usr/local/bin:/usr/local/sbin:/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/etc:/usr/local/mysql/bin:$PATH"
# export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_192.jdk/Contents/Home"
# Editor
export EDITOR="code -w"
export BUNDLE_EDITOR="code"
@robpataki
robpataki / .zshrc
Last active July 14, 2023 11:52
.zshrc
# Load SSH keys
ssh-add --apple-use-keychain ~/.ssh/id_rsa
ssh-add --apple-use-keychain ~/.ssh/bb_rsa
ssh-add --apple-use-keychain ~/.ssh/gh-per_rsa
ssh-add --apple-use-keychain ~/.ssh/gitlab_rsa
# Turn on Git completion
autoload -Uz compinit && compinit
# Git aware prompt
@robpataki
robpataki / settings.json
Last active October 10, 2022 16:29
Visual Studio Code user settings
{
"eslint.run": "onSave",
"eslint.format.enable": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
@robpataki
robpataki / _utils.scss
Created November 18, 2020 15:50
SASS Metaprogramming example - generate utility classes and placeholders
// stylelint-disable declaration-no-important
@use "sass:string";
// Settings
@use "scss-core/settings/vars";
// Use the built-in generator below to generate simple utility class and placeholder pairs
//
// An example utility:
@robpataki
robpataki / thymeleaf-hashmap-examples.html
Created April 17, 2019 15:36
Thymeleaf hashmap examples - only saving it here so I don't have to ever think about it again :)
<!-- Define a hashmap -->
<ol class="app-task-list">
<th:block th:with="tasks=${ {{enabled: false, url: '', taskState: 'COMPLETED', titleCode: 'taskList.pre.section.checkEligibility'}} }">
<th:block th:replace="~{ fragments/task-list :: task-list-group(${tasks}, #{taskList.pre.section.title}, 1)}" />
</th:block>
<th:block th:replace="~{ fragments/task-list :: task-list-group(${tasks}, #{taskList.application.section.title}, 2)}" />
<th:block th:replace="~{ fragments/task-list :: task-list-group(${tasks}, #{taskList.apply.section.title}, 3)}" />
@robpataki
robpataki / nunjucks-snippets.njk
Created November 15, 2018 14:27
Nunjucks snippets
{# Conditionally render inline CSS class #}
<div class="govuk-grid-row {{ 'govuk-!-margin-top-9' if not(showBackButton) else 'govuk-!-margin-top-3' }}">
@robpataki
robpataki / GoogleSheetAppScripts.gs
Created October 29, 2018 21:12
Custom App Scripts to generate sheets and calendar events using data from a spreadsheet
var CALENDAR_ID = 'XXX';
var CRUNCH_TEMPLATE_ID = 'XXX';
var CRUNCH_FOLDER_ID = 'XXX';
var NA = 'N/A';
var INVALID_DATE = 'Invalid Date';
var CALENDAR = CalendarApp.getCalendarById(CALENDAR_ID);
/* Populate custom menu */
function onOpen() {
var spreadsheet = SpreadsheetApp.getActive();