Create and Update item

Author: GTFalcao

components/webflow_v2/actions/create-collection-item/create-collection-item.mjs

@@ -53,17 +53,17 @@ export default {
       // eslint-disable-next-line no-unused-vars
       siteId,
       collectionId,
-      ...fields
+      ...fieldData
     } = this;
 
-    const response = await app.createCollectionItem({
+    const response = await app.createCollectionItem(
       collectionId,
-      fieldData: {
-        ...fields,
+      {
+        fieldData,
         isArchived: false,
         isDraft: false,
       },
-    });
+    );
 
     $.export("$summary", `Successfully created collection item ${fields.name ?? ""}`);
 

components/webflow_v2/actions/update-collection-item/update-collection-item.mjs

@@ -0,0 +1,91 @@
+import app from "../../webflow_v2.app.mjs";
+
+export default {
+  key: "webflow_v2-update-collection-item",
+  name: "Update Collection Item",
+  description:
+    "Update collection item. [See the documentation](https://developers.webflow.com/#update-collection-item)",
+  version: "0.0.{{ts}}",
+  type: "action",
+  props: {
+    app,
+    siteId: {
+      propDefinition: [app, "sites"],
+    },
+    collectionId: {
+      propDefinition: [
+        app,
+        "collections",
+        (c) => ({
+          siteId: c.siteId,
+        }),
+      ],
+      reloadProps: true,
+    },
+    itemId: {
+      propDefinition: [
+        app,
+        "items",
+        (c) => ({
+          collectionId: c.collectionId,
+        }),
+      ],
+    },
+  },
+  async additionalProps() {
+    const props = {};
+    if (!this.collectionId) {
+      return props;
+    }
+    const { fields } = await this.app.getCollection(this.collectionId);
+    for (const field of fields) {
+      if (
+        field.editable &&
+        field.slug !== "isArchived" &&
+        field.slug !== "isDraft"
+      ) {
+        props[field.slug] = {
+          type: "string",
+          label: field.name,
+          description:
+            field.slug === "name"
+              ? "Name given to the Item."
+              : field.slug === "slug"
+              ? "URL structure of the Item in your site. Note: Updates to an item slug will break all links referencing the old slug."
+              : "See the documentation for additional information about [Field Types & Item Values](https://developers.webflow.com/reference/field-types-item-values).",
+          optional: true,
+        };
+      }
+    }
+
+    return props;
+  },
+  async run({ $ }) {
+    const {
+      app,
+      // eslint-disable-next-line no-unused-vars
+      siteId,
+      collectionId,
+      itemId,
+      name,
+      slug,
+      ...customFields
+    } = this;
+
+    const item = await app.getCollectionItem(collectionId, itemId);
+
+    const response = await app.updateCollectionItem(collectionId, itemId, {
+      isArchived: false,
+      isDraft: false,
+      fieldData: {
+        ...customFields,
+        name: name || item.name,
+        slug: slug || item.slug,
+      },
+    });
+
+    $.export("$summary", "Successfully updated collection item");
+
+    return response;
+  },
+};

components/webflow_v2/webflow_v2.app.mjs

@@ -120,14 +120,14 @@ export default {
      const response = await this.webflowClient().sites.getCustomDomain(siteId);
      return response?.customDomains;
     },
-    async getSite(siteId) {
+    getSite(siteId) {
       return this.webflowClient().sites.get(siteId);
     },
     async listSites() {
       const response = await this.webflowClient().sites.list();
       return response?.sites;
     },
-    async getCollection(collectionId) {
+    getCollection(collectionId) {
       return this.webflowClient().collections.get(collectionId);
     },
     async listCollections(siteId) {
@@ -146,8 +146,17 @@ export default {
 
       return response?.items;
     },
-    async getCollectionItem(collectionId, itemId) {
+    getCollectionItem(collectionId, itemId) {
       return this.webflowClient().collections.items.getItem(collectionId, itemId);
-    }
+    },
+    deleteCollectionItem(collectionId, itemId) {
+      return this.webflowClient().collections.items.deleteItem(collectionId, itemId);
+    },
+    createCollectionItem(collectionId, data) {
+      return this.webflowClient().collections.items.createItem(collectionId, data);
+    },
+    updateCollectionItem(collectionId, itemId, data) {
+      return this.webflowClient().collections.items.updateItem(collectionId, itemId, data);
+    },
   },
 };