move katex back to a non-peer dep

Author: transitive-bullshit

examples/full/package.json

@@ -15,7 +15,6 @@
   "dependencies": {
     "@notionhq/client": "^1.0.4",
     "got": "^12.0.2",
-    "katex": "^0.15.3",
     "lqip-modern": "^1.2.0",
     "next": "^12.1.0",
     "notion-client": "^6.10.0",

packages/notion-client/readme.md

@@ -36,6 +36,10 @@ const colectionData = await api.getCollectionData(
 )
 ```
 
+## Docs
+
+See the [full docs](https://github.com/NotionX/react-notion-x).
+
 ## License
 
 MIT © [Travis Fischer](https://transitivebullsh.it)

packages/notion-types/readme.md

@@ -22,6 +22,10 @@ This package only exports types and is compatible with both Node.js and browsers
 import * as notion from 'notion-types'
 ```
 
+## Docs
+
+See the [full docs](https://github.com/NotionX/react-notion-x).
+
 ## License
 
 MIT © [Travis Fischer](https://transitivebullsh.it)

packages/notion-utils/readme.md

@@ -33,6 +33,10 @@ parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04', { uuid: false })
 // 'd9ae0c6e7cad49a78e21d240cf2e3d04'
 ```
 
+## Docs
+
+See the [full docs](https://github.com/NotionX/react-notion-x).
+
 ## License
 
 MIT © [Travis Fischer](https://transitivebullsh.it)

packages/react-notion-x/package.json

@@ -25,6 +25,7 @@
     "@fisch0920/medium-zoom": "^1.0.7",
     "@matejmazur/react-katex": "^3.1.3",
     "@radix-ui/react-dropdown-menu": "^0.1.6",
+    "katex": "^0.15.3",
     "notion-types": "^6.9.4",
     "notion-utils": "^6.10.0",
     "prismjs": "^1.27.0",
@@ -48,13 +49,7 @@
     "react-dom": "^17.0.2"
   },
   "peerDependencies": {
-    "katex": "^0.13.18",
     "react": ">=16",
     "react-dom": ">=16"
-  },
-  "peerDependenciesMeta": {
-    "katex": {
-      "optional": true
-    }
   }
 }

packages/react-notion-x/readme.md

@@ -8,57 +8,9 @@
 
 [![NPM](https://img.shields.io/npm/v/react-notion-x.svg)](https://www.npmjs.com/package/react-notion-x) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)
 
-## Install
+## Docs
 
-```bash
-npm install react-notion-x
-```
-
-## Usage
-
-First you'll want to fetch the content for a Notion page:
-
-```ts
-import { NotionAPI } from 'notion-client'
-
-const api = new NotionAPI()
-
-// fetch the page's content, including all async blocks, collection queries, and signed urls
-const recordMap = await api.getPage('067dd719a912471ea9a3ac10710e7fdf')
-```
-
-Once you have the data for a Notion page, you can render it:
-
-```tsx
-import * as React from 'react'
-import { NotionRenderer } from 'react-notion-x'
-
-export default ExampleNotionPage({ recordMap }) => (
-  <NotionRenderer
-    recordMap={recordMap}
-    fullPage={true}
-    darkMode={false}
-  />
-)
-```
-
-## Styles
-
-You'll need to import some CSS styles as well. If you're using Next.js, we recommend you put these in `pages/_app.js`:
-
-```ts
-// core styles shared by all of react-notion-x (required)
-import 'react-notion-x/src/styles.css'
-
-// used for code syntax highlighting (optional)
-import 'prismjs/themes/prism-tomorrow.css'
-
-// used for collection views (optional)
-import 'rc-dropdown/assets/index.css'
-
-// used for rendering equations (optional)
-import 'katex/dist/katex.min.css'
-```
+See the [full docs](https://github.com/NotionX/react-notion-x).
 
 ## License
 

readme.md

@@ -153,7 +153,7 @@ export default ({ recordMap }) => (
 
 The `Code` component uses [Prism]() under the hood. It comes bundled with support for JavaScript, TypeScript, and CSS by default. To add support for additional language syntaxes, follow the example in [`components/NotionPage.tsx`](./examples/full/components/NotionPage.tsx) which lazily loads Prism components at runtime.
 
-For `Equation` support, you need to manually add `katex` as a dependency to your project (`yarn add katex` or `npm install katex`). You'll also need to import the katex CSS styles.
+For `Equation` support, you'll need to import the katex CSS styles.
 
 For each of these optional components, make sure you're also importing the relevant third-party CSS if needed ([above](#Styles)).