@uclabs/react-pagefit 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 UCTalent
+
+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.

package/README.md

@@ -1,3 +1,15 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# @uclabs/react-pagefit
+
+React bindings for [pagefit](../../README.md): `<PagedDocument>` renders columns of blocks as
+fixed-size pages, plus the `splittableText` helper. Peer dependencies: `react`, `react-dom` ≥ 18.
+
+| Prop            | Default         | Description                                                      |
+| --------------- | --------------- | ---------------------------------------------------------------- |
+| `columns`       | —               | `ColumnConfig[]`: `id`, `blocks`, `width?`, `padding?`, `style?` |
+| `pageSize`      | `PAGE_SIZES.A4` | `{ width, height }` in CSS pixels                                |
+| `pageStyle`     | —               | Base text styles of every page (font, color, background)         |
+| `pageClassName` | —               | Class name for every page                                        |
+| `pageGap`       | `24`            | Gap between pages on screen (0 when printing)                    |
+| `onPaginate`    | —               | Called with `{ pageCount }` after each pagination                |
+
+See the [root README](../../README.md) for block options and how measurement works.

package/dist/Frame.d.ts

@@ -0,0 +1,22 @@
+import { type ColumnLayout, type PageSize, type PlacedBlock } from '@uclabs/pagefit';
+import { type CSSProperties, type ReactNode } from 'react';
+import type { Block, ColumnConfig } from './types.js';
+type FrameProps = {
+    columns: ColumnConfig[];
+    pageSize: PageSize;
+    pageStyle?: CSSProperties;
+    className?: string;
+    isPage?: boolean;
+    renderColumn: (column: ColumnConfig, index: number) => ReactNode;
+};
+export declare const Frame: ({ columns, pageSize, pageStyle, className, isPage, renderColumn, }: FrameProps) => import("react").JSX.Element;
+export declare const FlowColumn: ({ blocks }: {
+    blocks: Block[];
+}) => import("react").JSX.Element;
+type PageColumnProps = {
+    blocks: Block[];
+    placed: PlacedBlock[];
+    layout: ColumnLayout;
+};
+export declare const PageColumn: ({ blocks, placed, layout }: PageColumnProps) => import("react").JSX.Element;
+export {};

package/dist/Frame.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PAGEFIT_ATTR, sliceLines, } from '@uclabs/pagefit';
+import { Fragment } from 'react';
+import { BLOCK_STYLE, columnStyle, PAGE_RESET } from './styles.js';
+export const Frame = ({ columns, pageSize, pageStyle, className, isPage, renderColumn, }) => (_jsx("div", { [PAGEFIT_ATTR.frame]: '', ...(isPage ? { [PAGEFIT_ATTR.page]: '' } : {}), className: className, style: {
+        ...PAGE_RESET,
+        width: pageSize.width,
+        height: isPage ? pageSize.height : undefined,
+        overflow: isPage ? 'hidden' : 'visible',
+        ...pageStyle,
+    }, children: columns.map((column, index) => (_jsx("div", { [PAGEFIT_ATTR.column]: column.id, style: columnStyle(column), children: renderColumn(column, index) }, column.id))) }));
+export const FlowColumn = ({ blocks }) => (_jsx(_Fragment, { children: blocks.map((block) => (_jsxs(Fragment, { children: [block.spaceBefore ? _jsx("div", { style: { height: block.spaceBefore } }) : null, _jsx("div", { [PAGEFIT_ATTR.block]: '', style: BLOCK_STYLE, children: block.node })] }, block.key))) }));
+const placedNode = (block, lines, layout) => {
+    const starts = layout.lineStarts[block.key];
+    if (!lines || !block.splitText || !starts)
+        return block.node;
+    return block.splitText.render(sliceLines(block.splitText.text, starts, lines));
+};
+export const PageColumn = ({ blocks, placed, layout }) => (_jsx(_Fragment, { children: placed.map(({ index, lines }, position) => {
+        const block = blocks[index];
+        const startsBlock = !lines || lines[0] === 0;
+        const gap = position === 0 || !startsBlock ? 0 : (block.spaceBefore ?? 0);
+        return (_jsx("div", { style: {
+                ...BLOCK_STYLE,
+                paddingTop: gap,
+                paddingBottom: layout.padBottom[block.key] ?? 0,
+            }, children: placedNode(block, lines, layout) }, lines ? `${block.key}:${lines[0]}` : block.key));
+    }) }));
+//# sourceMappingURL=Frame.js.map

