@texonom/nreact 1.3.1 → 1.4.1

package/build/dev/third-party/equation.js

@@ -1,10 +1,10 @@
 import {
   useNotionContext
-} from "../chunk-N6EDMIQD.js";
+} from "../chunk-SEA7YL2O.js";
 import {
   __objRest,
   __spreadValues
-} from "../chunk-Q4G2SZRD.js";
+} from "../chunk-OAIRL2FN.js";
 
 // src/third-party/equation.tsx
 import React from "react";
@@ -18,8 +18,7 @@ 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;
+  if (!math) return null;
   return /* @__PURE__ */ React.createElement(
     "span",
     {

package/build/dev/third-party/equation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/third-party/equation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Katex from '@matejmazur/react-katex'\nimport { EquationBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\n\nimport { useNotionContext } from '../context'\n\nconst katexSettings = {\n  throwOnError: false,\n  strict: false\n}\n\nexport const Equation: React.FC<{\n  block: EquationBlock\n  math?: string\n  inline?: boolean\n  className?: string\n}> = ({ block, math, inline = false, className, ...rest }) => {\n  const { recordMap } = useNotionContext()\n  math = math || getBlockTitle(block, recordMap)\n  if (!math) return null\n\n  return (\n    <span\n      role='button'\n      tabIndex={0}\n      className={`notion-equation ${inline ? 'notion-equation-inline' : 'notion-equation-block'} ${className || ''}`}>\n      <Katex math={math} settings={katexSettings} {...rest} />\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,SAAS,qBAAqB;AAI9B,IAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,IAAM,WAKR,CAAC,OAAwD;AAAxD,eAAE,SAAO,MAAM,SAAS,OAAO,UAlBrC,IAkBM,IAA6C,iBAA7C,IAA6C,CAA3C,SAAO,QAAM,UAAgB;AACnC,QAAM,EAAE,UAAU,IAAI,iBAAiB;AACvC,SAAO,QAAQ,cAAc,OAAO,SAAS;AAC7C,MAAI,CAAC;AAAM,WAAO;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,mBAAmB,SAAS,2BAA2B,uBAAuB,IAAI,aAAa,EAAE;AAAA;AAAA,IAC5G,oCAAC,wBAAM,MAAY,UAAU,iBAAmB,KAAM;AAAA,EACxD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/third-party/equation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Katex from '@matejmazur/react-katex'\nimport { EquationBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\n\nimport { useNotionContext } from '../context'\n\nconst katexSettings = {\n  throwOnError: false,\n  strict: false\n}\n\nexport const Equation: React.FC<{\n  block: EquationBlock\n  math?: string\n  inline?: boolean\n  className?: string\n}> = ({ block, math, inline = false, className, ...rest }) => {\n  const { recordMap } = useNotionContext()\n  math = math || getBlockTitle(block, recordMap)\n  if (!math) return null\n\n  return (\n    <span\n      role='button'\n      tabIndex={0}\n      className={`notion-equation ${inline ? 'notion-equation-inline' : 'notion-equation-block'} ${className || ''}`}>\n      <Katex math={math} settings={katexSettings} {...rest} />\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,SAAS,qBAAqB;AAI9B,IAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,IAAM,WAKR,CAAC,OAAwD;AAAxD,eAAE,SAAO,MAAM,SAAS,OAAO,UAlBrC,IAkBM,IAA6C,iBAA7C,IAA6C,CAA3C,SAAO,QAAM,UAAgB;AACnC,QAAM,EAAE,UAAU,IAAI,iBAAiB;AACvC,SAAO,QAAQ,cAAc,OAAO,SAAS;AAC7C,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,mBAAmB,SAAS,2BAA2B,uBAAuB,IAAI,aAAa,EAAE;AAAA;AAAA,IAC5G,oCAAC,wBAAM,MAAY,UAAU,iBAAmB,KAAM;AAAA,EACxD;AAEJ;","names":[]}

package/build/dev/third-party/modal.js

@@ -1,4 +1,4 @@
-import "../chunk-Q4G2SZRD.js";
+import "../chunk-OAIRL2FN.js";
 
 // src/third-party/modal.tsx
 import Modal from "react-modal";

package/build/dev/third-party/pdf.js

@@ -1,7 +1,7 @@
 import {
   __objRest,
   __spreadValues
-} from "../chunk-Q4G2SZRD.js";
+} from "../chunk-OAIRL2FN.js";
 
 // src/third-party/pdf.tsx
 import React from "react";

package/build/index.js

@@ -2,7 +2,7 @@ import {
   CollectionColumnTitle,
   PropertyIcon,
   iconMap
-} from "./chunk-2U7I3XVC.js";
+} from "./chunk-P7HX4BAT.js";
 import {
   Asset,
   AssetWrapper,
@@ -32,13 +32,13 @@ import {
   isUrl,
   require_lodash,
   useNotionContext
-} from "./chunk-VP33CFNB.js";
+} from "./chunk-72RHNPWF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues,
   __toESM
-} from "./chunk-FCO7MUK6.js";
+} from "./chunk-C6BUIPAM.js";
 
 // src/renderer.tsx
 import React9 from "react";
@@ -88,8 +88,7 @@ var GoogleDrive = ({ block, className }) => {
   var _a;
   const { components, mapImageUrl } = useNotionContext();
   const properties = (_a = block.format) == null ? void 0 : _a.drive_properties;
-  if (!properties)
-    return null;
+  if (!properties) return null;
   let domain;
   try {
     const url = new URL(properties.url);
@@ -127,10 +126,8 @@ var PageAside = ({ toc, activeSection, setActiveSection, pageAside, hasToc, hasA
       let currentSectionId = activeSection;
       for (let i = 0; i < sections.length; ++i) {
         const section = sections[i];
-        if (!section || !(section instanceof Element))
-          continue;
-        if (!currentSectionId)
-          currentSectionId = section.getAttribute("data-id");
+        if (!section || !(section instanceof Element)) continue;
+        if (!currentSectionId) currentSectionId = section.getAttribute("data-id");
         const bbox = section.getBoundingClientRect();
         const prevHeight = prevBBox ? bbox.top - prevBBox.bottom : 0;
         const offset = Math.max(150, prevHeight / 4);
@@ -150,16 +147,14 @@ var PageAside = ({ toc, activeSection, setActiveSection, pageAside, hasToc, hasA
     ]
   );
   React5.useEffect(() => {
-    if (!hasToc)
-      return;
+    if (!hasToc) return;
     window.addEventListener("scroll", actionSectionScrollSpy);
     actionSectionScrollSpy();
     return () => {
       window.removeEventListener("scroll", actionSectionScrollSpy);
     };
   }, [hasToc, actionSectionScrollSpy]);
-  if (!hasAside)
-    return null;
+  if (!hasAside) return null;
   return /* @__PURE__ */ React5.createElement("aside", { className: `notion-aside ${className || ""}` }, hasToc && /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ React5.createElement("nav", { className: "notion-table-of-contents" }, toc.map((tocItem) => {
     const id = uuidToId(tocItem.id);
     return /* @__PURE__ */ React5.createElement(
@@ -191,14 +186,12 @@ import React6 from "react";
 var SyncPointerBlock = ({ block, level }) => {
   var _a, _b;
   if (!block) {
-    if (true)
-      console.warn("missing sync pointer block", block.id);
+    if (true) console.warn("missing sync pointer block", block.id);
     return null;
   }
   const syncPointerBlock = block;
   const referencePointerId = (_b = (_a = syncPointerBlock == null ? void 0 : syncPointerBlock.format) == null ? void 0 : _a.transclusion_reference_pointer) == null ? void 0 : _b.id;
-  if (!referencePointerId)
-    return null;
+  if (!referencePointerId) return null;
   return /* @__PURE__ */ React6.createElement(NotionBlockRenderer, { key: referencePointerId, level, blockId: referencePointerId });
 };
 
@@ -250,8 +243,7 @@ var Block = (props) => {
     hideBlockId,
     disableHeader
   } = props;
-  if (!block)
-    return null;
+  if (!block) return null;
   if (level === 0 && block.type === "collection_view") {
     const view_block = block;
     view_block.type = "collection_view_page";
@@ -259,6 +251,7 @@ var Block = (props) => {
   const blockId = hideBlockId ? "notion-block" : `notion-block-${uuidToId2(block.id)}`;
   switch (block.type) {
     case "collection_view_page":
+    // fallthrough
     case "page":
       if (level === 0) {
         const {
@@ -363,10 +356,11 @@ var Block = (props) => {
         );
       }
     case "header":
+    // fallthrough
     case "sub_header":
+    // fallthrough
     case "sub_sub_header": {
-      if (!block.properties)
-        return null;
+      if (!block.properties) return null;
       const blockColor = (_e = block.format) == null ? void 0 : _e.block_color;
       const id = uuidToId2(block.id);
       const title = getTextContent(block.properties.title) || `Notion Header ${id}`;
@@ -383,8 +377,7 @@ var Block = (props) => {
           }
         }
       }
-      if (indentLevel !== void 0)
-        indentLevelClass = `notion-h-indent-${indentLevel}`;
+      if (indentLevel !== void 0) indentLevelClass = `notion-h-indent-${indentLevel}`;
       const isH1 = block.type === "header";
       const isH2 = block.type === "sub_header";
       const isH3 = block.type === "sub_sub_header";
@@ -404,18 +397,17 @@ var Block = (props) => {
         headerBlock = /* @__PURE__ */ React8.createElement("h4", { className: classNameStr, "data-id": id }, innerHeader);
       if ((_g = block.format) == null ? void 0 : _g.toggleable)
         return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, headerBlock), /* @__PURE__ */ React8.createElement("div", null, children));
-      else
-        return headerBlock;
+      else return headerBlock;
     }
     case "divider":
       return /* @__PURE__ */ React8.createElement("hr", { className: `notion-hr ${blockId}` });
     case "text": {
-      if (!block.properties && !((_h = block.content) == null ? void 0 : _h.length))
-        return /* @__PURE__ */ React8.createElement("div", { className: `notion-blank ${blockId}` }, "\xA0");
+      if (!block.properties && !((_h = block.content) == null ? void 0 : _h.length)) return /* @__PURE__ */ React8.createElement("div", { className: `notion-blank ${blockId}` }, "\xA0");
       const blockColor = (_i = block.format) == null ? void 0 : _i.block_color;
       return /* @__PURE__ */ React8.createElement("div", { className: `notion-text ${blockColor && `notion-${blockColor}`} ${blockId}` }, ((_j = block.properties) == null ? void 0 : _j.title) && /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block }), children && /* @__PURE__ */ React8.createElement("div", { className: "notion-text-children" }, children));
     }
     case "bulleted_list":
+    // fallthrough
     case "numbered_list": {
       const wrapList = (content, start2) => block.type === "bulleted_list" ? /* @__PURE__ */ React8.createElement("ul", { className: `notion-list notion-list-disc ${blockId}` }, content) : /* @__PURE__ */ React8.createElement("ol", { start: start2, className: `notion-list notion-list-numbered ${blockId}` }, content);
       let output = null;
@@ -430,14 +422,23 @@ var Block = (props) => {
     case "embed":
       return /* @__PURE__ */ React8.createElement(components.Embed, { blockId, block });
     case "tweet":
+    // fallthrough
     case "maps":
+    // fallthrough
     case "pdf":
+    // fallthrough
     case "figma":
+    // fallthrough
     case "typeform":
+    // fallthrough
     case "codepen":
+    // fallthrough
     case "excalidraw":
+    // fallthrough
     case "image":
+    // fallthrough
     case "gist":
+    // fallthrough
     case "video":
       return /* @__PURE__ */ React8.createElement(AssetWrapper, { blockId, block });
     case "drive": {
@@ -468,16 +469,14 @@ var Block = (props) => {
       return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: `notion-column ${blockId}`, style }, children), /* @__PURE__ */ React8.createElement("div", { className: "notion-spacer" }));
     }
     case "quote": {
-      if (!block.properties)
-        return null;
+      if (!block.properties) return null;
       const blockColor = (_r = block.format) == null ? void 0 : _r.block_color;
       return /* @__PURE__ */ React8.createElement("blockquote", { className: `notion-quote ${blockColor && `notion-${blockColor}`} ${blockId}` }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), children);
     }
     case "collection_view":
       return /* @__PURE__ */ React8.createElement(components.Collection, { block, className: blockId, ctx });
     case "callout":
-      if (components.Callout)
-        return /* @__PURE__ */ React8.createElement(components.Callout, { block, className: blockId });
+      if (components.Callout) return /* @__PURE__ */ React8.createElement(components.Callout, { block, className: blockId });
       else
         return /* @__PURE__ */ React8.createElement(
           "div",
@@ -488,14 +487,11 @@ var Block = (props) => {
           /* @__PURE__ */ React8.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ React8.createElement(Text, { value: (_u = block.properties) == null ? void 0 : _u.title, block }), children)
         );
     case "bookmark": {
-      if (!block.properties)
-        return null;
+      if (!block.properties) return null;
       const link = block.properties.link;
-      if (!link || !((_v = link[0]) == null ? void 0 : _v[0]))
-        return null;
+      if (!link || !((_v = link[0]) == null ? void 0 : _v[0])) return null;
       let title = getTextContent(block.properties.title);
-      if (!title)
-        title = getTextContent(link);
+      if (!title) title = getTextContent(link);
       if (title) {
         if (title.startsWith("http"))
           try {
@@ -529,8 +525,7 @@ var Block = (props) => {
       return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, /* @__PURE__ */ React8.createElement(Text, { value: (_E = block.properties) == null ? void 0 : _E.title, block })), /* @__PURE__ */ React8.createElement("div", null, children));
     case "table_of_contents": {
       const page = getBlockParentPage(block, recordMap);
-      if (!page)
-        return null;
+      if (!page) return null;
       const toc = getPageTableOfContents(page, recordMap);
       const blockColor = (_F = block.format) == null ? void 0 : _F.block_color;
       return /* @__PURE__ */ React8.createElement("div", { className: `notion-table-of-contents ${blockColor && `notion-${blockColor}`} ${blockId}` }, toc.map((tocItem) => /* @__PURE__ */ React8.createElement("a", { key: tocItem.id, href: `#${uuidToId2(tocItem.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ React8.createElement(
@@ -569,8 +564,7 @@ var Block = (props) => {
       const order = (_O = tableBlock.format) == null ? void 0 : _O.table_block_column_order;
       const formatMap = (_P = tableBlock.format) == null ? void 0 : _P.table_block_column_format;
       const backgroundColor = (_Q = block.format) == null ? void 0 : _Q.block_color;
-      if (!tableBlock || !order)
-        return null;
+      if (!tableBlock || !order) return null;
       return /* @__PURE__ */ React8.createElement("tr", { className: `notion-simple-table-row ${backgroundColor && `notion-${backgroundColor}`} ${blockId}` }, order.map((column) => {
         var _a2, _b2, _c2;
         const color = (_a2 = formatMap == null ? void 0 : formatMap[column]) == null ? void 0 : _a2.color;
@@ -689,26 +683,19 @@ var NotionBlockRenderer = (_a) => {
   const id = blockId || Object.keys(recordMap.block)[0];
   const block = (_a2 = recordMap.block[id]) == null ? void 0 : _a2.value;
   if (!block) {
-    if (true)
-      console.warn("missing block", blockId);
+    if (true) console.warn("missing block", blockId);
     return null;
   }
   return /* @__PURE__ */ React9.createElement(Block, __spreadValues({ key: id, level, block }, props), (_b2 = block == null ? void 0 : block.content) == null ? void 0 : _b2.map((contentBlockId) => /* @__PURE__ */ React9.createElement(NotionBlockRenderer, __spreadValues({ key: contentBlockId, blockId: contentBlockId, level: level + 1 }, props))));
 };
 function getMediumZoomMargin() {
   const width = window.innerWidth;
-  if (width < 500)
-    return 8;
-  else if (width < 800)
-    return 20;
-  else if (width < 1280)
-    return 30;
-  else if (width < 1600)
-    return 40;
-  else if (width < 1920)
-    return 48;
-  else
-    return 72;
+  if (width < 500) return 8;
+  else if (width < 800) return 20;
+  else if (width < 1280) return 30;
+  else if (width < 1600) return 40;
+  else if (width < 1920) return 48;
+  else return 72;
 }
 export {
   Asset,

package/build/next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/next.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,cAAe,GAAG,KAAG,MAAM,EAAE,CAAC,GAAG,CA+B1D,CAAA;AAED,eAAO,MAAM,YAAY,aAAc,GAAG,KAAG,MAAM,EAAE,CAAC,GAAG,CAetD,CAAA"}
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/next.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,cAAe,GAAG,KAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CA+B1D,CAAA;AAED,eAAO,MAAM,YAAY,aAAc,GAAG,KAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAetD,CAAA"}

package/build/third-party/code.js

@@ -1,13 +1,13 @@
 import {
   Text,
   useNotionContext
-} from "../chunk-VP33CFNB.js";
+} from "../chunk-72RHNPWF.js";
 import {
   __async,
   __commonJS,
   __spreadValues,
   __toESM
-} from "../chunk-FCO7MUK6.js";
+} from "../chunk-C6BUIPAM.js";
 
 // ../../node_modules/.pnpm/clipboard-copy@4.0.1/node_modules/clipboard-copy/index.js
 var require_clipboard_copy = __commonJS({
@@ -44,8 +44,7 @@ var require_clipboard_copy = __commonJS({
           selection.removeAllRanges();
           window.document.body.removeChild(span);
         }
-        if (!success)
-          throw makeError();
+        if (!success) throw makeError();
       });
     }
     function clipboardCopy(text) {