peduarte

import { Action, ActionPanel, Grid, List, getPreferenceValues } from "@raycast/api";
import { useFetch } from "@raycast/utils";
import { htmlUnescape } from "escape-goat";

const YOUTUBE_API_KEY = "";
const CHANNEL_ID = "";

type Snippet = {
  title: string;
  thumbnails: {

peduarte

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.4;

import "@openzeppelin/contracts@4.6.0/token/ERC1155/ERC1155.sol";
import "@openzeppelin/contracts@4.6.0/access/Ownable.sol";

contract RainbowKitNFT is ERC1155, Ownable {
    uint256 public totalSupply;

    constructor() ERC1155("https://rainbowkit-mint-nft-demo.vercel.app/nft.json") {}

peduarte

Vanilla Debounce esnextbin

peduarte

//https://cdn.jsdelivr.net/gh/fatbattk/dom-confetti@master/src/main.js
const defaultColors = ['#a864fd', '#29cdff', '#78ff44', '#ff718d', '#fdff6a'];

function createElements(root, elementCount, colors, image, width, height) {
  return Array.from({ length: elementCount }).map((_, index) => {
    const element = document.createElement('div');
    element.style.width = width;
    element.style.height = height;
    element.style.position = 'absolute';
    element.style.willChange = 'transform, opacity';

peduarte

4549 error npm ERR! code 1
4549 error npm ERR! path /Users/pedroduarte/.npm/_cacache/tmp/git-clonec6ezgH/node_modules/node
4549 error npm ERR! command failed
4549 error npm ERR! command sh -c node installArchSpecificPackage
4549 error npm ERR! npm WARN using --force Recommended protections disabled.
4549 error npm ERR! npm ERR! code ETARGET
4549 error npm ERR! npm ERR! notarget No matching version found for node-darwin-arm64@8.4.0.
4549 error npm ERR! npm ERR! notarget In most cases you or one of your dependencies are requesting
4549 error npm ERR! npm ERR! notarget a package version that doesn't exist.
4549 error npm ERR!

peduarte

For CSS-in-JS (with tree-shaking):

• import all colors in light and dark modes
• import all colors in a specific mode
• import a specific scale in light and dark modes
• import a specific scale in a specific mode
• import a specific token in light and dark modes
• import a specific token in a specific mode
• make sure the integration with Stitches is as smooth as possible

import all colors in light and dark modes

peduarte

For CSS-in-JS (with tree-shaking):

• import all colors in light and dark modes
• import scales in light and dark modes
• import tokens in light and dark modes
• make sure the integration with Stitches is as smooth as possible

import all colors in light and dark modes

import { colors, darkColors } from '@radix-ui/colors'

peduarte

import styled from 'styled-components';
import {
  border,
  BorderProps,
  borderRadius,
  BorderRadiusProps,
  boxShadow,
  BoxShadowProps,
  backgroundColor,
  BackgroundColorProps,

peduarte

Vanilla Throttle esnextbin

peduarte

(function(Modernizr) {

  'use strict';

  /**
   * Modernizr test to check if CSS3 Sizing values are supported
   * W3: http://www.w3.org/TR/css3-sizing/
   * CanIUse: http://caniuse.com/#feat=intrinsic-width
   *
   * Values to check: