Skip to content

Instantly share code, notes, and snippets.

View tomfa's full-sized avatar

Tomas Fagerbekk tomfa

38 followers · 35 following
View GitHub Profile
@tomfa
tomfa / urls.test.ts
Last active March 6, 2024 17:55
NextJS route vs pathname matcher
describe('matchesPath', () => {
const matches = [
['/cake', '/cake'],
['/cake', '/cake/'],
['/cake', '/cake?frige=warm'],
['/cake', '/cake?frige=warm&freezer=cold'],
['/[id]', '/cake'],
['/[anything-goes]', '/cake'],
['/c/[id]/practitioner/[pid]/[anything-goes]', '/c/1/practitioner/2/3'],
['/[...rest]', '/cake'],
@tomfa
tomfa / schema.prisma
Created October 3, 2023 11:33
Lago invoicing modelling
// autogenerated from Lago database model (https://github.com/getlago/lago)
generator client {
provider = "prisma-client-js"
}
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
}
@tomfa
tomfa / .meta.json
Last active October 1, 2023 16:46
Autohotkey script examples (found in 2012-archive)
{
"slides": "https://docs.google.com/presentation/d/1WyicsfMJirQDpJYTVOFwRxwiwgfAVq6fRyylFXc6_G4/edit?usp=sharing",
"date": "September 2012"
}
@tomfa
tomfa / imports-add-ext.js
Created September 20, 2023 20:57
Codemod convert commonJS to esm import path style
/*
jscodeshift transform: adds the '.js' extension
to all import declarations with relative specifiers:
From './file' to './file.js', and
from '../file' to '../file.js'.
*/
module.exports = function (fileInfo, api) {
@tomfa
tomfa / file.utils.ts
Last active July 20, 2023 21:21
TypeScript: fs.readDir recursive implementation
/*
* Walks a directory (fs.readdir but recursively)
* Context:
* - fs does not have support for walk/readdir recursively
* - fs-extra moved "walk" functionality to https://github.com/jprichardson/node-klaw
*/
export const listDirectory = async (
currentPath: string,
includeDirectories = false,
@tomfa
tomfa / generate-story.js
Created March 3, 2023 21:56
Script to generate basic storybook stories for
/**
* Usage node generate-story.js [path]
*
* Example (generate stories for all components in folder "components":
* node generate-story.js ./src/components
*/
const fs = require('fs');
const SUPPORTED_FILE_EXT = ['tsx', 'jsx'];
const EXCLUDED_FILES = [];
@tomfa
tomfa / csvDownload.ts
Created February 14, 2023 07:46
React hook for downloading csv files (typescript)
import { useCallback } from 'react';
export function useCsvDownload(
data: Record<string, any>[],
title = 'data.csv',
) {
return useCallback(() => {
const headerKeys = data
.map((d) => Object.keys(d))
.reduce((a, b) => {
@tomfa
tomfa / custom_js_in_footer.js
Last active February 8, 2023 08:08
Forwarding UTM data in Webflow, when using Weglot as translation tool
@tomfa
tomfa / index.html
Created February 6, 2023 20:47
A link, but a form that'll forward utm values
<html>
<form action="https://google.com/search" method="get">
<input type="hidden" name="utm_source" />
<input type="hidden" name="utm_medium" />
<input type="hidden" name="utm_campaign" />
<input type="hidden" name="utm_term" />
<input type="hidden" name="utm_content" />
<input type="submit" value="I pretend to be link" />
</form>
<script>
@tomfa
tomfa / client.ts
Last active April 7, 2023 22:15
graphql-request with automatic parsing of DateTime
import { GraphQLClient } from 'graphql-request';
import { gqlSerializer } from './serializer.ts'
const gqlClient = new GraphQLClient(url, {
credentials: 'include',
mode: 'cors',
jsonSerializer: gqlSerializer,
});