NotionX / react-notion-x

Fast and accurate React renderer for Notion. TS batteries included. ⚡️
https://react-notion-x-demo.transitivebullsh.it
MIT License
4.69k stars 544 forks source link

Match Ordered List number to Notion #548

Open PascalPixel opened 3 months ago

PascalPixel commented 3 months ago

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch react-notion-x@6.16.0 for the project I'm working on.

Re-implements #437 to match the list numbers shown in Notion 🎊

Here is the diff that solved my problem:

diff --git a/node_modules/react-notion-x/build/index.js b/node_modules/react-notion-x/build/index.js
index a18bcfd..721a4cb 100644
--- a/node_modules/react-notion-x/build/index.js
+++ b/node_modules/react-notion-x/build/index.js
@@ -318,7 +318,10 @@ var getListNumber = (blockId, blockMap) => {
   if (!group) {
     return;
   }
-  return group.indexOf(blockId) + 1;
+  return (
+    blockMap[blockId].value.format?.list_start_index ||
+    group.indexOf(blockId) + 1
+  )
 };
 var getHashFragmentValue = (url) => {
   return url.includes("#") ? url.replace(/^.+(#.+)$/, "$1") : "";

This issue body was partially generated by patch-package.