checkpoint - added separate tailwind, removed turborepo's tailwind and ui

This commit is contained in:
2025-05-10 12:37:36 +05:30
parent 9a431e63db
commit 4b02202ec9
19 changed files with 74 additions and 1006 deletions

View File

@@ -41,12 +41,9 @@
"@radix-ui/react-tooltip": "^1.2.0",
"@replit/vite-plugin-shadcn-theme-json": "^0.0.4",
"@repo/db": "*",
"@repo/tailwind-config": "*",
"@repo/typescript-config": "*",
"@repo/ui": "*",
"@tailwindcss/vite": "^4.1.3",
"@tailwindcss/vite": "^4.1.6",
"@tanstack/react-query": "^5.60.5",
"autoprefixer": "^10.4.21",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
@@ -62,7 +59,6 @@
"next-themes": "^0.4.6",
"passport": "^0.7.0",
"passport-local": "^1.0.0",
"postcss": "^8.5.3",
"react": "^19.1.0",
"react-contexify": "^6.0.0",
"react-day-picker": "^8.10.1",
@@ -73,9 +69,8 @@
"react-icons": "^5.4.0",
"react-resizable-panels": "^2.1.7",
"recharts": "^2.15.2",
"tailwind-merge": "^2.6.0",
"tailwindcss": "^4.1.5",
"tailwindcss-animate": "^1.0.7",
"tailwind-merge": "^3.2.0",
"tailwindcss": "^4.1.6",
"tw-animate-css": "^1.2.5",
"vaul": "^1.1.2",
"wouter": "^3.7.0",
@@ -85,8 +80,10 @@
},
"devDependencies": {
"@eslint/js": "^9.25.0",
"@tailwindcss/postcss": "^4.1.6",
"@types/react": "^19.1.2",
"@types/react-dom": "^19.1.2",
"@types/tailwindcss": "^3.0.11",
"@vitejs/plugin-react": "^4.4.1",
"eslint": "^9.25.0",
"eslint-plugin-react-hooks": "^5.2.0",

View File

@@ -1,3 +0,0 @@
import { postcssConfig } from "@repo/tailwind-config/postcss";
export default postcssConfig;

View File

@@ -1,3 +1 @@
@import "tailwindcss";
@import "@repo/tailwind-config";
@import "@repo/ui/styles.css";
@import "tailwindcss";

View File

@@ -1,4 +0,0 @@
const tailwindConfig = require("tailwindcss");
type Config = typeof tailwindConfig;
export default Config;

View File

@@ -4,6 +4,8 @@
"moduleResolution": "node",
"module": "ESNext",
"jsx": "preserve",
"typeRoots": ["node_modules/@types", "node_modules"],
"baseUrl": ".", // This tells TypeScript where to start resolving paths
"paths": {
"@/*": ["src/*"] // The @ alias will point to src folder inside the Frontend app

View File

@@ -1,10 +1,14 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';
import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
plugins: [
react(),
tailwindcss(),],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')

861
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -21,10 +21,5 @@
"workspaces": [
"apps/*",
"packages/*"
],
"dependencies": {
"@tailwindcss/postcss": "^4.1.6",
"@tailwindcss/typography": "^0.5.16",
"tailwindcss-animate": "^1.0.7"
}
]
}

View File

@@ -1,14 +0,0 @@
{
"name": "@repo/tailwind-config",
"version": "0.0.0",
"type": "module",
"private": true,
"exports": {
".": "./shared-styles.css",
"./postcss": "./postcss.config.js"
},
"devDependencies": {
"postcss": "^8.5.3",
"tailwindcss": "^4.1.5"
}
}

View File

@@ -1,6 +0,0 @@
import tailwindcss from "@tailwindcss/postcss";
import autoprefixer from "autoprefixer";
export const postcssConfig = {
plugins: [tailwindcss(), autoprefixer()]
};

View File

@@ -1,2 +0,0 @@
@import "tailwindcss";

View File

@@ -1,4 +0,0 @@
import { config } from "@repo/eslint-config/react-internal";
/** @type {import("eslint").Linter.Config} */
export default config;

View File

@@ -1,36 +0,0 @@
{
"name": "@repo/ui",
"version": "0.0.0",
"sideEffects": [
"**/*.css"
],
"files": [
"dist"
],
"exports": {
"./styles.css": "./dist/index.css",
"./*": "./dist/*.js"
},
"license": "MIT",
"scripts": {
"build:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
"build:components": "tsc",
"check-types": "tsc --noEmit",
"dev:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
"dev:components": "tsc --watch",
"lint": "eslint src --max-warnings 0"
},
"peerDependencies": {
"react": "^19"
},
"devDependencies": {
"@repo/eslint-config": "*",
"@repo/tailwind-config": "*",
"@repo/typescript-config": "*",
"@tailwindcss/cli": "^4.1.5",
"@types/react": "^19.1.0",
"eslint": "^9.26.0",
"tailwindcss": "^4.1.5",
"typescript": "5.8.2"
}
}

