Steve-Reid

/*
  reset.css
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

Steve-Reid

export default function (
  /** @type {import('plop').NodePlopAPI} */
  plop
) {
  // create your generators here
  plop.setGenerator('component', {
    description: 'Create a component',
    prompts: [
      {
        type: 'input',

Steve-Reid

import React from 'react';

interface {{titleCase name}}Props {}

const {{titleCase name}} = () => {
  return (
    <div>
      <h1>{{titleCase name}}</h1>
    </div>
  );

Steve-Reid

version: '3.8'
services:
  dev-db:
    image: postgres:13
    ports:
      - 5432:5432
    environment:
      POSTGRES_USER: postgres
      POSTGRES_PASSWORD: 123
      POSTGRES_DB: dev

Steve-Reid

{
  "prisma:dev:deploy": "prisma migrate deploy",
  "db:dev:rm": "docker compose rm dev-db -s -f -v",
  "db:dev:up": "docker compose up dev-db -d",
  "db:dev:restart": "yarn db:dev:rm && yarn db:dev:up && sleep 1 && yarn prisma:dev:deploy",
  "prisma:test:deploy": "dotenv -e .env.test -- prisma migrate deploy",
  "db:test:rm": "docker compose rm test-db -s -f -v",
  "db:test:up": "docker compose up test-db -d",
  "db:test:restart": "yarn db:test:rm && yarn db:test:up && sleep 1 && yarn prisma:test:deploy",    
}

Steve-Reid

# General
.DS_Store
.AppleDouble
.LSOverride

# Icon must end with two \r
Icon

# Thumbnails
._*

Steve-Reid

const fs = require('fs');
const cp = require('child_process');
const util = require('util');
const path = require('path');

const exec = util.promisify(cp.exec);
const writeFile = util.promisify(fs.writeFile);

const prettierConfigVscode = {
    'editor.codeActionsOnSave': {

Steve-Reid

const defaultTheme = require('tailwindcss/defaultTheme');

function withOpacity(variableName) {
  return ({ opacityValue }) => {
    if (opacityValue !== undefined) {
      return `rgba(var(${variableName}) ${opacityValue})`;
    }
    return `rgb(var(${variableName}))`;
  };
}

Steve-Reid

In addition to the Storybook for React setup, you'll also need to install these packages:

npm i -D @babel/core babel-loader css-loader style-loader

Steve-Reid

module.exports = {
  root: true,
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaFeatures: { jsx: true },
  },
  env: {
    browser: true,
    node: true,
  },