@texonom/nreact 1.4.7 → 1.5.0

package/build/third-party/code.d.ts

@@ -1,17 +1,8 @@
-import React from 'react';
-import { CodeBlock } from '@texonom/ntypes';
-import 'prismjs/components/prism-clike.min.js';
-import 'prismjs/components/prism-css-extras.min.js';
-import 'prismjs/components/prism-css.min.js';
-import 'prismjs/components/prism-javascript.min.js';
-import 'prismjs/components/prism-js-extras.min.js';
-import 'prismjs/components/prism-json.min.js';
-import 'prismjs/components/prism-jsx.min.js';
-import 'prismjs/components/prism-tsx.min.js';
-import 'prismjs/components/prism-typescript.min.js';
-export declare const Code: React.FC<{
-    block: CodeBlock;
-    defaultLanguage?: string;
-    className?: string;
-}>;
+import { default as React } from 'react';
+import { CodeBlock } from '@texonom/ntypes';
+export declare const Code: React.FC<{
+    block: CodeBlock;
+    defaultLanguage?: string;
+    className?: string;
+}>;
 //# sourceMappingURL=code.d.ts.map

package/build/third-party/collection-card.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionCardProps } from '../types';
-export declare const CollectionCard: React.FC<CollectionCardProps>;
+import { default as React } from 'react';
+import { CollectionCardProps } from '../types';
+export declare const CollectionCard: React.FC<CollectionCardProps>;
 //# sourceMappingURL=collection-card.d.ts.map

package/build/third-party/collection-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-card.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkKxD,CAAA"}
+{"version":3,"file":"collection-card.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuKxD,CAAA"}

package/build/third-party/collection-column-title.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { CollectionPropertySchema } from '@texonom/ntypes';
-export declare const CollectionColumnTitle: React.FC<{
-    schema: CollectionPropertySchema;
-}>;
+import { default as React } from 'react';
+import { CollectionPropertySchema } from '@texonom/ntypes';
+export declare const CollectionColumnTitle: React.FC<{
+    schema: CollectionPropertySchema;
+}>;
 //# sourceMappingURL=collection-column-title.d.ts.map

package/build/third-party/collection-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionGroupProps } from '../types';
-export declare const CollectionGroup: React.FC<CollectionGroupProps>;
+import { default as React } from 'react';
+import { CollectionGroupProps } from '../types';
+export declare const CollectionGroup: React.FC<CollectionGroupProps>;
 //# sourceMappingURL=collection-group.d.ts.map

package/build/third-party/collection-row.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { PageBlock } from '@texonom/ntypes';
-export declare const CollectionRow: React.FC<{
-    block: PageBlock;
-    pageHeader?: boolean;
-    className?: string;
-}>;
+import { default as React } from 'react';
+import { PageBlock } from '@texonom/ntypes';
+export declare const CollectionRow: React.FC<{
+    block: PageBlock;
+    pageHeader?: boolean;
+    className?: string;
+}>;
 //# sourceMappingURL=collection-row.d.ts.map

package/build/third-party/collection-utils.d.ts

@@ -1,3 +1,3 @@
-import type { CollectionView, Collection } from '@texonom/ntypes';
-export declare function getCollectionGroups(collection: Collection, collectionView: CollectionView, collectionData: any, ...rest: any[]): any;
+import { CollectionView, Collection } from '@texonom/ntypes';
+export declare function getCollectionGroups(collection: Collection, collectionView: CollectionView, collectionData: any, ...rest: any[]): any;
 //# sourceMappingURL=collection-utils.d.ts.map

package/build/third-party/collection-view-board.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewBoard: React.FC<CollectionViewProps>;
+import { default as React } from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewBoard: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-board.d.ts.map

package/build/third-party/collection-view-gallery.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewGallery: React.FC<CollectionViewProps>;
+import { default as React } from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewGallery: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-gallery.d.ts.map

package/build/third-party/collection-view-list.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewList: React.FC<CollectionViewProps>;
+import { default as React } from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewList: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-list.d.ts.map

