brunofilho1

@echo off

powershell -NoProfile -ExecutionPolicy Bypass -Command "iwr -useb https://raw.githubusercontent.com/spicetify/cli/main/install.ps1 | iex"

powershell -ExecutionPolicy Bypass -Command "iwr -useb https://raw.githubusercontent.com/spicetify/marketplace/main/resources/install.ps1 | iex"

pause

brunofilho1

import { useEffect, useState } from 'react'

export function useDebounceValue<T = unknown>(value: T, delay: number) {
  const [debouncedValue, setDebouncedValue] = useState(value)

  useEffect(() => {
    const handler = setTimeout(() => {
      setDebouncedValue(value)
    }, delay)

brunofilho1

{
  "Generate React Page": {
    "prefix": "genreactpage",
    "body": [
      "export default function ${1:PageName}() {",
      "  return (",
      "    <div>",
      "      <h1>${1:PageName}</h1>",
      "    </div>",
      "  );",

brunofilho1

{
  // EDITOR
  "editor.fontSize": 14,
  "editor.fontFamily": "JetBrains Mono", // CaskaydiaCove Nerd Font
  "editor.fontLigatures": true,
  "editor.fastScrollSensitivity": 5,
  "editor.padding.bottom": 30,
  "editor.wordWrap": "on",
  "editor.linkedEditing": true,
  "editor.lineHeight": 20,

brunofilho1

const cpf = "12345678900";

function maskCpf(cpf) {
  maskedCpf = cpf
  .replace(/\D/g, '')
  .replace(/(\d{3})(\d{3})(\d{3})(\d)/, '$1.$2.$3-$4')
  
  return maskedCpf;
}

brunofilho1

const phoneNumber = "99988663355";

function maskPhone(phone) {
  if (phone.length == 10) {
    const stringValue = phone.toString();
    const maskedPhone = stringValue
      .replace(/\D/g, '')
      .replace(/(\d{2})(\d)/, '($1) $2')
      .replace(/(\d{4})(\d{4})/, '$1-$2');
    

brunofilho1

const message = new SpeechSynthesisUtterance();
mensagem.text = 'Good night, Bruno!';
window.speechSynthesis.speak(message);

brunofilho1

import React from "react";
import { useModal } from "../../contexts/modalContext";

type ModalProps = {
  children: React.ReactNode;
  modalButton: React.ReactElement;
};

export function ReactModal({ children, modalButton }: ModalProps) {
  const { isOpen, setIsOpen } = useModal();

brunofilho1

  const [data, setData] = useState([
    {id: 1, country: 'Austria'},
    {id: 2, country: 'Belgium'},
    {id: 3, country: 'Canada'},
  ]);

  const updateState = () => {
    setData(prevState => {
      const newState = prevState.map(obj => {
        if (obj.id === 2) {

brunofilho1

import { useEffect, useState, ReactNode } from 'react'
import { ContextMenuTooltipStyle } from './styles'

type ContextMenuProps = {
  children: ReactNode
}

export function ContextMenu({ children }: ContextMenuProps) {
  const [show, setShow] = useState(false)
  const [points, setPoints] = useState({ x: 0, y: 0 })