@pallasoft/ps-file-components 1.0.0

package/dist/esm/hooks/use-ps-in-view.js

@@ -0,0 +1,17 @@
+import { useEffect, useRef, useState } from 'react';
+export const usePsInView = (rootMargin) => {
+    const ref = useRef(null);
+    const [isInView, setIsInView] = useState(false);
+    useEffect(() => {
+        const node = ref.current;
+        if (node === null || isInView)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting)
+                setIsInView(true);
+        }, { rootMargin });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [isInView, rootMargin]);
+    return [ref, isInView];
+};

package/dist/esm/hooks/use-ps-upload-queue.js

@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { PsUploadQueueConfig } from '../constants/ps-upload-queue-config';
+import { PsUploadStatus } from '../constants/ps-upload-status';
+import { PsUploadQueueService } from '../services/ps-upload-queue-service';
+export const usePsUploadQueue = ({ concurrency = PsUploadQueueConfig.concurrency, onSettled, upload, }) => {
+    const [items, setItems] = useState([]);
+    const controllers = useRef(new Map());
+    const uploadRef = useRef(upload);
+    const onSettledRef = useRef(onSettled);
+    const wasBusy = useRef(false);
+    uploadRef.current = upload;
+    onSettledRef.current = onSettled;
+    const update = useCallback((id, patch) => setItems((current) => current.map((item) => (item.id === id ? { ...item, ...patch } : item))), []);
+    const start = useCallback((item) => {
+        const controller = new AbortController();
+        controllers.current.set(item.id, controller);
+        update(item.id, { error: null, progress: 0, status: PsUploadStatus.uploading });
+        uploadRef
+            .current(item.file, {
+            onProgress: (progress) => update(item.id, {
+                progress,
+                status: progress >= PsUploadQueueConfig.progressDone
+                    ? PsUploadStatus.processing
+                    : PsUploadStatus.uploading,
+            }),
+            signal: controller.signal,
+        })
+            .then(() => update(item.id, {
+            progress: PsUploadQueueConfig.progressDone,
+            status: PsUploadStatus.done,
+        }))
+            .catch((error) => update(item.id, controller.signal.aborted
+            ? { status: PsUploadStatus.cancelled }
+            : {
+                error: error instanceof Error ? error.message : null,
+                status: PsUploadStatus.failed,
+            }))
+            .finally(() => controllers.current.delete(item.id));
+    }, [update]);
+    useEffect(() => {
+        PsUploadQueueService.next(items, concurrency)
+            .filter((item) => !controllers.current.has(item.id))
+            .forEach(start);
+        const isBusy = PsUploadQueueService.isBusy(items);
+        if (wasBusy.current && !isBusy && onSettledRef.current)
+            onSettledRef.current();
+        wasBusy.current = isBusy;
+    }, [items, concurrency, start]);
+    useEffect(() => () => {
+        controllers.current.forEach((controller) => controller.abort());
+    }, []);
+    return {
+        add: (files) => setItems((current) => [...current, ...PsUploadQueueService.itemsFor(files)]),
+        cancel: (id) => {
+            const controller = controllers.current.get(id);
+            if (controller)
+                controller.abort();
+            else
+                update(id, { status: PsUploadStatus.cancelled });
+        },
+        clear: () => setItems((current) => current.filter((item) => PsUploadQueueService.isActive(item))),
+        isBusy: PsUploadQueueService.isBusy(items),
+        items,
+        remove: (id) => setItems((current) => current.filter((item) => item.id !== id)),
+        retry: (id) => update(id, { error: null, progress: 0, status: PsUploadStatus.waiting }),
+    };
+};

package/dist/esm/index.js

