🎳

lib/preview-images.ts

@@ -72,7 +72,7 @@ async function createPreviewImage(
 
     return previewImage
   } catch (err) {
-    console.warn('error creating preview image', url, err.message)
+    console.warn('failed to create preview image', url, err.message)
     return null
   }
 }

package.json

@@ -46,7 +46,7 @@
     "react-body-classname": "^1.3.1",
     "react-dom": "^17.0.2",
     "react-icons": "^4.3.1",
-    "react-notion-x": "^6.4.0",
+    "react-notion-x": "^6.4.1-alpha.4",
     "react-static-tweets": "^0.7.1",
     "react-use": "^17.3.2",
     "static-tweets": "^0.7.1"

pages/_app.tsx

@@ -2,7 +2,16 @@
 import 'styles/global.css'
 
 // core styles shared by all of react-notion-x (required)
-import 'react-notion-x/src/styles.css'
+import 'react-notion-x/build/styles.css'
+
+// used for collection views (optional)
+import 'react-notion-x/build/third-party/collection.css'
+
+// used for rendering equations (optional)
+import 'react-notion-x/build/third-party/equation.css'
+
+// used for tweet embeds (optional)
+import 'react-static-tweets/styles.css'
 
 // used for code syntax highlighting (optional)
 import 'prismjs/themes/prism-coy.css'
@@ -10,15 +19,6 @@ import 'prismjs/themes/prism-coy.css'
 // this might be better for dark mode
 // import 'prismjs/themes/prism-okaidia.css'
 
-// used for collection views selector (optional)
-import 'rc-dropdown/assets/index.css'
-
-// used for rendering equations (optional)
-import 'katex/dist/katex.min.css'
-
-// core styles for static tweet renderer (optional)
-import 'react-static-tweets/styles.css'
-
 // global style overrides for notion
 import 'styles/notion.css'
 

yarn.lock

@@ -758,11 +758,6 @@ clean-stack@^4.0.0:
   dependencies:
     escape-string-regexp "5.0.0"
 
-clipboard-copy@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/clipboard-copy/-/clipboard-copy-4.0.1.tgz#326ef9726d4ffe72d9a82a7bbe19379de692017d"
-  integrity sha512-wOlqdqziE/NNTUJsfSgXmBMIrYmfd5V0HCGsR8uAKHcg+h9NENWINcfRjtWGU77wDHC8B8ijV4hMTGYbrKovng==
-
 clone-response@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
@@ -1427,11 +1422,6 @@ form-data@^3.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-format-number@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/format-number/-/format-number-3.0.0.tgz#92bbf34ce5e04eb637a9a3a4f65980d5af137393"
-  integrity sha512-RWcbtINcRZ2DWCo4EcJgOJUYIwtsY5LKlTtL5OX1vfGsxEEK5mKaGxZC0p4Mgy63vXR12rut3lnjwCQ8YIlRMw==
-
 formdata-polyfill@^4.0.10:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
@@ -2024,11 +2014,6 @@ is-symbol@^1.0.2, is-symbol@^1.0.3:
   dependencies:
     has-symbols "^1.0.2"
 
-is-url-superb@4:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-url-superb/-/is-url-superb-4.0.0.tgz#b54d1d2499bb16792748ac967aa3ecb41a33a8c2"
-  integrity sha512-GI+WjezhPPcbM+tqE9LnmsY5qqjwHzTvjJ36wxYX5ujNXefSUJ/T17r5bqDV8yLhcgB59KTPNOc9O9cmHTPWsA==
-
 is-url-superb@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/is-url-superb/-/is-url-superb-6.1.0.tgz#182f0d92b482412afeadfba8e6ea2c76680e3631"
@@ -2175,11 +2160,6 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.throttle@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
-  integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
-
 lodash@^4.17.20, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -2915,9 +2895,9 @@ rc-align@^4.0.0:
     resize-observer-polyfill "^1.5.1"
 
 rc-dropdown@^3.3.3:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/rc-dropdown/-/rc-dropdown-3.4.0.tgz#05c9404975890cc0dd8fef5492135485c6426840"
-  integrity sha512-PhBct26Rsh939eFSvsOMQPrQtsteD/0lQeAK+ZA7IKO+uyLgpDqwE0kdNFPHm4ApoT1sWms7hRJdYWRNQC6pcw==
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/rc-dropdown/-/rc-dropdown-3.4.1.tgz#909e8c666a9f994bd804147aaf7f8f5859dae0db"
+  integrity sha512-Q+1s64b21H5Ye1/1MVY9hKrdsv2MJhrtrnZ4R2O3TqeHoJTddvkDp9VmjMYFEKLdkKzYZ7BIA+9bvNB5dAILXg==
   dependencies:
     "@babel/runtime" "^7.10.1"
     classnames "^2.2.6"
@@ -3066,18 +3046,13 @@ react-modal@^3.14.3:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
-react-notion-x@^6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/react-notion-x/-/react-notion-x-6.4.0.tgz#474fd4953cc6b70c28a0b3952c7e7077ac4feb28"
-  integrity sha512-N4zwF2bRHwA7Jevb+XD4EBtd+uBtZtmYihdAvLuVcnc2QV1+1ozZaOuk7NmxLiZlGlO7/Q2pU+I1ehdmCsXHBg==
+react-notion-x@^6.4.1-alpha.4:
+  version "6.4.1-alpha.4"
+  resolved "https://registry.yarnpkg.com/react-notion-x/-/react-notion-x-6.4.1-alpha.4.tgz#750de5908959e7f4e58cc6409aace2f15b84a531"
+  integrity sha512-PK28v6BhYoWO4DR1sqrvJhGyBt26n3Q1Xx5GCaA7Hpv48+b6V0LkFCOGi2A89aqZYiCrEq/slG+riVTW6z+rhQ==
   dependencies:
     "@matejmazur/react-katex" "^3.1.3"
-    clipboard-copy "^4.0.1"
-    date-fns "^2.28.0"
-    format-number "^3.0.0"
-    is-url-superb "4"
     katex "^0.13.18"
-    lodash.throttle "^4.1.1"
     medium-zoom "^1.0.6"
     notion-types "^6.4.0"
     notion-utils "^6.4.0"