mykeels

mykeels

import { Page } from '@playwright/test';

export async function transformWebsocketMessage(
  page: Page,
  fn: <TMessage extends Record<string, unknown>>(
    url: string,
    message: TMessage
  ) => TMessage
) {
  fn = fn || ((url, message) => message);

mykeels

// Use a conditional, because You may not want to provide swagger documentation in public environments
if (_configuration.GetValue<bool>("SwaggerConfiguration:EnableSwagger"))
{           
  services.AddEndpointsApiExplorer();
  services.AddSwaggerGen(options => {
      options.AddCustomIds();
      options.AddMetadata(typeof(Program));

      options.SchemaFilter<NullableEnumSchemaFilter>();
      options.SchemaFilter<RequiredPropertiesSchemaFilter>();

mykeels

import { camelCase, pascalCase, snakeCase } from "change-case";

type CamelToPascalCase<S extends string> = S extends `${infer F}${infer R}`
  ? `${Capitalize<F>}${R}`
  : S;
type PascalToCamelCase<S extends string> = S extends `${infer F}${infer R}`
  ? `${Uncapitalize<F>}${R}`
  : S;
type SnakeToCamelCase<S extends string> = S extends `${infer F}_${infer R}`
  ? `${Uncapitalize<F>}${Capitalize<SnakeToCamelCase<R>>}`

mykeels

Simple TS Path Matching

Inspired by https://twitter.com/TkDodo/status/1734255363266843017?t=dOhCHPJJMd2bq2A8VK8R-A&s=19

[See TS Playground](https://www.typescriptlang.org/play?#code/PQKgUABBAKCGAuALCBbBBjRBLAdgc0ggFoTSjCAjATwgFkqBrAUyYBsBnCACgAEVGWHAJQQAxAFcAThzCEAyiwh4s7eBETx4AB3YAuYMGWqAdMqTiKx9AHsUwfszbtgAVgAcAdiYeAnAGY-Dxc-JgAGYPQmdBd0CgoPNz9YNwAWHwBGJgAmWSgFJgh4JlVOCjZrAHcwEGBZUAgAfSbmluaIAE1rKQgAYWsAEwKACSZJAtaJpoga2XgqLQK4JE4AXggAcmBYCnR1iAAfDeAAM2trYF0sfr3DzYpYSRvuVUlcPAgAMggAbwBfIQA3LJBuhWA8CsdxDh0PAsNYcBAAGJnPooLTwpg4eAAHgAKktkEwAB5FHD9TgE9gAGgg+IQiFxTDRYKKEGJpPJMHp7GMjOZCCYAHljniCQA+MVcQhaSTWHS6H4QQhQRBjY4KulIPlaFkFdmYzmU3lMnUCzgAflpBIgCpwTAAbqNCL8wEIFbAcFQgWAQWCxhAcLAUMUtLBIlzlj9CHMFrSTbrVnH+UVsZSxUCoNH5gVtbq8WySQbOC83mKICtlbSCxzOAADAAk31wx1GMDV

mykeels

import httpStatus from "http-status";

export const makeError = <TErrorName extends string>(
  name: TErrorName,
  message?: string
) => ({
  name,
  message,
});

mykeels

type Prettify<T> = {
  [K in keyof T]: T[K];
};

export type Model<T> = Prettify<
  T & {
    _id: string;
    createdAt: Date | string;
    updatedAt: Date | string;
    deletedAt?: Date | string | null;

mykeels

type CamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}`
  ? `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${CamelToSnakeCase<U>}`
  : S
type SnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}`
  ? `${T}${Capitalize<SnakeToCamelCase<U>>}`
  : S
type StringKeys<TEntity extends {}> = {
  [key in keyof TEntity]: key extends string ? key : never
}[keyof TEntity]
type IsLiteral<TValue> = TValue extends string | number | boolean | symbol

mykeels

Here, we'll explore loosely coupling react hooks with dependency inversion as a way to manage side effects.

NB: The hooks code given here, uses react-query hooks for simplicity cos I'm rushing to write this. I hope that's not a problem. Perhaps, someone will write the equivalent implementations using out-of-the-box react hooks.

We'll consider a simple react hook, that fetches a list of users in two ways:

1. No dependency inversion

const useFetchUsers = () => {

mykeels

/**
 * @typedef {object} AWSCloudfrontMessageEvent
 * @property {AWSCloudfrontEventRecord[]} Records
 */

/**
 * @typedef {object} AWSCloudfrontEventRecord
 * @property {object} cf
 * @property {{ distributionId: string, eventType: string, requestId: string, distributionDomainName: string }} cf.config
 * @property {AWSCloudfrontRequest} cf.request