zeusdeux

import type { Directive } from "vue";

type ClickOutsideHandler = ($event: MouseEvent | TouchEvent) => void;
type ClickOutsideHandlerMap = Map<HTMLElement, ClickOutsideHandler> & {
  initialized?: boolean;
};

const clickOutsideHandlersSymbol: symbol = Symbol.for("v-click-outside-handlers");

// @ts-ignore

zeusdeux

/**
 * Fail jest test run if certain messages are logged to console (e.g., `[vuex warn] unknown getter: ....`)
 * Conditionally (on CI or not) add this file and the file below to `setupFilesAfterEnv` in jest config.
 *
 * Example config:
 * 
 * import type { Config } from "@jest/types"
 * 
 * const config: Config.InitialOptions = {
 *   ...

zeusdeux

export async function timed<T>(
  cb: () => Promise<T>,
  message: string,
  debug = (...args: any[]) => console.warn(...args),
): ReturnType<typeof cb> {
  const start = performance.now();
  const result = await cb();
  const end = performance.now();
  let timeSpent = end - start;

zeusdeux

type MixedObject = {
  someFn(x: number): string
  someProp: symbol
}

// using key remapping that was added in TS 4.1 wherein
// if we return `never` as a value for key in the remapping logic
// the key is dropped from the resulting type
// More: https://www.typescriptlang.org/docs/handbook/2/mapped-types.html#key-remapping-via-as
type Filter<InputType, AllowedValueTypes> = {

zeusdeux

function assert(cond, msg) {
  if (!cond) throw new Error(msg)
}

function doSet(source, pathToSet, newValue) {
  assert(Array.isArray(pathToSet), 'path being set needs to be given as an array of prop names in order of access')
  
  const prop = pathToSet.shift()

  if (typeof prop === 'undefined') {

zeusdeux

function createProxyHandler() {
  const handler = {
    get(target, prop, receiver) {
      console.log('get>', target, prop, receiver)

      if (prop === '_isProxy') {
        return true
      }

      const value = Reflect.get(target, prop, receiver)

zeusdeux

const workingHoursSchema = yup
  .object()
  .shape(
    {
      startHour: yup.number().when(["startMinute", "endHour", "endMinute"], {
        is: (...args: string[]) => args.reduce((acc, v) => !!v || acc, false as boolean), // really typescript :|
        then: yup
          .number()
          .integer()
          .min(0)

zeusdeux

function assertArray(v) {
  if (!Array.isArray(v)) {
    throw new TypeError(`Expected ${v} to be an array`)
  }
  return true
}

function hasSequence(data, seq) {
  assertArray(data)
  assertArray(seq)

zeusdeux

Speaker Rider

by Tatiana Mac

Before I'll agree to a speaking event, I try to do as much research I can around the event to ensure it aligns with my ethos. I want to share this in case it's helpful to any other speakers.

👐 Speaking comes with immense privilege. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most marginalised and suppressed communities.

😫 I wish I didn't have to, but this is long because I provide a lot of explanations for those of you who never had to consider these things. And I will be honest, most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.

1️⃣ All of these are based on my own ethos. I don't wish to or attempt to speak on behalf of all conference speake

zeusdeux

Reach UI Philosophy

Reach UI is an accessible foundation for React applications and design systems.

The three equally important goals are to be:

• Accessible
• Composable
• Stylable