@@ -0,0 +1,62 @@
+export * from './components/ps-file-delete-confirm';
+export * from './components/ps-file-kind-icon';
+export * from './components/ps-file-list';
+export * from './components/ps-file-picker';
+export * from './components/ps-file-viewer-button';
+export * from './components/ps-file-viewer-content';
+export * from './components/ps-file-viewer';
+export * from './components/ps-progress-bar';
+export * from './components/ps-upload-modal';
+export * from './components/ps-upload-row';
+export * from './components/viewers/ps-highlighted-text';
+export * from './components/viewers/ps-image-viewer';
+export * from './components/viewers/ps-media-viewer';
+export * from './components/viewers/ps-pdf-page';
+export * from './components/viewers/ps-pdf-thumbnail';
+export * from './components/viewers/ps-pdf-viewer';
+export * from './components/viewers/ps-text-viewer';
+export * from './components/viewers/ps-unsupported-viewer';
+export * from './constants/ps-file-kind-icons';
+export * from './constants/ps-file-kind';
+export * from './constants/ps-file-list-labels';
+export * from './constants/ps-file-picker-labels';
+export * from './constants/ps-file-type-config';
+export * from './constants/ps-file-viewer-config';
+export * from './constants/ps-file-viewer-kinds';
+export * from './constants/ps-file-viewer-labels';
+export * from './constants/ps-upload-labels';
+export * from './constants/ps-upload-messages';
+export * from './constants/ps-upload-queue-config';
+export * from './constants/ps-upload-status-tones';
+export * from './constants/ps-upload-status';
+export * from './hooks/use-ps-active-match-scroll';
+export * from './hooks/use-ps-file-text';
+export * from './hooks/use-ps-in-view';
+export * from './hooks/use-ps-upload-queue';
+export * from './models/ps-file-rejection';
+export * from './models/ps-file-selection-rules';
+export * from './models/ps-file-selection';
+export * from './models/ps-file-text-state';
+export * from './models/ps-file-viewer-content-props';
+export * from './models/ps-label-set';
+export * from './models/ps-page-size';
+export * from './models/ps-pdf-match';
+export * from './models/ps-point';
+export * from './models/ps-text-match';
+export * from './models/ps-text-segment';
+export * from './models/ps-upload-handler-options';
+export * from './models/ps-upload-item';
+export * from './models/ps-upload-queue-options';
+export * from './models/ps-upload-queue-state';
+export * from './models/ps-upload-summary';
+export * from './models/ps-viewer-file';
+export * from './models/ps-xhr-upload-request';
+export * from './models/ps-xhr-upload-response';
+export * from './services/ps-csv-service';
+export * from './services/ps-file-selection-service';
+export * from './services/ps-file-size-service';
+export * from './services/ps-file-type-service';
+export * from './services/ps-pdf-service';
+export * from './services/ps-text-search-service';
+export * from './services/ps-upload-queue-service';
+export * from './services/ps-xhr-upload-service';

package/dist/esm/models/ps-file-rejection.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-file-selection-rules.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-file-selection.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-file-text-state.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-file-viewer-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-label-set.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-page-size.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-pdf-match.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-point.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-text-match.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-text-segment.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-upload-handler-options.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-upload-item.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-upload-queue-options.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-upload-queue-state.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-upload-summary.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-viewer-file.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-xhr-upload-request.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-xhr-upload-response.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/services/ps-csv-service.js

@@ -0,0 +1,42 @@
+export class PsCsvService {
+    static parse(text) {
+        const rows = [];
+        let row = [];
+        let cell = '';
+        let inQuotes = false;
+        for (let index = 0; index < text.length; index += 1) {
+            const char = text[index];
+            if (inQuotes) {
+                if (char === '"' && text[index + 1] === '"') {
+                    cell += '"';
+                    index += 1;
+                }
+                else if (char === '"')
+                    inQuotes = false;
+                else
+                    cell += char;
+            }
+            else if (char === '"')
+                inQuotes = true;
+            else if (char === ',') {
+                row.push(cell);
+                cell = '';
+            }
+            else if (char === '\n' || char === '\r') {
+                if (char === '\r' && text[index + 1] === '\n')
+                    index += 1;
+                row.push(cell);
+                rows.push(row);
+                row = [];
+                cell = '';
+            }
+            else
+                cell += char;
+        }
+        if (cell.length > 0 || row.length > 0) {
+            row.push(cell);
+            rows.push(row);
+        }
+        return rows;
+    }
+}

package/dist/esm/services/ps-file-selection-service.js

@@ -0,0 +1,16 @@
+import { PsFileTypeService } from './ps-file-type-service';
+export class PsFileSelectionService {
+    static split(files, rules) {
+        const accepted = [];
+        const rejected = [];
+        files.forEach((file) => {
+            if (!PsFileTypeService.isAccepted(file, rules.accept))
+                rejected.push({ file, message: `${file.name} ${rules.invalidTypeMessage}` });
+            else if (rules.maxSizeBytes !== undefined && file.size > rules.maxSizeBytes)
+                rejected.push({ file, message: `${file.name} ${rules.tooLargeMessage}` });
+            else
+                accepted.push(file);
+        });
+        return { accepted, rejected };
+    }
+}