package/dist/Frame.js.map

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

package/dist/PagedDocument.d.ts

@@ -0,0 +1,2 @@
+import type { PagedDocumentProps } from './types.js';
+export declare const PagedDocument: ({ columns, pageSize, pageStyle, pageClassName, pageGap, className, style, onPaginate, }: PagedDocumentProps) => import("react").JSX.Element;

package/dist/PagedDocument.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PAGE_SIZES, PAGEFIT_ATTR } from '@uclabs/pagefit';
+import { useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { FlowColumn, Frame, PageColumn } from './Frame.js';
+import { globalCss } from './styles.js';
+import { usePagination } from './usePagination.js';
+const MEASURE_LAYER_STYLE = {
+    position: 'absolute',
+    top: 0,
+    left: -100000,
+    visibility: 'hidden',
+    pointerEvents: 'none',
+    contain: 'layout style',
+};
+const MeasureLayer = ({ measureRef, ...frame }) => createPortal(_jsx("div", { ref: measureRef, "aria-hidden": true, [PAGEFIT_ATTR.measure]: '', style: MEASURE_LAYER_STYLE, children: _jsx(Frame, { columns: frame.columns, pageSize: frame.pageSize, pageStyle: frame.pageStyle, renderColumn: (column) => _jsx(FlowColumn, { blocks: column.blocks }) }) }), document.body);
+const Pages = ({ layouts, ...frame }) => {
+    const pageCount = Math.max(1, ...layouts.map((layout) => layout.pages.length));
+    return (_jsx(_Fragment, { children: Array.from({ length: pageCount }, (_, pageIndex) => (_jsx(Frame, { isPage: true, columns: frame.columns, pageSize: frame.pageSize, pageStyle: frame.pageStyle, className: frame.pageClassName, renderColumn: (column, columnIndex) => (_jsx(PageColumn, { blocks: column.blocks, placed: layouts[columnIndex].pages[pageIndex] ?? [], layout: layouts[columnIndex] })) }, pageIndex))) }));
+};
+export const PagedDocument = ({ columns, pageSize = PAGE_SIZES.A4, pageStyle, pageClassName, pageGap = 24, className, style, onPaginate, }) => {
+    const { mounted, measureRef, layouts, fontsReady } = usePagination(columns, pageSize);
+    const pageCount = layouts ? Math.max(1, ...layouts.map((layout) => layout.pages.length)) : null;
+    const css = useMemo(() => globalCss(pageSize), [pageSize]);
+    const frame = { columns, pageSize, pageStyle, pageClassName };
+    useEffect(() => {
+        if (pageCount !== null)
+            onPaginate?.({ pageCount });
+    }, [pageCount, onPaginate]);
+    return (_jsxs("div", { [PAGEFIT_ATTR.root]: '',
+        [PAGEFIT_ATTR.ready]: String(pageCount !== null && fontsReady), className: className, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: pageGap,
+            width: pageSize.width,
+            ...style,
+        }, children: [_jsx("style", { children: css }), layouts ? (_jsx(Pages, { ...frame, layouts: layouts })) : (_jsx(Frame, { ...frame, className: pageClassName, renderColumn: (column) => _jsx(FlowColumn, { blocks: column.blocks }) })), mounted && _jsx(MeasureLayer, { ...frame, measureRef: measureRef })] }));
+};
+//# sourceMappingURL=PagedDocument.js.map

package/dist/PagedDocument.js.map

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

package/dist/blocks.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+import type { Block } from './types.js';
+type BlockOptions = Pick<Block, 'spaceBefore' | 'keepWithNext' | 'group'>;
+export declare const splittableText: (key: string, text: string, render: (text: string) => ReactNode, options?: BlockOptions) => Block;
+export {};

package/dist/blocks.js

@@ -0,0 +1,7 @@
+export const splittableText = (key, text, render, options = {}) => ({
+    key,
+    ...options,
+    node: render(text),
+    splitText: { text, render },
+});
+//# sourceMappingURL=blocks.js.map

