mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
Bruno Quaresma
f2cd046b2b
Related to https://github.com/coder/internal/issues/336 This PR adds the base components for the Notifications UI below (you can click on the image to open the related Figma design) based on the response structure defined on this [notion doc](https://www.notion.so/coderhq/Coder-Inbox-Endpoints-1a1d579be592809eb921f13baf18f783). [](https://www.figma.com/design/5kRpzK8Qr1k38nNz7H0HSh/Inbox-notifications?node-id=2-1098&m=dev) **What is not included** - Support for infinite scrolling (pending on BE definition) **How to test the components?** - The only way to test the components is to use Chromatic or downloading the branch and running Storybook locally.
203 lines
7.0 KiB
JSON
203 lines
7.0 KiB
JSON
{
|
|
"name": "coder-v2",
|
|
"description": "Coder V2 (Workspaces V2)",
|
|
"repository": "https://github.com/coder/coder",
|
|
"private": true,
|
|
"license": "AGPL-3.0",
|
|
"scripts": {
|
|
"build": "NODE_ENV=production pnpm vite build",
|
|
"check": "biome check --error-on-warnings .",
|
|
"check:fix": "biome check --error-on-warnings --fix .",
|
|
"check:all": "pnpm check && pnpm test",
|
|
"chromatic": "chromatic",
|
|
"dev": "vite",
|
|
"format": "biome format --write .",
|
|
"format:check": "biome format .",
|
|
"lint": "pnpm run lint:check && pnpm run lint:types",
|
|
"lint:check": " biome lint --error-on-warnings .",
|
|
"lint:fix": " biome lint --error-on-warnings --write .",
|
|
"lint:types": "tsc -p .",
|
|
"playwright:install": "playwright install --with-deps chromium",
|
|
"playwright:test": "playwright test --config=e2e/playwright.config.ts",
|
|
"playwright:test-ui": "playwright test --config=e2e/playwright.config.ts --ui $([[ \"$CODER\" == \"true\" ]] && echo --ui-port=7500 --ui-host=0.0.0.0)",
|
|
"gen:provisioner": "protoc --plugin=./node_modules/.bin/protoc-gen-ts_proto --ts_proto_out=./e2e/ --ts_proto_opt=outputJsonMethods=false,outputEncodeMethods=encode-no-creation,outputClientImpl=false,nestJs=false,outputPartialMethods=false,fileSuffix=Generated,suffix=hey -I ../provisionersdk/proto ../provisionersdk/proto/provisioner.proto",
|
|
"storybook": "STORYBOOK=true storybook dev -p 6006",
|
|
"storybook:build": "storybook build",
|
|
"storybook:ci": "storybook build --test",
|
|
"test": "jest --selectProjects test",
|
|
"test:ci": "jest --selectProjects test --silent",
|
|
"test:coverage": "jest --selectProjects test --collectCoverage",
|
|
"test:watch": "jest --selectProjects test --watch",
|
|
"test:storybook": "test-storybook",
|
|
"stats": "STATS=true pnpm build && npx http-server ./stats -p 8081 -c-1",
|
|
"deadcode": "ts-prune | grep -v \".stories\\|.config\\|e2e\\|__mocks__\\|used in module\\|testHelpers\\|typesGenerated\" || echo \"No deadcode found.\"",
|
|
"update-emojis": "cp -rf ./node_modules/emoji-datasource-apple/img/apple/64/* ./static/emojis"
|
|
},
|
|
"dependencies": {
|
|
"@emoji-mart/data": "1.2.1",
|
|
"@emoji-mart/react": "1.1.1",
|
|
"@emotion/cache": "11.14.0",
|
|
"@emotion/css": "11.13.5",
|
|
"@emotion/react": "11.14.0",
|
|
"@emotion/styled": "11.14.0",
|
|
"@fastly/performance-observer-polyfill": "2.0.0",
|
|
"@fontsource-variable/inter": "5.1.1",
|
|
"@fontsource/ibm-plex-mono": "5.1.1",
|
|
"@monaco-editor/react": "4.6.0",
|
|
"@mui/icons-material": "5.16.14",
|
|
"@mui/lab": "5.0.0-alpha.175",
|
|
"@mui/material": "5.16.14",
|
|
"@mui/system": "5.16.14",
|
|
"@mui/utils": "5.16.14",
|
|
"@mui/x-tree-view": "7.25.0",
|
|
"@radix-ui/react-avatar": "1.1.2",
|
|
"@radix-ui/react-collapsible": "1.1.2",
|
|
"@radix-ui/react-dialog": "1.1.4",
|
|
"@radix-ui/react-dropdown-menu": "2.1.4",
|
|
"@radix-ui/react-label": "2.1.0",
|
|
"@radix-ui/react-popover": "1.1.5",
|
|
"@radix-ui/react-scroll-area": "1.2.3",
|
|
"@radix-ui/react-select": "2.1.4",
|
|
"@radix-ui/react-slider": "1.2.2",
|
|
"@radix-ui/react-slot": "1.1.1",
|
|
"@radix-ui/react-switch": "1.1.1",
|
|
"@radix-ui/react-tooltip": "1.1.7",
|
|
"@radix-ui/react-visually-hidden": "1.1.0",
|
|
"@tanstack/react-query-devtools": "4.35.3",
|
|
"@xterm/addon-canvas": "0.7.0",
|
|
"@xterm/addon-fit": "0.10.0",
|
|
"@xterm/addon-unicode11": "0.8.0",
|
|
"@xterm/addon-web-links": "0.11.0",
|
|
"@xterm/addon-webgl": "0.18.0",
|
|
"@xterm/xterm": "5.5.0",
|
|
"ansi-to-html": "0.7.2",
|
|
"axios": "1.8.2",
|
|
"canvas": "3.1.0",
|
|
"chart.js": "4.4.0",
|
|
"chartjs-adapter-date-fns": "3.0.0",
|
|
"chartjs-plugin-annotation": "3.0.1",
|
|
"chroma-js": "2.4.2",
|
|
"class-variance-authority": "0.7.1",
|
|
"clsx": "2.1.1",
|
|
"cmdk": "1.0.4",
|
|
"color-convert": "2.0.1",
|
|
"cron-parser": "4.9.0",
|
|
"cronstrue": "2.50.0",
|
|
"date-fns": "2.30.0",
|
|
"dayjs": "1.11.13",
|
|
"emoji-datasource-apple": "15.1.2",
|
|
"emoji-mart": "5.6.0",
|
|
"file-saver": "2.0.5",
|
|
"formik": "2.4.6",
|
|
"front-matter": "4.0.2",
|
|
"jszip": "3.10.1",
|
|
"lodash": "4.17.21",
|
|
"lucide-react": "0.474.0",
|
|
"monaco-editor": "0.52.0",
|
|
"pretty-bytes": "6.1.1",
|
|
"react": "18.3.1",
|
|
"react-chartjs-2": "5.3.0",
|
|
"react-color": "2.19.3",
|
|
"react-confetti": "6.2.2",
|
|
"react-date-range": "1.4.0",
|
|
"react-dom": "18.3.1",
|
|
"react-helmet-async": "2.0.5",
|
|
"react-markdown": "9.0.3",
|
|
"react-query": "npm:@tanstack/react-query@4.35.3",
|
|
"react-router-dom": "6.26.2",
|
|
"react-syntax-highlighter": "15.6.1",
|
|
"react-virtualized-auto-sizer": "1.0.24",
|
|
"react-window": "1.8.11",
|
|
"recharts": "2.15.0",
|
|
"remark-gfm": "4.0.0",
|
|
"resize-observer-polyfill": "1.5.1",
|
|
"rollup-plugin-visualizer": "5.14.0",
|
|
"semver": "7.6.2",
|
|
"tailwind-merge": "2.6.0",
|
|
"tailwindcss-animate": "1.0.7",
|
|
"tzdata": "1.0.40",
|
|
"ua-parser-js": "1.0.40",
|
|
"ufuzzy": "npm:@leeoniya/ufuzzy@1.0.10",
|
|
"undici": "6.21.1",
|
|
"unique-names-generator": "4.7.1",
|
|
"uuid": "9.0.1",
|
|
"yup": "1.6.1"
|
|
},
|
|
"devDependencies": {
|
|
"@biomejs/biome": "1.9.4",
|
|
"@chromatic-com/storybook": "3.2.2",
|
|
"@octokit/types": "12.3.0",
|
|
"@playwright/test": "1.47.0",
|
|
"@storybook/addon-actions": "8.5.2",
|
|
"@storybook/addon-essentials": "8.4.6",
|
|
"@storybook/addon-interactions": "8.5.3",
|
|
"@storybook/addon-links": "8.5.2",
|
|
"@storybook/addon-mdx-gfm": "8.5.2",
|
|
"@storybook/addon-themes": "8.4.6",
|
|
"@storybook/preview-api": "8.5.3",
|
|
"@storybook/react": "8.4.6",
|
|
"@storybook/react-vite": "8.4.6",
|
|
"@storybook/test": "8.4.6",
|
|
"@swc/core": "1.3.38",
|
|
"@swc/jest": "0.2.37",
|
|
"@testing-library/jest-dom": "6.6.3",
|
|
"@testing-library/react": "14.3.1",
|
|
"@testing-library/react-hooks": "8.0.1",
|
|
"@testing-library/user-event": "14.6.1",
|
|
"@types/chroma-js": "2.4.0",
|
|
"@types/color-convert": "2.0.4",
|
|
"@types/express": "4.17.17",
|
|
"@types/file-saver": "2.0.7",
|
|
"@types/jest": "29.5.14",
|
|
"@types/lodash": "4.17.15",
|
|
"@types/node": "20.17.16",
|
|
"@types/react": "18.3.12",
|
|
"@types/react-color": "3.0.13",
|
|
"@types/react-date-range": "1.4.4",
|
|
"@types/react-dom": "18.3.1",
|
|
"@types/react-syntax-highlighter": "15.5.13",
|
|
"@types/react-virtualized-auto-sizer": "1.0.4",
|
|
"@types/react-window": "1.8.8",
|
|
"@types/semver": "7.5.8",
|
|
"@types/ssh2": "1.15.1",
|
|
"@types/ua-parser-js": "0.7.36",
|
|
"@types/uuid": "9.0.2",
|
|
"@vitejs/plugin-react": "4.3.4",
|
|
"autoprefixer": "10.4.20",
|
|
"chromatic": "11.25.2",
|
|
"eventsourcemock": "2.0.0",
|
|
"express": "4.21.2",
|
|
"jest": "29.7.0",
|
|
"jest-canvas-mock": "2.5.2",
|
|
"jest-environment-jsdom": "29.5.0",
|
|
"jest-location-mock": "2.0.0",
|
|
"jest-websocket-mock": "2.5.0",
|
|
"jest_workaround": "0.1.14",
|
|
"msw": "2.3.5",
|
|
"postcss": "8.5.1",
|
|
"protobufjs": "7.4.0",
|
|
"rxjs": "7.8.1",
|
|
"ssh2": "1.16.0",
|
|
"storybook": "8.5.3",
|
|
"storybook-addon-remix-react-router": "3.1.0",
|
|
"storybook-react-context": "0.7.0",
|
|
"tailwindcss": "3.4.17",
|
|
"ts-node": "10.9.2",
|
|
"ts-proto": "1.164.0",
|
|
"ts-prune": "0.10.3",
|
|
"typescript": "5.6.3",
|
|
"vite": "5.4.14",
|
|
"vite-plugin-checker": "0.8.0",
|
|
"vite-plugin-turbosnap": "1.0.3"
|
|
},
|
|
"browserslist": ["chrome 110", "firefox 111", "safari 16.0"],
|
|
"resolutions": {
|
|
"optionator": "0.9.3",
|
|
"semver": "7.6.2"
|
|
},
|
|
"engines": {
|
|
"npm": ">=9.0.0 <10.0.0",
|
|
"node": ">=18.0.0 <21.0.0"
|
|
}
|
|
}
|