rotion 2.0.5 → 2.1.0-rc.1

package/dist/ui/esm/components/Page/EquationBlock/EquationBlock.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Katex from 'katex';
+
+
+const EquationBlock = ({ block }) => {
+    const { equation } = block;
+    const formula = equation.expression;
+    const html = useMemo(() => {
+        return Katex.renderToString(formula, {
+            throwOnError: false,
+            output: 'mathml',
+        });
+    }, [formula]);
+    return (_jsx("div", { className: "rotion-equation", children: _jsx("div", { className: "rotion-equation-html", dangerouslySetInnerHTML: { __html: html } }) }));
+};
+export default EquationBlock;
+//# sourceMappingURL=EquationBlock.js.map

package/dist/ui/esm/components/Page/EquationBlock/EquationBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationBlock.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/EquationBlock/EquationBlock.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,kBAAkB,CAAA;AACzB,OAAO,qBAAqB,CAAA;AAE5B,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAA;IAEnC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE;YACnC,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,sBAAsB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,GAC/E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/ui/esm/components/Page/EquationBlock/EquationBlock.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=EquationBlock.types.js.map

package/dist/ui/esm/components/Page/EquationBlock/EquationBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationBlock.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/EquationBlock/EquationBlock.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/EquationBlock/index.js

@@ -0,0 +1,4 @@
+'use client';
+import EquationBlock from './EquationBlock';
+export { EquationBlock };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/EquationBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/EquationBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/esm/components/Page/FileBlock/FileBlock.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import RichText from '../../RichText/RichText';
+import { Icon } from '../../Icon';
+
+
+
+const FileBlock = ({ block }) => {
+    const { file } = block;
+    // Byte to KB or MB
+    const size = file.size > 9999 ? `${(Math.ceil(file.size / 1024 / 1000 * 10) / 10).toFixed(1)}MB` : `${(Math.ceil(file.size / 1024 * 10) / 10).toFixed(1)}KB`;
+    return (_jsxs("div", { className: "rotion-file", children: [_jsxs("a", { href: file.src, target: "_blank", className: "rotion-file-link", rel: "noreferrer", children: [_jsx(Icon, { name: 'file' }), _jsxs("span", { children: [file.name, _jsx("span", { className: "rotion-file-size", children: size })] })] }), file.caption.length > 0 && _jsx("div", { className: "rotion-file-caption", children: file.caption.map((v, i) => (_jsx(RichText, { textObject: v }, `richtext-${i}`))) })] }));
+};
+export default FileBlock;
+//# sourceMappingURL=FileBlock.js.map

package/dist/ui/esm/components/Page/FileBlock/FileBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileBlock.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/FileBlock/FileBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,kBAAkB,CAAA;AACzB,OAAO,iBAAiB,CAAA;AACxB,OAAO,qBAAqB,CAAA;AAE5B,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,mBAAmB;IACnB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;IAE5J,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAC,YAAY,aAC9E,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EACpB,2BACG,IAAI,CAAC,IAAI,EACV,eAAM,SAAS,EAAC,kBAAkB,YAC/B,IAAI,GACA,IACF,IACL,EACH,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAC7D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAuB,EAAE,CAAC,EAAE,EAAE,CAAC,CAChD,KAAC,QAAQ,IAAC,UAAU,EAAE,CAAC,IAAO,YAAY,CAAC,EAAE,CAAI,CAClD,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/ui/esm/components/Page/FileBlock/FileBlock.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=FileBlock.types.js.map

package/dist/ui/esm/components/Page/FileBlock/FileBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileBlock.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/FileBlock/FileBlock.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/FileBlock/index.js