package/dist/blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","sourceRoot":"","sources":["../src/blocks.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,GAAW,EACX,IAAY,EACZ,MAAmC,EACnC,UAAwB,EAAE,EACnB,EAAE,CAAC,CAAC;IACX,GAAG;IACH,GAAG,OAAO;IACV,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;IAClB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;CAC5B,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { splittableText } from './blocks.js';
+export { PagedDocument } from './PagedDocument.js';
+export type { Block, ColumnConfig, PagedDocumentProps, PaginateResult, SplitText, } from './types.js';
+export { mmToPx, PAGE_SIZES, PAGEFIT_ATTR, PAGEFIT_READY_SELECTOR, type PageSize, type PageSizeName, ptToPx, type Spacing, } from '@uclabs/pagefit';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { splittableText } from './blocks.js';
+export { PagedDocument } from './PagedDocument.js';
+export { mmToPx, PAGE_SIZES, PAGEFIT_ATTR, PAGEFIT_READY_SELECTOR, ptToPx, } from '@uclabs/pagefit';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAQnD,OAAO,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,sBAAsB,EAGtB,MAAM,GAEP,MAAM,iBAAiB,CAAC"}

package/dist/styles.d.ts

@@ -0,0 +1,9 @@
+import { type PageSize, type Spacing } from '@uclabs/pagefit';
+import type { CSSProperties } from 'react';
+import type { ColumnConfig } from './types.js';
+export declare const PAGE_RESET: CSSProperties;
+export declare const BLOCK_STYLE: CSSProperties;
+export declare const resolvePadding: (padding: ColumnConfig["padding"]) => Spacing;
+export declare const columnStyle: (column: ColumnConfig) => CSSProperties;
+export declare const contentHeight: (column: ColumnConfig, pageSize: PageSize) => number;
+export declare const globalCss: (pageSize: PageSize) => string;

package/dist/styles.js