package/dist/esm/services/ps-file-size-service.js

@@ -0,0 +1,14 @@
+import { PsFileTypeConfig } from '../constants/ps-file-type-config';
+export class PsFileSizeService {
+    static format(bytes) {
+        if (bytes < 1024)
+            return `${bytes} ${PsFileTypeConfig.sizeUnits[0]}`;
+        let value = bytes;
+        let unit = 0;
+        while (value >= 1024 && unit < PsFileTypeConfig.sizeUnits.length - 1) {
+            value /= 1024;
+            unit += 1;
+        }
+        return `${value >= 10 ? Math.round(value) : Math.round(value * 10) / 10} ${PsFileTypeConfig.sizeUnits[unit]}`;
+    }
+}

package/dist/esm/services/ps-file-type-service.js

@@ -0,0 +1,38 @@
+import { PsFileKind } from '../constants/ps-file-kind';
+import { PsFileTypeConfig } from '../constants/ps-file-type-config';
+export class PsFileTypeService {
+    static extension(name) {
+        const dot = name.lastIndexOf('.');
+        return dot <= 0 ? '' : name.slice(dot + 1).toLowerCase();
+    }
+    static kindOf(contentType, name) {
+        const type = contentType.toLowerCase();
+        if (type === 'application/pdf')
+            return PsFileKind.pdf;
+        if (PsFileTypeConfig.csvTypes.includes(type))
+            return PsFileKind.csv;
+        if (type.startsWith('image/'))
+            return PsFileKind.image;
+        if (type.startsWith('video/'))
+            return PsFileKind.video;
+        if (type.startsWith('audio/'))
+            return PsFileKind.audio;
+        if (type.startsWith('text/') ||
+            PsFileTypeConfig.textTypes.includes(type))
+            return PsFileKind.text;
+        const byExtension = PsFileTypeConfig.extensionKinds[PsFileTypeService.extension(name)];
+        return byExtension === undefined ? PsFileKind.other : byExtension;
+    }
+    static isAccepted(file, accept) {
+        if (accept.length === 0)
+            return true;
+        return accept.some((entry) => {
+            const rule = entry.toLowerCase();
+            if (rule.startsWith('.'))
+                return file.name.toLowerCase().endsWith(rule);
+            if (rule.endsWith('/*'))
+                return file.type.toLowerCase().startsWith(rule.slice(0, -1));
+            return file.type.toLowerCase() === rule;
+        });
+    }
+}

package/dist/esm/services/ps-pdf-service.js

@@ -0,0 +1,59 @@
+import { PsTextSearchService } from './ps-text-search-service';
+export class PsPdfService {
+    static load(workerSrc) {
+        if (PsPdfService.library === null)
+            PsPdfService.library = import('pdfjs-dist').then((library) => {
+                library.GlobalWorkerOptions.workerSrc = workerSrc;
+                return library;
+            });
+        return PsPdfService.library;
+    }
+    static async open(url, workerSrc) {
+        const library = await PsPdfService.load(workerSrc);
+        return await library.getDocument({ url, withCredentials: true }).promise;
+    }
+    static render(page, canvas, scale, rotation) {
+        const viewport = page.getViewport({ rotation: page.rotate + rotation, scale });
+        const ratio = typeof window === 'undefined' ? 1 : window.devicePixelRatio;
+        canvas.width = Math.floor(viewport.width * ratio);
+        canvas.height = Math.floor(viewport.height * ratio);
+        canvas.style.width = `${Math.floor(viewport.width)}px`;
+        canvas.style.height = `${Math.floor(viewport.height)}px`;
+        const task = page.render({
+            canvas,
+            transform: ratio === 1 ? undefined : [ratio, 0, 0, ratio, 0, 0],
+            viewport,
+        });
+        task.promise.catch(() => undefined);
+        return task;
+    }
+    static async search(document, query, rotation) {
+        const matches = [];
+        for (let pageNumber = 1; pageNumber <= document.numPages; pageNumber += 1) {
+            const page = await document.getPage(pageNumber);
+            const viewport = page.getViewport({ rotation: page.rotate + rotation, scale: 1 });
+            const content = await page.getTextContent();
+            content.items.forEach((item) => {
+                if (!('str' in item) || item.str.length === 0)
+                    return;
+                PsTextSearchService.find(item.str, query).forEach((found) => {
+                    const [x, y] = [item.transform[4], item.transform[5]];
+                    const height = item.height > 0 ? item.height : Math.hypot(item.transform[2], item.transform[3]);
+                    const start = x + (item.width * found.start) / item.str.length;
+                    const end = x + (item.width * found.end) / item.str.length;
+                    const [x1, y1] = viewport.convertToViewportPoint(start, y);
+                    const [x2, y2] = viewport.convertToViewportPoint(end, y + height);
+                    matches.push({
+                        height: Math.abs(y2 - y1) / viewport.height,
+                        left: Math.min(x1, x2) / viewport.width,
+                        pageNumber,
+                        top: Math.min(y1, y2) / viewport.height,
+                        width: Math.abs(x2 - x1) / viewport.width,
+                    });
+                });
+            });
+        }
+        return matches;
+    }
+}
+PsPdfService.library = null;

