chore: move hoppscotch-ui package out of the monorepo (#3620)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

packages/hoppscotch-sh-admin/package.json

@@ -17,7 +17,7 @@
     "@fontsource-variable/material-symbols-rounded": "^5.0.5",
     "@fontsource-variable/roboto-mono": "^5.0.6",
     "@graphql-typed-document-node/core": "^3.1.1",
-    "@hoppscotch/ui": "workspace:^",
+    "@hoppscotch/ui": "^0.1.0",
     "@hoppscotch/vue-toasted": "^0.1.0",
     "@intlify/unplugin-vue-i18n": "^1.2.0",
     "@types/cors": "^2.8.13",
@@ -37,7 +37,7 @@
     "postcss": "^8.4.23",
     "prettier-plugin-tailwindcss": "^0.5.6",
     "rxjs": "^7.8.0",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^3.3.5",
     "tippy.js": "^6.3.7",
     "ts-node-dev": "^2.0.0",
     "unplugin-icons": "^0.14.9",
@@ -48,6 +48,7 @@
     "vue-tippy": "6.0.0-alpha.58"
   },
   "devDependencies": {
+    "hoppscotch-backend": "workspace:^",
     "@graphql-codegen/cli": "3.0.0",
     "@graphql-codegen/client-preset": "^2.0.0",
     "@graphql-codegen/introspection": "3.0.0",

packages/hoppscotch-sh-admin/postcss.config.cjs

@@ -1,7 +1,8 @@
-const postcssConfig = require("@hoppscotch/ui/postcss.config")
-
 const config = {
-  ...postcssConfig,
-}
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
 
-module.exports = config
+module.exports = config;

packages/hoppscotch-sh-admin/src/components.d.ts

@@ -1,9 +1,9 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
+import '@vue/runtime-core';
 
-export {}
+export {};
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
@@ -76,6 +76,27 @@ declare module '@vue/runtime-core' {
     UsersDetails: typeof import('./components/users/Details.vue')['default']
     UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default']
     UsersSharedRequests: typeof import('./components/users/SharedRequests.vue')['default']
+    AppHeader: typeof import('./components/app/Header.vue')['default'];
+    AppLogin: typeof import('./components/app/Login.vue')['default'];
+    AppLogout: typeof import('./components/app/Logout.vue')['default'];
+    AppModal: typeof import('./components/app/Modal.vue')['default'];
+    AppSidebar: typeof import('./components/app/Sidebar.vue')['default'];
+    AppToast: typeof import('./components/app/Toast.vue')['default'];
+    DashboardMetricsCard: typeof import('./components/dashboard/MetricsCard.vue')['default'];
+    HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary'];
+    HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor'];
+    HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal'];
+    HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput'];
+    HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem'];
+    HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture'];
+    HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner'];
+    IconLucideInbox: typeof import('~icons/lucide/inbox')['default'];
+    TeamsAdd: typeof import('./components/teams/Add.vue')['default'];
+    TeamsDetails: typeof import('./components/teams/Details.vue')['default'];
+    TeamsInvite: typeof import('./components/teams/Invite.vue')['default'];
+    TeamsMembers: typeof import('./components/teams/Members.vue')['default'];
+    TeamsPendingInvites: typeof import('./components/teams/PendingInvites.vue')['default'];
+    Tippy: typeof import('vue-tippy')['Tippy'];
+    UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default'];
   }
-
 }

packages/hoppscotch-sh-admin/tailwind.config.ts

@@ -2,6 +2,6 @@ import { Config } from 'tailwindcss';
 import preset from '@hoppscotch/ui/ui-preset';
 
 export default {
-  content: ['src/**/*.{vue,html}', '../hoppscotch-ui/src/**/*.{vue,html}'],
+  content: ['src/**/*.{vue,html}'],
   presets: [preset],
 } satisfies Config;

packages/hoppscotch-sh-admin/vite.config.ts

@@ -41,7 +41,7 @@ export default defineConfig({
     }),
     Components({
       dts: './src/components.d.ts',
-      dirs: ['./src/components', '../hoppscotch-ui/src/components'],
+      dirs: ['./src/components'],
       directoryAsNamespace: true,
       resolvers: [
         IconResolver({