package/build/third-party/collection-view-table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewTable: React.FC<CollectionViewProps>;
+import { default as React } from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewTable: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-table.d.ts.map

package/build/third-party/collection-view.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewImpl: React.FC<CollectionViewProps>;
-export declare const CollectionView: React.NamedExoticComponent<CollectionViewProps>;
+import { default as React } from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewImpl: React.FC<CollectionViewProps>;
+export declare const CollectionView: React.NamedExoticComponent<CollectionViewProps>;
 //# sourceMappingURL=collection-view.d.ts.map

package/build/third-party/collection.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { NotionContext } from '../context';
-import { PropertyImplMemo } from './property';
-import type { PageBlock, CollectionViewBlock, CollectionViewPageBlock } from '@texonom/ntypes';
-export declare const Collection: React.FC<{
-    block: CollectionViewBlock | CollectionViewPageBlock | PageBlock;
-    className?: string;
-    ctx: NotionContext;
-}>;
-declare const CollectionViewBlock: React.FC<{
-    block: CollectionViewBlock | CollectionViewPageBlock;
-    className?: string;
-}>;
-export { PropertyImplMemo as Property };
+import { default as React } from 'react';
+import { NotionContext } from '../context';
+import { PropertyImplMemo } from './property';
+import { PageBlock, CollectionViewBlock, CollectionViewPageBlock } from '@texonom/ntypes';
+export declare const Collection: React.FC<{
+    block: CollectionViewBlock | CollectionViewPageBlock | PageBlock;
+    className?: string;
+    ctx: NotionContext;
+}>;
+declare const CollectionViewBlock: React.FC<{
+    block: CollectionViewBlock | CollectionViewPageBlock;
+    className?: string;
+}>;
+export { PropertyImplMemo as Property };
 //# sourceMappingURL=collection.d.ts.map

package/build/third-party/equation.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { EquationBlock } from '@texonom/ntypes';
-export declare const Equation: React.FC<{
-    block: EquationBlock;
-    math?: string;
-    inline?: boolean;
-    className?: string;
-}>;
+import { default as React } from 'react';
+import { EquationBlock } from '@texonom/ntypes';
+export declare const Equation: React.FC<{
+    block: EquationBlock;
+    math?: string;
+    inline?: boolean;
+    className?: string;
+}>;
 //# sourceMappingURL=equation.d.ts.map

package/build/third-party/eval-formula.d.ts

@@ -1,21 +1,21 @@
-import type { PropertyMap, CollectionPropertySchemaMap, Formula, FormulaResult } from '@texonom/ntypes';
-export interface EvalFormulaContext {
-    properties: PropertyMap;
-    schema: CollectionPropertySchemaMap;
-    endDate?: boolean;
-}
-/**
- * Evaluates a Notion formula expression to a result value.
- *
- * All built-in functions and operators are supported.
- *
- * NOTE: this needs a lot more testing, especially around covering all the different
- * function types and coercing different property values correctly.
- *
- * It does work for many of our test cases, however.
- *
- * @param formula - Formula to evaluate.
- * @param context - Collection context containing property schema and values.
- */
-export declare function evalFormula(formula: Formula, context: EvalFormulaContext): FormulaResult;
+import { PropertyMap, CollectionPropertySchemaMap, Formula, FormulaResult } from '@texonom/ntypes';
+export interface EvalFormulaContext {
+    properties: PropertyMap;
+    schema: CollectionPropertySchemaMap;
+    endDate?: boolean;
+}
+/**
+ * Evaluates a Notion formula expression to a result value.
+ *
+ * All built-in functions and operators are supported.
+ *
+ * NOTE: this needs a lot more testing, especially around covering all the different
+ * function types and coercing different property values correctly.
+ *
+ * It does work for many of our test cases, however.
+ *
+ * @param formula - Formula to evaluate.
+ * @param context - Collection context containing property schema and values.
+ */
+export declare function evalFormula(formula: Formula, context: EvalFormulaContext): FormulaResult;
 //# sourceMappingURL=eval-formula.d.ts.map

package/build/third-party/modal.d.ts

