rawnly

{
"PolymorphicFunctionComponent": {
		"prefix": "fncpp",
		"description": "React Function Component (Polymorphic)",
		"body": [
			"import React from \"react\";",
			"",
			"interface PolymorphicProps<C extends React.ElementType> {",
			"\tas?: C",
			"}",

rawnly

const links = `
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600;700;800&display=swap" rel="stylesheet"> 
`

const data = links.split('\n').map(l => l.trim()).filter(Boolean).map(link => {
	const relRe = /rel="(?<rel>.*?)"/
	const hrefRe = /href="(?<href>.*?)"/

rawnly

import { of, mergeMap, timer, concat } from 'rxjs'
import { useObservableState } from 'observable-hooks'
import { PropsWithChildren } from 'react'

// or whatever component you'd like to use
import { Button } from 'ariakit/button'

interface AutoResetButtonProps {
  confirmText: string
  timeout?: number

rawnly

export class Numbers {
	#data: number[];
	#max = 0;

	addNumber(num: number) {
		this.#max = Math.max(num, this.#max);
		this.#data.push(num);
	}

	getAll(): number[] {

rawnly

import * as RD from '@devexperts/remote-data-ts';
import * as E from 'fp-ts/Either';
import { flow, Lazy, pipe } from 'fp-ts/lib/function';
import * as T from 'fp-ts/Task';
import * as TE from 'fp-ts/TaskEither';

import Task = T.Task;
import Either = E.Either;
import TaskEither = TE.TaskEither;
import RemoteData = RD.RemoteData;

rawnly

Example Usage

Warn! Text encoding for urls has not been implemented.

package main

import "fmt"

type Parrams struct {

rawnly

import type { NextApiResponse } from 'next/types'

export default class HTTPError extends Error {
	status: number
	_tag: 'HTTPError' = 'HTTPError' as const

	constructor( status: number, message: string ) {
		super( message )
		this.status = status
	}

rawnly

// for custom model validation (inspired by ZOD)


type StringType = {
	_type: 'STRING'
}

type DateType = {
	_type: 'DATE'
}

rawnly

import produce from 'immer';
import { Action, useRegisterActions } from 'kbar';
import { FC, useMemo, useState } from "react";

interface IDemoProps { }

const Demo: FC<IDemoProps> = () => {
	const [counter, setCounter] = useState( 0 )
	const [recentActions, setRecentActions] = useState<Record<string, number>>( {} )

rawnly

import createStore from 'zustand'

type HistoryStore<T> = {
	present: T
	past: T[]
	future: T[]

	undo: () => void
	redo: () => void
	reset: (present: T | ((data: T) => T)) => void