[Components] l2s #14107

Actions
 - Create Shortened URL

Author: luancazarine

components/l2s/actions/create-shortened-url/create-shortened-url.mjs

@@ -1,83 +1,89 @@
+import { parseObject } from "../../common/utils.mjs";
 import l2s from "../../l2s.app.mjs";
-import { axios } from "@pipedream/platform";
 
 export default {
   key: "l2s-create-shortened-url",
   name: "Create Shortened URL",
   description: "Generates a shortened URL utilizing L2S capabilities. [See the documentation](https://docs.l2s.is/)",
-  version: "0.0.{{ts}}",
+  version: "0.0.1",
   type: "action",
   props: {
     l2s,
     url: {
-      propDefinition: [
-        l2s,
-        "url",
-      ],
+      type: "string",
+      label: "URL",
+      description: "The URL to be shortened",
     },
     customKey: {
-      propDefinition: [
-        l2s,
-        "customKey",
-      ],
+      type: "string",
+      label: "Custom Key",
+      description: "Custom key for the shortened URL",
+      optional: true,
     },
     utmSource: {
-      propDefinition: [
-        l2s,
-        "utmSource",
-      ],
+      type: "string",
+      label: "UTM Source",
+      description: "UTM source parameter",
+      optional: true,
     },
     utmMedium: {
-      propDefinition: [
-        l2s,
-        "utmMedium",
-      ],
+      type: "string",
+      label: "UTM Medium",
+      description: "UTM medium parameter",
+      optional: true,
     },
     utmCampaign: {
-      propDefinition: [
-        l2s,
-        "utmCampaign",
-      ],
+      type: "string",
+      label: "UTM Campaign",
+      description: "UTM campaign parameter",
+      optional: true,
     },
     utmTerm: {
-      propDefinition: [
-        l2s,
-        "utmTerm",
-      ],
+      type: "string",
+      label: "UTM Term",
+      description: "UTM term parameter",
+      optional: true,
     },
     utmContent: {
-      propDefinition: [
-        l2s,
-        "utmContent",
-      ],
+      type: "string",
+      label: "UTM Content",
+      description: "UTM content parameter",
+      optional: true,
     },
     title: {
-      propDefinition: [
-        l2s,
-        "title",
-      ],
+      type: "string",
+      label: "Title",
+      description: "Title for the shortened URL",
+      optional: true,
     },
     tags: {
-      propDefinition: [
-        l2s,
-        "tags",
-      ],
+      type: "string[]",
+      label: "Tags",
+      description: "Tags associated with the URL",
+      optional: true,
     },
   },
   async run({ $ }) {
-    const response = await this.l2s.shortenUrl({
-      url: this.url,
-      customKey: this.customKey,
-      utmSource: this.utmSource,
-      utmMedium: this.utmMedium,
-      utmCampaign: this.utmCampaign,
-      utmTerm: this.utmTerm,
-      utmContent: this.utmContent,
-      title: this.title,
-      tags: this.tags,
+    const {
+      l2s,
+      tags,
+      ...data
+    } = this;
+
+    if (tags) {
+      data.tags = parseObject(tags);
+    }
+
+    const { response: { data: response } } = await l2s.shortenUrl({
+      $,
+      data,
     });
 
+    const shortUrl = `https://l2s.is/${response.key}`;
     $.export("$summary", "URL shortened successfully");
-    return response;
+    return {
+      short_url: shortUrl,
+      ...response,
+    };
   },
 };

components/l2s/common/utils.mjs

@@ -0,0 +1,24 @@
+export const parseObject = (obj) => {
+  if (!obj) return undefined;
+
+  if (Array.isArray(obj)) {
+    return obj.map((item) => {
+      if (typeof item === "string") {
+        try {
+          return JSON.parse(item);
+        } catch (e) {
+          return item;
+        }
+      }
+      return item;
+    });
+  }
+  if (typeof obj === "string") {
+    try {
+      return JSON.parse(obj);
+    } catch (e) {
+      return obj;
+    }
+  }
+  return obj;
+};

components/l2s/l2s.app.mjs

@@ -3,99 +3,29 @@ import { axios } from "@pipedream/platform";
 export default {
   type: "app",
   app: "l2s",
-  propDefinitions: {
-    url: {
-      type: "string",
-      label: "URL",
-      description: "The URL to be shortened",
-    },
-    customKey: {
-      type: "string",
-      label: "Custom Key",
-      description: "Custom key for the shortened URL",
-      optional: true,
-    },
-    utmSource: {
-      type: "string",
-      label: "UTM Source",
-      description: "UTM source parameter",
-      optional: true,
-    },
-    utmMedium: {
-      type: "string",
-      label: "UTM Medium",
-      description: "UTM medium parameter",
-      optional: true,
-    },
-    utmCampaign: {
-      type: "string",
-      label: "UTM Campaign",
-      description: "UTM campaign parameter",
-      optional: true,
-    },
-    utmTerm: {
-      type: "string",
-      label: "UTM Term",
-      description: "UTM term parameter",
-      optional: true,
-    },
-    utmContent: {
-      type: "string",
-      label: "UTM Content",
-      description: "UTM content parameter",
-      optional: true,
-    },
-    title: {
-      type: "string",
-      label: "Title",
-      description: "Title for the shortened URL",
-      optional: true,
-    },
-    tags: {
-      type: "string[]",
-      label: "Tags",
-      description: "Tags associated with the URL",
-      optional: true,
-    },
-  },
   methods: {
-    authKeys() {
-      console.log(Object.keys(this.$auth));
-    },
     _baseUrl() {
       return "https://api.l2s.is";
     },
-    async _makeRequest(opts = {}) {
-      const {
-        $ = this, method = "POST", path = "/url", headers, data,
-      } = opts;
+    _headers() {
+      return {
+        Authorization: `Bearer ${this.$auth.api_key}`,
+      };
+    },
+    _makeRequest({
+      $ = this, path, ...opts
+    }) {
       return axios($, {
-        method,
         url: this._baseUrl() + path,
-        headers: {
-          ...headers,
-          Authorization: `Bearer ${this.$auth.api_token}`,
-        },
-        data,
+        headers: this._headers(),
+        ...opts,
       });
     },
-    async shortenUrl(opts = {}) {
-      const {
-        url, customKey, utmSource, utmMedium, utmCampaign, utmTerm, utmContent, title, tags,
-      } = opts;
-      const data = {
-        url,
-        customKey,
-        utmSource,
-        utmMedium,
-        utmCampaign,
-        utmTerm,
-        utmContent,
-        title,
-        tags,
-      };
+    shortenUrl(opts = {}) {
       return this._makeRequest({
-        data,
+        method: "POST",
+        path: "/url",
+        ...opts,
       });
     },
   },

components/l2s/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/l2s",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Pipedream L2S Components",
   "main": "l2s.app.mjs",
   "keywords": [
@@ -11,5 +11,8 @@
   "author": "Pipedream <[email protected]> (https://pipedream.com/)",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@pipedream/platform": "^3.0.1"
   }
 }