@@ -1,3 +1,3 @@
-import Modal from 'react-modal';
-export { Modal };
+import { default as Modal } from 'react-modal';
+export { Modal };
 //# sourceMappingURL=modal.d.ts.map

package/build/third-party/pdf.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const Pdf: React.FC<{
-    file: string;
-}>;
+import { default as React } from 'react';
+export declare const Pdf: React.FC<{
+    file: string;
+}>;
 //# sourceMappingURL=pdf.d.ts.map

package/build/third-party/property.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import type { CollectionPropertySchema, Decoration, Block, Collection } from '@texonom/ntypes';
-export interface IPropertyProps {
-    propertyId?: string;
-    schema?: CollectionPropertySchema;
-    data?: Decoration[];
-    block?: Block;
-    collection?: Collection;
-    inline?: boolean;
-    linkToTitlePage?: boolean;
-    pageHeader?: boolean;
-}
-/**
- * Renders a single value of structured Notion data according to its schema.
- *
- * This corresponds to rendering the content of a single cell in a table.
- * Property rendering is re-used across all the different types of collection views.
- */
-export declare const Property: React.FC<IPropertyProps>;
-export declare const PropertyImpl: React.FC<IPropertyProps>;
-export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
+import { default as React } from 'react';
+import { CollectionPropertySchema, Decoration, Block, Collection } from '@texonom/ntypes';
+export interface IPropertyProps {
+    propertyId?: string;
+    schema?: CollectionPropertySchema;
+    data?: Decoration[];
+    block?: Block;
+    collection?: Collection;
+    inline?: boolean;
+    linkToTitlePage?: boolean;
+    pageHeader?: boolean;
+}
+/**
+ * Renders a single value of structured Notion data according to its schema.
+ *
+ * This corresponds to rendering the content of a single cell in a table.
+ * Property rendering is re-used across all the different types of collection views.
+ */
+export declare const Property: React.FC<IPropertyProps>;
+export declare const PropertyImpl: React.FC<IPropertyProps>;
+export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
 //# sourceMappingURL=property.d.ts.map

package/build/types.d.ts

