Guilherme Siquinelli guiseek

🌱

Winners don't care what others think, the real battle is overcoming yourself.

⌁ Arquiteto Web ⌁ Nx Champion ⌁ Mantenedor Github Brasil ⌁ Mentor na Codaqui ⌁ Co-fundador da DevParaná ⌁

guiseek / create-element.ts

Created December 10, 2023 06:46

TSX

	import {ElementType, TagsByType} from '../types'

	const ns = {
	html: 'http://www.w3.org/1999/xhtml',
	svg: 'http://www.w3.org/2000/svg',
	mathMl: 'http://www.w3.org/1998/Math/MathML',
	}

	export function createElement<
	Type extends ElementType,

guiseek / types.ts

Created December 10, 2023 06:43

HTML, SVG and MathML ElementTagNameMaps

	export type HTMLs = HTMLElementTagNameMap
	export type SVGs = SVGElementTagNameMap
	export type MathMLs = MathMLElementTagNameMap

	export type Tags = keyof (HTMLs \| SVGs \| MathMLs)

	export type HTMLByTag<K extends keyof HTMLs> = HTMLs[K]
	export type SVGByTag<K extends keyof SVGs> = SVGs[K]
	export type MathMLByTag<K extends keyof MathMLs> = MathMLs[K]

guiseek / file-tree.html

Created December 9, 2023 15:32

File Tree

	<file-tree class="not-content">
	<ul>
	<li class="directory" data-filetype="dir">
	<details>
	<summary>
	<span class="tree-entry">
	<span class="">
	<span>
	<span class="sr-only">Directory</span>
	<svg

guiseek / extend.ts

Created December 9, 2023 06:46

Custom element extend eecorator

	interface CustomConstructor<K extends keyof HTMLElementTagNameMap>
	extends CustomElementConstructor {
	new (...params: any[]): HTMLElementTagNameMap[K]
	prototype: HTMLElementTagNameMap[K]
	}

	export const extend = <K extends keyof HTMLElementTagNameMap>(inherite: K) => {
	return <T extends CustomConstructor<K>>(target: T) => {
	customElements.define(`txs-${inherite}`, target, {extends: inherite})
	}

guiseek / deep-pick.ts

Created December 6, 2023 16:55

Deep Pick

	export const deepPick = <T extends object>(value: T) => {
	return <K extends keyof T & string>(path: K) => {
	return path.split('.').reduce<T[K]>((prev, curr) => {
	return typeof prev[curr] === 'object' ? prev[curr] : prev;
	}, value as T[K]);
	};
	};

	export function deep<T extends object>(value: T) {
	// prettier-ignore

guiseek / index.html

Created September 13, 2023 16:27

	<!doctype html>
	<html lang="pt-br">
	<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/svg+xml" href="/vite.svg" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Vite + TS</title>
	</head>
	<body>
	<figure id="figure">

guiseek / slugify.util.ts

Created September 9, 2023 09:49

Slugify

	export const slugify = (...args: (string \| number)[]): string => {
	const value = args.join(' ');

	return value
	.normalize('NFD')
	.replace(/[\u0300-\u036f]/g, '')
	.toLowerCase()
	.trim()
	.replace(/[^a-z0-9 ]/g, '')
	.replace(/\s+/g, '-');

guiseek / typed-form.ts

Created September 2, 2023 07:42

Angular Typed Form

	type DetectTypedForm<T> =
	T extends Array<infer U>
	? FormArray<DetectTypedForm<U>>
	: T extends Date
	? FormControl<Date>
	: T extends object
	? FormGroup<TypedForm<T>>
	: T extends true \| false
	? FormControl<boolean>
	: T extends PropertyKey

guiseek / typed-form-model.ts

Last active August 27, 2023 00:22

Angular Recursive TypedForm

	import type {TypedForm} from './typed-form'

	type TypedFormModel<T> = {
	// Verifique cada tipo do model
	[K in keyof T]: TypedForm<T[K]>
	}

	export type {TypedFormModel}

guiseek / dom-event-map-definitions.ts

Created August 7, 2023 06:45

Observe Event

	type DOMEventMapDefinitions = [
	[HTMLElement, HTMLElementEventMap],
	[Document, DocumentEventMap],
	[Window, WindowEventMap],
	[FileReader, FileReaderEventMap],
	[Element, ElementEventMap],
	[Animation, AnimationEventMap],
	[EventSource, EventSourceEventMap],
	[AbortSignal, AbortSignalEventMap],
	[AbstractWorker, AbstractWorkerEventMap],