feat(Header): extracting Header as a standalone package (#657)

versini-org · Sep 17, 2024 · df9d2d9 · df9d2d9
1 parent ca639bf
commit df9d2d9
Show file tree

Hide file tree

Showing 21 changed files with 115 additions and 9 deletions.
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
@@ -11,5 +11,6 @@
 	"packages/ui-anchor": "1.1.0",
 	"packages/ui-bubble": "1.0.0",
 	"packages/ui-card": "1.0.0",
-	"packages/ui-footer": "1.0.0"
+	"packages/ui-footer": "1.0.0",
+	"packages/ui-header": "0.0.0"
 }
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
@@ -14,9 +14,7 @@
 	"type": "module",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
-	"files": [
-		"dist"
-	],
+	"files": ["dist"],
 	"scripts": {
 		"build:check": "tsc",
 		"build:js": "vite build",
@@ -52,13 +50,12 @@
 		"@versini/ui-bubble": "workspace:../ui-bubble",
 		"@versini/ui-card": "workspace:../ui-card",
 		"@versini/ui-footer": "workspace:../ui-footer",
+		"@versini/ui-header": "workspace:../ui-header",
 		"@versini/ui-hooks": "workspace:../ui-hooks",
 		"@versini/ui-icons": "workspace:../ui-icons",
 		"@versini/ui-private": "workspace:../ui-private",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.11"
 	},
-	"sideEffects": [
-		"**/*.css"
-	]
+	"sideEffects": ["**/*.css"]
 }
diff --git a/packages/ui-components/src/components/index.ts b/packages/ui-components/src/components/index.ts
@@ -3,8 +3,8 @@ import { Bubble } from "@versini/ui-bubble";
 import { Button, ButtonIcon } from "@versini/ui-button";
 import { Card } from "@versini/ui-card";
 import { Footer } from "@versini/ui-footer";
+import { Header } from "@versini/ui-header";
 
-import { Header } from "./Header/Header";
 import { Main } from "./Main/Main";
 import { Menu } from "./Menu/Menu";
 import { MenuItem } from "./Menu/MenuItem";

diff --git a/packages/ui-header/README.md b/packages/ui-header/README.md
@@ -0,0 +1,3 @@
+# @versini/ui-header
+
+A simple header component for React.
diff --git a/packages/ui-header/package.json b/packages/ui-header/package.json
@@ -0,0 +1,48 @@
+{
+	"name": "@versini/ui-header",
+	"version": "0.0.0",
+	"license": "MIT",
+	"author": "Arno Versini",
+	"publishConfig": {
+		"access": "public"
+	},
+	"homepage": "https://github.com/aversini/ui-components",
+	"repository": {
+		"type": "git",
+		"url": "[email protected]:aversini/ui-components.git"
+	},
+	"type": "module",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": ["dist"],
+	"scripts": {
+		"build:check": "tsc",
+		"build:js": "vite build",
+		"build:types": "tsup",
+		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"clean": "rimraf dist tmp",
+		"dev:js": "vite build --watch --mode development",
+		"dev:types": "tsup --watch src",
+		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"lint": "biome lint src",
+		"start": "static-server dist --port 5173",
+		"test:coverage:ui": "vitest --coverage --ui",
+		"test:coverage": "vitest run --coverage",
+		"test:watch": "vitest",
+		"test": "vitest run"
+	},
+	"peerDependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@versini/ui-styles": "workspace:../ui-styles"
+	},
+	"dependencies": {
+		"@tailwindcss/typography": "0.5.15",
+		"@versini/ui-private": "workspace:../ui-private",
+		"clsx": "2.1.1",
+		"tailwindcss": "3.4.11"
+	},
+	"sideEffects": ["**/*.css"]
+}
diff --git a/packages/ui-header/postcss.config.cjs b/packages/ui-header/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};
diff --git a/packages/ui-header/src/common/constants.ts b/packages/ui-header/src/common/constants.ts
@@ -0,0 +1 @@
+export const HEADER_CLASSNAME = "av-header";
diff --git a/...mponents/src/components/Header/Header.tsx → ...i-header/src/components/Header/Header.tsx b/...mponents/src/components/Header/Header.tsx → ...i-header/src/components/Header/Header.tsx
diff --git a/...ts/src/components/Header/HeaderTypes.d.ts → ...er/src/components/Header/HeaderTypes.d.ts b/...ts/src/components/Header/HeaderTypes.d.ts → ...er/src/components/Header/HeaderTypes.d.ts
diff --git a/...mponents/Header/__tests__/Header.test.tsx → ...mponents/Header/__tests__/Header.test.tsx b/...mponents/Header/__tests__/Header.test.tsx → ...mponents/Header/__tests__/Header.test.tsx
diff --git a/packages/ui-header/src/components/index.ts b/packages/ui-header/src/components/index.ts
@@ -0,0 +1,2 @@
+export * from "../common/constants";
+export * from "./Header/Header";
diff --git a/packages/ui-header/src/index.css b/packages/ui-header/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/ui-header/src/style.ts b/packages/ui-header/src/style.ts
@@ -0,0 +1 @@
+import "./index.css";
diff --git a/packages/ui-header/src/vite-env.d.ts b/packages/ui-header/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/packages/ui-header/tailwind.config.js b/packages/ui-header/tailwind.config.js
@@ -0,0 +1,2 @@
+import { commonTailwindConfigForComponent } from "../../configuration/tailwind.common";
+export default commonTailwindConfigForComponent();
diff --git a/packages/ui-header/tsconfig.json b/packages/ui-header/tsconfig.json
@@ -0,0 +1,4 @@
+{
+	"extends": "../../configuration/tsconfig.common.json",
+	"include": ["src"]
+}
diff --git a/packages/ui-header/tsup.config.ts b/packages/ui-header/tsup.config.ts
@@ -0,0 +1,2 @@
+import { commonTsupConfig } from "../../configuration/tsup.common";
+export default commonTsupConfig;
diff --git a/packages/ui-header/vite.config.ts b/packages/ui-header/vite.config.ts
@@ -0,0 +1,2 @@
+import { commonViteConfigForComponent } from "../../configuration/vite.common";
+export default commonViteConfigForComponent();
diff --git a/packages/ui-header/vitest.config.js b/packages/ui-header/vitest.config.js
@@ -0,0 +1,4 @@
+import { commonVitestConfig } from "../../configuration/vitestconfig.common";
+import viteConfig from "./vite.config";
+
+export default commonVitestConfig(viteConfig);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/release-please-config.json b/release-please-config.json
@@ -12,7 +12,8 @@
 		"packages/ui-anchor": {},
 		"packages/ui-bubble": {},
 		"packages/ui-card": {},
-		"packages/ui-footer": {}
+		"packages/ui-footer": {},
+		"packages/ui-header": {}
 	},
 	"plugins": ["node-workspace"],
 	"pull-request-header": ":rocket: Automated Release"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# @versini/ui-header

		A simple header component for React.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export * from "../common/constants";
		export * from "./Header/Header";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import { commonTailwindConfigForComponent } from "../../configuration/tailwind.common";
		export default commonTailwindConfigForComponent();
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import { commonTsupConfig } from "../../configuration/tsup.common";
		export default commonTsupConfig;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import { commonViteConfigForComponent } from "../../configuration/vite.common";
		export default commonViteConfigForComponent();