Export Bit components to turborepo packages (#428)

* feat: created ui package

* feat: added tailwind and prettier

* chore: file linting

* refactor: removed unnecessary files

* refactor: configured build

* feature: add storybook

* feat: import all bit components

* refactor: remove unused stories

* refactor: updated language menu to newest mui

* refactor: refactored media func

* refactor: use headlessui for modal

* refactor: refactor imports and exports

* chore: pnpm build script

* chore: added packages

* chore: update package json and lock files

* refactor: re-added Modal component

* refactor: changed import paths internal ui package

* refactor: added colors.json to be importable

* refactor: changed import path

* refactor: updated shared eslint and prettier

* chore: reformatted files

* refactor: changed type of media func

* refactor: removed unused assets

* refactor: refactored media functions

* refactor: fixed import path

* chore: updated vite to latest

* chore: updated single-spa and removed unused vite plugin

* fix: fixed pnpm lock

* fix: removed react-refresh

* fix: overrided esbuild version

* fix: fixed pnpm lock

* refactor: changed loading spinner to func

* refactor: changed prettier to cjs file

* refactor: updated mui

* fix: fixed packages

* fix: test version down jpg loader

* fix: fixed window and document in theme context

* fix: test remove theme context file

* fix: fix error document

* test commit

* fix: use client in component

* fix: under reconstruction feeds

* fix: next output export

---------

Co-authored-by: Nicholas Narmada <[email protected]>

apps/campus/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    es6: true,
+  },
+  extends: ["custom"],
+};

apps/campus/.prettierrc.js

@@ -1,17 +1,7 @@
 module.exports = {
-  printWidth: 80,
+  plugins: [require("prettier-plugin-tailwindcss")],
+  trailingComma: "es5",
   tabWidth: 2,
-  useTabs: false,
-  semi: true,
-  htmlWhitespaceSensitivity: "css",
-  endOfLine: "lf",
-
-  overrides: [
-    {
-      files: ["*.html", "*ejs"],
-      options: {
-        printWidth: 200,
-      },
-    },
-  ],
+  semi: false,
+  singleQuote: false,
 };

apps/campus/package.json

@@ -9,7 +9,8 @@
     "preview-dev": "vite preview --port 8081",
     "tsc": "tsc",
     "local": "concurrently --kill-others \"pnpm start\" \"cd ../root && pnpm start\"",
-    "lint": "eslint --fix \"src/**/*.{js,jsx,ts,tsx}\" && prettier --write \"src/**/*.{js,jsx,ts,tsx}\""
+    "lint": "eslint --fix \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\""
   },
   "devDependencies": {
     "@babel/core": "7.17.5",
@@ -24,48 +25,33 @@
     "@fortawesome/fontawesome-svg-core": "1.3.0",
     "@popperjs/core": "^2.11.6",
     "@types/node": "17.0.21",
-    "@typescript-eslint/eslint-plugin": "5.14.0",
-    "@typescript-eslint/parser": "5.14.0",
+    "@vitejs/plugin-react": "1.3.2",
     "autoprefixer": "10.4.2",
     "babel-plugin-styled-components": "2.0.6",
     "concurrently": "7.0.0",
     "cssnano": "5.1.0",
     "dotenv": "^16.0.3",
     "eslint": "8.10.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-config-react-app": "7.0.0",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-prefer-arrow": "1.2.3",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.3.0",
+    "eslint-config-custom": "workspace:*",
     "postcss": "8.4.8",
     "prettier": "2.5.1",
-    "prettier-eslint": "13.0.0",
+    "prettier-plugin-tailwindcss": "^0.2.8",
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-native": "^0.68.5",
     "sass": "1.49.9",
     "tailwindcss": "3.0.23",
     "ts-config-single-spa": "2.0.1",
-    "typescript": "4.6.2"
+    "typescript": "4.6.2",
+    "vite": "^4.3.5"
   },
   "dependencies": {
     "@aws-amplify/auth": "4.4.4",
-    "@bit/wasedatime.core.theme.colors": "0.0.4",
-    "@bit/wasedatime.core.ts.constants.langs": "0.0.5",
-    "@bit/wasedatime.core.ts.ui.header": "0.2.21",
-    "@bit/wasedatime.core.ts.ui.loading-spinner": "0.1.5",
-    "@bit/wasedatime.core.ts.utils.i18n": "0.0.4",
-    "@bit/wasedatime.core.ts.utils.responsive-utils": "0.0.1",
     "@fortawesome/free-solid-svg-icons": "6.0.0",
     "@fortawesome/react-fontawesome": "0.1.17",
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.13",
     "@types/styled-components": "5.1.24",
-    "@vitejs/plugin-react-refresh": "^1.3.6",
     "bootstrap": "5.1.3",
     "i18next": "19.9.2",
     "react": "17.0.2",
@@ -76,13 +62,10 @@
     "react-helmet": "6.1.0",
     "react-i18next": "11.15.6",
     "react-router-dom": "^6.7.0",
-    "single-spa-react": "3.2.0",
+    "single-spa-react": "4.6.1",
     "styled-components": "5.3.3",
-    "vite": "^2.9.15",
-    "vite-plugin-dynamic-import": "^0.7.1"
-  },
-  "resolutions": {
-    "esbuild": "0.14.43"
+    "vite-plugin-dynamic-import": "^0.7.1",
+    "wasedatime-ui": "*"
   },
   "peerDependencies": {
     "@babel/plugin-syntax-flow": "^7.16.7",