nsdevaraj · August 13, 2024 10:25 · nsdevaraj · Aug 13, 2024 · nsdevaraj · Aug 13, 2024
diff --git a/reactail.sh b/reactail.sh
 if ! command -v npx
 then
    echo "npx is required to be installed for this script"
    exit
 fi

 echo "Creating a new project using create-react-app"
 npx create-react-app $1
 cd $1

 echo "Adding tailwindcss, postcss and autoprefixer as a dependency"
 npm add -D tailwindcss postcss autoprefixer
 npx tailwindcss init -p

 echo "Configuring valid files glob for tailwindcss.config.js"
 cat <<EOT > tailwind.config.js
 module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
 }
 EOT

 echo "Configuring src/index.css"
 cat <<EOT > src/index.css
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 EOT

 sed -i '' 's|<code>|<code className="border-2 border-indigo-500 bg-indigo-900 rounded-xl p-2">|' src/App.js
	if ! command -v npx
	then
	echo "npx is required to be installed for this script"
	exit
	fi

	echo "Creating a new project using create-react-app"
	npx create-react-app $1
	cd $1

	echo "Adding tailwindcss, postcss and autoprefixer as a dependency"
	npm add -D tailwindcss postcss autoprefixer
	npx tailwindcss init -p

	echo "Configuring valid files glob for tailwindcss.config.js"
	cat <<EOT > tailwind.config.js
	module.exports = {
	content: [
	"./src/*/.{js,jsx,ts,tsx}",
	],
	theme: {
	extend: {},
	},
	plugins: [],
	}
	EOT

	echo "Configuring src/index.css"
	cat <<EOT > src/index.css
	@tailwind base;
	@tailwind components;
	@tailwind utilities;
	EOT

	sed -i '' 's\|<code>\|<code className="border-2 border-indigo-500 bg-indigo-900 rounded-xl p-2">\|' src/App.js