danieliser

/**
 * ECMA2015
 */
function convertHex(hexCode, opacity = 1){
    var hex = hexCode.replace('#', '');

    if (hex.length === 3) {
        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
    }

derhuerst

[
  {
    owner: 'bcoe',
    repo: 'top-npm-users',
    description: ':star: Generate a list of top npm users by based on monthly downloads.',
    language: 'JavaScript',
    isFork: false,
    stargazers: 27,
    watchers: 27
  }

tonysneed

NOTE: These steps are only required if you want to use a version of TypeScript that is not the same as the version that is bundled with Visual Studio Code.

• Install the latest version of TypeScript

  npm install -g typescript@version
  

• Configure VS Code to use installed version of TypeScript by opening Preferences, User Settings.

goldhand

/**
 * @function parseStyles
 * Parses a string of inline styles into a javascript object with casing for react
 *
 * @param {string} styles
 * @returns {Object}
 */
const parseStyles = styles => styles
    .split(';')
    .filter(style => style.split(':')[0] && style.split(':')[1])

TheThirdRace

/**
 * # `<Image>`
 *
 * This component is a merge between `next/image` and `Chakra-ui`.
 * - last updated on 2023-08-08 with `next/image` 13.4.13 and `chakra-ui/react` 2.8.0
 *   - https://github.com/vercel/next.js/blob/v13.4.13/packages/next/src/client/image-component.tsx
 *   - https://github.com/vercel/next.js/blob/canary/packages/next/src/client/image-component.tsx
 *   - https://github.com/vercel/next.js/commits/canary/packages/next/src/client/image-component.tsx
 *   - https://github.com/vercel/next.js/compare/v13.4.4...canary
 *

TheThirdRace

//
// theme/Button.ts
//

import { ComponentSingleStyleConfig, SystemStyleObject, ThemeComponentProps } from '@chakra-ui/react'

export const Button: ComponentSingleStyleConfig = {
  baseStyle: {},
  variants: {
    ghostLight: (props: ThemeComponentProps): SystemStyleObject => getStyleConfig({

muthhukumar

import * as React from 'react'
import {
  chakra,
  forwardRef,
  omitThemingProps,
  StylesProvider,
  SystemStyleObject,
  ThemingProps,
  useMultiStyleConfig,
  useStyles,

esamattis

import { DataFunctionArgs } from "@remix-run/node";

export async function loader({ request }: DataFunctionArgs) {
    const user = getUser(request);

    return typedJson({
        email: user.email,
    });
}