Dashboard V4

.babelrc.json

@@ -0,0 +1,17 @@
+// Only needed for storybook
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.eslintrc.js

@@ -10,7 +10,10 @@ module.exports = {
     'plugin:react/recommended',
     'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
+    'plugin:import/recommended',
+    'next/core-web-vitals',
     'prettier',
+    'plugin:storybook/recommended',
   ],
   globals: {
     Atomics: 'readonly',
@@ -21,26 +24,68 @@ module.exports = {
     ecmaFeatures: {
       jsx: true,
     },
-    ecmaVersion: 2020,
+    ecmaVersion: 2021,
     sourceType: 'module',
   },
-  plugins: ['react', 'react-hooks', '@typescript-eslint', 'import', 'prettier'],
+  plugins: ['react', 'react-hooks', '@typescript-eslint', 'import', 'unused-imports', 'prettier'],
   rules: {
-    'prettier/prettier': 'off', // TODO: Change to Warn
-    'react/prop-types': 'off', // TODO: Turn on or move to TS
-    'react/jsx-no-target-blank': 0,
+    'import/named': 'warn',
+    'import/no-unresolved': 'warn',
+    'import/no-self-import': 'error',
+    'import/no-default-export': 'warn',
+    'import/order': 'error',
+    'import/no-unused-modules': ['warn', { unusedExports: true }],
+    'prettier/prettier': 'error',
+    'react/prop-types': 'warn',
+    'react/jsx-no-target-blank': 'warn',
     'react/no-unescaped-entities': 'off',
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'warn',
-    'react/react-in-jsx-scope': 'off',
-    'no-console': 'off',
+    'react/react-in-jsx-scope': 'warn',
+    'react/no-unused-prop-types': 'warn',
+    'unused-imports/no-unused-imports': 'error',
+    'no-console': 'error',
+    '@typescript-eslint/no-unused-vars': 'warn',
     '@typescript-eslint/ban-ts-comment': 'warn',
-    'import/no-default-export': 'warn',
-    '@typescript-eslint/no-explicit-any': 'off', // TODO: Turn on when TS migration done
+    '@typescript-eslint/no-explicit-any': 'warn',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      {
+        prefer: 'type-imports',
+        disallowTypeAnnotations: false,
+      },
+    ],
+    'prefer-destructuring': [
+      'warn',
+      {
+        array: false,
+        object: true,
+      },
+    ],
+    eqeqeq: ['error', 'smart'],
   },
   settings: {
     react: {
       version: 'detect',
     },
   },
+  overrides: [
+    {
+      files: ['**/*.stories.tsx', 'pages/**/*.tsx', 'middleware.ts'],
+      rules: {
+        'import/no-default-export': 'off',
+        'import/no-unused-modules': ['off', { unusedExports: false }],
+      },
+    },
+    // Temporarily don't enforce some rules on types and constants
+    {
+      files: ['common/styles/*.ts', 'common/constants/**/*.ts', 'common/types/**/*.ts'],
+      rules: {
+        '@typescript-eslint/no-non-null-assertion': 'error',
+        'import/no-unused-modules': ['off', { unusedExports: false }],
+      },
+    },
+  ],
+  ignorePatterns: ['node_modules/**/*', 'build/**/*', 'out/**/*'],
 };

.flake8

@@ -1,4 +1,5 @@
 [flake8]
-ignore = E501,E731
+ignore = E501,E731,W503
 exclude =
     .chalice
+    .venv

.github/CODEOWNERS

@@ -1,4 +1,7 @@
-*         @austinjpaul @mathcolo @friendchris @skaplan-dev @devinmatte @PatrickCleary
-/.github/ @austinjpaul @mathcolo @friendchris @skaplan-dev @devinmatte @PatrickCleary @nathan-weinberg
-.flake8   @austinjpaul @mathcolo @friendchris @skaplan-dev @devinmatte @PatrickCleary @nathan-weinberg
-deploy.sh @austinjpaul @mathcolo @friendchris @skaplan-dev @devinmatte @PatrickCleary @nathan-weinberg
+* @mathcolo @idreyn @skaplan-dev @devinmatte @PatrickCleary
+.github @mathcolo @nathan-weinberg
+.flake8 @mathcolo @nathan-weinberg
+deploy.sh @mathcolo @nathan-weinberg
+server @austinjpaul @idreyn
+server/frontend-cfn.json @mathcolo @nathan-weinberg
+server/.chalice @mathcolo @nathan-weinberg