package/dist/esm/services/ps-text-search-service.js

@@ -0,0 +1,32 @@
+export class PsTextSearchService {
+    static find(text, query) {
+        const needle = query.trim().toLowerCase();
+        if (needle.length === 0)
+            return [];
+        const haystack = text.toLowerCase();
+        const matches = [];
+        let from = haystack.indexOf(needle);
+        while (from !== -1) {
+            matches.push({ end: from + needle.length, start: from });
+            from = haystack.indexOf(needle, from + needle.length);
+        }
+        return matches;
+    }
+    static segments(text, matches, firstIndex = 0) {
+        const segments = [];
+        let cursor = 0;
+        matches.forEach((match, index) => {
+            if (match.start > cursor)
+                segments.push({ isMatch: false, matchIndex: null, text: text.slice(cursor, match.start) });
+            segments.push({
+                isMatch: true,
+                matchIndex: firstIndex + index,
+                text: text.slice(match.start, match.end),
+            });
+            cursor = match.end;
+        });
+        if (cursor < text.length)
+            segments.push({ isMatch: false, matchIndex: null, text: text.slice(cursor) });
+        return segments;
+    }
+}

package/dist/esm/services/ps-upload-queue-service.js

@@ -0,0 +1,37 @@
+import { PsUploadStatus } from '../constants/ps-upload-status';
+export class PsUploadQueueService {
+    static isActive(item) {
+        return (item.status === PsUploadStatus.waiting ||
+            item.status === PsUploadStatus.uploading ||
+            item.status === PsUploadStatus.processing);
+    }
+    static isBusy(items) {
+        return items.some((item) => PsUploadQueueService.isActive(item));
+    }
+    static next(items, concurrency) {
+        const running = items.filter((item) => item.status === PsUploadStatus.uploading || item.status === PsUploadStatus.processing).length;
+        const slots = Math.max(0, concurrency - running);
+        return items.filter((item) => item.status === PsUploadStatus.waiting).slice(0, slots);
+    }
+    static itemsFor(files) {
+        return files.map((file) => ({
+            error: null,
+            file,
+            id: PsUploadQueueService.id(),
+            progress: 0,
+            status: PsUploadStatus.waiting,
+        }));
+    }
+    static summary(items) {
+        return {
+            done: items.filter((item) => item.status === PsUploadStatus.done).length,
+            failed: items.filter((item) => item.status === PsUploadStatus.failed).length,
+            total: items.length,
+        };
+    }
+    static id() {
+        return typeof crypto !== 'undefined' && 'randomUUID' in crypto
+            ? crypto.randomUUID()
+            : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    }
+}

package/dist/esm/services/ps-xhr-upload-service.js

