fix: upgrade font awesome 6.0 and resolve ssr problem

This commit is contained in:
spencerwooo 2023-01-26 13:48:09 +08:00
parent 3744aa13d4
commit 85d0d679bd
No known key found for this signature in database
GPG key ID: 24CD550268849CA0
3 changed files with 36 additions and 35 deletions

View file

@ -11,11 +11,11 @@
"extract": "i18next"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.3",
"@fortawesome/free-solid-svg-icons": "^5.15.3",
"@fortawesome/react-fontawesome": "^0.1.14",
"@fortawesome/fontawesome-svg-core": "^6.2.1",
"@fortawesome/free-brands-svg-icons": "^6.2.1",
"@fortawesome/free-regular-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@headlessui/react": "^1.7.7",
"@tailwindcss/line-clamp": "^0.4.2",
"awesome-debounce-promise": "^2.1.0",

View file

@ -1,12 +1,13 @@
import { config } from '@fortawesome/fontawesome-svg-core'
import '@fortawesome/fontawesome-svg-core/styles.css'
import '../styles/globals.css'
import '../styles/markdown-github.css'
// Require had to be used to prevent SSR failure in Next.js
// Related discussion: https://github.com/FortAwesome/Font-Awesome/issues/19348
const { library, config } = require('@fortawesome/fontawesome-svg-core')
config.autoAddCss = false
import { library } from '@fortawesome/fontawesome-svg-core'
import {
faFileImage,
faFilePdf,

View file

@ -1,11 +1,11 @@
lockfileVersion: 5.4
specifiers:
'@fortawesome/fontawesome-svg-core': ^1.2.35
'@fortawesome/free-brands-svg-icons': ^5.15.4
'@fortawesome/free-regular-svg-icons': ^5.15.3
'@fortawesome/free-solid-svg-icons': ^5.15.3
'@fortawesome/react-fontawesome': ^0.1.14
'@fortawesome/fontawesome-svg-core': ^6.2.1
'@fortawesome/free-brands-svg-icons': ^6.2.1
'@fortawesome/free-regular-svg-icons': ^6.2.1
'@fortawesome/free-solid-svg-icons': ^6.2.1
'@fortawesome/react-fontawesome': ^0.2.0
'@headlessui/react': ^1.7.7
'@tailwindcss/line-clamp': ^0.4.2
'@types/cors': ^2.8.13
@ -64,11 +64,11 @@ specifiers:
use-constant: ^1.1.1
dependencies:
'@fortawesome/fontawesome-svg-core': 1.2.36
'@fortawesome/free-brands-svg-icons': 5.15.4
'@fortawesome/free-regular-svg-icons': 5.15.4
'@fortawesome/free-solid-svg-icons': 5.15.4
'@fortawesome/react-fontawesome': 0.1.19_itb73sutiv5dicgxanxbjij2uu
'@fortawesome/fontawesome-svg-core': 6.2.1
'@fortawesome/free-brands-svg-icons': 6.2.1
'@fortawesome/free-regular-svg-icons': 6.2.1
'@fortawesome/free-solid-svg-icons': 6.2.1
'@fortawesome/react-fontawesome': 0.2.0_z27bm67dtmuyyvss23ckjdrcuy
'@headlessui/react': 1.7.7_biqbaboplfbrettd7655fr4n2y
'@tailwindcss/line-clamp': 0.4.2_tailwindcss@3.2.4
awesome-debounce-promise: 2.1.0
@ -358,51 +358,51 @@ packages:
- supports-color
dev: true
/@fortawesome/fontawesome-common-types/0.2.36:
resolution: {integrity: sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==}
/@fortawesome/fontawesome-common-types/6.2.1:
resolution: {integrity: sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ==}
engines: {node: '>=6'}
requiresBuild: true
dev: false
/@fortawesome/fontawesome-svg-core/1.2.36:
resolution: {integrity: sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==}
/@fortawesome/fontawesome-svg-core/6.2.1:
resolution: {integrity: sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==}
engines: {node: '>=6'}
requiresBuild: true
dependencies:
'@fortawesome/fontawesome-common-types': 0.2.36
'@fortawesome/fontawesome-common-types': 6.2.1
dev: false
/@fortawesome/free-brands-svg-icons/5.15.4:
resolution: {integrity: sha512-f1witbwycL9cTENJegcmcZRYyawAFbm8+c6IirLmwbbpqz46wyjbQYLuxOc7weXFXfB7QR8/Vd2u5R3q6JYD9g==}
/@fortawesome/free-brands-svg-icons/6.2.1:
resolution: {integrity: sha512-L8l4MfdHPmZlJ72PvzdfwOwbwcCAL0vx48tJRnI6u1PJXh+j2f3yDoKyQgO3qjEsgD5Fr2tQV/cPP8F/k6aUig==}
engines: {node: '>=6'}
requiresBuild: true
dependencies:
'@fortawesome/fontawesome-common-types': 0.2.36
'@fortawesome/fontawesome-common-types': 6.2.1
dev: false
/@fortawesome/free-regular-svg-icons/5.15.4:
resolution: {integrity: sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==}
/@fortawesome/free-regular-svg-icons/6.2.1:
resolution: {integrity: sha512-wiqcNDNom75x+pe88FclpKz7aOSqS2lOivZeicMV5KRwOAeypxEYWAK/0v+7r+LrEY30+qzh8r2XDaEHvoLsMA==}
engines: {node: '>=6'}
requiresBuild: true
dependencies:
'@fortawesome/fontawesome-common-types': 0.2.36
'@fortawesome/fontawesome-common-types': 6.2.1
dev: false
/@fortawesome/free-solid-svg-icons/5.15.4:
resolution: {integrity: sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==}
/@fortawesome/free-solid-svg-icons/6.2.1:
resolution: {integrity: sha512-oKuqrP5jbfEPJWTij4sM+/RvgX+RMFwx3QZCZcK9PrBDgxC35zuc7AOFsyMjMd/PIFPeB2JxyqDr5zs/DZFPPw==}
engines: {node: '>=6'}
requiresBuild: true
dependencies:
'@fortawesome/fontawesome-common-types': 0.2.36
'@fortawesome/fontawesome-common-types': 6.2.1
dev: false
/@fortawesome/react-fontawesome/0.1.19_itb73sutiv5dicgxanxbjij2uu:
resolution: {integrity: sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==}
/@fortawesome/react-fontawesome/0.2.0_z27bm67dtmuyyvss23ckjdrcuy:
resolution: {integrity: sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==}
peerDependencies:
'@fortawesome/fontawesome-svg-core': ~1 || ~6
react: '>=16.x'
react: '>=16.3'
dependencies:
'@fortawesome/fontawesome-svg-core': 1.2.36
'@fortawesome/fontawesome-svg-core': 6.2.1
prop-types: 15.8.1
react: 18.2.0
dev: false