studio/people
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
This repository has been archived on 2026-03-24. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
e8186408a0508652cd983803c7bbcfdd8dc6c76e
people/src/frontend/apps/desk/package.json

55 lines
1.6 KiB
JSON
Raw Normal View History

🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
{
"name": "app-desk",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
🚨(app-desk) add css linter eslint is not enough for css, so we need a css linter too. This commit adds stylelint to the project, we configure it with prettier and add a check during the build process.
2024-01-10 11:01:31 +01:00
"build": "prettier --check . && yarn stylelint && next build",
👷(CI) add test-e2e job to people.yml Add test-e2e to people.yml, it will run e2e tests on every PR. Steps: - set env vars for e2e tests - build and start docker servers (backend, keycloak, DB) - install playwright - build apps - run e2e tests - save reports
2024-01-11 17:06:25 +01:00
"build:ci": "cp .env.development .env.local && yarn build",
💄(app-desk) integrate cunningham design system Integrate cunningham design system into app desk. It comes with some boilerplate code that will have to be adapted to our needs when we will get the design.
2024-01-05 15:39:17 +01:00
"build-theme": "cunningham -g css,ts -o src/cunningham --utility-classes",
🏗️(app-desk) export app in out folder We export the app in the out folder. This is a static export, so our app can be deployed and hosted on any web server that can serve HTML/CSS/JS static assets.
2024-01-17 16:29:16 +01:00
"start": "npx -y serve@latest out",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"lint": "next lint",
🚨(app-desk) add css linter eslint is not enough for css, so we need a css linter too. This commit adds stylelint to the project, we configure it with prettier and add a check during the build process.
2024-01-10 11:01:31 +01:00
"prettier": "prettier --write .",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"stylelint": "stylelint \"**/*.css\"",
"test": "jest",
"test:watch": "jest --watch"
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
},
"dependencies": {
💄(app-desk) integrate cunningham design system Integrate cunningham design system into app desk. It comes with some boilerplate code that will have to be adapted to our needs when we will get the design.
2024-01-05 15:39:17 +01:00
"@openfun/cunningham-react": "2.4.0",
✨(app-desk) create a basic feature Teams As a prove of concept, to check the full process of our token, we create a basic feature Teams. This feature can create a team and list all teams. We use react-query to manage the cache and the request to the API.
2024-01-10 11:35:30 +01:00
"@tanstack/react-query": "5.17.1",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"next": "14.0.4",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"react": "18.2.0",
✨(app-desk) integrate keycloak Integrate keycloak with the frontend. We use the keycloak-js library to handle the authentication and authorization. We installed Zustand to handle the states of the application. We store the token and auth process in authStore.
2024-01-09 17:01:08 +01:00
"react-dom": "18.2.0",
🧑‍💻(app-desk) add styled-components and create generic components Add styled-components to the app-desk, it will help us to create easily styled components. We create 2 components, Box and Text, it is 2 generic components that we help us to style quickly html elements. They use the power of styled-components and Cunningham's design system.
2024-01-18 13:28:27 +01:00
"styled-components": "6.1.8",
✨(app-desk) integrate keycloak Integrate keycloak with the frontend. We use the keycloak-js library to handle the authentication and authorization. We installed Zustand to handle the states of the application. We store the token and auth process in authStore.
2024-01-09 17:01:08 +01:00
"zustand": "4.4.7"
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
},
"devDependencies": {
✨(app-desk) create a basic feature Teams As a prove of concept, to check the full process of our token, we create a basic feature Teams. This feature can create a team and list all teams. We use react-query to manage the cache and the request to the API.
2024-01-10 11:35:30 +01:00
"@tanstack/eslint-plugin-query": "5.17.1",
"@tanstack/react-query-devtools": "5.17.12",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"@testing-library/jest-dom": "6.2.0",
"@testing-library/react": "14.1.2",
"@types/jest": "29.5.11",
✅(project) install e2e playwright Install playwright, adapt the config file and add a scripts to run the tests. e2e testing will monitor all our frontend applications, so we install it in the frontend folder. It configures the base of our monorepo.
2024-01-11 12:31:08 +01:00
"@types/node": "*",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"@types/react": "18.2.47",
"@types/react-dom": "18.2.18",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"@typescript-eslint/eslint-plugin": "6.18.1",
🏗️(app-desk) export app in out folder We export the app in the out folder. This is a static export, so our app can be deployed and hosted on any web server that can serve HTML/CSS/JS static assets.
2024-01-17 16:29:16 +01:00
"dotenv": "16.3.1",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"eslint": "8.0.1",
"eslint-config-next": "14.0.4",
"eslint-config-prettier": "9.1.0",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"eslint-plugin-jest": "27.6.2",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"eslint-plugin-prettier": "5.1.2",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"eslint-plugin-testing-library": "6.2.0",
✅(app-desk) add fetch-mock and adapt the tests - Adapt the tests to use React-Query - Install fetch-mock to mock the fetch requests with Jest. - Create a test to show how to mock the fetch requests with fetch-mock
2024-01-17 13:30:06 +01:00
"fetch-mock": "9.11.0",
✅(app-desk) install jest Jest is a JavaScript Testing Framework, usefull to test React components and to do unit testing.
2024-01-16 12:31:36 +01:00
"jest": "29.7.0",
"jest-environment-jsdom": "29.7.0",
✨(app-desk) integrate keycloak Integrate keycloak with the frontend. We use the keycloak-js library to handle the authentication and authorization. We installed Zustand to handle the states of the application. We store the token and auth process in authStore.
2024-01-09 17:01:08 +01:00
"keycloak-js": "23.0.3",
✅(app-desk) add fetch-mock and adapt the tests - Adapt the tests to use React-Query - Install fetch-mock to mock the fetch requests with Jest. - Create a test to show how to mock the fetch requests with fetch-mock
2024-01-17 13:30:06 +01:00
"node-fetch": "2.7.0",
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
"prettier": "3.1.1",
🚨(app-desk) add css linter eslint is not enough for css, so we need a css linter too. This commit adds stylelint to the project, we configure it with prettier and add a check during the build process.
2024-01-10 11:01:31 +01:00
"stylelint": "16.1.0",
"stylelint-config-standard": "36.0.0",
"stylelint-prettier": "5.0.0",
✅(project) install e2e playwright Install playwright, adapt the config file and add a scripts to run the tests. e2e testing will monitor all our frontend applications, so we install it in the frontend folder. It configures the base of our monorepo.
2024-01-11 12:31:08 +01:00
"typescript": "*"
🚀(app-desk) generate app Desk with nextjs Generate the app with nextjs, includes: - typescript - eslint - prettier - css modules
2024-01-05 15:38:34 +01:00
}
}
Reference in New Issue Copy Permalink