@@ -0,0 +1,4 @@
+'use client';
+import FileBlock from './FileBlock';
+export { FileBlock };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/FileBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/FileBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/ui/esm/components/Page/ImageBlock/ImageBlock.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichText } from '../../RichText';
+
+
+export const ImageBlock = ({ block }) => {
+    var _a;
+    let cname = 'rotion-image-ratio-unknown';
+    if (block.image && block.image.width && block.image.height) {
+        const { width, height } = block.image;
+        cname = width > height ? 'rotion-image-ratio-landscape' : 'rotion-image-ratio-portrait';
+    }
+    return (_jsxs("div", { className: "rotion-image", children: [_jsx("div", { className: "rotion-image-area", children: _jsx("img", { className: `rotion-image-img ${cname}`, src: (_a = block.image) === null || _a === void 0 ? void 0 : _a.src, alt: "Image" }) }), _jsx("div", { className: "rotion-image-caption", children: block.image.caption.map((v, i) => (_jsx(RichText, { textObject: v }, `richtext-${i}`))) })] }));
+};
+export default ImageBlock;
+//# sourceMappingURL=ImageBlock.js.map

package/dist/ui/esm/components/Page/ImageBlock/ImageBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlock.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ImageBlock/ImageBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,kBAAkB,CAAA;AACzB,OAAO,kBAAkB,CAAA;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE;;IACvD,IAAI,KAAK,GAAG,4BAA4B,CAAA;IACxC,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAC3D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;QACrC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,6BAA6B,CAAA;IACzF,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAE,oBAAoB,KAAK,EAAE,EAAE,GAAG,EAAE,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,EAAE,GAAG,EAAC,OAAO,GAAG,GAC9E,EACN,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,QAAQ,IAAC,UAAU,EAAE,CAAC,IAAO,YAAY,CAAC,EAAE,CAAI,CAClD,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/ui/esm/components/Page/ImageBlock/ImageBlock.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=ImageBlock.types.js.map

package/dist/ui/esm/components/Page/ImageBlock/ImageBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlock.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ImageBlock/ImageBlock.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/ImageBlock/index.js

