guiseek

type NxPluginName =
  | 'js'
  | 'web'
  | 'node'
  | 'nest'
  | 'react'
  | 'angular'
  | 'express'

type NxProjectType = 'application' | 'library'

guiseek

function create<K extends keyof HTMLElementTagNameMap>(
  name: K,
  attributes: Partial<HTMLElementTagNameMap[K]>,
  ...children: Element[]
): HTMLElementTagNameMap[K] {
  const el = document.createElement(name)
  if (children) el.append(...children)
  return Object.assign(el, attributes)
}

guiseek

import {Observer} from './core/event-emitter'

const observer = new Observer<string>()

const sub1$ = observer.subscribe((value, count) => {
  console.log('sub 1: ', value, count)
})

const sub2$ = observer.subscribe((value, count) => {
  console.log('sub 2: ', value, count)

guiseek

type Callback<T> = (value: T) => void

export class EventEmitter<T> {
  #on = new Set<Callback<T>>([])

  set on(cb: Callback<T>) {
    this.#on.add(cb)
  }

  set off(cb: Callback<T>) {

guiseek

const subtitle = segToSub(subtitles.events);
console.log(subtitle);

guiseek

export function query<K extends keyof SVGElementTagNameMap>(
  name: K | `${K}.${string}` | `${K}#${string}` | `${K}[${string}]`,
  parent?: Element
): SVGElementTagNameMap[K]

export function query<K extends keyof HTMLElementTagNameMap>(
  name: K | `${K}.${string}` | `${K}#${string}` | `${K}[${string}]`,
  parent?: Element
): HTMLElementTagNameMap[K]

guiseek

import './style.scss'

const video = document.querySelector('video') as HTMLVideoElement;
const canvas = document.querySelector('canvas') as HTMLCanvasElement;
const ctx = canvas.getContext('2d', { willReadFrequently: true })!;

// Configuração da tela de fundo
const BACKGROUND_COLOR = [6, 6, 6]; // fundo verde
const TOLERANCE = 80; // tolerância de cor
const OPACITY = 0.7; // opacidade do sujeito

guiseek

let state: any

function handleState<T = unknown>(data: T) {
  state = data
  // const events: ((state: T) => void)[] = []
  const events = new Set<(state: T | null) => void>()

  return {
    set(newState: T | null) {
      if (newState === null) {

guiseek

export const noop = () => null

export function pickFn<
  T extends CustomElementConstructor,
  K extends keyof T = keyof T
>(target: T, key: K) {
  return target[key] ?? noop
}

export function define(

guiseek

import 'reflect-metadata'

type InputType =
  | 'checkbox'
  | 'color'
  | 'datetime-local'
  | 'email'
  | 'file'
  | 'image'
  | 'month'