@pallasoft/ps-file-components 1.0.0

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

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPdfService = void 0;
+const ps_text_search_service_1 = require("./ps-text-search-service");
+class PsPdfService {
+    static load(workerSrc) {
+        if (PsPdfService.library === null)
+            PsPdfService.library = Promise.resolve().then(() => __importStar(require('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;
+                ps_text_search_service_1.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;
+    }
+}
+exports.PsPdfService = PsPdfService;
+PsPdfService.library = null;

package/dist/services/ps-text-search-service.d.ts

@@ -0,0 +1,6 @@
+import type { PsTextMatch } from '../models/ps-text-match';
+import type { PsTextSegment } from '../models/ps-text-segment';
+export declare class PsTextSearchService {
+    static find(text: string, query: string): PsTextMatch[];
+    static segments(text: string, matches: PsTextMatch[], firstIndex?: number): PsTextSegment[];
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextSearchService = void 0;
+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;
+    }
+}
+exports.PsTextSearchService = PsTextSearchService;

package/dist/services/ps-upload-queue-service.d.ts

@@ -0,0 +1,10 @@
+import type { PsUploadItem } from '../models/ps-upload-item';
+import type { PsUploadSummary } from '../models/ps-upload-summary';
+export declare class PsUploadQueueService {
+    static isActive(item: PsUploadItem): boolean;
+    static isBusy(items: PsUploadItem[]): boolean;
+    static next(items: PsUploadItem[], concurrency: number): PsUploadItem[];
+    static itemsFor(files: File[]): PsUploadItem[];
+    static summary(items: PsUploadItem[]): PsUploadSummary;
+    private static id;
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsUploadQueueService = void 0;
+const ps_upload_status_1 = require("../constants/ps-upload-status");
+class PsUploadQueueService {
+    static isActive(item) {
+        return (item.status === ps_upload_status_1.PsUploadStatus.waiting ||
+            item.status === ps_upload_status_1.PsUploadStatus.uploading ||
+            item.status === ps_upload_status_1.PsUploadStatus.processing);
+    }
+    static isBusy(items) {
+        return items.some((item) => PsUploadQueueService.isActive(item));
+    }
+    static next(items, concurrency) {
+        const running = items.filter((item) => item.status === ps_upload_status_1.PsUploadStatus.uploading || item.status === ps_upload_status_1.PsUploadStatus.processing).length;
+        const slots = Math.max(0, concurrency - running);
+        return items.filter((item) => item.status === ps_upload_status_1.PsUploadStatus.waiting).slice(0, slots);
+    }
+    static itemsFor(files) {
+        return files.map((file) => ({
+            error: null,
+            file,
+            id: PsUploadQueueService.id(),
+            progress: 0,
+            status: ps_upload_status_1.PsUploadStatus.waiting,
+        }));
+    }
+    static summary(items) {
+        return {
+            done: items.filter((item) => item.status === ps_upload_status_1.PsUploadStatus.done).length,
+            failed: items.filter((item) => item.status === ps_upload_status_1.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)}`;
+    }
+}
+exports.PsUploadQueueService = PsUploadQueueService;

package/dist/services/ps-xhr-upload-service.d.ts

@@ -0,0 +1,7 @@
+import type { PsXhrUploadRequest } from '../models/ps-xhr-upload-request';
+import type { PsXhrUploadResponse } from '../models/ps-xhr-upload-response';
+export declare class PsXhrUploadService {
+    static parse(text: string): unknown;
+    static errorMessage(body: unknown): string;
+    static send(request: PsXhrUploadRequest): Promise<PsXhrUploadResponse>;
+}

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsXhrUploadService = void 0;
+const ps_upload_messages_1 = require("../constants/ps-upload-messages");
+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 ps_upload_messages_1.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 ps_upload_messages_1.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(ps_upload_messages_1.PsUploadMessages.failed));
+            xhr.onabort = () => reject(new Error(ps_upload_messages_1.PsUploadMessages.cancelled));
+            if (request.signal) {
+                if (request.signal.aborted) {
+                    reject(new Error(ps_upload_messages_1.PsUploadMessages.cancelled));
+                    return;
+                }
+                request.signal.addEventListener('abort', () => xhr.abort(), { once: true });
+            }
+            xhr.send(request.body);
+        });
+    }
+}
+exports.PsXhrUploadService = PsXhrUploadService;

package/package.json

@@ -0,0 +1,85 @@
+{
+	"name": "@pallasoft/ps-file-components",
+	"version": "1.0.0",
+	"private": false,
+	"main": "./dist/index.js",
+	"module": "./dist/esm/index.js",
+	"types": "./dist/index.d.ts",
+	"sideEffects": false,
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"module": "./dist/esm/index.js",
+			"require": "./dist/index.js",
+			"default": "./dist/index.js"
+		}
+	},
+	"files": [
+		"/dist"
+	],
+	"scripts": {
+		"husky:prepare": "npx husky",
+		"build": "tsc && tsc -p tsconfig.esm.json",
+		"setup:graphify": "sh scripts/graphify-setup.sh",
+		"update:graphify": "sh scripts/graphify-update.sh",
+		"lint": "npm run lint:eslint",
+		"lint:fix": "npm run lint:eslint:fix",
+		"format:check": "npx prettier --check --ignore-unknown \"src/**/*.{ts,tsx,json,md}\"",
+		"format:prettier": "npx prettier --write \"src/**/*.{ts,tsx,json,md}\"",
+		"lint:eslint": "npx eslint \"src/**/*.{ts,tsx}\"",
+		"lint:eslint:fix": "npx eslint --fix \"src/**/*.{ts,tsx}\"",
+		"release": "semantic-release",
+		"test": "vitest run"
+	},
+	"dependencies": {
+		"@pallasoft/ps-core-components": "^2.13.0",
+		"@pallasoft/ps-design-system": "^1.7.0",
+		"@pallasoft/ps-icons": "^1.6.0",
+		"@pallasoft/ps-popovers": "^1.5.2",
+		"pdfjs-dist": "^6.3.289"
+	},
+	"peerDependencies": {
+		"react": "^18 || ^19",
+		"react-dom": "^18 || ^19"
+	},
+	"devDependencies": {
+		"@commitlint/cli": "^20.1.0",
+		"@commitlint/config-conventional": "^20.0.0",
+		"@eslint/compat": "^2.0.0",
+		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/commit-analyzer": "^13.0.0",
+		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/github": "^11.0.1",
+		"@semantic-release/npm": "^12.0.0",
+		"@semantic-release/release-notes-generator": "^14.0.1",
+		"@types/react": "^18.3.28",
+		"@types/react-dom": "^18.3.7",
+		"@typescript-eslint/eslint-plugin": "^8.48.0",
+		"@typescript-eslint/parser": "^8.48.0",
+		"commitlint": "^20.1.0",
+		"conventional-changelog-conventionalcommits": "^7.0.2",
+		"eslint": "^9.39.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-import": "^2.32.0",
+		"eslint-plugin-prettier": "^5.5.4",
+		"husky": "^9.1.7",
+		"lint-staged": "^16.2.7",
+		"prettier": "^3.6.2",
+		"react": "^19.3.0",
+		"react-dom": "^19.3.0",
+		"semantic-release": "^24.2.0",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.9.3",
+		"vitest": "^3.2.4"
+	},
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/pallasoft/ps-file-components.git"
+	},
+	"description": "Shared Pallasoft file components: picker, upload queue, file list and a multi-format viewer"
+}