View File

@@ -1,28 +0,0 @@
import { type ReactNode } from "react";
export function Card({
title,
children,
href,
}: {
title: string;
children: ReactNode;
href: string;
}) {
return (
<a
className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-neutral-700 hover:bg-neutral-800/30"
href={`${href}?utm_source=create-turbo&utm_medium=with-tailwind&utm_campaign=create-turbo"`}
rel="noopener noreferrer"
target="_blank"
>
<h2 className="mb-3 text-2xl font-semibold">
{title}{" "}
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-&gt;
</span>
</h2>
<p className="m-0 max-w-[30ch] text-sm opacity-50">{children}</p>
</a>
);
}

View File

@@ -1,21 +0,0 @@
export function Gradient({
conic,
className,
small,
}: {
small?: boolean;
conic?: boolean;
className?: string;
}) {
return (
<span
className={`absolute mix-blend-normal will-change-[filter] rounded-[100%] ${
small ? "blur-[32px]" : "blur-[75px]"
} ${
conic
? "bg-[conic-gradient(from_180deg_at_50%_50%,var(--red-1000)_0deg,_var(--purple-1000)_180deg,_var(--blue-1000)_360deg)]"
: ""
} ${className ?? ""}`}
/>
);
}

View File

@@ -1 +0,0 @@
@import "tailwindcss";

View File

@@ -1,35 +0,0 @@
export const TurborepoLogo = () => {
return (
<svg
aria-label="Turbo logomark"
height="80"
role="img"
viewBox="0 0 40 40"
width="80"
>
<path
d="M19.9845 6.99291C12.818 6.99291 6.98755 12.8279 6.98755 19.9999C6.98755 27.1721 12.818 33.0071 19.9845 33.0071C27.1509 33.0071 32.9814 27.1721 32.9814 19.9999C32.9814 12.8279 27.1509 6.99291 19.9845 6.99291ZM19.9845 26.7313C16.2694 26.7313 13.2585 23.718 13.2585 19.9999C13.2585 16.282 16.2694 13.2687 19.9845 13.2687C23.6996 13.2687 26.7105 16.282 26.7105 19.9999C26.7105 23.718 23.6996 26.7313 19.9845 26.7313Z"
fill="currentcolor"
></path>
<path
clipRule="evenodd"
d="M21.0734 4.85648V0C31.621 0.564369 40 9.30362 40 19.9999C40 30.6963 31.621 39.4332 21.0734 40V35.1435C28.9344 34.5815 35.1594 28.0078 35.1594 19.9999C35.1594 11.9922 28.9344 5.41843 21.0734 4.85648ZM8.52181 29.931C6.43794 27.5233 5.09469 24.4568 4.85508 21.09H0C0.251709 25.8011 2.13468 30.0763 5.08501 33.368L8.51938 29.931H8.52181ZM18.8951 40V35.1435C15.5285 34.9037 12.4644 33.5619 10.0587 31.4739L6.62435 34.9109C9.91593 37.866 14.1876 39.7481 18.8927 40H18.8951Z"
fill="url(#:Sb:paint0_linear_902_224)"
fillRule="evenodd"
></path>
<defs>
<linearGradient
gradientUnits="userSpaceOnUse"
id=":Sb:paint0_linear_902_224"
x1="21.8576"
x2="2.17018"
y1="2.81244"
y2="22.4844"
>
<stop stopColor="#0096FF"></stop>
<stop offset="1" stopColor="#FF1E56"></stop>
</linearGradient>
</defs>
</svg>
);
};

View File

@@ -1,8 +0,0 @@
{
"extends": "@repo/typescript-config/react-library.json",
"compilerOptions": {
"outDir": "dist"
},
"include": ["src"],
"exclude": ["dist", "build", "node_modules"]
}

View File

@@ -1,25 +0,0 @@
{
"extends": ["//"],
"tasks": {
"build": {
"dependsOn": ["build:styles", "build:components"]
},
"build:styles": {
"outputs": ["dist/**"]
},
"build:components": {
"outputs": ["dist/**"]
},
"dev": {
"with": ["dev:styles", "dev:components"]
},
"dev:styles": {
"cache": false,
"persistent": true
},
"dev:components": {
"cache": false,
"persistent": true
}
}
}