.github/dependabot.yml

@@ -0,0 +1,15 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "monthly"
+    ignore:
+      # Ignore patch version bumps
+      - dependency-name: "*"
+        update-types: ["version-update:semver-patch"]

.github/workflows/build.yml

@@ -11,8 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['16']
-        python-version: ['3.9', '3.10']
+        node-version: ['18', '20']
+        python-version: ['3.10']
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
@@ -24,11 +24,20 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
+      - name: Set up CI Cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
       - name: Check if package-lock.json is up to date
         run: |
           npx --yes [email protected]
       - name: Fully build frontend code
         run: |
           curl -sSL https://install.python-poetry.org | python3 -
           npm ci
-          npm run build
+          npm run build-v4

.github/workflows/deploy.yml

@@ -1,17 +1,19 @@
 name: deploy
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - main
+      - dashboard-v4
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['16']
-        python-version: ['3.9']
+        node-version: ['18']
+        python-version: ['3.10']
     env:
       AWS_PROFILE: transitmatters
       AWS_DEFAULT_REGION: us-east-1
@@ -20,6 +22,8 @@ jobs:
       TM_FRONTEND_CERT_ARN: ${{ secrets.TM_FRONTEND_CERT_ARN }}
       TM_LABS_WILDCARD_CERT_ARN: ${{ secrets.TM_LABS_WILDCARD_CERT_ARN }}
       MBTA_V2_API_KEY: ${{ secrets.MBTA_V2_API_KEY }}
+      DD_API_KEY: ${{ secrets.DD_API_KEY }}
+
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
@@ -31,6 +35,15 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
+      - name: Set up CI Cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.npm
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
       - name: Check if package-lock.json is up to date
         run: |
           npx --yes [email protected]

.github/workflows/lint.yml

@@ -11,8 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['16']
-        python-version: ['3.9']
+        node-version: ['18']
+        python-version: ['3.10']
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
@@ -37,8 +37,8 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['16']
-        python-version: ['3.9', '3.10']
+        node-version: ['18']
+        python-version: ['3.10']
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3

.gitignore

@@ -8,6 +8,7 @@ cfn/
 public/static/
 Pipfile
 Pipfile.lock
+attribution.txt
 
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
@@ -37,6 +38,20 @@ yarn-debug.log*
 yarn-error.log*
 
 .idea
-.vscode
 *~
 *.pyc
+
+
+# next.js
+/.next/
+/out/
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# storybook
+storybook-static

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+legacy-peer-deps=true

.nvmrc

@@ -0,0 +1 @@
+18

.prettierrc.js

@@ -1,6 +1,7 @@
 module.exports = {
-    trailingComma: "es5",
-    tabWidth: 2,
-    singleQuote: true,
-    printWidth: 100,
+  trailingComma: 'es5',
+  tabWidth: 2,
+  singleQuote: true,
+  printWidth: 100,
+  plugins: [require('prettier-plugin-tailwindcss')],
 };

.python-version

@@ -0,0 +1 @@
+3.10.11

.storybook/main.js

@@ -0,0 +1,18 @@
+module.exports = {
+  stories: [
+    '../@(common|modules|pages|src)/**/*.stories.mdx',
+    '../@(common|modules|pages|src)/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+};

.storybook/preview.js

@@ -0,0 +1,11 @@
+import '../styles/globals.css';
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "eslint.enable": true,
+  "eslint.format.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "editor.formatOnSave": true,
+  "python.analysis.typeCheckingMode": "off",
+  "python.formatting.provider": "black"
+}