@texonom/nreact 1.1.0

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

@@ -0,0 +1,142 @@
+import {
+  Text,
+  cs,
+  useNotionContext
+} from "../chunk-HLFRY3QP.js";
+import {
+  __async,
+  __commonJS,
+  __spreadValues,
+  __toESM
+} from "../chunk-JX5CEG3A.js";
+
+// ../../node_modules/.pnpm/clipboard-copy@4.0.1/node_modules/clipboard-copy/index.js
+var require_clipboard_copy = __commonJS({
+  "../../node_modules/.pnpm/clipboard-copy@4.0.1/node_modules/clipboard-copy/index.js"(exports, module) {
+    module.exports = clipboardCopy;
+    function makeError() {
+      return new DOMException("The request is not allowed", "NotAllowedError");
+    }
+    function copyClipboardApi(text) {
+      return __async(this, null, function* () {
+        if (!navigator.clipboard) {
+          throw makeError();
+        }
+        return navigator.clipboard.writeText(text);
+      });
+    }
+    function copyExecCommand(text) {
+      return __async(this, null, function* () {
+        const span = document.createElement("span");
+        span.textContent = text;
+        span.style.whiteSpace = "pre";
+        span.style.webkitUserSelect = "auto";
+        span.style.userSelect = "all";
+        document.body.appendChild(span);
+        const selection = window.getSelection();
+        const range = window.document.createRange();
+        selection.removeAllRanges();
+        range.selectNode(span);
+        selection.addRange(range);
+        let success = false;
+        try {
+          success = window.document.execCommand("copy");
+        } finally {
+          selection.removeAllRanges();
+          window.document.body.removeChild(span);
+        }
+        if (!success)
+          throw makeError();
+      });
+    }
+    function clipboardCopy(text) {
+      return __async(this, null, function* () {
+        try {
+          yield copyClipboardApi(text);
+        } catch (err) {
+          try {
+            yield copyExecCommand(text);
+          } catch (err2) {
+            throw err2 || err || makeError();
+          }
+        }
+      });
+    }
+  }
+});
+
+// src/third-party/code.tsx
+var import_clipboard_copy = __toESM(require_clipboard_copy(), 1);
+import * as React2 from "react";
+import { getBlockTitle } from "@texonom/nutils";
+import { highlightElement } from "prismjs";
+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";
+
+// src/icons/copy.tsx
+import * as React from "react";
+function SvgCopy(props) {
+  return /* @__PURE__ */ React.createElement("svg", __spreadValues({ fill: "currentColor", viewBox: "0 0 16 16", width: "1em", version: "1.1" }, props), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"
+    }
+  ));
+}
+var copy_default = SvgCopy;
+
+// src/third-party/code.tsx
+var Code = ({ block, defaultLanguage = "typescript", className }) => {
+  var _a, _b, _c;
+  const [isCopied, setIsCopied] = React2.useState(false);
+  const copyTimeout = React2.useRef();
+  const { recordMap } = useNotionContext();
+  const content = getBlockTitle(block, recordMap);
+  const language = (((_c = (_b = (_a = block.properties) == null ? void 0 : _a.language) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) || defaultLanguage).toLowerCase();
+  const caption = block.properties.caption;
+  const codeRef = React2.useRef();
+  React2.useEffect(() => {
+    if (codeRef.current)
+      try {
+        highlightElement(codeRef.current);
+      } catch (err) {
+        console.warn("prismjs highlight error", err);
+      }
+  }, [codeRef]);
+  const onClickCopyToClipboard = React2.useCallback(() => {
+    (0, import_clipboard_copy.default)(content);
+    setIsCopied(true);
+    if (copyTimeout.current) {
+      clearTimeout(copyTimeout.current);
+      copyTimeout.current = null;
+    }
+    copyTimeout.current = setTimeout(() => {
+      setIsCopied(false);
+    }, 1200);
+  }, [content, copyTimeout]);
+  const copyButton = /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy-button", onClick: onClickCopyToClipboard }, /* @__PURE__ */ React2.createElement(copy_default, null));
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("pre", { className: cs("notion-code", className) }, /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy" }, copyButton, isCopied && /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy-tooltip" }, /* @__PURE__ */ React2.createElement("div", null, isCopied ? "Copied" : "Copy"))), /* @__PURE__ */ React2.createElement("code", { className: `language-${language}`, ref: codeRef }, content)), caption && /* @__PURE__ */ React2.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ React2.createElement(Text, { value: caption, block })));
+};
+export {
+  Code
+};
+/*! Bundled license information:
+
+clipboard-copy/index.js:
+  (*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> *)
+*/
+//# sourceMappingURL=code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../node_modules/.pnpm/clipboard-copy@4.0.1/node_modules/clipboard-copy/index.js","../../../src/third-party/code.tsx","../../../src/icons/copy.tsx"],"sourcesContent":["/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\n/* global DOMException */\n\nmodule.exports = clipboardCopy\n\nfunction makeError () {\n  return new DOMException('The request is not allowed', 'NotAllowedError')\n}\n\nasync function copyClipboardApi (text) {\n  // Use the Async Clipboard API when available. Requires a secure browsing\n  // context (i.e. HTTPS)\n  if (!navigator.clipboard) {\n    throw makeError()\n  }\n  return navigator.clipboard.writeText(text)\n}\n\nasync function copyExecCommand (text) {\n  // Put the text to copy into a <span>\n  const span = document.createElement('span')\n  span.textContent = text\n\n  // Preserve consecutive spaces and newlines\n  span.style.whiteSpace = 'pre'\n  span.style.webkitUserSelect = 'auto'\n  span.style.userSelect = 'all'\n\n  // Add the <span> to the page\n  document.body.appendChild(span)\n\n  // Make a selection object representing the range of text selected by the user\n  const selection = window.getSelection()\n  const range = window.document.createRange()\n  selection.removeAllRanges()\n  range.selectNode(span)\n  selection.addRange(range)\n\n  // Copy text to the clipboard\n  let success = false\n  try {\n    success = window.document.execCommand('copy')\n  } finally {\n    // Cleanup\n    selection.removeAllRanges()\n    window.document.body.removeChild(span)\n  }\n\n  if (!success) throw makeError()\n}\n\nasync function clipboardCopy (text) {\n  try {\n    await copyClipboardApi(text)\n  } catch (err) {\n    // ...Otherwise, use document.execCommand() fallback\n    try {\n      await copyExecCommand(text)\n    } catch (err2) {\n      throw (err2 || err || makeError())\n    }\n  }\n}\n","import * as React from 'react'\n\nimport copyToClipboard from 'clipboard-copy'\nimport { CodeBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\nimport { highlightElement } from 'prismjs'\nimport 'prismjs/components/prism-clike.min.js'\nimport 'prismjs/components/prism-css-extras.min.js'\nimport 'prismjs/components/prism-css.min.js'\nimport 'prismjs/components/prism-javascript.min.js'\nimport 'prismjs/components/prism-js-extras.min.js'\nimport 'prismjs/components/prism-json.min.js'\nimport 'prismjs/components/prism-jsx.min.js'\nimport 'prismjs/components/prism-tsx.min.js'\nimport 'prismjs/components/prism-typescript.min.js'\n\nimport { Text } from '../components/text'\nimport { useNotionContext } from '../context'\nimport CopyIcon from '../icons/copy'\nimport { cs } from '../utils'\n\nexport const Code: React.FC<{\n  block: CodeBlock\n  defaultLanguage?: string\n  className?: string\n}> = ({ block, defaultLanguage = 'typescript', className }) => {\n  const [isCopied, setIsCopied] = React.useState(false)\n  const copyTimeout = React.useRef<number>()\n  const { recordMap } = useNotionContext()\n  const content = getBlockTitle(block, recordMap)\n  const language = (block.properties?.language?.[0]?.[0] || defaultLanguage).toLowerCase()\n  const caption = block.properties.caption\n\n  const codeRef = React.useRef()\n  React.useEffect(() => {\n    if (codeRef.current)\n      try {\n        highlightElement(codeRef.current)\n      } catch (err) {\n        console.warn('prismjs highlight error', err)\n      }\n  }, [codeRef])\n\n  const onClickCopyToClipboard = React.useCallback(() => {\n    copyToClipboard(content)\n    setIsCopied(true)\n\n    if (copyTimeout.current) {\n      clearTimeout(copyTimeout.current)\n      copyTimeout.current = null\n    }\n\n    copyTimeout.current = setTimeout(() => {\n      setIsCopied(false)\n    }, 1200) as unknown as number\n  }, [content, copyTimeout])\n\n  const copyButton = (\n    <div className='notion-code-copy-button' onClick={onClickCopyToClipboard}>\n      <CopyIcon />\n    </div>\n  )\n\n  return (\n    <>\n      <pre className={cs('notion-code', className)}>\n        <div className='notion-code-copy'>\n          {copyButton}\n\n          {isCopied && (\n            <div className='notion-code-copy-tooltip'>\n              <div>{isCopied ? 'Copied' : 'Copy'}</div>\n            </div>\n          )}\n        </div>\n\n        <code className={`language-${language}`} ref={codeRef}>\n          {content}\n        </code>\n      </pre>\n\n      {caption && (\n        <figcaption className='notion-asset-caption'>\n          <Text value={caption} block={block} />\n        </figcaption>\n      )}\n    </>\n  )\n}\n","import * as React from 'react'\n\nfunction SvgCopy(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg fill='currentColor' viewBox='0 0 16 16' width='1em' version='1.1' {...props}>\n      <path\n        fillRule='evenodd'\n        d='M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z'\n      />\n      <path\n        fillRule='evenodd'\n        d='M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z'\n      />\n    </svg>\n  )\n}\n\nexport default SvgCopy\n"],"mappings":"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","names":["React","copyToClipboard"]}