@texonom/nreact 1.1.0

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

@@ -0,0 +1,9 @@
+import * 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/equation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"equation.d.ts","sourceRoot":"","sources":["../../src/third-party/equation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAaA,CAAA"}

package/build/third-party/equation.js

@@ -0,0 +1,36 @@
+import {
+  cs,
+  useNotionContext
+} from "../chunk-RGP7M4NM.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-723T62SD.js";
+
+// src/third-party/equation.tsx
+import * as React from "react";
+import Katex from "@matejmazur/react-katex";
+import { getBlockTitle } from "@texonom/nutils";
+var katexSettings = {
+  throwOnError: false,
+  strict: false
+};
+var Equation = (_a) => {
+  var _b = _a, { block, math, inline = false, className } = _b, rest = __objRest(_b, ["block", "math", "inline", "className"]);
+  const { recordMap } = useNotionContext();
+  math = math || getBlockTitle(block, recordMap);
+  if (!math)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: cs("notion-equation", inline ? "notion-equation-inline" : "notion-equation-block", className)
+    },
+    /* @__PURE__ */ React.createElement(Katex, __spreadValues({ math, settings: katexSettings }, rest))
+  );
+};
+export {
+  Equation
+};

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

@@ -0,0 +1,21 @@
+import * as types from '@texonom/ntypes';
+export interface EvalFormulaContext {
+    properties: types.PropertyMap;
+    schema: types.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: types.Formula, context: EvalFormulaContext): types.FormulaResult;
+//# sourceMappingURL=eval-formula.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eval-formula.d.ts","sourceRoot":"","sources":["../../src/third-party/eval-formula.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,iBAAiB,CAAA;AAaxC,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAA;IAC7B,MAAM,EAAE,KAAK,CAAC,2BAA2B,CAAA;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAoEpG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/third-party/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/build/third-party/modal.js

