browsertrix/frontend/package.json
Emma Segal-Grossman 73e20269ef
Org settings layout fix + misc styling & consistency improvements (#1427)
## General changes

- Added `postcss-lit`, which allows us to use tailwind in lit elements
with shadow DOMs
- Added `// postcss-lit-disable-next-line` comments to most `` css`...`
`` tagged templates so as not to change existing CSS in components
- Added `TailwindElement`, which uses a single shared `CSSStyleSheet`
across all instances to be able to access Tailwind without requiring a
full copy of (compiled) Tailwind for every instance of a component that
extends it
- Added a new `<btrix-copy-field>` element, replacing the existing copy
elements

## Org settings page

- Stopped content from overflowing at medium widths
- Made spacing consistent at both smaller and wider widths
- Used readonly/monospace styling for copyable org id field
- Updated tab shadows to be slightly blue, consistent with the tab
background (also did this in other places tabs show up)

Before | After
-|-
![dev browsertrix
cloud_orgs_default-org_settings](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/9bcacdcc-259b-4a01-bac5-8913518776f0)
|
![localhost_9870_orgs_default-org_workflows_crawls](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/53936d4d-e5cd-4f37-ad06-b3b5041381df)
![dev browsertrix cloud_orgs_default-org_settings
(3)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/602dd8d6-3012-4a0e-a638-a5192c9601ec)
| ![localhost_9870_orgs_default-org_workflows_crawls
(3)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/74c93312-ad26-48d8-a87e-3da9a851693b)

## Misc fixes

- Used consistent single-line readonly/monospace styling for copyable
url field

Before | After
-|-
![dev browsertrix cloud_orgs_default-org_settings
(1)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/e361feeb-3ea0-4f56-9e38-12ef6a644d58)
| ![localhost_9870_orgs_default-org_workflows_crawls
(1)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/0145b1ad-8f45-4486-893e-8f638ac9add6)

- Removed inconsistent angled bottom borders from crawl workflow list
header

Before | After
-|-
![dev browsertrix cloud_orgs_default-org_settings
(2)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/4aa20359-3ecf-4441-83c0-ed36a951ed3b)
| ![localhost_9870_orgs_default-org_workflows_crawls
(2)](https://github.com/webrecorder/browsertrix-cloud/assets/5727389/8c771464-3a70-47e7-8475-fa82d4d030a9)

- Changes _all_ list page primary action buttons to use
`variant="primary"`

<img width="190" alt="Screenshot 2023-12-08 at 11 23 49 AM"
src="https://github.com/webrecorder/browsertrix-cloud/assets/5672810/2b007f5e-e675-40b2-86a7-f0bf8ef83b81">
<img width="240" alt="Screenshot 2023-12-08 at 11 23 43 AM"
src="https://github.com/webrecorder/browsertrix-cloud/assets/5672810/621b340e-2051-4ab0-8f42-8f0a51d8d3a5">

---------

Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
Co-authored-by: sua yoo <sua@webrecorder.org>
Co-authored-by: sua yoo <sua@suayoo.com>
2023-12-13 17:29:35 -05:00

129 lines
4.0 KiB
JSON

{
"name": "browsertrix-frontend",
"version": "1.8.2",
"main": "index.ts",
"license": "AGPL-3.0-or-later",
"dependencies": {
"@cheap-glitch/mi-cron": "^1.0.1",
"@lit/localize": "^0.11.4",
"@novnc/novnc": "^1.4.0-beta",
"@rollup/plugin-commonjs": "^18.0.0",
"@shoelace-style/shoelace": "^2.5.2",
"@types/color": "^3.0.2",
"@types/lodash": "^4.14.178",
"@types/sinon": "^10.0.6",
"@typescript-eslint/eslint-plugin": "^6.12.0",
"@typescript-eslint/parser": "^6.12.0",
"@wysimark/standalone": "2.2.15",
"@xstate/fsm": "^1.6.2",
"@zxcvbn-ts/core": "^3.0.4",
"@zxcvbn-ts/language-common": "^3.0.4",
"@zxcvbn-ts/language-en": "^3.0.2",
"autoprefixer": "^10.4.2",
"axios": "^0.22.0",
"broadcastchannel-polyfill": "^1.0.1",
"color": "^4.0.1",
"copy-webpack-plugin": "^9.1.0",
"css-loader": "^6.3.0",
"del-cli": "^4.0.1",
"dotenv": "^10.0.0",
"dotenv-webpack": "^7.0.3",
"eslint": "^8.54.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-lit": "^1.10.1",
"eslint-plugin-wc": "^1.3.2",
"eslint-webpack-plugin": "^3.1.1",
"fork-ts-checker-webpack-plugin": "^6.2.6",
"fuse.js": "^6.5.3",
"glob": "^8.1.0",
"highlight.js": "^11.8.0",
"html-loader": "^3.0.1",
"html-webpack-plugin": "^5.5.0",
"immutable": "^4.1.0",
"iso-639-1": "^2.1.15",
"lit": "2.7.5",
"lit-shared-state": "^0.2.1",
"lodash": "^4.17.21",
"micromark": "^3.1.0",
"node-fetch": "^3.1.0",
"patch-package": "^8.0.0",
"postcss": "^8.4.5",
"postcss-lit": "^1.1.1",
"postcss-loader": "^6.1.1",
"postinstall-postinstall": "^2.1.0",
"prettier": "^2.4.1",
"pretty-ms": "^7.0.1",
"query-string": "^8.1.0",
"regex-colorize": "^0.0.3",
"slugify": "^1.6.6",
"style-loader": "^3.3.0",
"tailwindcss": "^3.2.7",
"ts-loader": "^9.2.6",
"tsconfig-paths-webpack-plugin": "^4.1.0",
"typescript": "^4.5.2",
"uglifyjs-webpack-plugin": "^2.2.0",
"update-dotenv": "^1.1.1",
"url-pattern": "^1.0.3",
"webpack": "^5.88.0",
"webpack-cli": "^4.8.0",
"webpack-merge": "^5.8.0",
"yaml": "^2.0.0-11"
},
"scripts": {
"prepare": "cd .. && husky install frontend/.husky",
"postinstall": "del-cli ./node_modules/.cache/webpack",
"test": "web-test-runner \"src/**/*.test.{ts,js}\" --playwright --browsers chromium",
"prebuild": "del-cli ./dist",
"build": "webpack --config webpack.prod.js",
"build-dev": "webpack --mode development",
"build:analyze": "BUNDLE_ANALYZER=true webpack --config webpack.prod.js",
"start": "webpack serve --mode=development --config webpack.dev.js",
"serve": "node scripts/serve.js",
"lint": "eslint --fix \"src/**/*.{ts,js}\"",
"lint:lit-analyzer": "lit-analyzer",
"format": "prettier --write \"src/**/*.{ts,js,html,css,json}\"",
"localize:prepare": "yarn localize:extract && yarn localize:build",
"localize:extract": "lit-localize extract",
"localize:build": "lit-localize build"
},
"devDependencies": {
"@lit/localize-tools": "^0.6.9",
"@web/dev-server-esbuild": "^0.3.3",
"@web/dev-server-import-maps": "^0.0.6",
"@web/dev-server-rollup": "^0.3.21",
"husky": "^8.0.3",
"lint-staged": "^13.1.0",
"rollup-plugin-typescript-paths": "^1.4.0",
"sinon": "^12.0.1",
"ts-lit-plugin": "^2.0.1",
"webpack-bundle-analyzer": "^4.10.1",
"webpack-dev-server": "^4.15.0"
},
"optionalDependencies": {
"@esm-bundle/chai": "^4.3.4-fix.0",
"@open-wc/testing": "^3.2.0",
"@playwright/test": "1.32.1",
"@web/test-runner": "^0.13.22",
"@web/test-runner-playwright": "^0.8.8",
"chromium": "^3.0.3"
},
"lint-staged": {
"*.{ts,js}": [
"prettier --write",
"eslint --fix --quiet"
],
"*.{html,css,json}": "prettier --write"
},
"husky": {
"hooks": {
"pre-commit": ".husky/pre-commit"
}
},
"engines": {
"node": ">=16"
},
"resolutions": {
"**/playwright": "1.32.1"
}
}