avilde

/**
 * Swedish/Finnish special characters: åäö
 * Danish/Norwegian special characters: æøå
 * Latin characters: a-z
 * Other special characters: ç (e.g. country Curaçao)
 */
const wordRegex = /[åäöçæøa-z]+/gi;

export const capitalizeWord = (word: string): string =>
  word.charAt(0).toUpperCase() + word.substring(1).toLowerCase();

avilde

export const chunkArray = <T>(array: Array<T>, size: number) => {
  const results = [];

  while (array.length) {
    results.push(array.splice(0, size));
  }

  return results;
};

avilde

export const camelToKebabCase = (text: string) => {
  return text.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
};

avilde

export const setOrReplaceFavoritesIcon = (icon: string = defaultFavIcon) => {
  const link: HTMLLinkElement =
    document.querySelector('link[rel*="icon"]') ||
    document.createElement('link');
  link.type = 'image/x-icon';
  link.rel = 'shortcut icon';
  link.href = icon;
  document.getElementsByTagName('head')[0].appendChild(link);
};

avilde

{
	"New React FC": {
		"prefix": "nfc",
		"body": [
			"import React from 'react';",
			"import classes from './${1}.module.scss';",
			"",
			"interface ${1}Props {}",
			"",
			"const ${1} = (props: ${1}Props) => {",

avilde

{
	"New Test React FC": {
		"prefix": "ntfc",
		"body": [
			"import React from 'react';",
			"import { render } from '@testing-library/react';",
			"import ${1} from './${1}';",
			"",
			"it ('${1} renders without crashing', () => {",
			"\trender(",

avilde

import { makeAutoObservable } from "mobx"

export class BalanceState {
    balance = 1000

    constructor() {
        makeAutoObservable(this)
    }

    add(value: number) {

avilde

import { BalanceActionType, AddAction, WithdrawAction } from "./types"

export const add = (amount: number): AddAction => ({
    type: BalanceActionType.ADD,
    payload: amount,
})

export const withdraw = (amount: number): WithdrawAction => ({
    type: BalanceActionType.WITHDRAW,
    payload: amount,

avilde

import { Developer } from "./Developer";
// name
test("should drink coffee", () => {
    // setup
    const developer = new Developer();
    // action
    const result = developer.drinkCoffee();
    // expectation
    expect(result).toContain("coffee ☕");
});

avilde

export class Developer {
    public drinkCoffee(): string {
      return "Drinking a cup of coffee ☕";
    }
}