@naniteninja/profile-comparison-lib 1.0.19 → 1.0.21

package/index.d.ts

@@ -5,7 +5,6 @@ import * as i2 from '@angular/common';
 import * as i3 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import * as i4 from '@angular/forms';
-import * as i5 from '@naniteninja/ionic-lib';
 
 /** Backend mode for the profile comparison component. */
 declare enum BackendMode {
@@ -36,13 +35,13 @@ declare const PROFILE_COMPARISON_VERBOSE_LOGGING: InjectionToken<() => boolean>;
 declare function resolveBackendUrl(backendUrl: string | null | undefined, backendMode: BackendMode, legacyTokenUrl: string | null | undefined): string | null;
 
 interface IProfileConfig {
+    person1Name?: string;
+    person2Name?: string;
     person1Interests: string[];
     person2Interests: string[];
     person3Interests: string[];
     user1Image: string;
     user2Image: string;
-    edgeShading?: boolean;
-    shadingColor?: string;
 }
 
 interface IBoundingBox {
@@ -206,10 +205,8 @@ interface IComparisonPayload {
     alignedPerson1Interests: string[];
     alignedPerson2Interests: string[];
     centerItem: string[];
-    similarities: number[];
     matrixData: IMatrixData | null;
     rawLLMOutput?: string;
-    debug?: any;
 }
 
 declare const STORE_NAMES: readonly ["openai-spacer", "openai-alignment", "openai-similarity", "openai-embeddings", "profile-face", "profile-compare"];
@@ -246,6 +243,8 @@ declare class FileConversionService {
     private static readonly FILE_EXTENSION_PNG;
     private static readonly FILE_EXTENSION_WEBP;
     urlToFile(url: string, fileName: string, mimeType: string): Observable<File>;
+    fetchUrlToDataUrl(url: string): Observable<string>;
+    private loadImageViaCanvas;
     isDataUrl(str: string): boolean;
     dataUrlToFile(dataUrl: string, fileName: string): File;
     getMimeFromFilename(fileName: string): string;
@@ -411,6 +410,7 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     private imageCompressionService;
     private cdr;
     private getVerboseLogging?;
+    private static readonly DEFAULT_OBJECT_POSITION;
     private static readonly DEFAULT_EYE_ALIGNMENT_BIAS_PX;
     private static readonly DEFAULT_IMAGE_FORMAT;
     private static readonly DEFAULT_IMAGE_QUALITY_START;
@@ -424,15 +424,14 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     private static readonly DEFAULT_MAX_HEIGHT;
     private static readonly SPACER_SMALL;
     private static readonly SPACER_LARGE;
-    private static readonly PLACEHOLDER;
     private static readonly CONSOLIDATION_SEPARATOR_X;
     private static readonly CONSOLIDATION_SEPARATOR_SLASH;
     private static readonly FACEPP_RATE_LIMIT_DELAY_MS;
     private static readonly DEFAULT_PROFILE_IMAGE_NAME;
     private static readonly SHAPE_BG_HEIGHT;
     private static readonly SHAPE_BG_OBJECT_FIT;
-    private static readonly SHAPE_BG1_BACK_POSITION;
-    private static readonly SHAPE_BG2_BACK_POSITION;
+    private static readonly SHAPE_BG1_OBJECT_POSITION;
+    private static readonly SHAPE_BG2_OBJECT_POSITION;
     private static readonly DRAG_MIN_WIDTH;
     private static readonly DRAG_MAX_WIDTH;
     private static readonly MAX_DRAG_DISTANCE;
@@ -443,25 +442,32 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     private static readonly TRANSFORM_RESET;
     private static readonly TRANSITION_RESET_DELAY_MS;
     config: IProfileConfig;
+    user1File: File | null;
+    user2File: File | null;
     backendMode: BackendMode;
     backendUrl: string | null;
     fadeAllEdges: boolean;
+    person1Name: string;
+    person2Name: string;
+    imageProxyPath: string;
     matrixDataChange: EventEmitter<IMatrixData>;
     rawLLMOutputChange: EventEmitter<string>;
     viewProfileClick: EventEmitter<{
         side: "left" | "right";
     }>;
-    /** Fires when the user drags a frame to its maximum displacement and
-     *  continues pulling past the edge. The parent can use this to swipe to
-     *  the next/previous prospect in its own swiper. */
-    edgeDrag: EventEmitter<"left" | "right">;
     selectedFile: File | null;
     firstImageData: FaceDetectionData | null;
     secondImageData: FaceDetectionData | null;
     user1Transform: string;
     user2Transform: string;
+    user1Top: string;
+    user1Height: string;
+    user2Top: string;
+    user2Height: string;
     alignmentCalculated: boolean;
     isAligning: boolean;
+    /** Set when backend returns an error (e.g. 503 API keys not configured). */
+    backendError: string | null;
     user1ObjectPosition: string;
     user2ObjectPosition: string;
     private user1NaturalWidth;
@@ -487,12 +493,6 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     alignedPerson2Interests: string[];
     leftProfileClicked: boolean;
     rightProfileClicked: boolean;
-    leftShapeAnimating: boolean;
-    rightShapeAnimating: boolean;
-    similarities: number[];
-    get viewProfileLeftX(): number;
-    get viewProfileRightX(): number;
-    onResize(): void;
     sortedA: {
         item: string;
         score: number;
@@ -512,19 +512,21 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     backendConfigured: boolean;
     /** The resolved backend URL computed from inputs and legacy token. */
     private resolvedBackendUrl;
-    /** Flag to prevent click animations after a drag. */
-    private wasDragging;
     compressionConfig: IImageCompressionConfig;
     private computeSub?;
     /** Incremented on each fetchComparison(); used to ignore stale success/error from an older request. */
     private fetchRequestId;
     leftContainer: ElementRef;
     rightContainer: ElementRef;
-    leftFrame: ElementRef<HTMLElement>;
-    rightFrame: ElementRef<HTMLElement>;
-    leftBgFrame: ElementRef<HTMLElement>;
-    rightBgFrame: ElementRef<HTMLElement>;
+    profileFlex: ElementRef<HTMLElement>;
+    profileImgLeft: ElementRef<HTMLElement>;
+    profileImgRight: ElementRef<HTMLElement>;
     shapeContainer: ElementRef<HTMLElement>;
+    shapeBg: ElementRef<HTMLElement>;
+    shapeBg1: ElementRef<SVGElement>;
+    shapeBg2: ElementRef<SVGElement>;
+    shapeTextLeft: ElementRef<HTMLElement>;
+    shapeTextRight: ElementRef<HTMLElement>;
     shapeTextCenter: ElementRef<HTMLElement>;
     constructor(backendService: ProfileComparisonBackendService, renderer: Renderer2, fileConversionService: FileConversionService, imageCompressionService: ImageCompressionService, cdr: ChangeDetectorRef, getVerboseLogging?: (() => boolean) | undefined);
     private log;
@@ -533,13 +535,8 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Returns the type of dash based on similarity score:
-     * - 'high': Very similar (Short single dash, 0.5 opacity)
-     * - 'medium': Almost similar (Standard 1 dash)
-     * - 'low': Very dissimilar (4 small dashes)
-     */
-    getDashType(index: number): 'high' | 'medium' | 'low';
+    /** Use for template: hide left/right item when it's a shared (center) item. Compares case-insensitively. */
+    isInCenter(interest: string): boolean;
     private fetchComparison;
     private updateConfigProperties;
     private buildConfigWithDefaults;
@@ -549,16 +546,14 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     private getOverlapSizeCssPx;
     private setOverlapSizeCssPx;
     waitForImagesAndInitDrag(): void;
-    /**
-     * Toggles .edge-at-left-border / .edge-at-right-border classes on both
-     * interactive and background frames based on their outer edge position
-     * relative to the container boundary.
-     */
-    private updateEdgeMasks;
     initDrag(): void;
+    private getSimilarity;
+    private reorderInterestsByMatrix;
     onViewProfile(side: 'left' | 'right'): void;
-    onShapeClick(side: 'left' | 'right'): void;
-    private compressConfigImagesIfNeeded;
+    getPerson1UniqueInterests(): string[];
+    getPerson2UniqueInterests(): string[];
+    getChipOffset(index: number, column: 'left' | 'center' | 'right'): number;
+    private compressInputImages;
     private compressImageStringToDataUrl;
     getEyeCoordinatesFromBBox(bbox: IBoundingBox): {
         leftEye: IPoint;
@@ -582,12 +577,12 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     applyDefaultAlignment(): void;
     isValidFaceData(face: IBoundingBox): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComparisonLibComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComparisonLibComponent, "lib-profile-comparison", never, { "config": { "alias": "config"; "required": false; }; "backendMode": { "alias": "backendMode"; "required": false; }; "backendUrl": { "alias": "backendUrl"; "required": false; }; "fadeAllEdges": { "alias": "fadeAllEdges"; "required": false; }; }, { "matrixDataChange": "matrixDataChange"; "rawLLMOutputChange": "rawLLMOutputChange"; "viewProfileClick": "viewProfileClick"; "edgeDrag": "edgeDrag"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComparisonLibComponent, "lib-profile-comparison", never, { "config": { "alias": "config"; "required": false; }; "user1File": { "alias": "user1File"; "required": false; }; "user2File": { "alias": "user2File"; "required": false; }; "backendMode": { "alias": "backendMode"; "required": false; }; "backendUrl": { "alias": "backendUrl"; "required": false; }; "fadeAllEdges": { "alias": "fadeAllEdges"; "required": false; }; "person1Name": { "alias": "person1Name"; "required": false; }; "person2Name": { "alias": "person2Name"; "required": false; }; "imageProxyPath": { "alias": "imageProxyPath"; "required": false; }; }, { "matrixDataChange": "matrixDataChange"; "rawLLMOutputChange": "rawLLMOutputChange"; "viewProfileClick": "viewProfileClick"; }, never, never, false, never>;
 }
 
 declare class ProfileComparisonLibModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComparisonLibModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProfileComparisonLibModule, [typeof ProfileComparisonLibComponent], [typeof i2.CommonModule, typeof i3.HttpClientModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.LibMarqueeModule], [typeof ProfileComparisonLibComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProfileComparisonLibModule, [typeof ProfileComparisonLibComponent], [typeof i2.CommonModule, typeof i3.HttpClientModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof ProfileComparisonLibComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProfileComparisonLibModule>;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naniteninja/profile-comparison-lib",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"