@@ -0,0 +1,4 @@
+'use client';
+import ImageBlock from './ImageBlock';
+export { ImageBlock };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/ImageBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ImageBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/ui/esm/components/Page/LinkPreviewBlock/LinkPreviewBlock.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cdate } from 'cdate';
+import { relative } from 'cdate-relative';
+import { Icon } from '../../Icon';
+
+
+
+const GithubLinkPreview = ({ url, github }) => {
+    if (github === undefined) {
+        const match = url.match(/github\.com\/(\w+)\/(\w+)/);
+        const user = match ? match[1] : '';
+        const repo = match ? match[2] : '';
+        return (_jsxs("div", { className: "rotion-linkpreview-area rotion-linkpreview-github", children: [_jsx("div", { className: "rotion-linkpreview-icon", children: _jsx(Icon, { name: 'github', width: '32px', height: '32px' }) }), _jsxs("div", { children: [_jsxs("span", { className: "rotion-linkpreview-title", children: [user, "/", repo] }), _jsx("span", { className: "rotion-linkpreview-desc", children: "Repository in Github" })] })] }));
+    }
+    const rdate = cdate().handler(relative).cdateFn();
+    if (github.type === 'issue') {
+        const { title, login, number, created_at, closed_at, merged_at, state, avatar_src } = github.issue;
+        const date = merged_at || (closed_at || created_at);
+        const icon = state === 'merged' ? 'codemerge' : (state === 'closed' ? 'circlecheck' : 'circledot');
+        const stateClass = `rotion-linkpreview-github-state-icon rotion-linkpreview-issue-${state}`;
+        return (_jsxs("div", { className: "rotion-linkpreview-area rotion-linkpreview-github", children: [_jsxs("div", { className: "rotion-linkpreview-githubicon", children: [_jsx("img", { className: "rotion-linkpreview-githubicon-user", src: avatar_src, width: '32px', height: '32px' }), _jsx(Icon, { className: "rotion-linkpreview-githubicon-octocat", name: 'github', width: '15px', height: '15px' })] }), _jsxs("div", { children: [_jsxs("div", { className: "rotion-linkpreview-title", children: [_jsx("span", { className: "rotion-linkpreview-github-title", children: title }), _jsxs("span", { className: "rotion-linkpreview-github-state", children: [_jsx(Icon, { className: stateClass, name: icon, width: '14px', height: '14px' }), _jsx("span", { className: "rotion-linkpreview-state", children: state })] })] }), _jsxs("div", { className: "rotion-linkpreview-desc", children: [_jsx(Icon, { className: stateClass, name: icon, width: '12px', height: '12px' }), " #", number, _jsx("span", { className: "rotion-linkpreview-dot", children: "\u2022" }), login, _jsx("span", { className: "rotion-linkpreview-dot", children: "\u2022" }), _jsx("span", { className: "rotion-linkpreview-state", children: state }), ' ', _jsx("span", { title: date, children: rdate(date).format('F') })] })] })] }));
+    }
+    if (github.type === 'repo') {
+        const { avatar_src, name, login, updated_at } = github.repo;
+        return (_jsxs("div", { className: "rotion-linkpreview-area rotion-linkpreview-github", children: [_jsxs("div", { className: "rotion-linkpreview-githubicon", children: [_jsx("img", { className: "rotion-linkpreview-githubicon-user", src: avatar_src, width: '32px', height: '32px' }), _jsx(Icon, { className: "rotion-linkpreview-githubicon-octocat", name: 'github', width: '15px', height: '15px' })] }), _jsxs("div", { children: [_jsx("div", { className: "rotion-linkpreview-title", children: _jsx("span", { className: "rotion-linkpreview-github-title", children: name }) }), _jsxs("div", { className: "rotion-linkpreview-desc", children: [login, _jsx("span", { className: "rotion-linkpreview-dot", children: "\u2022" }), _jsxs("span", { title: updated_at, children: ["Updated ", rdate(updated_at).format('F')] })] })] })] }));
+    }
+};
+const Slack = ({ url }) => {
+    const domain = url.replace('https://', '').split('/')[0];
+    return (_jsxs("div", { className: "rotion-linkpreview-area rotion-linkpreview-slack", children: [_jsx("div", { className: "rotion-linkpreview-icon", children: _jsx(Icon, { name: 'slack', width: '32px', height: '32px' }) }), _jsxs("div", { children: [_jsx("span", { className: "rotion-linkpreview-title", children: "Message in Slack" }), _jsx("span", { className: "rotion-linkpreview-desc", children: domain })] })] }));
+};
+const Figma = ({ url }) => {
+    const arrayUrl = url.split('/');
+    const basename = arrayUrl[arrayUrl.length - 1];
+    const title = basename.split('?')[0].replace('-', ' ');
+    return (_jsxs("div", { className: "rotion-linkpreview-area rotion-linkpreview-figma", children: [_jsx("div", { className: "rotion-linkpreview-icon", children: _jsx(Icon, { name: 'figma', width: '21px', height: '32px' }) }), _jsxs("div", { children: [_jsx("span", { className: "rotion-linkpreview-title", children: title }), _jsx("span", { className: "rotion-linkpreview-desc", children: "Assets in Figma" })] })] }));
+};
+const LinkPreviewBlock = ({ block }) => {
+    var _a;
+    if (!block.link_preview) {
+        return _jsx(_Fragment, {});
+    }
+    const { link_preview } = block;
+    const { url } = link_preview;
+    if (url.includes('figma.com') && link_preview.figma) {
+        return (_jsx("div", { className: "rotion-linkpreview-figma", dangerouslySetInnerHTML: { __html: (_a = link_preview.figma) === null || _a === void 0 ? void 0 : _a.html } }));
+    }
+    return (_jsx("div", { className: "rotion-linkpreview", children: _jsxs("a", { className: "rotion-linkpreview-link", href: url, rel: "noreferrer", target: "_blank", children: [url.includes('github.com') && _jsx(GithubLinkPreview, { url: url, github: link_preview.github }), url.includes('slack.com') && _jsx(Slack, { url: url }), url.includes('figma.com') && _jsx(Figma, { url: url }), !url.includes('github.com') && !url.includes('slack.com') && !url.includes('figma.com') && `${url}`] }) }));
+};
+export default LinkPreviewBlock;
+//# sourceMappingURL=LinkPreviewBlock.js.map