@@ -0,0 +1,52 @@
+import { PsUploadMessages } from '../constants/ps-upload-messages';
+export class PsXhrUploadService {
+    static parse(text) {
+        try {
+            return JSON.parse(text);
+        }
+        catch {
+            return text;
+        }
+    }
+    static errorMessage(body) {
+        if (typeof body !== 'object' || body === null || !('error' in body))
+            return PsUploadMessages.failed;
+        const error = body.error;
+        if (typeof error === 'string' && error.length > 0)
+            return error;
+        if (typeof error === 'object' && error !== null && 'message' in error) {
+            const message = error.message;
+            if (typeof message === 'string' && message.length > 0)
+                return message;
+        }
+        return PsUploadMessages.failed;
+    }
+    static send(request) {
+        return new Promise((resolve, reject) => {
+            const xhr = new XMLHttpRequest();
+            xhr.open(request.method === undefined ? 'POST' : request.method, request.url);
+            Object.entries(request.headers === undefined ? {} : request.headers).forEach(([name, value]) => xhr.setRequestHeader(name, value));
+            xhr.upload.onprogress = (event) => {
+                if (event.lengthComputable && request.onProgress)
+                    request.onProgress(event.total === 0 ? 1 : event.loaded / event.total);
+            };
+            xhr.onload = () => {
+                const body = PsXhrUploadService.parse(xhr.responseText);
+                if (xhr.status >= 200 && xhr.status < 300)
+                    resolve({ body, status: xhr.status });
+                else
+                    reject(new Error(PsXhrUploadService.errorMessage(body)));
+            };
+            xhr.onerror = () => reject(new Error(PsUploadMessages.failed));
+            xhr.onabort = () => reject(new Error(PsUploadMessages.cancelled));
+            if (request.signal) {
+                if (request.signal.aborted) {
+                    reject(new Error(PsUploadMessages.cancelled));
+                    return;
+                }
+                request.signal.addEventListener('abort', () => xhr.abort(), { once: true });
+            }
+            xhr.send(request.body);
+        });
+    }
+}

package/dist/hooks/use-ps-active-match-scroll.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare const usePsActiveMatchScroll: (container: RefObject<HTMLElement>, activeMatch: number, dependency: unknown) => void;

package/dist/hooks/use-ps-active-match-scroll.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsActiveMatchScroll = void 0;
+const react_1 = require("react");
+const usePsActiveMatchScroll = (container, activeMatch, dependency) => {
+    (0, react_1.useEffect)(() => {
+        const node = container.current?.querySelector(`[data-ps-match='${activeMatch}']`);
+        if (node instanceof HTMLElement)
+            node.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }, [activeMatch, dependency]);
+};
+exports.usePsActiveMatchScroll = usePsActiveMatchScroll;

package/dist/hooks/use-ps-file-text.d.ts

@@ -0,0 +1,2 @@
+import type { PsFileTextState } from '../models/ps-file-text-state';
+export declare const usePsFileText: (url: string) => PsFileTextState;

package/dist/hooks/use-ps-file-text.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsFileText = void 0;
+const react_1 = require("react");
+const usePsFileText = (url) => {
+    const [state, setState] = (0, react_1.useState)({ hasFailed: false, text: null });
+    (0, react_1.useEffect)(() => {
+        const controller = new AbortController();
+        setState({ hasFailed: false, text: null });
+        fetch(url, { credentials: 'include', signal: controller.signal })
+            .then((response) => {
+            if (!response.ok)
+                throw new Error(response.statusText);
+            return response.text();
+        })
+            .then((text) => setState({ hasFailed: false, text }))
+            .catch(() => {
+            if (!controller.signal.aborted)
+                setState({ hasFailed: true, text: null });
+        });
+        return () => controller.abort();
+    }, [url]);
+    return state;
+};
+exports.usePsFileText = usePsFileText;

package/dist/hooks/use-ps-in-view.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare const usePsInView: <Element extends HTMLElement>(rootMargin: string) => [RefObject<Element>, boolean];

package/dist/hooks/use-ps-in-view.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsInView = void 0;
+const react_1 = require("react");
+const usePsInView = (rootMargin) => {
+    const ref = (0, react_1.useRef)(null);
+    const [isInView, setIsInView] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const node = ref.current;
+        if (node === null || isInView)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting)
+                setIsInView(true);
+        }, { rootMargin });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [isInView, rootMargin]);
+    return [ref, isInView];
+};
+exports.usePsInView = usePsInView;

package/dist/hooks/use-ps-upload-queue.d.ts

@@ -0,0 +1,3 @@
+import type { PsUploadQueueOptions } from '../models/ps-upload-queue-options';
+import type { PsUploadQueueState } from '../models/ps-upload-queue-state';
+export declare const usePsUploadQueue: ({ concurrency, onSettled, upload, }: PsUploadQueueOptions) => PsUploadQueueState;