@@ -0,0 +1,7 @@
+import "../chunk-723T62SD.js";
+
+// src/third-party/modal.tsx
+import Modal from "react-modal";
+export {
+  Modal
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../src/third-party/pdf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAc1C,CAAA"}

package/build/third-party/pdf.js

@@ -0,0 +1,20 @@
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-723T62SD.js";
+
+// src/third-party/pdf.tsx
+import * as React from "react";
+import { Document, Page, pdfjs } from "react-pdf";
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.js`;
+var Pdf = (_a) => {
+  var _b = _a, { file } = _b, rest = __objRest(_b, ["file"]);
+  const [numPages, setNumPages] = React.useState(null);
+  function onDocumentLoadSuccess({ numPages: numPages2 }) {
+    setNumPages(numPages2);
+  }
+  return /* @__PURE__ */ React.createElement(Document, __spreadValues({ file, onLoadSuccess: onDocumentLoadSuccess }, rest), Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ React.createElement(Page, { key: `page_${index + 1}`, pageNumber: index + 1 })));
+};
+export {
+  Pdf
+};

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as types from '@texonom/ntypes';
+export interface IPropertyProps {
+    propertyId?: string;
+    schema?: types.CollectionPropertySchema;
+    data?: types.Decoration[];
+    block?: types.Block;
+    collection?: types.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/third-party/property.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property.d.ts","sourceRoot":"","sources":["../../src/third-party/property.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,KAAK,MAAM,iBAAiB,CAAA;AAaxC,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAA;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,UAAU,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAK7C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoVjD,CAAA;AAED,eAAO,MAAM,gBAAgB,4CAA2B,CAAA"}

package/build/types.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import * as types from '@texonom/ntypes';
+export type MapPageUrlFn = (pageId: string, recordMap?: types.ExtendedRecordMap | undefined) => string;
+export type MapImageUrlFn = (url: string, block: types.Block) => string;
+export type SearchNotionFn = (params: types.SearchParams) => Promise<types.SearchResults>;
+export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
+export interface NotionComponents {
+    Image: any;
+    Link: any;
+    PageLink: any;
+    Checkbox: React.FC<{
+        isChecked: boolean;
+        blockId: string;
+    }>;
+    Code: any;
+    Equation: any;
+    Callout?: any;
+    Collection: any;
+    Property?: any;
+    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: any;
+    Tweet: any;
+    Modal: any;
+    Embed: any;
+    Header: any;
+    nextImage?: any;
+    nextLink?: any;
+}
+export interface CollectionViewProps {
+    collection: types.Collection;
+    collectionView: types.CollectionView;
+    collectionData: types.CollectionQueryResult;
+    padding?: number;
+    width?: number;
+}
+export interface CollectionCardProps {
+    collection: types.Collection;
+    block: types.PageBlock;
+    cover: types.CollectionCardCover;
+    coverSize: types.CollectionCardCoverSize;
+    coverAspect: types.CollectionCardCoverAspect;
+    properties?: Array<{
+        property: types.PropertyID;
+        visible: boolean;
+    }>;
+    className?: string;
+}
+export interface CollectionGroupProps {
+    collection: types.Collection;
+    collectionViewComponent: React.ElementType;
+    collectionGroup: any;
+    hidden: boolean;
+    schema: any;
+    value: any;
+    summaryProps: any;
+    detailsProps: any;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/build/utils.d.ts

@@ -0,0 +1,10 @@
+import { BlockMap } from '@texonom/ntypes';
+export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
+export * from './map-image-url';
+export * from './map-page-url';
+export declare const cs: (...classes: Array<string | undefined | false>) => string;
+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/build/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACzE,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,eAAO,MAAM,EAAE,eAAgB,MAAM,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,WAAuC,CAAA;AA8BvG,eAAO,MAAM,aAAa,YAAa,MAAM,+BAO5C,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAS,MAAM,WAE/C,CAAA;AAED,eAAO,MAAM,SAAS,SAAgC,CAAA;AAUtD,eAAO,MAAM,YAAY,QAAS,MAAM,KAAG,MAAM,GAAG,IAcnD,CAAA"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@texonom/nreact",
+  "version": "1.1.0",
+  "type": "module",
+  "description": "Fast and accurate React renderer for Notion.",
+  "repository": "texonom/notion",
+  "author": "Alan Jo <sungle3737@gmail.com>",
+  "license": "MIT",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "build",
+    "src/styles.css"
+  ],
+  "engines": {
+    "node": ">=v12.22.12"
+  },
+  "dependencies": {
+    "@fisch0920/medium-zoom": "^1.0.7",
+    "@matejmazur/react-katex": "^3.1.3",
+    "katex": "^0.16.7",
+    "prismjs": "^1.29.0",
+    "react-fast-compare": "^3.2.1",
+    "react-hotkeys-hook": "^3.4.7",
+    "react-image": "^4.1.0",
+    "react-modal": "^3.16.1",
+    "react-pdf": "^5.7.2",
+    "react-use": "^17.4.0",
+    "@texonom/ntypes": "^1.1.0",
+    "@texonom/nutils": "^1.1.0"
+  },
+  "devDependencies": {
+    "@types/lodash.throttle": "^4.1.7",
+    "@types/node": "^16.18.28",
+    "@types/react": "^17.0.59",
+    "clipboard-copy": "^4.0.1",
+    "date-fns": "^2.30.0",
+    "format-number": "^3.0.0",
+    "lodash.throttle": "^4.1.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "peerDependencies": {
+    "react": ">=16",
+    "react-dom": ">=16"
+  },
+  "standard-version": {
+    "skip": {
+      "commit": true,
+      "tag": true
+    }
+  },
+  "scripts": {
+    "build": "tsc && tsup",
+    "watch": "tsup --watch --silent --onSuccess 'echo build successful'",
+    "prerelease": "standard-version --skip.changelog --prerelease",
+    "release": "standard-version --release-as",
+    "pu": "pnpm publish"
+  }
+}

package/readme.md

@@ -0,0 +1,19 @@
+<p align="center">
+  <img alt="React Notion X" src="https://raw.githubusercontent.com/texonom/notion/master/media/notion-ts.png" width="689">
+</p>
+
+# React Notion X
+
+> Fast and accurate React renderer for Notion.
+
+[![NPM](https://img.shields.io/npm/v/nreact.svg)](https://www.npmjs.com/package/nreact) [![Build Status](https://github.com/texonom/notion/actions/workflows/test.yml/badge.svg)](https://github.com/texonom/notion/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)
+
+## Docs
+
+See the [full docs](https://github.com/texonom/notion).
+
+## License
+
+MIT © [Travis Fischer](https://transitivebullsh.it)
+
+Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>