@artsy/img 0.0.1 → 0.1.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.1.1 (Fri Dec 09 2022)
+
+#### 🐛  Bug Fix
+
+- fix: removes qs dependency; fixes gemini width/height modes [#8](https://github.com/artsy/img/pull/8) ([@dzucconi](https://github.com/dzucconi))
+
+#### Authors: 1
+
+- Damon ([@dzucconi](https://github.com/dzucconi))
+
+---
+
+# v0.1.0 (Thu Dec 08 2022)
+
+#### 🚀  Enhancement
+
+- feat: optional services [#7](https://github.com/artsy/img/pull/7) ([@dzucconi](https://github.com/dzucconi))
+
+#### Authors: 1
+
+- Damon ([@dzucconi](https://github.com/dzucconi))
+
+---
+
 # v0.0.1 (Thu Dec 08 2022)
 
 #### 🐛  Bug Fix

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "./strategies";
+export * from "./services";

package/dist/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./strategies"), exports);
+__exportStar(require("./services"), exports);

package/dist/services/gemini.d.ts

@@ -0,0 +1,5 @@
+import { Exec } from "../services";
+export type Gemini = {
+    endpoint: string;
+};
+export declare const gemini: (config: Gemini) => Exec;

package/dist/services/gemini.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gemini = void 0;
+const services_1 = require("../services");
+const stringify_1 = require("../utils/stringify");
+const gemini = (config) => {
+    return (mode, src, { width, height, quality = services_1.DEFAULT_QUALITY }) => {
+        if (!(0, services_1.validate)(mode, { width, height }))
+            return src;
+        let resizeTo;
+        switch (mode) {
+            case "crop": {
+                resizeTo = "fill";
+            }
+            case "resize": {
+                if (width && !height) {
+                    resizeTo = "width";
+                    break;
+                }
+                if (height && !width) {
+                    resizeTo = "height";
+                    break;
+                }
+                resizeTo = "fit";
+            }
+        }
+        const params = {
+            height,
+            resize_to: resizeTo,
+            src,
+            width,
+            quality,
+        };
+        const query = (0, stringify_1.stringify)(params);
+        return `${config.endpoint}?${query}`;
+    };
+};
+exports.gemini = gemini;

package/dist/services/imgix.d.ts

@@ -0,0 +1,6 @@
+import { Exec } from "../services";
+export type Imgix = {
+    endpoint: string;
+    token: string;
+};
+export declare const imgix: (config: Imgix) => Exec;

package/dist/services/imgix.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imgix = void 0;
+const md5_1 = __importDefault(require("md5"));
+const services_1 = require("../services");
+const stringify_1 = require("../utils/stringify");
+const imgix = (config) => {
+    return (mode, src, { width, height, quality = services_1.DEFAULT_QUALITY }) => {
+        if (!(0, services_1.validate)(mode, { width, height }))
+            return src;
+        const params = {
+            fit: { crop: "crop", resize: "clip" }[mode],
+            height,
+            width,
+            quality,
+            auto: "format",
+        };
+        const path = `/${encodeURIComponent(src)}`;
+        const query = `?${(0, stringify_1.stringify)(params)}`;
+        const signature = (0, md5_1.default)(config.token + path + query);
+        return `${config.endpoint}${path}${query}&s=${signature}`;
+    };
+};
+exports.imgix = imgix;

package/dist/services/lambda.d.ts

@@ -0,0 +1,9 @@
+import { Exec } from "../services";
+export type Lambda = {
+    endpoint: string;
+    sources: {
+        source: string;
+        bucket: string;
+    }[];
+};
+export declare const lambda: (config: Lambda) => Exec;

package/dist/services/lambda.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lambda = void 0;
+const services_1 = require("../services");
+const lambda = (config) => {
+    return (mode, src, { width, height, quality = services_1.DEFAULT_QUALITY }) => {
+        if (!(0, services_1.validate)(mode, { width, height }))
+            return src;
+        const source = config.sources.find((source) => {
+            return src.startsWith(source.source);
+        });
+        if (!source)
+            return src;
+        const params = {
+            bucket: source.bucket,
+            key: src.replace(`${source.source}/`, ""),
+            edits: {
+                resize: {
+                    width,
+                    height,
+                    fit: { crop: "cover", resize: "inside" }[mode],
+                },
+                webp: { quality },
+                jpeg: { quality },
+                rotate: null,
+            },
+        };
+        const encoded = Buffer.from(JSON.stringify(params)).toString("base64");
+        return `${config.endpoint}/${encoded}`;
+    };
+};
+exports.lambda = lambda;

package/dist/services.d.ts

@@ -0,0 +1,27 @@
+import { Gemini } from "./services/gemini";
+import { Imgix } from "./services/imgix";
+import { Lambda } from "./services/lambda";
+export declare const SERVICES: readonly ["gemini", "imgix", "lambda"];
+export declare const MODES: readonly ["resize", "crop"];
+export declare const DEFAULT_QUALITY = 80;
+export type Mode = typeof MODES[number];
+export type Config = {
+    gemini?: Gemini;
+    imgix?: Imgix;
+    lambda?: Lambda;
+};
+export type Options = {
+    width?: number;
+    height?: number;
+    quality?: number;
+};
+export type Exec = (mode: Mode, src: string, options: Options) => string;
+export type Service = {
+    exec: Exec;
+};
+export declare const validate: (mode: Mode, { width, height }: Options) => boolean;
+/**
+ * Returns a list of configured services.
+ * All endpoints should *not* have trailing slashes.
+ */
+export declare const configure: <T extends Config>(config: T) => Record<keyof T, Service>;

package/dist/services.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = exports.validate = exports.DEFAULT_QUALITY = exports.MODES = exports.SERVICES = void 0;
+const gemini_1 = require("./services/gemini");
+const imgix_1 = require("./services/imgix");
+const lambda_1 = require("./services/lambda");
+exports.SERVICES = ["gemini", "imgix", "lambda"];
+exports.MODES = ["resize", "crop"];
+exports.DEFAULT_QUALITY = 80;
+const validate = (mode, { width, height }) => {
+    if (mode === "crop" && (!width || !height)) {
+        console.warn("`crop`requires both `width` and `height`");
+        return false;
+    }
+    if (mode === "resize" && !width && !height) {
+        console.warn("`resize` requires either `width` or `height`");
+        return false;
+    }
+    if (width && width < 1) {
+        console.warn("`width` must be greater than `0`");
+        return false;
+    }
+    if (height && height < 1) {
+        console.warn("`height` must be greater than `0`");
+        return false;
+    }
+    return true;
+};
+exports.validate = validate;
+/**
+ * Returns a list of configured services.
+ * All endpoints should *not* have trailing slashes.
+ */
+const configure = (config) => {
+    const services = {};
+    if (config.gemini) {
+        services.gemini = { exec: (0, gemini_1.gemini)(config.gemini) };
+    }
+    if (config.imgix) {
+        services.imgix = { exec: (0, imgix_1.imgix)(config.imgix) };
+    }
+    if (config.lambda) {
+        services.lambda = { exec: (0, lambda_1.lambda)(config.lambda) };
+    }
+    return services;
+};
+exports.configure = configure;

package/dist/utils/stringify.d.ts

@@ -0,0 +1 @@
+export declare const stringify: (params: Record<string, string | number | undefined | null | boolean>) => string;

package/dist/utils/stringify.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringify = void 0;
+const stringify = (params) => {
+    const keys = Object.keys(params)
+        // Alphabetize the keys
+        .sort((a, b) => a.localeCompare(b))
+        // Filter out null or undefined values
+        .filter((key) => params[key] != null);
+    return keys
+        .map((key) => {
+        return `${key}=${encodeURIComponent(`${params[key]}`)}`;
+    })
+        .join("&");
+};
+exports.stringify = stringify;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/img",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Logic for constructing image proxy URLs",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,7 +30,6 @@
     "test": "jest"
   },
   "dependencies": {
-    "md5": "^2.3.0",
-    "qs": "^6.11.0"
+    "md5": "^2.3.0"
   }
 }

package/src/__tests__/{strategies.test.ts → services.test.ts}

@@ -1,6 +1,15 @@
-import { configure } from "../strategies";
+import { configure } from "../services";
+
+const EXAMPLE_SRC =
+  "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg";
 
 describe("strategies", () => {
+  it("only returns the services that are configured", () => {
+    const services = configure({ gemini: { endpoint: "https://example.com" } });
+
+    expect(Object.keys(services)).toEqual(["gemini"]);
+  });
+
   const { gemini, imgix, lambda } = configure({
     imgix: {
       endpoint: "https://example.imgix.net",
@@ -22,23 +31,34 @@ describe("strategies", () => {
 
   describe("gemini", () => {
     it("returns a resized url", () => {
-      const img = gemini.exec(
-        "resize",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
-      );
+      const img = gemini.exec("resize", EXAMPLE_SRC, {
+        width: 200,
+        height: 200,
+      });
 
       expect(img).toEqual(
         "https://d7hftxdivxxvm.cloudfront.net?height=200&quality=80&resize_to=fit&src=https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg&width=200"
       );
     });
 
-    it("returns a cropped url", () => {
-      const img = gemini.exec(
-        "crop",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
+    it("returns a resized url with only width specified", () => {
+      const img = gemini.exec("resize", EXAMPLE_SRC, { width: 200 });
+
+      expect(img).toEqual(
+        "https://d7hftxdivxxvm.cloudfront.net?quality=80&resize_to=width&src=https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg&width=200"
+      );
+    });
+
+    it("returns a resized url with only height specified", () => {
+      const img = gemini.exec("resize", EXAMPLE_SRC, { height: 200 });
+
+      expect(img).toEqual(
+        "https://d7hftxdivxxvm.cloudfront.net?height=200&quality=80&resize_to=height&src=https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg"
       );
+    });
+
+    it("returns a cropped url", () => {
+      const img = gemini.exec("crop", EXAMPLE_SRC, { width: 200, height: 200 });
 
       expect(img).toEqual(
         "https://d7hftxdivxxvm.cloudfront.net?height=200&quality=80&resize_to=fit&src=https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg&width=200"
@@ -48,37 +68,31 @@ describe("strategies", () => {
 
   describe("imgix", () => {
     it("returns a resized url", () => {
-      const img = imgix.exec(
-        "resize",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
-      );
+      const img = imgix.exec("resize", EXAMPLE_SRC, {
+        width: 200,
+        height: 200,
+      });
 
       expect(img).toEqual(
-        "https://example.imgix.net/https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg?fit=clip&height=200&width=200&quality=80&auto=format&s=5cce72615e263db4c22e027d2ae73cd1"
+        "https://example.imgix.net/https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg?auto=format&fit=clip&height=200&quality=80&width=200&s=1d931e11fbfb846dbe5f1ffa895017d9"
       );
     });
 
     it("returns a cropped url", () => {
-      const img = imgix.exec(
-        "crop",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
-      );
+      const img = imgix.exec("crop", EXAMPLE_SRC, { width: 200, height: 200 });
 
       expect(img).toEqual(
-        "https://example.imgix.net/https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg?fit=crop&height=200&width=200&quality=80&auto=format&s=3fd908feecc9fecb39aebe909071c362"
+        "https://example.imgix.net/https%3A%2F%2Fd32dm0rphc51dk.cloudfront.net%2FMFFPXvpJSoGzggU8zujwBw%2Fnormalized.jpg?auto=format&fit=crop&height=200&quality=80&width=200&s=fd511845304eb4a5cad016b52aee939b"
       );
     });
   });
 
   describe("lambda", () => {
     it("returns a resized url", () => {
-      const img = lambda.exec(
-        "resize",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
-      );
+      const img = lambda.exec("resize", EXAMPLE_SRC, {
+        width: 200,
+        height: 200,
+      });
 
       expect(img).toEqual(
         "https://d1j88w5k23s1nr.cloudfront.net/eyJidWNrZXQiOiJhcnRzeS1tZWRpYS1hc3NldHMiLCJrZXkiOiJNRkZQWHZwSlNvR3pnZ1U4enVqd0J3L25vcm1hbGl6ZWQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyMDAsImhlaWdodCI6MjAwLCJmaXQiOiJpbnNpZGUifSwid2VicCI6eyJxdWFsaXR5Ijo4MH0sImpwZWciOnsicXVhbGl0eSI6ODB9LCJyb3RhdGUiOm51bGx9fQ=="
@@ -86,11 +100,7 @@ describe("strategies", () => {
     });
 
     it("returns a cropped url", () => {
-      const img = lambda.exec(
-        "crop",
-        "https://d32dm0rphc51dk.cloudfront.net/MFFPXvpJSoGzggU8zujwBw/normalized.jpg",
-        { width: 200, height: 200 }
-      );
+      const img = lambda.exec("crop", EXAMPLE_SRC, { width: 200, height: 200 });
 
       expect(img).toEqual(
         "https://d1j88w5k23s1nr.cloudfront.net/eyJidWNrZXQiOiJhcnRzeS1tZWRpYS1hc3NldHMiLCJrZXkiOiJNRkZQWHZwSlNvR3pnZ1U4enVqd0J3L25vcm1hbGl6ZWQuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyMDAsImhlaWdodCI6MjAwLCJmaXQiOiJjb3ZlciJ9LCJ3ZWJwIjp7InF1YWxpdHkiOjgwfSwianBlZyI6eyJxdWFsaXR5Ijo4MH0sInJvdGF0ZSI6bnVsbH19"

package/src/index.ts

@@ -1 +1 @@
-export * from "./strategies";
+export * from "./services";

package/src/services/gemini.ts

@@ -0,0 +1,46 @@
+import { DEFAULT_QUALITY, Exec, validate } from "../services";
+import { stringify } from "../utils/stringify";
+
+export type Gemini = {
+  endpoint: string;
+};
+
+export const gemini = (config: Gemini): Exec => {
+  return (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
+    if (!validate(mode, { width, height })) return src;
+
+    let resizeTo: "width" | "height" | "fit" | "fill";
+
+    switch (mode) {
+      case "crop": {
+        resizeTo = "fill";
+      }
+
+      case "resize": {
+        if (width && !height) {
+          resizeTo = "width";
+          break;
+        }
+
+        if (height && !width) {
+          resizeTo = "height";
+          break;
+        }
+
+        resizeTo = "fit";
+      }
+    }
+
+    const params = {
+      height,
+      resize_to: resizeTo,
+      src,
+      width,
+      quality,
+    };
+
+    const query = stringify(params);
+
+    return `${config.endpoint}?${query}`;
+  };
+};

package/src/services/imgix.ts

@@ -0,0 +1,28 @@
+import md5 from "md5";
+import { DEFAULT_QUALITY, Exec, validate } from "../services";
+import { stringify } from "../utils/stringify";
+
+export type Imgix = {
+  endpoint: string;
+  token: string;
+};
+
+export const imgix = (config: Imgix): Exec => {
+  return (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
+    if (!validate(mode, { width, height })) return src;
+
+    const params = {
+      fit: { crop: "crop", resize: "clip" }[mode],
+      height,
+      width,
+      quality,
+      auto: "format",
+    };
+
+    const path = `/${encodeURIComponent(src)}`;
+    const query = `?${stringify(params)}`;
+    const signature = md5(config.token + path + query);
+
+    return `${config.endpoint}${path}${query}&s=${signature}`;
+  };
+};

package/src/services/lambda.ts

@@ -0,0 +1,40 @@
+import { DEFAULT_QUALITY, Exec, validate } from "../services";
+
+export type Lambda = {
+  endpoint: string;
+  sources: {
+    source: string;
+    bucket: string;
+  }[];
+};
+
+export const lambda = (config: Lambda): Exec => {
+  return (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
+    if (!validate(mode, { width, height })) return src;
+
+    const source = config.sources.find((source) => {
+      return src.startsWith(source.source);
+    });
+
+    if (!source) return src;
+
+    const params = {
+      bucket: source.bucket,
+      key: src.replace(`${source.source}/`, ""),
+      edits: {
+        resize: {
+          width,
+          height,
+          fit: { crop: "cover", resize: "inside" }[mode],
+        },
+        webp: { quality },
+        jpeg: { quality },
+        rotate: null,
+      },
+    };
+
+    const encoded = Buffer.from(JSON.stringify(params)).toString("base64");
+
+    return `${config.endpoint}/${encoded}`;
+  };
+};

package/src/services.ts

@@ -0,0 +1,73 @@
+import { Gemini, gemini } from "./services/gemini";
+import { imgix, Imgix } from "./services/imgix";
+import { lambda, Lambda } from "./services/lambda";
+
+export const SERVICES = ["gemini", "imgix", "lambda"] as const;
+
+export const MODES = ["resize", "crop"] as const;
+
+export const DEFAULT_QUALITY = 80;
+
+export type Mode = typeof MODES[number];
+
+export type Config = {
+  gemini?: Gemini;
+  imgix?: Imgix;
+  lambda?: Lambda;
+};
+
+export type Options = {
+  width?: number;
+  height?: number;
+  quality?: number;
+};
+
+export type Exec = (mode: Mode, src: string, options: Options) => string;
+
+export type Service = { exec: Exec };
+
+export const validate = (mode: Mode, { width, height }: Options) => {
+  if (mode === "crop" && (!width || !height)) {
+    console.warn("`crop`requires both `width` and `height`");
+    return false;
+  }
+
+  if (mode === "resize" && !width && !height) {
+    console.warn("`resize` requires either `width` or `height`");
+    return false;
+  }
+
+  if (width && width < 1) {
+    console.warn("`width` must be greater than `0`");
+    return false;
+  }
+
+  if (height && height < 1) {
+    console.warn("`height` must be greater than `0`");
+    return false;
+  }
+
+  return true;
+};
+
+/**
+ * Returns a list of configured services.
+ * All endpoints should *not* have trailing slashes.
+ */
+export const configure = <T extends Config>(config: T) => {
+  const services = {} as Record<keyof T, Service>;
+
+  if (config.gemini) {
+    services.gemini = { exec: gemini(config.gemini) };
+  }
+
+  if (config.imgix) {
+    services.imgix = { exec: imgix(config.imgix) };
+  }
+
+  if (config.lambda) {
+    services.lambda = { exec: lambda(config.lambda) };
+  }
+
+  return services;
+};

package/src/utils/stringify.ts

@@ -0,0 +1,15 @@
+export const stringify = (
+  params: Record<string, string | number | undefined | null | boolean>
+): string => {
+  const keys = Object.keys(params)
+    // Alphabetize the keys
+    .sort((a, b) => a.localeCompare(b))
+    // Filter out null or undefined values
+    .filter((key) => params[key] != null);
+
+  return keys
+    .map((key) => {
+      return `${key}=${encodeURIComponent(`${params[key]}`)}`;
+    })
+    .join("&");
+};

package/dist/strategies.d.ts

@@ -1,39 +0,0 @@
-export declare const SERVICES: readonly ["gemini", "imgix", "lambda"];
-export declare const MODES: readonly ["resize", "crop"];
-export declare const DEFAULT_QUALITY = 80;
-type Mode = typeof MODES[number];
-/**
- * All endpoints should *not* have trailing slashes
- */
-type Config = {
-    gemini: {
-        endpoint: string;
-    };
-    imgix: {
-        endpoint: string;
-        token: string;
-    };
-    lambda: {
-        endpoint: string;
-        sources: {
-            source: string;
-            bucket: string;
-        }[];
-    };
-};
-type Options = {
-    width?: number;
-    height?: number;
-    quality?: number;
-};
-type Exec = (mode: Mode, src: string, options: Options) => string;
-type Strategy = {
-    exec: Exec;
-};
-export declare const validate: (mode: Mode, { width, height }: Options) => boolean;
-export declare const configure: (config: Config) => {
-    gemini: Strategy;
-    imgix: Strategy;
-    lambda: Strategy;
-};
-export {};

package/dist/strategies.js

@@ -1,115 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configure = exports.validate = exports.DEFAULT_QUALITY = exports.MODES = exports.SERVICES = void 0;
-const md5_1 = __importDefault(require("md5"));
-const qs_1 = require("qs");
-exports.SERVICES = ["gemini", "imgix", "lambda"];
-exports.MODES = ["resize", "crop"];
-exports.DEFAULT_QUALITY = 80;
-const validate = (mode, { width, height }) => {
-    if (mode === "crop" && (!width || !height)) {
-        console.warn("`crop`requires both `width` and `height`");
-        return false;
-    }
-    if (mode === "resize" && !width && !height) {
-        console.warn("`resize` requires either `width` or `height`");
-        return false;
-    }
-    if (width && width < 1) {
-        console.warn("`width` must be greater than `0`");
-        return false;
-    }
-    if (height && height < 1) {
-        console.warn("`height` must be greater than `0`");
-        return false;
-    }
-    return true;
-};
-exports.validate = validate;
-const configure = (config) => {
-    const strategies = {
-        gemini: {
-            exec: (mode, src, { width, height, quality = exports.DEFAULT_QUALITY }) => {
-                if (!(0, exports.validate)(mode, { width, height }))
-                    return src;
-                let resizeTo;
-                switch (mode) {
-                    case "crop": {
-                        resizeTo = "fill";
-                    }
-                    case "resize": {
-                        if (width && !height) {
-                            resizeTo = "width";
-                        }
-                        if (height && !width) {
-                            resizeTo = "height";
-                        }
-                        resizeTo = "fit";
-                    }
-                }
-                const params = {
-                    height,
-                    resize_to: resizeTo,
-                    src,
-                    width,
-                    quality,
-                };
-                const query = (0, qs_1.stringify)(params, {
-                    arrayFormat: "brackets",
-                    skipNulls: true,
-                    sort: (a, b) => a.localeCompare(b),
-                });
-                return `${config.gemini.endpoint}?${query}`;
-            },
-        },
-        imgix: {
-            exec: (mode, src, { width, height, quality = exports.DEFAULT_QUALITY }) => {
-                if (!(0, exports.validate)(mode, { width, height }))
-                    return src;
-                const params = {
-                    fit: { crop: "crop", resize: "clip" }[mode],
-                    height,
-                    width,
-                    quality,
-                    auto: "format",
-                };
-                const path = `/${encodeURIComponent(src)}`;
-                const query = `?${(0, qs_1.stringify)(params)}`;
-                const signature = (0, md5_1.default)(config.imgix.token + path + query);
-                return `${config.imgix.endpoint}${path}${query}&s=${signature}`;
-            },
-        },
-        lambda: {
-            exec: (mode, src, { width, height, quality = exports.DEFAULT_QUALITY }) => {
-                if (!(0, exports.validate)(mode, { width, height }))
-                    return src;
-                const source = config.lambda.sources.find((source) => {
-                    return src.startsWith(source.source);
-                });
-                if (!source)
-                    return src;
-                const params = {
-                    bucket: source.bucket,
-                    key: src.replace(`${source.source}/`, ""),
-                    edits: {
-                        resize: {
-                            width,
-                            height,
-                            fit: { crop: "cover", resize: "inside" }[mode],
-                        },
-                        webp: { quality },
-                        jpeg: { quality },
-                        rotate: null,
-                    },
-                };
-                const encoded = Buffer.from(JSON.stringify(params)).toString("base64");
-                return `${config.lambda.endpoint}/${encoded}`;
-            },
-        },
-    };
-    return strategies;
-};
-exports.configure = configure;

package/src/strategies.ts

@@ -1,167 +0,0 @@
-import md5 from "md5";
-import { stringify } from "qs";
-
-export const SERVICES = ["gemini", "imgix", "lambda"] as const;
-
-export const MODES = ["resize", "crop"] as const;
-
-export const DEFAULT_QUALITY = 80;
-
-type Service = typeof SERVICES[number];
-
-type Mode = typeof MODES[number];
-
-/**
- * All endpoints should *not* have trailing slashes
- */
-type Config = {
-  gemini: {
-    endpoint: string;
-  };
-  imgix: {
-    endpoint: string;
-    token: string;
-  };
-  lambda: {
-    endpoint: string;
-    sources: {
-      source: string;
-      bucket: string;
-    }[];
-  };
-};
-
-type Options = {
-  width?: number;
-  height?: number;
-  quality?: number;
-};
-
-type Exec = (mode: Mode, src: string, options: Options) => string;
-
-type Strategy = { exec: Exec };
-
-export const validate = (mode: Mode, { width, height }: Options) => {
-  if (mode === "crop" && (!width || !height)) {
-    console.warn("`crop`requires both `width` and `height`");
-    return false;
-  }
-
-  if (mode === "resize" && !width && !height) {
-    console.warn("`resize` requires either `width` or `height`");
-    return false;
-  }
-
-  if (width && width < 1) {
-    console.warn("`width` must be greater than `0`");
-    return false;
-  }
-
-  if (height && height < 1) {
-    console.warn("`height` must be greater than `0`");
-    return false;
-  }
-
-  return true;
-};
-
-export const configure = (config: Config) => {
-  const strategies: {
-    [key in Service]: Strategy;
-  } = {
-    gemini: {
-      exec: (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
-        if (!validate(mode, { width, height })) return src;
-
-        let resizeTo: "width" | "height" | "fit" | "fill";
-
-        switch (mode) {
-          case "crop": {
-            resizeTo = "fill";
-          }
-
-          case "resize": {
-            if (width && !height) {
-              resizeTo = "width";
-            }
-
-            if (height && !width) {
-              resizeTo = "height";
-            }
-
-            resizeTo = "fit";
-          }
-        }
-
-        const params = {
-          height,
-          resize_to: resizeTo,
-          src,
-          width,
-          quality,
-        };
-
-        const query = stringify(params, {
-          arrayFormat: "brackets",
-          skipNulls: true,
-          sort: (a, b) => a.localeCompare(b),
-        });
-
-        return `${config.gemini.endpoint}?${query}`;
-      },
-    },
-
-    imgix: {
-      exec: (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
-        if (!validate(mode, { width, height })) return src;
-
-        const params = {
-          fit: { crop: "crop", resize: "clip" }[mode],
-          height,
-          width,
-          quality,
-          auto: "format",
-        };
-
-        const path = `/${encodeURIComponent(src)}`;
-        const query = `?${stringify(params)}`;
-        const signature = md5(config.imgix.token + path + query);
-
-        return `${config.imgix.endpoint}${path}${query}&s=${signature}`;
-      },
-    },
-
-    lambda: {
-      exec: (mode, src, { width, height, quality = DEFAULT_QUALITY }) => {
-        if (!validate(mode, { width, height })) return src;
-
-        const source = config.lambda.sources.find((source) => {
-          return src.startsWith(source.source);
-        });
-
-        if (!source) return src;
-
-        const params = {
-          bucket: source.bucket,
-          key: src.replace(`${source.source}/`, ""),
-          edits: {
-            resize: {
-              width,
-              height,
-              fit: { crop: "cover", resize: "inside" }[mode],
-            },
-            webp: { quality },
-            jpeg: { quality },
-            rotate: null,
-          },
-        };
-
-        const encoded = Buffer.from(JSON.stringify(params)).toString("base64");
-
-        return `${config.lambda.endpoint}/${encoded}`;
-      },
-    },
-  };
-
-  return strategies;
-};