@u1f992/pdfdiff 0.0.1 → 0.1.0

package/dist/diff.d.ts

@@ -0,0 +1,15 @@
+import { type JimpInstance } from "./jimp.js";
+import { type AlignStrategy } from "./image.js";
+import { type RGBAColor } from "./rgba-color.js";
+export type Pallet = {
+    addition: RGBAColor;
+    deletion: RGBAColor;
+    modification: RGBAColor;
+};
+export declare function drawDifference(a: JimpInstance, b: JimpInstance, mask: JimpInstance, pallet: Readonly<Pallet>, align: AlignStrategy): {
+    diff: JimpInstance;
+    addition: [number, number][];
+    deletion: [number, number][];
+    modification: [number, number][];
+};
+//# sourceMappingURL=diff.d.ts.map

package/dist/diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../src/diff.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,wBAAgB,cAAc,CAC5B,CAAC,EAAE,YAAY,EACf,CAAC,EAAE,YAAY,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EACxB,KAAK,EAAE,aAAa;;;;;EAmCrB"}

package/dist/image.d.ts

@@ -0,0 +1,13 @@
+import { type JimpInstance } from "./jimp.js";
+export declare function createEmptyImage(width: number, height: number): JimpInstance;
+export declare function fillWithEmpty(images: [JimpInstance, JimpInstance] | [JimpInstance, null] | [null, JimpInstance]): [JimpInstance, JimpInstance];
+export declare function fillWithEmpty(images: [JimpInstance, JimpInstance, JimpInstance] | [JimpInstance, JimpInstance, null] | [JimpInstance, null, JimpInstance] | [JimpInstance, null, null] | [null, JimpInstance, JimpInstance] | [null, JimpInstance, null] | [null, null, JimpInstance]): [JimpInstance, JimpInstance, JimpInstance];
+declare const alignStrategyValues: Set<"resize" | "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right">;
+type UnwrapSet<T> = T extends Set<infer U> ? U : never;
+export type AlignStrategy = UnwrapSet<typeof alignStrategyValues>;
+export declare const isValidAlignStrategy: (str: string) => str is AlignStrategy;
+export declare function alignSize(images: [JimpInstance, JimpInstance], align: AlignStrategy): [JimpInstance, JimpInstance];
+export declare function alignSize(images: [JimpInstance, JimpInstance, JimpInstance], align: AlignStrategy): [JimpInstance, JimpInstance, JimpInstance];
+export declare function composeLayers(canvasWidth: number, canvasHeight: number, layers: [JimpInstance, number][]): JimpInstance;
+export {};
+//# sourceMappingURL=image.d.ts.map

package/dist/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAKtD,YAAY,CACnB;AAED,wBAAgB,aAAa,CAC3B,MAAM,EACF,CAAC,YAAY,EAAE,YAAY,CAAC,GAC5B,CAAC,YAAY,EAAE,IAAI,CAAC,GACpB,CAAC,IAAI,EAAE,YAAY,CAAC,GACvB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAChC,wBAAgB,aAAa,CAC3B,MAAM,EACF,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,GAC1C,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,GAClC,CAAC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,GAClC,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,GAC1B,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,GAClC,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,GAC1B,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,GAC7B,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAK9C,QAAA,MAAM,mBAAmB,+JAWd,CAAC;AACZ,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,KAAG,GAAG,IAAI,aACX,CAAC;AA2BhD,wBAAgB,SAAS,CACvB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,EACpC,KAAK,EAAE,aAAa,GACnB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAChC,wBAAgB,SAAS,CACvB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,EAClD,KAAK,EAAE,aAAa,GACnB,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAiB9C,wBAAgB,aAAa,CAC3B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,gBAUjC"}

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+import { isValidAlignStrategy, type AlignStrategy } from "./image.js";
+import { withIndex } from "./iterable.js";
+import { parseHex, formatHex } from "./rgba-color.js";
+import type { Pallet } from "./diff.js";
+import type { JimpInstance } from "./jimp.js";
+export { withIndex, isValidAlignStrategy, parseHex, formatHex };
+type Options = {
+    dpi: number;
+    alpha: boolean;
+    mask: Uint8Array | undefined;
+    align: AlignStrategy;
+    pallet: Pallet;
+};
+type Result = {
+    a: JimpInstance;
+    b: JimpInstance;
+    diff: JimpInstance;
+    addition: [number, number][];
+    deletion: [number, number][];
+    modification: [number, number][];
+};
+export declare const defaultOptions: Options;
+export declare function visualizeDifferences(a: Uint8Array, b: Uint8Array, options: Partial<Omit<Options, "pallet"> & {
+    pallet: Partial<Pallet>;
+}>): AsyncGenerator<Result, void, unknown>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAqBA,OAAO,EAEL,oBAAoB,EACpB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAEhE,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,CAAC,EAAE,YAAY,CAAC;IAChB,CAAC,EAAE,YAAY,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAU5B,CAAC;AAEF,wBAAuB,oBAAoB,CACzC,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,UAAU,EACb,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,yCAuHxE"}

package/dist/index.html

@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>pdfdiff</title>
+    <link rel="stylesheet" href="./style.css" />
+    <script type="module" src="./browser.js"></script>
+  </head>
+  <body>
+    <h1>pdfdiff</h1>
+    <div class="form-container">
+      <form id="pdf-diff-form">
+        <div>
+          <label for="pdf-a">A:</label>
+          <input type="file" id="pdf-a" accept="application/pdf" required />
+        </div>
+        <div>
+          <label for="pdf-b">B:</label>
+          <input type="file" id="pdf-b" accept="application/pdf" required />
+        </div>
+        <div>
+          <label for="pdf-mask">Mask:</label>
+          <input type="file" id="pdf-mask" accept="application/pdf" />
+        </div>
+        <div>
+          <label for="dpi">DPI:</label>
+          <input type="number" id="dpi" value="150" />
+        </div>
+        <div>
+          <label for="alpha">Alpha:</label>
+          <input type="checkbox" id="alpha" checked />
+        </div>
+        <div>
+          <label for="align">Align:</label>
+          <select id="align">
+            <option value="resize">resize</option>
+            <option value="top-left">top-left</option>
+            <option value="top-center">top-center</option>
+            <option value="top-right">top-right</option>
+            <option value="middle-left">middle-left</option>
+            <option value="middle-center">middle-center</option>
+            <option value="middle-right">middle-right</option>
+            <option value="bottom-left">bottom-left</option>
+            <option value="bottom-center">bottom-center</option>
+            <option value="bottom-right">bottom-right</option>
+          </select>
+        </div>
+        <div>
+          <label for="addition-color">Addition:</label>
+          <input type="color" id="addition-color" value="#4cae4f" />
+        </div>
+        <div>
+          <label for="deletion-color">Deletion:</label>
+          <input type="color" id="deletion-color" value="#ff5724" />
+        </div>
+        <div>
+          <label for="modification-color">Modification:</label>
+          <input type="color" id="modification-color" value="#ffc105" />
+        </div>
+        <button type="submit">Submit</button>
+      </form>
+    </div>
+    <div class="error" id="error-message"></div>
+    <div class="results" id="results"></div>
+  </body>
+</html>