mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
remove chromatic from frontend
This commit is contained in:
parent
d6786054fb
commit
27eeaeea36
21
.github/workflows/frontend.deploy.chromatic.yml
vendored
21
.github/workflows/frontend.deploy.chromatic.yml
vendored
@ -1,21 +0,0 @@
|
|||||||
name: "frontend:deploy:chromatic"
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- master
|
|
||||||
jobs:
|
|
||||||
build-and-deploy:
|
|
||||||
name: Chromatic - Frontend
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
env:
|
|
||||||
CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
|
|
||||||
WORKING_DIRECTORY: ./frontend
|
|
||||||
steps:
|
|
||||||
- name: Checkout code
|
|
||||||
uses: actions/checkout@9a9194f87191a7e9055e3e9b95b8cfb13023bb08 # v4.1.7
|
|
||||||
with:
|
|
||||||
fetch-depth: 0
|
|
||||||
|
|
||||||
- name: Frontend | Build
|
|
||||||
run: npm install && npm run chromatic -- --exit-zero-on-changes
|
|
||||||
working-directory: ${{env.WORKING_DIRECTORY}}
|
|
||||||
@ -14,7 +14,6 @@
|
|||||||
[![vitest][badge-vitest-img]][badge-vitest-href]
|
[![vitest][badge-vitest-img]][badge-vitest-href]
|
||||||
[![storybook][badge-storybook-img]][badge-storybook-href]
|
[![storybook][badge-storybook-img]][badge-storybook-href]
|
||||||
[![vuepress][badge-vuepress-img]][badge-vuepress-href]
|
[![vuepress][badge-vuepress-img]][badge-vuepress-href]
|
||||||
[![chromatic][badge-chromatic-img]][badge-chromatic-href]
|
|
||||||
|
|
||||||
The IT4C Boilerplate for frontends
|
The IT4C Boilerplate for frontends
|
||||||
|
|
||||||
@ -28,7 +27,7 @@ The project uses `vite` as builder, `vike` to do the SSR. The design framework i
|
|||||||
|
|
||||||
Testing is done with `vitest` and code style is enforced with `eslint`, `remark-cli` and `stylelint`.
|
Testing is done with `vitest` and code style is enforced with `eslint`, `remark-cli` and `stylelint`.
|
||||||
|
|
||||||
This projects utilizes `storybook` and `chromatic` to develop, document & test frontend components and `vuepress` for static documentation generation.
|
This projects utilizes `storybook` to develop, document & test frontend components and `vuepress` for static documentation generation.
|
||||||
|
|
||||||
## Commands
|
## Commands
|
||||||
|
|
||||||
@ -61,8 +60,6 @@ The following commands are available:
|
|||||||
| **Documentation** | |
|
| **Documentation** | |
|
||||||
| `npm run docs:dev` | Run Documentation in development mode |
|
| `npm run docs:dev` | Run Documentation in development mode |
|
||||||
| `npm run docs:build` | Build static documentation |
|
| `npm run docs:build` | Build static documentation |
|
||||||
| **Chromatic** | |
|
|
||||||
| `npm run chromatic` | Run Chromatic. See Chromatic section for details |
|
|
||||||
| **Maintenance** | |
|
| **Maintenance** | |
|
||||||
| `npm run update` | Check for updates |
|
| `npm run update` | Check for updates |
|
||||||
|
|
||||||
@ -78,20 +75,6 @@ Docker can be run in production mode:
|
|||||||
docker compose -f docker-compose.yml up
|
docker compose -f docker-compose.yml up
|
||||||
```
|
```
|
||||||
|
|
||||||
### Chromatic
|
|
||||||
|
|
||||||
In order to use the chromatic workflow you need to provide a `CHROMATIC_PROJECT_TOKEN` in the repository secrets.
|
|
||||||
|
|
||||||
If you want to run chromatic from the command line you either have to provide this variable as well
|
|
||||||
```bash
|
|
||||||
export CHROMATIC_PROJECT_TOKEN=...
|
|
||||||
npm run chromatic
|
|
||||||
```
|
|
||||||
or you have to append it via parameter:
|
|
||||||
```bash
|
|
||||||
npm run chromatic -- --project-token=...
|
|
||||||
```
|
|
||||||
|
|
||||||
### Update
|
### Update
|
||||||
|
|
||||||
You can get a list of packes to update by running `npm run update`.
|
You can get a list of packes to update by running `npm run update`.
|
||||||
@ -192,6 +175,3 @@ This mechanic was taken from this [source](https://stackoverflow.com/questions/1
|
|||||||
|
|
||||||
[badge-vuepress-img]: https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2FIT4Change%2Fboilerplate-frontend%2Fmaster%2Fpackage.json&query=devDependencies.vuepress&label=vuepress&color=orange
|
[badge-vuepress-img]: https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2FIT4Change%2Fboilerplate-frontend%2Fmaster%2Fpackage.json&query=devDependencies.vuepress&label=vuepress&color=orange
|
||||||
[badge-vuepress-href]: https://vuepress.vuejs.org/
|
[badge-vuepress-href]: https://vuepress.vuejs.org/
|
||||||
|
|
||||||
[badge-chromatic-img]: https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2FIT4Change%2Fboilerplate-frontend%2Fmaster%2Fpackage.json&query=devDependencies.chromatic&label=chromatic&color=orange
|
|
||||||
[badge-chromatic-href]: https://www.chromatic.com/
|
|
||||||
|
|||||||
@ -23,8 +23,7 @@
|
|||||||
"stylelint",
|
"stylelint",
|
||||||
"vitest",
|
"vitest",
|
||||||
"storybook",
|
"storybook",
|
||||||
"vuepress",
|
"vuepress"
|
||||||
"chromatic"
|
|
||||||
],
|
],
|
||||||
"author": {
|
"author": {
|
||||||
"name": "Ulf Gebhardt"
|
"name": "Ulf Gebhardt"
|
||||||
@ -57,7 +56,6 @@
|
|||||||
"test": "npm run test:lint && npm run test:unit",
|
"test": "npm run test:lint && npm run test:unit",
|
||||||
"docs:dev": "vuepress dev .",
|
"docs:dev": "vuepress dev .",
|
||||||
"docs:build": "vuepress build .",
|
"docs:build": "vuepress build .",
|
||||||
"chromatic": "npx chromatic --build-script-name storybook:build",
|
|
||||||
"update": "npx npm-check-updates"
|
"update": "npx npm-check-updates"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@ -102,7 +100,6 @@
|
|||||||
"@vitest/coverage-v8": "^1.6.0",
|
"@vitest/coverage-v8": "^1.6.0",
|
||||||
"@vue/test-utils": "^2.4.6",
|
"@vue/test-utils": "^2.4.6",
|
||||||
"@vuepress/bundler-vite": "^2.0.0-rc.14",
|
"@vuepress/bundler-vite": "^2.0.0-rc.14",
|
||||||
"chromatic": "^11.5.0",
|
|
||||||
"eslint": "^8.57.0",
|
"eslint": "^8.57.0",
|
||||||
"eslint-config-prettier": "^9.1.0",
|
"eslint-config-prettier": "^9.1.0",
|
||||||
"eslint-config-standard": "^17.1.0",
|
"eslint-config-standard": "^17.1.0",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user