chore: restructure packages of the project (#7)

* chore: restructure validation package

* chore: move zod only to validation package

* chore: rename packages from alparr to homarr

* chore: move mantine core, dates and icons library to ui package, move most other mantine packages to seperate packages for further customization and centralization

* chore: fix formatting

* fix: wrong typecheck command in turbo generator

* chore: fix formatting

* chore: address pull request feedback

* chore: fix ci check issues

packages/notifications/index.ts

@@ -0,0 +1,2 @@
+export * from "./src";
+export { Notifications } from "@mantine/notifications";

packages/notifications/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@homarr/notifications",
+  "private": true,
+  "version": "0.1.0",
+  "exports": {
+    ".": "./index.ts",
+    "./styles.css": "./src/styles.css"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "src/*"
+      ]
+    }
+  },
+  "license": "MIT",
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules",
+    "lint": "eslint .",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@homarr/eslint-config": "workspace:^0.2.0",
+    "@homarr/prettier-config": "workspace:^0.1.0",
+    "@homarr/tsconfig": "workspace:^0.1.0",
+    "eslint": "^8.53.0",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@mantine/notifications": "7.3.2",
+    "@homarr/ui": "workspace:^0.1.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@homarr/eslint-config/base"
+    ]
+  },
+  "prettier": "@homarr/prettier-config"
+}

packages/notifications/src/index.tsx

@@ -0,0 +1,20 @@
+import type { NotificationData } from "@mantine/notifications";
+import { notifications } from "@mantine/notifications";
+
+import { IconCheck, IconX, rem } from "@homarr/ui";
+
+type CommonNotificationProps = Pick<NotificationData, "title" | "message">;
+
+export const showSuccessNotification = (props: CommonNotificationProps) =>
+  notifications.show({
+    ...props,
+    color: "teal",
+    icon: <IconCheck size={rem(20)} />,
+  });
+
+export const showErrorNotification = (props: CommonNotificationProps) =>
+  notifications.show({
+    ...props,
+    color: "red",
+    icon: <IconX size={rem(20)} />,
+  });

packages/notifications/src/styles.css

@@ -0,0 +1 @@
+@import "@mantine/notifications/styles.css";

packages/notifications/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@homarr/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["*.ts", "src"],
+  "exclude": ["node_modules"]
+}