lux-design-system 7.0.0 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -6
- package/dist/lux-styleguidist.iife.js +33 -33
- package/dist/lux-styleguidist.mjs +2624 -2560
- package/dist/lux-styleguidist.umd.js +33 -33
- package/dist/style.css +1 -1
- package/package.json +7 -2
package/README.md
CHANGED
|
@@ -23,7 +23,22 @@ npm run styleguide
|
|
|
23
23
|
* Run a single test file with `npx jest tests/unit/specs/components/luxGridItem.spec.js`
|
|
24
24
|
* Run a single test with the name of the test from the `it()` call: `npx jest -t "should have the appropriate class to define the columns"`
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
#### Running playwright
|
|
27
|
+
|
|
28
|
+
Playwright is an end to end testing harness. It is installed as a packge in the system and is run as part if the CI testing suite.
|
|
29
|
+
|
|
30
|
+
On first installation you must run `npx playwright install` to get the browsers for playwright.
|
|
31
|
+
|
|
32
|
+
* to run the tests without a ui and on multiple browsers
|
|
33
|
+
```
|
|
34
|
+
npx playwright test
|
|
35
|
+
```
|
|
36
|
+
* to run the test with screen shots of each step
|
|
37
|
+
```
|
|
38
|
+
npx playwright test --ui`
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Release a new version
|
|
27
42
|
|
|
28
43
|
This requires you to have an account on npm with 2fa enabled. You will also
|
|
29
44
|
need to be part of the PULibrary organization on npm.
|
|
@@ -31,31 +46,33 @@ need to be part of the PULibrary organization on npm.
|
|
|
31
46
|
```
|
|
32
47
|
npm login
|
|
33
48
|
npm install --global np # don't add this as a devDependency, otherwise you won't be able to push to npm
|
|
49
|
+
git switch main
|
|
50
|
+
git pull
|
|
34
51
|
npm run release
|
|
35
52
|
```
|
|
36
53
|
|
|
37
|
-
|
|
54
|
+
### Tips
|
|
38
55
|
* If you have a passphrase on your ssh key, run ssh-add ~/.ssh/id_ed25519 (or wherever your key is located).
|
|
39
56
|
* If you use a security key, rather than an authenticator app, for two-factor authentication in npmjs.com, make sure that "Require two-factor authentication for write actions" is not checked in your account 2FA settings.
|
|
40
57
|
* Go to:Account -> Manage Two-Factor Authentication -> Uncheck 'Additional Options' -> Update Preferences. If it is checked, np will ask you for an OTP from your phone, and won't allow you to push without it.
|
|
41
58
|
|
|
42
|
-
|
|
59
|
+
## Deploy the styleguide to GitHub Pages
|
|
43
60
|
```
|
|
44
61
|
npm run deploy
|
|
45
62
|
```
|
|
46
63
|
This will update the docs at [https://pulibrary.github.io/lux-design-system/](https://pulibrary.github.io/lux-design-system/).
|
|
47
64
|
Please note: For informational purposes only. Don't do this outside of a release!
|
|
48
65
|
|
|
49
|
-
|
|
66
|
+
## Linting
|
|
50
67
|
We are using the eslint_plugin-prettier to lint our files. To adjust the lint format settings, please use the `.prettierrc` file. Code linting rules should be set in `eslintrc.js`.
|
|
51
68
|
|
|
52
69
|
### Style Linting
|
|
53
70
|
We are using stylelint and stylelint-config-standard-scss to lint scss files. To disable or customize any rules use the `.stylelintrc.json`. Run `npx stylelint "**/*.scss"` to lint the scss files.
|
|
54
71
|
|
|
55
|
-
|
|
72
|
+
## Customize configuration
|
|
56
73
|
See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
57
74
|
|
|
58
|
-
|
|
75
|
+
## Using a local copy of lux-design-system in your project
|
|
59
76
|
|
|
60
77
|
1. `yarn global add yalc` (yalc has to be installed globally, it doesn't work as part of the package.json)
|
|
61
78
|
2. In lux-design-system run: `npm run build && yarn exec yalc publish`
|