package/dist/ui/esm/components/Page/LinkPreviewBlock/LinkPreviewBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPreviewBlock.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/LinkPreviewBlock/LinkPreviewBlock.tsx"],"names":[],"mappings":"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"}

package/dist/ui/esm/components/Page/LinkPreviewBlock/LinkPreviewBlock.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=LinkPreviewBlock.types.js.map

package/dist/ui/esm/components/Page/LinkPreviewBlock/LinkPreviewBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPreviewBlock.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/LinkPreviewBlock/LinkPreviewBlock.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/LinkPreviewBlock/index.js

@@ -0,0 +1,4 @@
+'use client';
+import LinkPreviewBlock from './LinkPreviewBlock';
+export { LinkPreviewBlock };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/LinkPreviewBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/LinkPreviewBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/esm/components/Page/ListBlocks/ListBlocks.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import PageHandler from '../PageHandler';
+
+
+export const ListBlocks = ({ tag, blocks, href, link, query }) => {
+    const CustomTag = tag;
+    // This is calling BulletedListBlock or NumberedListBlock with PageHandler
+    return (_jsx(CustomTag, { className: `rotion-listblocks rotion-list-${tag}`, children: blocks.map(block => PageHandler({ block, href, link, query })) }, tag + blocks[0].id));
+};
+export default ListBlocks;
+//# sourceMappingURL=ListBlocks.js.map

package/dist/ui/esm/components/Page/ListBlocks/ListBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBlocks.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ListBlocks/ListBlocks.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,OAAO,kBAAkB,CAAA;AACzB,OAAO,kBAAkB,CAAA;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAmB,EAAE,EAAE;IAChF,MAAM,SAAS,GAAG,GAAG,CAAA;IACrB,0EAA0E;IAC1E,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,iCAAiC,GAAG,EAAE,YACzD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,IADE,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAEzE,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/ui/esm/components/Page/ListBlocks/ListBlocks.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=ListBlocks.types.js.map

package/dist/ui/esm/components/Page/ListBlocks/ListBlocks.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBlocks.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ListBlocks/ListBlocks.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/ListBlocks/index.js

@@ -0,0 +1,4 @@
+'use client';
+import ListBlocks from './ListBlocks';
+export { ListBlocks };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/ListBlocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/ListBlocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/ui/esm/components/Page/NumberedListBlock/NumberedListBlock.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichText } from '../../RichText';
+import { blockType } from '../PageHandler';
+import Page from '../Page';
+
+
+const NumberedListBlock = ({ block, href, link, query }) => {
+    var _a;
+    const CustomTag = blockType[block.type];
+    // @ts-ignore
+    const text = (_a = block[block.type]) === null || _a === void 0 ? void 0 : _a.rich_text;
+    if (block.has_children && block.children !== undefined) {
+        return (_jsxs(CustomTag, { className: "rotion-numbered-list", children: [text.map((v, i) => (_jsx(RichText, { textObject: v }, `richtext-${i}`))), _jsx(Page, { blocks: block.children, href: href, link: link, query: query })] }, block.id));
+    }
+    return (_jsx(CustomTag, { className: "rotion-numbered-list", children: text.map((v, i) => (_jsx(RichText, { textObject: v }, `richtext-${i}`))) }));
+};
+export default NumberedListBlock;
+//# sourceMappingURL=NumberedListBlock.js.map

