dashboard: Move self hosted dashboard app to it's own package (#33816)

- Updates dashboard-common to actually build instead of having `dashboard` read live from the source
- Make `npm run start` work and update Dockerfile.dashboard
- Update most relative imports to absolute imports (use tsc-alias to make this work) with a real build. I used a codemod for this, so there are some places where a relative import would have been cleaner, but this was the quickest way to get the change done

GitOrigin-RevId: 3631bedbca9fb6634032ab2bd4bc0f34fb18a1e8

Author: atrakh

.dockerignore

@@ -16,6 +16,9 @@
 !/npm-packages*/*
 !/scripts/*
 
+# Never use a build cache for the docker image
+/npm-packages/common/config/rush/build-cache.json
+
 # Re-exclude common build/cache directories that might exist under the included directories above.
 # Docker uses the last matching-pattern for any file.
 # Node/NPM

npm-packages/common/config/rush/pnpm-lock.yaml

@@ -166,7 +166,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: ["src/pages/**/*.tsx", "src/**/*.stories.tsx"],
+      files: ["src/**/*.stories.tsx"],
       rules: {
         "import/no-default-export": "off",
       },

npm-packages/dashboard-common/.eslintrc.cjs

@@ -0,0 +1,10 @@
+{
+  "incrementalBuildIgnoredGlobs": [],
+  "disableBuildCacheForProject": false,
+  "operationSettings": [
+    {
+      "operationName": "build",
+      "outputFolderNames": ["dist"]
+    }
+  ]
+}

npm-packages/dashboard-common/config/rush-project.json

@@ -6,6 +6,7 @@ const createJestConfig = nextJest({
 
 const customJestConfig = {
   moduleDirectories: ["node_modules", "src"],
+  testPathIgnorePatterns: ["dist"],
   testEnvironment: "jest-environment-jsdom",
   setupFilesAfterEnv: ["<rootDir>/setupTests.ts"],
   moduleNameMapper: {

npm-packages/dashboard-common/jest.config.ts

@@ -3,3 +3,8 @@
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+
+declare module "*.png" {
+  const value: string;
+  export default value;
+}

npm-packages/dashboard-common/next-env.d.ts

@@ -2,23 +2,18 @@
   "name": "dashboard-common",
   "version": "0.1.0",
   "private": true,
-  "exports": {
-    ".": {
-      "types": "./src/index.js",
-      "default": "./src/index"
-    }
-  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
   "scripts": {
-    "dev": "npm run build:generated && next dev --port 6790",
-    "build": "npm run build:generated && tsc --noEmit",
+    "build": "npm run build:generated && tsc && tsc-alias",
     "build:generated": "python3 scripts/build-convexServerTypes.py",
-    "build:next": "npm run build:generated && next build",
     "test": "npm run build:generated && jest",
-    "start": "next start",
     "storybook": "storybook dev -s ./public -p 6006",
     "build-storybook": "storybook build",
-    "lint": "next lint --max-warnings 0 --dir src/ && tsc",
-    "lint:fix": "next lint --fix --max-warnings 0 --dir src/"
+    "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx --ignore-pattern '**/*.stories.tsx'",
+    "lint:fix": "eslint --fix ./src --ext .js,.jsx,.ts,.tsx --ignore-pattern '**/*.stories.tsx'"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.0",
@@ -96,6 +91,7 @@
     "@testing-library/user-event": "~14.4.3",
     "@types/jest": "^27.0.0",
     "@types/lodash": "~4.17.0",
+    "@types/next": "~9.0.0",
     "@types/node": "^18.17.0",
     "@types/prettier-old-sync": "npm:@types/[email protected]",
     "@types/react": "^18.0.0",
@@ -127,8 +123,8 @@
     "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "~0.3.0",
     "storybook": "^7.6.16",
-    "tailwind-scrollbar": "3.0.3",
     "tailwindcss": "^3.2.4",
+    "tsc-alias": "~1.8.10",
     "typescript": "~5.0.3"
   }
 }