@sandemo/easy-annotator 0.1.0

package/dist/services/defaultPayloadBuilder.d.ts

@@ -0,0 +1,3 @@
+import { EasyAnnotatorUploadPayload } from '../types';
+export declare function buildFormDataPayload(payload: EasyAnnotatorUploadPayload): FormData;
+//# sourceMappingURL=defaultPayloadBuilder.d.ts.map

package/dist/services/defaultPayloadBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPayloadBuilder.d.ts","sourceRoot":"","sources":["../../src/services/defaultPayloadBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAE1D,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,0BAA0B,GAAG,QAAQ,CAgBlF"}

package/dist/styles.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.cjs.map

package/dist/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/styles.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAA"}

package/dist/styles.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,95 @@
+export type EasyAnnotatorFileType = 'image' | 'pdf' | 'doc' | 'docx';
+export type EasyAnnotatorStatus = 'idle' | 'uploading' | 'done' | 'error';
+export interface EasyAnnotatorFile {
+    id: string;
+    originalFile: File;
+    fileType: EasyAnnotatorFileType;
+    mimeType: string;
+    originalFilename: string;
+    previewUrl?: string;
+    annotatedFile?: File;
+    annotatedPreviewUrl?: string;
+    annotationState?: object;
+    status: EasyAnnotatorStatus;
+    errorMessage?: string;
+}
+export interface EasyAnnotatorUploadPayload {
+    ownerType: string;
+    ownerId: string | number;
+    fieldKey: string;
+    originalFile: File;
+    annotatedFile?: File;
+    annotationState?: object;
+    fileType: EasyAnnotatorFileType;
+    mimeType: string;
+    originalFilename: string;
+}
+export interface EasyAnnotatorUploadedResult {
+    id: string;
+    url?: string;
+    annotatedUrl?: string;
+    fileType: EasyAnnotatorFileType;
+    meta?: Record<string, unknown>;
+}
+export type EasyAnnotatorUploadHandler = (payload: EasyAnnotatorUploadPayload) => Promise<EasyAnnotatorUploadedResult>;
+export type EasyAnnotatorErrorCode = 'FILE_TYPE_REJECTED' | 'FILE_TOO_LARGE' | 'FILE_COUNT_EXCEEDED' | 'ANNOTATION_FAILED' | 'UPLOAD_FAILED';
+export type EasyAnnotatorError = {
+    code: 'FILE_TYPE_REJECTED';
+    file: File;
+    reason: string;
+} | {
+    code: 'FILE_TOO_LARGE';
+    file: File;
+    maxBytes: number;
+} | {
+    code: 'FILE_COUNT_EXCEEDED';
+    maxFiles: number;
+} | {
+    code: 'ANNOTATION_FAILED';
+    cause?: unknown;
+} | {
+    code: 'UPLOAD_FAILED';
+    cause?: unknown;
+    file: EasyAnnotatorFile;
+};
+export interface LabelOverrides {
+    title: string;
+    dropzoneText: string;
+    dropzoneButton: string;
+    annotate: string;
+    remove: string;
+    upload: string;
+    uploading: string;
+    uploaded: string;
+    retry: string;
+    cancel: string;
+    save: string;
+    errorFileType: (filename: string) => string;
+    errorFileTooLarge: (filename: string, maxMb: number) => string;
+    errorFileCount: (max: number) => string;
+    errorAnnotationFailed: string;
+    errorUploadFailed: string;
+    modalTitle: string;
+    loadingAnnotator: string;
+    filesSelected: (count: number) => string;
+}
+export interface EasyAnnotatorConfig {
+    accept?: string[];
+    maxFileSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+}
+export interface EasyAnnotatorUploadProps extends EasyAnnotatorConfig {
+    title?: string;
+    ownerType: string;
+    ownerId: string | number;
+    fieldKey: string;
+    uploadHandler: EasyAnnotatorUploadHandler;
+    onUploaded?: (items: EasyAnnotatorUploadedResult[]) => void;
+    onError?: (error: EasyAnnotatorError, file?: EasyAnnotatorFile) => void;
+    onChange?: (files: EasyAnnotatorFile[]) => void;
+    labels?: Partial<LabelOverrides>;
+    className?: string;
+    disabled?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

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

package/dist/utils/errors.d.ts

@@ -0,0 +1,8 @@
+import { EasyAnnotatorError, EasyAnnotatorFile } from '../types';
+export declare function fileTypeRejected(file: File, reason: string): EasyAnnotatorError;
+export declare function fileTooLarge(file: File, maxBytes: number): EasyAnnotatorError;
+export declare function fileCountExceeded(maxFiles: number): EasyAnnotatorError;
+export declare function annotationFailed(cause?: unknown): EasyAnnotatorError;
+export declare function uploadFailed(file: EasyAnnotatorFile, cause?: unknown): EasyAnnotatorError;
+export declare function devWarn(...args: unknown[]): void;
+//# sourceMappingURL=errors.d.ts.map

package/dist/utils/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAErE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,kBAAkB,CAE/E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB,CAE7E;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,kBAAkB,CAEtE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAEpE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAEzF;AAID,wBAAgB,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAShD"}

package/dist/utils/file.d.ts

@@ -0,0 +1,10 @@
+import { EasyAnnotatorFileType } from '../types';
+export declare const DEFAULT_ACCEPT: string[];
+export declare const DEFAULT_MAX_FILE_SIZE: number;
+export declare const DEFAULT_MAX_FILES = 5;
+export declare function isImageMime(mime: string): boolean;
+export declare function classifyFile(file: File): EasyAnnotatorFileType;
+export declare function isAccepted(file: File, accept: string[]): boolean;
+export declare function bytesToMb(bytes: number): number;
+export declare function withAnnotatedFilename(originalName: string): string;
+//# sourceMappingURL=file.d.ts.map

package/dist/utils/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,cAAc,EAAE,MAAM,EAQlC,CAAA;AAED,eAAO,MAAM,qBAAqB,QAAmB,CAAA;AACrD,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAIlC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,qBAAqB,CAiB9D;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAgBhE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAKlE"}

package/dist/utils/id.d.ts

@@ -0,0 +1,2 @@
+export declare function createId(): string;
+//# sourceMappingURL=id.d.ts.map

package/dist/utils/id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../src/utils/id.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,IAAI,MAAM,CAKjC"}

package/dist/utils/image.d.ts

@@ -0,0 +1,3 @@
+export declare function canvasToFile(canvas: HTMLCanvasElement, filename: string, mime?: string, quality?: number): Promise<File>;
+export declare function loadImageElement(src: string): Promise<HTMLImageElement>;
+//# sourceMappingURL=image.d.ts.map

package/dist/utils/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/utils/image.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAC1B,MAAM,EAAE,iBAAiB,EACzB,QAAQ,EAAE,MAAM,EAChB,IAAI,SAAc,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAcf;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAQvE"}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@sandemo/easy-annotator",
+  "version": "0.1.0",
+  "description": "Reusable React/Next.js image annotation + upload component. Backend-agnostic via uploadHandler.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Sandemo",
+  "keywords": [
+    "react",
+    "nextjs",
+    "image-annotation",
+    "markerjs",
+    "file-upload",
+    "annotation",
+    "typescript",
+    "upload"
+  ],
+  "homepage": "https://github.com/sandemoit/easy-annotator#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sandemoit/easy-annotator.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sandemoit/easy-annotator/issues"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/easy-annotator.cjs",
+  "module": "./dist/easy-annotator.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/easy-annotator.js",
+      "require": "./dist/easy-annotator.cjs"
+    },
+    "./styles.css": "./dist/easy-annotator.css"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc --noEmit && vite build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@markerjs/markerjs3": "^3.4.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}