package/dist/ui/esm/components/Page/NumberedListBlock/NumberedListBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedListBlock.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/NumberedListBlock/NumberedListBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,kBAAkB,CAAA;AACzB,OAAO,yBAAyB,CAAA;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAA0B,EAAE,EAAE;;IACjF,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAgC,CAAA;IAEtE,aAAa;IACb,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,SAAS,CAAA;IAEzC,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACvD,OAAO,CACL,MAAC,SAAS,IAAgB,SAAS,EAAC,sBAAsB,aACvD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAAC,UAAU,EAAE,CAAC,IAAO,YAAY,CAAC,EAAE,CAAI,CAClD,CAAC,EACF,KAAC,IAAI,IAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,KAJxD,KAAK,CAAC,EAAE,CAKZ,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAC,sBAAsB,YACxC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAAC,UAAU,EAAE,CAAC,IAAO,YAAY,CAAC,EAAE,CAAI,CAClD,CAAC,GACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/ui/esm/components/Page/NumberedListBlock/NumberedListBlock.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=NumberedListBlock.types.js.map

package/dist/ui/esm/components/Page/NumberedListBlock/NumberedListBlock.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedListBlock.types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/NumberedListBlock/NumberedListBlock.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/NumberedListBlock/index.js

@@ -0,0 +1,4 @@
+'use client';
+import NumberedListBlock from './NumberedListBlock';
+export { NumberedListBlock };
+//# sourceMappingURL=index.js.map

package/dist/ui/esm/components/Page/NumberedListBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/Page/NumberedListBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/esm/components/Page/Page.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListBlocks } from './ListBlocks';
+import PageHandler from './PageHandler';
+export const Page = ({ blocks, href, link, query, breadcrumb_hrefs }) => {
+    const { results } = blocks;
+    const listType = {
+        bulleted_list_item: 'ul',
+        numbered_list_item: 'ol',
+    };
+    const listTag = Object.keys(listType);
+    let isListTag = false;
+    const children = [];
+    let list = [];
+    const isListContinue = (i) => {
+        var _a;
+        const nextIndex = i + 1;
+        return listTag.includes(((_a = results[nextIndex]) === null || _a === void 0 ? void 0 : _a.type) || '');
+    };
+    results.map((v, i) => {
+        const block = v;
+        if (listTag.includes(block.type)) {
+            // intermediate
+            if (isListTag && isListContinue(i)) {
+                list.push(block);
+                // last or (first and last)
+            }
+            else if (isListTag || !isListContinue(i)) {
+                isListTag = false;
+                list.push(block);
+                if (Object.keys(listType).includes(block.type)) {
+                    const tag = listType[block.type];
+                    children.push(_jsx("div", { children: ListBlocks({ tag, blocks: list, href, link, query }) }, block.id));
+                    list = [];
+                }
+                // first
+            }
+            else {
+                isListTag = true;
+                list.push(block);
+            }
+        }
+        else {
+            const elem = PageHandler({ block, href, link, query, breadcrumb_hrefs });
+            children.push(_jsx("div", { children: elem }, block.id));
+        }
+        return '';
+    });
+    return (_jsx("div", { className: "rotion-blocks", children: children }));
+};
+export default Page;
+//# sourceMappingURL=Page.js.map

package/dist/ui/esm/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../../../src/ui/components/Page/Page.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAa,EAAE,EAAE;IACjF,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IAC1B,MAAM,QAAQ,GAAa;QACzB,kBAAkB,EAAE,IAAI;QACxB,kBAAkB,EAAE,IAAI;KACzB,CAAA;IACD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACrC,IAAI,SAAS,GAAG,KAAK,CAAA;IACrB,MAAM,QAAQ,GAAkB,EAAE,CAAA;IAClC,IAAI,IAAI,GAA0B,EAAE,CAAA;IACpC,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,EAAE;;QACnC,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAA;QACvB,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAA,MAAA,OAAO,CAAC,SAAS,CAAC,0CAAE,IAAI,KAAI,EAAE,CAAC,CAAA;IACzD,CAAC,CAAA;IAED,OAAO,CAAC,GAAG,CAAC,CAAC,CAAsB,EAAE,CAAC,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,CAAC,CAAA;QACf,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,eAAe;YACf,IAAI,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAClB,2BAA2B;YAC3B,CAAC;iBAAM,IAAI,SAAS,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3C,SAAS,GAAG,KAAK,CAAA;gBACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAChB,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAS,CAAA;oBACxC,QAAQ,CAAC,IAAI,CAAC,wBAAqB,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAA/D,KAAK,CAAC,EAAE,CAA8D,CAAC,CAAA;oBAC/F,IAAI,GAAG,EAAE,CAAA;gBACX,CAAC;gBACH,QAAQ;YACR,CAAC;iBAAM,CAAC;gBACN,SAAS,GAAG,IAAI,CAAA;gBAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAA;YACxE,QAAQ,CAAC,IAAI,CAAC,wBAAqB,IAAI,IAAf,KAAK,CAAC,EAAE,CAAc,CAAC,CAAA;QACjD,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC3B,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/ui/esm/components/Page/Page.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=Page.types.js.map

