fix: 修复 ContentArea 语法树解析异常的问题

Author: renxia

modules/client/browse/ContentArea.js

@@ -9,7 +9,7 @@ export function ContentArea({ children, css }) {
       css={{
         border: '1px solid #dfe2e5',
         borderRadius: 3,
-        [`@media (max-width: ${maxWidth}px)`]: {
+        [`'@media (max-width: ${maxWidth}px)'`]: {
           borderRightWidth: 0,
           borderLeftWidth: 0
         },
@@ -36,7 +36,7 @@ export function ContentAreaHeaderBar({ children, css }) {
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        [`@media (max-width: ${maxWidth}px)`]: {
+        [`'@media (max-width: ${maxWidth}px)'`]: {
           paddingRight: 20,
           paddingLeft: 20
         },

package.json

@@ -16,72 +16,71 @@
     "pretty-bytes": "5.6.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.3",
-    "@reach/visually-hidden": "^0.18.0",
-    "cheerio": "^1.0.0-rc.12",
-    "cors": "^2.8.5",
-    "date-fns": "^2.29.3",
-    "etag": "^1.8.1",
-    "express": "^4.18.2",
-    "gunzip-maybe": "^1.4.2",
-    "highlight.js": "^11.9.0",
-    "isomorphic-fetch": "^3.0.0",
-    "jsesc": "^3.0.2",
-    "lru-cache": "^10.2.0",
-    "mime": "^4.0.1",
-    "morgan": "^1.10.0",
-    "ndjson": "^2.0.0",
+    "@emotion/react": "~11.14.0",
+    "@reach/visually-hidden": "~0.18.0",
+    "cheerio": "~1.1.2",
+    "cors": "~2.8.5",
+    "date-fns": "~2.29.3",
+    "etag": "~1.8.1",
+    "express": "~4.18.2",
+    "gunzip-maybe": "~1.4.2",
+    "highlight.js": "~11.11.1",
+    "isomorphic-fetch": "~3.0.0",
+    "jsesc": "~3.0.2",
+    "lru-cache": "~10.2.0",
+    "mime": "~4.0.1",
+    "morgan": "~1.10.0",
+    "ndjson": "~2.0.0",
     "pretty-bytes": "5.6.0",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^5.0.1",
-    "semver": "^7.6.0",
-    "sort-by": "^1.2.0",
-    "sri-toolbox": "^0.2.0",
-    "tar-stream": "^3.1.7",
-    "tempy": "^3.1.0",
-    "validate-npm-package-name": "^5.0.0",
-    "warning": "^4.0.3",
-    "whatwg-url": "^14.0.0"
+    "prop-types": "~15.8.1",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-icons": "~5.0.1",
+    "semver": "~7.7.3",
+    "sort-by": "~1.2.0",
+    "sri-toolbox": "~0.2.0",
+    "tar-stream": "~3.1.7",
+    "tempy": "~3.1.0",
+    "validate-npm-package-name": "~5.0.0",
+    "warning": "~4.0.3",
+    "whatwg-url": "~14.0.0"
   },
   "devDependencies": {
-    "@ampproject/rollup-plugin-closure-compiler": "^0.27.0",
-    "@babel/core": "^7.20.12",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-syntax-export-default-from": "^7.18.6",
-    "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-    "@babel/plugin-syntax-import-meta": "^7.10.4",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
+    "@ampproject/rollup-plugin-closure-compiler": "~0.27.0",
+    "@babel/core": "~7.20.12",
+    "@babel/plugin-proposal-class-properties": "~7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "~7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "~7.20.7",
+    "@babel/plugin-syntax-dynamic-import": "~7.8.3",
+    "@babel/plugin-syntax-export-default-from": "~7.18.6",
+    "@babel/plugin-syntax-export-namespace-from": "~7.8.3",
+    "@babel/plugin-syntax-import-meta": "~7.10.4",
+    "@babel/preset-env": "~7.20.2",
+    "@babel/preset-react": "~7.18.6",
     "@typescript-eslint/eslint-plugin": "7.0.2",
     "@typescript-eslint/parser": "7.0.2",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^29.7.0",
-    "chalk": "^5.3.0",
-    "dotenv": "^16.4.5",
+    "babel-core": "~7.0.0-bridge.0",
+    "babel-jest": "~29.7.0",
+    "chalk": "~5.6.2",
+    "dotenv": "~16.4.5",
     "eslint": "8.56.0",
-    "eslint-config-react-app": "^7.0.1",
+    "eslint-config-react-app": "~7.0.1",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "jest": "^29.7.0",
-    "nodemon": "^3.0.3",
-    "rollup": "^4.12.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.5",
-    "@rollup/plugin-url": "^8.0.2",
-    "supertest": "^6.3.4"
+    "jest": "~29.7.0",
+    "nodemon": "~3.0.3",
+    "rollup": "~4.52.4",
+    "@rollup/plugin-babel": "~6.0.4",
+    "@rollup/plugin-commonjs": "~28.0.6",
+    "@rollup/plugin-json": "~6.1.0",
+    "@rollup/plugin-node-resolve": "~16.0.2",
+    "@rollup/plugin-replace": "~6.0.2",
+    "@rollup/plugin-url": "~8.0.2",
+    "supertest": "~6.3.4"
   },
-  "packageManager": "pnpm@8.0.0",
   "engines": {
     "node": ">=12"
   },