change_photos init

Author: michelle0927

components/change_photos/actions/transform-image/transform-image.mjs

@@ -0,0 +1,36 @@
+import change_photos from "../../change_photos.app.mjs";
+import { axios } from "@pipedream/platform";
+
+export default {
+  key: "change_photos-transform-image",
+  name: "Transform Image",
+  description: "Transforms an image with various effects and optimizations. [See the documentation]()",
+  version: "0.0.{{ts}}",
+  type: "action",
+  props: {
+    change_photos,
+    imageUrl: {
+      propDefinition: [
+        change_photos,
+        "imageUrl",
+      ],
+    },
+    effects: {
+      propDefinition: [
+        change_photos,
+        "effects",
+      ],
+    },
+    optimizations: {
+      propDefinition: [
+        change_photos,
+        "optimizations",
+      ],
+    },
+  },
+  async run({ $ }) {
+    const response = await this.change_photos.transformImage();
+    $.export("$summary", "Image transformed successfully");
+    return response;
+  },
+};

components/change_photos/change_photos.app.mjs

@@ -1,11 +1,91 @@
+import { axios } from "@pipedream/platform";
+
 export default {
   type: "app",
   app: "change_photos",
-  propDefinitions: {},
+  version: "0.0.20240427",
+  propDefinitions: {
+    imageUrl: {
+      type: "string",
+      label: "Image URL",
+      description: "URL of the image to transform",
+    },
+    effects: {
+      type: "string[]",
+      label: "Effects",
+      description: "Effects to apply to the image",
+      async options() {
+        const effects = await this.getEffects();
+        return effects.map((effect) => ({
+          label: effect.name,
+          value: effect.id,
+        }));
+      },
+    },
+    optimizations: {
+      type: "string[]",
+      label: "Optimizations",
+      description: "Optimizations to apply to the image",
+      async options() {
+        const optimizations = await this.getOptimizations();
+        return optimizations.map((opt) => ({
+          label: opt.name,
+          value: opt.id,
+        }));
+      },
+    },
+  },
   methods: {
-    // this.$auth contains connected account data
+    // Existing method
     authKeys() {
       console.log(Object.keys(this.$auth));
     },
+    _baseUrl() {
+      return "https://www.change.photos/api";
+    },
+    async _makeRequest(opts = {}) {
+      const {
+        $ = this, method = "GET", path = "/", headers, ...otherOpts
+      } = opts;
+      return axios($, {
+        ...otherOpts,
+        method,
+        url: `${this._baseUrl()}${path}`,
+        headers: {
+          ...headers,
+          "User-Agent": "@PipedreamHQ/pipedream v0.1",
+          "Authorization": `Bearer ${this.$auth.apiToken}`,
+        },
+      });
+    },
+    async getEffects(opts = {}) {
+      const response = await this._makeRequest({
+        method: "GET",
+        path: "/effects",
+        ...opts,
+      });
+      return response;
+    },
+    async getOptimizations(opts = {}) {
+      const response = await this._makeRequest({
+        method: "GET",
+        path: "/optimizations",
+        ...opts,
+      });
+      return response;
+    },
+    async transformImage(opts = {}) {
+      const response = await this._makeRequest({
+        method: "POST",
+        path: "/transform",
+        data: {
+          image_url: this.imageUrl,
+          effects: this.effects,
+          optimizations: this.optimizations,
+          ...opts,
+        },
+      });
+      return response;
+    },
   },
 };

components/change_photos/package.json

@@ -12,4 +12,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}