package/dist/ui/esm/components/Page/Page.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/Page/Page.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/PageHandler.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import BookmarkBlock from './BookmarkBlock/BookmarkBlock';
+import BreadcrumbBlock from './BreadcrumbBlock/BreadcrumbBlock';
+import BulletedListBlocks from './BulletedListBlock/BulletedListBlock';
+import CalloutBlock from './CalloutBlock/CalloutBlock';
+import ChildDatabaseBlock from './ChildDatabaseBlock/ChildDatabaseBlock';
+import ChildPageBlock from './ChildPageBlock/ChildPageBlock';
+import CodeBlock from './CodeBlock/CodeBlock';
+import ColumnListBlock from './ColumnListBlock/ColumnListBlock';
+import EmbedBlock from './EmbedBlock/EmbedBlock';
+import EquationBlock from './EquationBlock/EquationBlock';
+import FileBlock from './FileBlock/FileBlock';
+import TextBlock from './TextBlock/TextBlock';
+import ImageBlock from './ImageBlock/ImageBlock';
+import LinkPreviewBlock from './LinkPreviewBlock/LinkPreviewBlock';
+import NumberedListBlocks from './NumberedListBlock/NumberedListBlock';
+import PdfBlock from './PdfBlock/PdfBlock';
+import SyncedBlock from './SyncedBlock/SyncedBlock';
+import TableBlock from './TableBlock/TableBlock';
+import TableOfContentsBlock from './TableOfContentsBlock/TableOfContentsBlock';
+import ToDoBlock from './ToDoBlock/ToDoBlock';
+import ToggleBlock from './ToggleBlock/ToggleBlock';
+import VideoBlock from './VideoBlock/VideoBlock';
+export const blockType = {
+    heading_1: 'h2',
+    heading_2: 'h3',
+    heading_3: 'h4',
+    bulleted_list_item: 'li',
+    numbered_list_item: 'li',
+    divider: 'hr',
+    paragraph: 'p',
+    code: 'code',
+    quote: 'blockquote',
+};
+export const PageHandler = ({ block, href, link, query, breadcrumb_hrefs }) => {
+    switch (block.type) {
+        case 'bookmark':
+            return _jsx(BookmarkBlock, { block: block }, block.id);
+        case 'breadcrumb':
+            return _jsx(BreadcrumbBlock, { block: block, hrefs: breadcrumb_hrefs, link: link, query: query }, block.id);
+        case 'bulleted_list_item':
+            return _jsx(BulletedListBlocks, { block: block }, block.id);
+        case 'callout':
+            return _jsx(CalloutBlock, { block: block, href: href, link: link, query: query }, block.id);
+        case 'child_database':
+            return _jsx(ChildDatabaseBlock, { block: block, href: href, link: link, query: query }, block.id);
+        case 'child_page':
+            return _jsx(ChildPageBlock, { block: block, href: href, link: link }, block.id);
+        case 'code':
+            return _jsx(CodeBlock, { block: block }, block.id);
+        case 'column_list':
+            // ColumnlistBlock calls blocks
+            return _jsx(ColumnListBlock, { block: block, href: href, link: link, query: query }, block.id);
+        case 'embed':
+            return _jsx(EmbedBlock, { block: block }, block.id);
+        case 'equation':
+            return _jsx(EquationBlock, { block: block }, block.id);
+        case 'file':
+            return _jsx(FileBlock, { block: block }, block.id);
+        case 'heading_1':
+        case 'heading_2':
+        case 'heading_3':
+        case 'paragraph':
+        case 'quote':
+        case 'divider': {
+            const tag = blockType[block.type];
+            return _jsx(TextBlock, { tag: tag, block: block }, block.id);
+        }
+        case 'image':
+            return _jsx(ImageBlock, { block: block }, block.id);
+        case 'link_preview':
+            return _jsx(LinkPreviewBlock, { block: block }, block.id);
+        case 'numbered_list_item':
+            return _jsx(NumberedListBlocks, { block: block }, block.id);
+        case 'pdf':
+            return _jsx(PdfBlock, { block: block }, block.id);
+        case 'synced_block':
+            return _jsx(SyncedBlock, { block: block }, block.id);
+        case 'table':
+            return _jsx(TableBlock, { block: block }, block.id);
+        case 'table_of_contents':
+            return _jsx(TableOfContentsBlock, { block: block }, block.id);
+        case 'to_do':
+            return _jsx(ToDoBlock, { block: block }, block.id);
+        case 'toggle':
+            return _jsx(ToggleBlock, { block: block }, block.id);
+        case 'video':
+            return _jsx(VideoBlock, { block: block }, block.id);
+        default:
+            console.log(`unknown component: ${block.type}`, block);
+            return _jsx(_Fragment, {});
+    }
+};
+export default PageHandler;
+//# sourceMappingURL=PageHandler.js.map

