ortense

export type BrowserName = 'edge' | 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie';
export type BrowserCheck = (userAgent: UserAgent) => boolean;
export type UserAgent = string;

const BrowserCheckMap: Record<BrowserName, BrowserCheck> = Object.freeze({
  edge: agent => /Edg/.test(agent),
  chrome: agent => /Chrome/.test(agent),
  firefox: agent => /Firefox/.test(agent),
  safari: agent => /Safari/i.test(agent) && !/Chrome/i.test(agent),
  opera: agent => /Opera/.test(agent),

ortense

Uso de Decoradores funcionais em projeto typescript

Introdução

Proposta de adoção de decorators funcionaais em projetos typescript para melhorar a modularidade e flexibilidade do código. O padrão de decoradores permite adicionar comportamentos adicionais a funções existentes sem a necessidade de modificar diretamente o código dessas funções.

Padrão de Decoradores

O padrão de decorator é uma técnica de design que segue o princípio aberto/fechado do SOLID, permitindo a extensão de funcionalidades sem modificar o código existente. Os decorators funcionais são funções que envolvem outras funções para adicionar ou alterar comportamentos.

ortense

import { Typography, TypographyProps } from './Typography'
import { Size } from './types'

export type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6'

export type HeadingProps = Omit<TypographyProps, 'size'> & {
  level?: HeadingLevel
}

export const HeadingLevelSize: Record<HeadingLevel, Size> = {

ortense

import { Box, VerticalStack, HorizontalStack, Center } from './Flex';

export function Example() {
  return (
    <Center
      as="section"
      style={{
        backgroundColor: '#292929',
        height: '100vh',
        padding: '1rem',

ortense

import { parseArgs } from 'node:util'
import { env } from 'node:process'
import { Input, Issue, Output, boolean, custom, object, safeParse, string, transform } from 'valibot'

// @infra/environment/environment-error.ts
export class EnvironmentError extends Error {
  constructor(public readonly issues: Issue[]) {
    super('Environment Error')
  }

ortense

const BASE_URL = 'https://pokeapi.co/api/v2/pokemon/'

function fetchJSON(...args) {
  return fetch(...args).then(response => response.json())
}

export async function fetchPokemonWithDetails() { // maybe pass the offset and limit as an argument
  const results = await fetchJSON(BASE_URL)
    .then(data => data.results)
  

ortense

export type Builder<T> = {
  build(): Partial<T>;
  append<K extends keyof T>(key: K, value: T[K]): Builder<T>;
};

export function createBuilder<T>(): Builder<T> {
  const obj: Partial<T> = {};

  const builder: Builder<T> = {
    build: () => ({ ...obj }),

ortense

import { Application, Request, Response, NextFunction, RequestHandler } from 'express'

describe('How to test a express middleware', () => {
  const simpleMiddleware: RequestHandler = (req, res) => {
    return res.status(200).json({ 
      message: `App running at http://localhost:${req.app.locals.config.port}`
    })
  }
  
  const mockApp: Partial<Application> = {

ortense

const cloneArray = array => array.map(deepClone)

const cloneObject = object =>
  Object.keys(object)
    .reduce((clone, key) => ({ ...clone, [key]: deepClone(object[key])}), {})

export const deepClone = value =>
  Array.isArray(value)
    ? cloneArray(value)
    : value !== null && typeof value === 'object'

ortense

#ANDROID
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
alias avd='$ANDROID_HOME/emulator/emulator'

#FLUTTER
export FLUTTER_PATH=$HOME/flutter/bin