@@ -0,0 +1,62 @@
+import { PAGEFIT_ATTR } from '@uclabs/pagefit';
+export const PAGE_RESET = {
+    boxSizing: 'border-box',
+    display: 'flex',
+    alignItems: 'stretch',
+    background: '#fff',
+    color: '#000',
+    fontFamily: 'sans-serif',
+    fontSize: 16,
+    fontStyle: 'normal',
+    fontWeight: 400,
+    lineHeight: 1.5,
+    letterSpacing: 'normal',
+    wordSpacing: 'normal',
+    textAlign: 'left',
+    textIndent: 0,
+    textTransform: 'none',
+    whiteSpace: 'normal',
+    wordBreak: 'normal',
+    overflowWrap: 'break-word',
+    direction: 'ltr',
+    WebkitPrintColorAdjust: 'exact',
+    printColorAdjust: 'exact',
+};
+export const BLOCK_STYLE = { display: 'flow-root' };
+export const resolvePadding = (padding) => {
+    if (typeof padding === 'number') {
+        return { top: padding, right: padding, bottom: padding, left: padding };
+    }
+    return { top: 0, right: 0, bottom: 0, left: 0, ...padding };
+};
+export const columnStyle = (column) => {
+    const padding = resolvePadding(column.padding);
+    const sizing = column.width === undefined ? { flex: 1, minWidth: 0 } : { width: column.width, flexShrink: 0 };
+    return {
+        ...sizing,
+        paddingTop: padding.top,
+        paddingRight: padding.right,
+        paddingBottom: padding.bottom,
+        paddingLeft: padding.left,
+        ...column.style,
+    };
+};
+export const contentHeight = (column, pageSize) => {
+    const padding = resolvePadding(column.padding);
+    return pageSize.height - padding.top - padding.bottom;
+};
+export const globalCss = (pageSize) => {
+    const frame = `[${PAGEFIT_ATTR.frame}]`;
+    const page = `[${PAGEFIT_ATTR.page}]`;
+    return [
+        `${frame}, ${frame} * { box-sizing: border-box; }`,
+        `@page { size: ${pageSize.width}px ${pageSize.height}px; margin: 0; }`,
+        '@media print {',
+        '  html, body { margin: 0 !important; padding: 0 !important; }',
+        `  [${PAGEFIT_ATTR.root}] { gap: 0 !important; }`,
+        `  ${page} { box-shadow: none !important; break-after: page; }`,
+        `  ${page}:last-child { break-after: auto; }`,
+        '}',
+    ].join('\n');
+};
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,30 @@
+import type { BlockSpec, PageSize, Spacing } from '@uclabs/pagefit';
+import type { CSSProperties, ReactNode } from 'react';
+export type SplitText = {
+    text: string;
+    render: (text: string) => ReactNode;
+};
+export type Block = Omit<BlockSpec, 'splitText'> & {
+    node: ReactNode;
+    splitText?: SplitText;
+};
+export type ColumnConfig = {
+    id: string;
+    blocks: Block[];
+    width?: number | string;
+    padding?: number | Partial<Spacing>;
+    style?: CSSProperties;
+};
+export type PaginateResult = {
+    pageCount: number;
+};
+export type PagedDocumentProps = {
+    columns: ColumnConfig[];
+    pageSize?: PageSize;
+    pageStyle?: CSSProperties;
+    pageClassName?: string;
+    pageGap?: number;
+    className?: string;
+    style?: CSSProperties;
+    onPaginate?: (result: PaginateResult) => void;
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/dist/usePagination.d.ts

@@ -0,0 +1,8 @@
+import { type ColumnLayout, type PageSize } from '@uclabs/pagefit';
+import type { ColumnConfig } from './types.js';
+export declare const usePagination: (columns: ColumnConfig[], pageSize: PageSize) => {
+    mounted: boolean;
+    measureRef: import("react").RefObject<HTMLDivElement>;
+    layouts: ColumnLayout[] | null;
+    fontsReady: boolean;
+};

package/dist/usePagination.js

@@ -0,0 +1,82 @@
+import { layoutColumn, PAGEFIT_ATTR, } from '@uclabs/pagefit';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { contentHeight } from './styles.js';
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+const sameBlockLists = (a, b) => a.length === b.length && a.every((list, i) => list === b[i]);
+const sameStored = (a, b) => a !== null &&
+    sameBlockLists(a.blockLists, b.blockLists) &&
+    JSON.stringify(a.layouts) === JSON.stringify(b.layouts);
+const toSpec = (block) => ({
+    key: block.key,
+    spaceBefore: block.spaceBefore,
+    keepWithNext: block.keepWithNext,
+    group: block.group,
+    splitText: block.splitText?.text,
+});
+const measureColumns = (root, columns, pageSize) => {
+    const columnEls = Array.from(root.querySelectorAll(`[${PAGEFIT_ATTR.column}]`));
+    const layouts = [];
+    for (const [i, column] of columns.entries()) {
+        const layout = layoutColumn(columnEls[i] ?? null, column.blocks.map(toSpec), contentHeight(column, pageSize));
+        if (!layout)
+            return null;
+        layouts.push(layout);
+    }
+    return { layouts, blockLists: columns.map((column) => column.blocks) };
+};
+const useFontsReady = (mounted, onChange) => {
+    const [ready, setReady] = useState(false);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const fonts = typeof document === 'undefined' ? undefined : document.fonts;
+        if (!fonts) {
+            setReady(true);
+            return;
+        }
+        let cancelled = false;
+        const handle = () => {
+            if (cancelled)
+                return;
+            setReady(fonts.status === 'loaded');
+            onChange();
+        };
+        fonts.ready.then(handle);
+        fonts.addEventListener('loadingdone', handle);
+        return () => {
+            cancelled = true;
+            fonts.removeEventListener('loadingdone', handle);
+        };
+    }, [mounted, onChange]);
+    return ready;
+};
+export const usePagination = (columns, pageSize) => {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    const measureRef = useRef(null);
+    const [stored, setStored] = useState(null);
+    const measure = useCallback(() => {
+        const root = measureRef.current;
+        const next = root ? measureColumns(root, columns, pageSize) : null;
+        if (next)
+            setStored((prev) => (sameStored(prev, next) ? prev : next));
+    }, [columns, pageSize]);
+    useIsomorphicLayoutEffect(() => {
+        if (!mounted)
+            return;
+        measure();
+        const root = measureRef.current;
+        if (!root || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => measure());
+        root
+            .querySelectorAll(`[${PAGEFIT_ATTR.block}], [${PAGEFIT_ATTR.overhang}]`)
+            .forEach((el) => observer.observe(el));
+        return () => observer.disconnect();
+    }, [mounted, measure]);
+    const fontsReady = useFontsReady(mounted, measure);
+    const current = columns.map((column) => column.blocks);
+    const layouts = stored && sameBlockLists(stored.blockLists, current) ? stored.layouts : null;
+    return { mounted, measureRef, layouts, fontsReady };
+};
+//# sourceMappingURL=usePagination.js.map

package/dist/usePagination.js.map

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

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@uclabs/react-pagefit",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "React component that lays content out as fixed-size pages (A4, Letter…) without ever cutting a line.",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "keywords": [
+    "react",
+    "pagination",
+    "print",
+    "pdf",
+    "a4",
+    "paged-media",
+    "resume"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@uclabs/pagefit": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "jsdom": "^29.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.0.0",
+    "vitest": "^4.1.10"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsc -p tsconfig.build.json -w",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
 }