package/dist/ui/esm/components/Page/PageHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHandler.js","sourceRoot":"","sources":["../../../../../../src/ui/components/Page/PageHandler.tsx"],"names":[],"mappings":"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"}

package/dist/ui/esm/components/Page/PageHandler.types.js

@@ -0,0 +1,3 @@
+'use client';
+export {};
+//# sourceMappingURL=PageHandler.types.js.map

package/dist/ui/esm/components/Page/PageHandler.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHandler.types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/Page/PageHandler.types.ts"],"names":[],"mappings":""}

package/dist/ui/esm/components/Page/PdfBlock/Pdf.js

@@ -0,0 +1,125 @@
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useState, useEffect, useRef } from 'react';
+function isFunction(value) {
+    return typeof value === 'function';
+}
+export const usePdf = ({ canvasRef, file, onDocumentLoadSuccess, onDocumentLoadFail, onPageLoadSuccess, onPageLoadFail, onPageRenderSuccess, onPageRenderFail, scale = 1, rotate = 0, page = 1, cMapUrl, cMapPacked, workerSrc, withCredentials = false, }) => {
+    const [pdfDocument, setPdfDocument] = useState();
+    const [pdfPage, setPdfPage] = useState();
+    const renderTask = useRef(null);
+    const lastPageRequestedRenderRef = useRef(null);
+    const onDocumentLoadSuccessRef = useRef(onDocumentLoadSuccess);
+    const onDocumentLoadFailRef = useRef(onDocumentLoadFail);
+    const onPageLoadSuccessRef = useRef(onPageLoadSuccess);
+    const onPageLoadFailRef = useRef(onPageLoadFail);
+    const onPageRenderSuccessRef = useRef(onPageRenderSuccess);
+    const onPageRenderFailRef = useRef(onPageRenderFail);
+    useEffect(() => { onDocumentLoadSuccessRef.current = onDocumentLoadSuccess; }, [onDocumentLoadSuccess]);
+    useEffect(() => { onDocumentLoadFailRef.current = onDocumentLoadFail; }, [onDocumentLoadFail]);
+    useEffect(() => { onPageLoadSuccessRef.current = onPageLoadSuccess; }, [onPageLoadSuccess]);
+    useEffect(() => { onPageLoadFailRef.current = onPageLoadFail; }, [onPageLoadFail]);
+    useEffect(() => { onPageRenderSuccessRef.current = onPageRenderSuccess; }, [onPageRenderSuccess]);
+    useEffect(() => { onPageRenderFailRef.current = onPageRenderFail; }, [onPageRenderFail]);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        import('pdfjs-dist').then((pdfjsModule) => {
+            // pdfjs-dist 5.x uses named exports
+            const { GlobalWorkerOptions, getDocument, version } = pdfjsModule;
+            const defaultWorkerSrc = workerSrc || `https://unpkg.com/pdfjs-dist@${version}/build/pdf.worker.min.mjs`;
+            GlobalWorkerOptions.workerSrc = defaultWorkerSrc;
+            const config = { url: file, withCredentials };
+            if (cMapUrl) {
+                config.cMapUrl = cMapUrl;
+                config.cMapPacked = cMapPacked;
+            }
+            getDocument(config).promise.then((loadedPdfDocument) => {
+                setPdfDocument(loadedPdfDocument);
+                if (isFunction(onDocumentLoadSuccessRef.current)) {
+                    onDocumentLoadSuccessRef.current(loadedPdfDocument);
+                }
+            }, (error) => {
+                console.error('PDF document load error:', error);
+                if (isFunction(onDocumentLoadFailRef.current)) {
+                    onDocumentLoadFailRef.current();
+                }
+            });
+        }).catch((error) => {
+            console.error('PDF.js import error:', error);
+            if (isFunction(onDocumentLoadFailRef.current)) {
+                onDocumentLoadFailRef.current();
+            }
+        });
+    }, [file, withCredentials, cMapUrl, cMapPacked, workerSrc]);
+    useEffect(() => {
+        if (typeof window === 'undefined' || !pdfDocument)
+            return;
+        const drawPDF = (page) => __awaiter(void 0, void 0, void 0, function* () {
+            if (typeof window === 'undefined')
+                return;
+            const rotation = rotate === 0 ? page.rotate : page.rotate + rotate;
+            const viewport = page.getViewport({ scale, rotation });
+            const canvasEl = canvasRef.current;
+            if (!canvasEl) {
+                return;
+            }
+            const canvasContext = canvasEl.getContext('2d');
+            if (!canvasContext) {
+                return;
+            }
+            canvasEl.height = viewport.height * window.devicePixelRatio;
+            canvasEl.width = viewport.width * window.devicePixelRatio;
+            canvasContext.scale(window.devicePixelRatio, window.devicePixelRatio);
+            if (renderTask.current) {
+                lastPageRequestedRenderRef.current = page;
+                renderTask.current.cancel();
+                return;
+            }
+            renderTask.current = page.render({
+                canvas: canvasEl,
+                viewport,
+            });
+            return renderTask.current.promise.then(() => {
+                renderTask.current = null;
+                if (isFunction(onPageRenderSuccessRef.current)) {
+                    onPageRenderSuccessRef.current(page);
+                }
+            }, (reason) => {
+                var _a;
+                renderTask.current = null;
+                if (reason && reason.name === 'RenderingCancelledException') {
+                    const lastPageRequestedRender = (_a = lastPageRequestedRenderRef.current) !== null && _a !== void 0 ? _a : page;
+                    lastPageRequestedRenderRef.current = null;
+                    void drawPDF(lastPageRequestedRender);
+                }
+                else if (isFunction(onPageRenderFailRef.current)) {
+                    onPageRenderFailRef.current();
+                }
+            });
+        });
+        if (pdfDocument) {
+            pdfDocument.getPage(page).then((loadedPdfPage) => {
+                setPdfPage(loadedPdfPage);
+                if (isFunction(onPageLoadSuccessRef.current)) {
+                    onPageLoadSuccessRef.current(loadedPdfPage);
+                }
+                void drawPDF(loadedPdfPage);
+            }, () => {
+                if (isFunction(onPageLoadFailRef.current)) {
+                    onPageLoadFailRef.current();
+                }
+            });
+        }
+    }, [canvasRef, page, pdfDocument, rotate, scale, workerSrc]);
+    return { pdfDocument, pdfPage };
+};
+//# sourceMappingURL=Pdf.js.map