@@ -1,94 +1,94 @@
-import React from 'react';
-import type { ExtendedRecordMap, Block, SearchParams, SearchResults, CollectionView, CollectionQueryResult, PageBlock, CollectionCardCover, CollectionCardCoverSize, CollectionCardCoverAspect, PropertyID, Collection, CodeBlock } from '@texonom/ntypes';
-export type MapPageUrlFn = (pageId: string, recordMap?: ExtendedRecordMap | undefined) => string;
-export type MapImageUrlFn = (url: string, block: Block) => string;
-export type SearchNotionFn = (params: SearchParams) => Promise<SearchResults>;
-export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
-export interface NotionComponents {
-    Image: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Link: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    PageLink: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Checkbox: React.FC<{
-        isChecked: boolean;
-        blockId: string;
-    }>;
-    Code: React.ComponentType<{
-        block: CodeBlock;
-    }>;
-    Equation: any;
-    Callout?: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Collection: any;
-    Property?: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    propertyTextValue: ComponentOverrideFn;
-    propertySelectValue: ComponentOverrideFn;
-    propertyRelationValue: ComponentOverrideFn;
-    propertyFormulaValue: ComponentOverrideFn;
-    propertyTitleValue: ComponentOverrideFn;
-    propertyPersonValue: ComponentOverrideFn;
-    propertyFileValue: ComponentOverrideFn;
-    propertyCheckboxValue: ComponentOverrideFn;
-    propertyUrlValue: ComponentOverrideFn;
-    propertyEmailValue: ComponentOverrideFn;
-    propertyPhoneNumberValue: ComponentOverrideFn;
-    propertyNumberValue: ComponentOverrideFn;
-    propertyLastEditedTimeValue: ComponentOverrideFn;
-    propertyCreatedTimeValue: ComponentOverrideFn;
-    propertyDateValue: ComponentOverrideFn;
-    Pdf: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Tweet: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Modal: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Embed: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    Header: React.ComponentType<{
-        [prop: string]: unknown;
-    }>;
-    nextImage?: any;
-    nextLink?: any;
-}
-export interface CollectionViewProps {
-    collection: Collection;
-    collectionView: CollectionView;
-    collectionData: CollectionQueryResult;
-    padding?: number;
-    width?: number;
-}
-export interface CollectionCardProps {
-    collection: Collection;
-    block: PageBlock;
-    cover: CollectionCardCover;
-    coverSize: CollectionCardCoverSize;
-    coverAspect: CollectionCardCoverAspect;
-    properties?: Array<{
-        property: PropertyID;
-        visible: boolean;
-    }>;
-    className?: string;
-}
-export interface CollectionGroupProps {
-    collection: Collection;
-    collectionViewComponent: React.ElementType;
-    collectionGroup: any;
-    hidden: boolean;
-    schema: any;
-    value: any;
-    summaryProps: any;
-    detailsProps: any;
-}
+import { default as React } from 'react';
+import { ExtendedRecordMap, Block, SearchParams, SearchResults, CollectionView, CollectionQueryResult, PageBlock, CollectionCardCover, CollectionCardCoverSize, CollectionCardCoverAspect, PropertyID, Collection, CodeBlock } from '@texonom/ntypes';
+export type MapPageUrlFn = (pageId: string, recordMap?: ExtendedRecordMap | undefined) => string;
+export type MapImageUrlFn = (url: string, block: Block) => string;
+export type SearchNotionFn = (params: SearchParams) => Promise<SearchResults>;
+export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
+export interface NotionComponents {
+    Image: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Link: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    PageLink: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Checkbox: React.FC<{
+        isChecked: boolean;
+        blockId: string;
+    }>;
+    Code: React.ComponentType<{
+        block: CodeBlock;
+    }>;
+    Equation: any;
+    Callout?: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Collection: any;
+    Property?: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    propertyTextValue: ComponentOverrideFn;
+    propertySelectValue: ComponentOverrideFn;
+    propertyRelationValue: ComponentOverrideFn;
+    propertyFormulaValue: ComponentOverrideFn;
+    propertyTitleValue: ComponentOverrideFn;
+    propertyPersonValue: ComponentOverrideFn;
+    propertyFileValue: ComponentOverrideFn;
+    propertyCheckboxValue: ComponentOverrideFn;
+    propertyUrlValue: ComponentOverrideFn;
+    propertyEmailValue: ComponentOverrideFn;
+    propertyPhoneNumberValue: ComponentOverrideFn;
+    propertyNumberValue: ComponentOverrideFn;
+    propertyLastEditedTimeValue: ComponentOverrideFn;
+    propertyCreatedTimeValue: ComponentOverrideFn;
+    propertyDateValue: ComponentOverrideFn;
+    Pdf: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Tweet: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Modal: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Embed: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    Header: React.ComponentType<{
+        [prop: string]: unknown;
+    }>;
+    nextImage?: any;
+    nextLink?: any;
+}
+export interface CollectionViewProps {
+    collection: Collection;
+    collectionView: CollectionView;
+    collectionData: CollectionQueryResult;
+    padding?: number;
+    width?: number;
+}
+export interface CollectionCardProps {
+    collection: Collection;
+    block: PageBlock;
+    cover: CollectionCardCover;
+    coverSize: CollectionCardCoverSize;
+    coverAspect: CollectionCardCoverAspect;
+    properties?: Array<{
+        property: PropertyID;
+        visible: boolean;
+    }>;
+    className?: string;
+}
+export interface CollectionGroupProps {
+    collection: Collection;
+    collectionViewComponent: React.ElementType;
+    collectionGroup: any;
+    hidden: boolean;
+    schema: any;
+    value: any;
+    summaryProps: any;
+    detailsProps: any;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/utils.d.ts

@@ -1,7 +1,7 @@
-import { BlockMap } from '@texonom/ntypes';
-export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
-export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
-export declare const getHashFragmentValue: (url: string) => string;
-export declare const isBrowser: boolean;
-export declare const getYoutubeId: (url: string) => string | null;
+import { BlockMap } from '@texonom/ntypes';
+export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
+export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
+export declare const getHashFragmentValue: (url: string) => string;
+export declare const isBrowser: boolean;
+export declare const getYoutubeId: (url: string) => string | null;
 //# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texonom/nreact",
-  "version": "1.4.7",
+  "version": "1.5.0",
   "type": "module",
   "description": "Fast and accurate React renderer for Notion.",
   "repository": "texonom/notion-node",
@@ -15,32 +15,32 @@
     "src/styles.css"
   ],
   "engines": {
-    "node": ">=22.16.0"
+    "node": ">=22.22.0"
   },
   "dependencies": {
     "@fisch0920/medium-zoom": "^1.0.7",
     "@matejmazur/react-katex": "^3.1.3",
-    "katex": "^0.16.22",
+    "katex": "^0.16.28",
     "prismjs": "^1.30.0",
     "react-fast-compare": "^3.2.2",
-    "react-hotkeys-hook": "^5.1.0",
+    "react-hotkeys-hook": "^5.2.4",
     "react-image": "^4.1.0",
     "react-modal": "^3.16.3",
-    "react-pdf": "^9.2.1",
+    "react-pdf": "^10.3.0",
     "react-use": "^17.6.0",
-    "@texonom/ntypes": "^1.4.7",
-    "@texonom/nutils": "^1.4.7"
+    "@texonom/nutils": "^1.5.0",
+    "@texonom/ntypes": "^1.5.0"
   },
   "devDependencies": {
     "@types/lodash.throttle": "^4.1.9",
-    "@types/node": "^22.15.30",
-    "@types/react": "^19.1.6",
+    "@types/node": "^22.19.11",
+    "@types/react": "^19.2.14",
     "clipboard-copy": "^4.0.1",
     "date-fns": "^2.30.0",
     "format-number": "^3.0.0",
     "lodash.throttle": "^4.1.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "peerDependencies": {
     "react": ">=16",
@@ -53,8 +53,8 @@
     }
   },
   "scripts": {
-    "build": "tsc && tsup",
-    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "build": "tsc && vite build",
+    "watch": "vite build --watch --mode development",
     "prerelease": "standard-version --skip.changelog --prerelease",
     "release": "standard-version --release-as",
     "pu": "pnpm publish"

package/readme.md

@@ -0,0 +1,59 @@
+# React Notion X
+
+Fast and accurate React renderer for Notion.
+
+[![NPM](https://img.shields.io/npm/v/@texonom/nreact.svg)](https://www.npmjs.com/package/@texonom/nreact) [![Build Status](https://github.com/texonom/notion-node/actions/workflows/test.yml/badge.svg)](https://github.com/texonom/notion-node/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)
+
+## Features
+
+- Render pages from `@texonom/nclient` or `@texonom/ncompat` record maps
+- Built-in search dialog and Table of Contents
+- Lightweight components with sensible defaults
+
+Use the renderer as a drop-in component or import pieces for your own UI.
+
+## Usage
+
+```tsx
+import { NotionRenderer } from '@texonom/nreact'
+;<NotionRenderer recordMap={recordMap} fullPage />
+```
+
+```tsx
+// customize links and image urls
+<NotionRenderer
+  recordMap={recordMap}
+  fullPage
+  mapPageUrl={id => `/docs/${id}`}
+  mapImageUrl={url => `/api/image/${encodeURIComponent(url)}`}
+  components={{
+    nextLink: ({ href, children }) => <a href={href}>{children}</a>
+  }}
+/>
+```
+
+```tsx
+// use a single component
+import { Text } from '@texonom/nreact'
+
+function Title({ value }) {
+  return <Text value={value} />
+}
+```
+
+## API
+
+Exports:
+
+- `NotionRenderer`
+- block components like `Text`, `Header`, `PageIcon`, `PageAside` and more
+- helper hooks and context
+
+## Difference from the original
+
+This fork keeps the renderer from React Notion X but integrates extra features such as backlink rendering and improved property display.
+
+## Source code
+
+- `block.tsx` – block type switch
+- `text.tsx` – decoration switch

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Seonglae Cho
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.