CMS Zapier Integration.

Author: acoumb

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/css/zapier.css

@@ -0,0 +1,3 @@
+.mb0 {
+    margin-bottom: 0px !important;
+}

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/dashboard.html

@@ -0,0 +1,60 @@
+<div ng-controller="Umbraco.Cms.Integrations.Automation.Zapier.ZapConfigController as vm"> 
+    <umb-box>
+        <umb-box-header title="Configuration"></umb-box-header>
+        <umb-content>
+            <div class="mt2 ml2">
+                <input id="inWebHookUrl" type="text" ng-model="vm.webHookUrl" class="w-20 mb0" placeholder="WebHook URL"/>
+                <select id="selContentTypes" ng-model="vm.selectedContentType" class="mb0">
+                    <option value="">Please select a content type</option>
+                    <option ng-repeat="item in vm.contentTypes" value="{{ item.alias }}">{{ item.name }}</option>
+                </select>
+                <umb-button action="vm.onAdd()"
+                            type="button"
+                            button-style="primary"
+                            label="Add">
+                </umb-button>
+            </div>
+            <div class="mt2">
+                <div class="umb-table" ng-if="vm.contentConfigs">
+                    <!-- Listviews head section -->
+                    <div class="umb-table-head">
+                        <div class="umb-table-row">
+                            <div class="umb-table-cell">
+                            </div>
+                            <div class="umb-table-cell">
+                                <a class="umb-table-head__link" href="#" prevent-default>
+                                    <span>Content Type Alias</span>
+                                </a>
+                            </div>
+                            <div class="umb-table-cell">
+                                <a class="umb-table-head__link" href="#" prevent-default>
+                                    <span>WebHook URL</span>
+                                </a>
+                            </div>
+                            <div class="umb-table-cell"></div>
+                        </div>
+                    </div>
+
+                    <!-- Listview body section -->
+                    <div class="umb-table-body">
+                        <div class="umb-table-row"
+                             ng-repeat="row in vm.contentConfigs track by $index">
+                            <div class="umb-table-cell"></div>
+                            <div class="umb-table-cell">
+                                <span ng-bind="row.contentTypeAlias"></span>
+                            </div>
+                            <div class="umb-table-cell">
+                                <span ng-bind="row.webHookUrl"></span>
+                            </div>
+                            <div class="umb-table-cell">
+                                <div class="umb-forms-mapping-remove -no-margin-right">
+                                    <a href="javascript:void(0)" ng-click="vm.onDelete(row.id)"><i class="icon-trash"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </umb-content>
+    </umb-box>
+</div>

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier-validation.service.js

@@ -0,0 +1,26 @@
+function zapierValidationService() {
+    return {
+        isValidConfig: (webHookUrl, contentTypeAlias) => {
+
+            if (webHookUrl === undefined || webHookUrl.length === 0) return false;
+
+            let url;
+
+            try {
+                url = new URL(webHookUrl);
+            }
+            catch (_) {
+                return false;
+            }
+
+            if (!(url.protocol === "http:" || url.protocol === "https:")) return false;
+
+            if (contentTypeAlias === undefined || contentTypeAlias.length === 0) return false;
+
+            return true;
+        }
+    }
+}
+
+angular.module("umbraco.services")
+    .service("umbracoCmsIntegrationsAutomationZapierValidationService", zapierValidationService);

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier.controller.js

@@ -0,0 +1,60 @@
+function zapierController($scope, notificationsService, umbracoCmsIntegrationsAutomationZapierResource, umbracoCmsIntegrationsAutomationZapierValidationService) {
+
+    var vm = this;
+
+    vm.contentTypes = [];
+    vm.contentConfigs = [];
+
+    getContentTypes();
+
+    getContentConfigs();
+
+    vm.onAdd = function () {
+
+        const isValid =
+            umbracoCmsIntegrationsAutomationZapierValidationService.isValidConfig(vm.webHookUrl,
+                vm.selectedContentType);
+
+        if (!isValid) {
+            notificationsService.warning("Zapier Content Config", "Zapier configuration is invalid");
+            return;
+        }
+        
+        umbracoCmsIntegrationsAutomationZapierResource.addConfig(vm.webHookUrl, vm.selectedContentType).then(function (r) {
+
+            getContentTypes(vm.selectedContentType);
+
+            getContentConfigs();
+
+            reset();
+        });
+    }
+
+    vm.onDelete = function(id) {
+        umbracoCmsIntegrationsAutomationZapierResource.deleteConfig(id).then(function () {
+            getContentTypes();
+
+            getContentConfigs();
+        });
+    }
+
+    function getContentTypes() {
+        umbracoCmsIntegrationsAutomationZapierResource.getContentTypes().then(function (response) {
+            vm.contentTypes = response;
+        });
+    }
+
+    function getContentConfigs() {
+        umbracoCmsIntegrationsAutomationZapierResource.getAllConfigs().then(function (response) {
+            vm.contentConfigs = response;
+        });
+    }
+
+    function reset() {
+        vm.webHookUrl = "";
+        vm.selectedContentType = "";
+    }
+}
+
+angular.module("umbraco")
+    .controller("Umbraco.Cms.Integrations.Automation.Zapier.ZapConfigController", zapierController);

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier.resource.js

@@ -0,0 +1,26 @@
+angular.module('umbraco.resources').factory('umbracoCmsIntegrationsAutomationZapierResource',
+    function ($http, umbRequestHelper) {
+
+        const apiEndpoint = "backoffice/UmbracoCmsIntegrationsAutomationZapier/ZapConfig";
+
+        return {
+            getContentTypes: function () {
+                return umbRequestHelper.resourcePromise(
+                    $http.get(`${apiEndpoint}/GetContentTypes`),
+                    "Failed to get resource");
+            },
+            addConfig: function (webHookUrl, contentTypeAlias) {
+                return umbRequestHelper.resourcePromise(
+                    $http.post(`${apiEndpoint}/Add`, { contentTypeAlias: contentTypeAlias, webHookUrl: webHookUrl }), "Failed to get resource");
+            },
+            getAllConfigs: function () {
+                return umbRequestHelper.resourcePromise(
+                    $http.get(`${apiEndpoint}/GetAll`), "Failed to get resource");
+            },
+            deleteConfig: function(id) {
+                return umbRequestHelper.resourcePromise(
+                    $http.delete(`${apiEndpoint}/Delete?id=${id}`), "Failed to get resource");
+            }
+        };
+    }
+);

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/lang/en-US.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<language>
+	<area alias="dashboardTabs">
+		<key alias="zapierDashboard">Zapier Settings</key>
+	</area>
+</language>

src/Umbraco.Cms.Integrations.Automation.Zapier/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/package.manifest

@@ -0,0 +1,10 @@
+{
+  "javascript": [
+    "~/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier.controller.js",
+    "~/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier.resource.js",
+		"~/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/js/zapier-validation.service.js"
+  ],
+  "css": [
+		"~/App_Plugins/UmbracoCms.Integrations/Automation/Zapier/css/zapier.css"
+	]
+}

src/Umbraco.Cms.Integrations.Automation.Zapier/Components/NewContentPublishedComponent.cs

@@ -0,0 +1,68 @@
+using System;
+using System.Collections.Generic;
+using System.Net.Http;
+
+using Umbraco.Cms.Integrations.Automation.Zapier.Services;
+using Umbraco.Core;
+using Umbraco.Core.Composing;
+using Umbraco.Core.Events;
+using Umbraco.Core.Logging;
+using Umbraco.Core.Models;
+using Umbraco.Core.Services;
+using Umbraco.Core.Services.Implement;
+
+namespace Umbraco.Cms.Integrations.Automation.Zapier.Components
+{
+
+    [RuntimeLevel(MinLevel = RuntimeLevel.Run)]
+    public class NewContentPublishedComposer : ComponentComposer<NewContentPublishedComponent>
+    { }
+
+    public class NewContentPublishedComponent : IComponent
+    {
+        private readonly ZapConfigService _zapConfigService;
+
+        private readonly ZapierService _zapierService;
+
+        private readonly ILogger _logger;
+
+        public NewContentPublishedComponent(ZapConfigService zapConfigService, ZapierService zapierService, ILogger logger)
+        {
+            _zapConfigService = zapConfigService;
+
+            _zapierService = zapierService;
+
+            _logger = logger;
+        }
+
+        public void Initialize()
+        {
+            ContentService.Published += ContentServiceOnPublished;
+        }
+
+        public void Terminate()
+        {
+            ContentService.Published -= ContentServiceOnPublished;
+        }
+
+        private void ContentServiceOnPublished(IContentService sender, ContentPublishedEventArgs e)
+        {
+            foreach (var node in e.PublishedEntities)
+            {
+                var zapContentConfig = _zapConfigService.GetByAlias(node.ContentType.Alias);
+                if (zapContentConfig == null) return;
+
+                var content = new Dictionary<string, string>
+                {
+                    { Constants.Content.Name, node.ContentType.Name },
+                    { Constants.Content.PublishDate, DateTime.UtcNow.ToString() }
+                };
+
+                var result = _zapierService.TriggerAsync(zapContentConfig.WebHookUrl, content);
+
+                if(!string.IsNullOrEmpty(result))
+                    _logger.Error<NewContentPublishedComponent>(result);
+            }
+        }
+    }
+}

src/Umbraco.Cms.Integrations.Automation.Zapier/Components/ZapContentConfigComponent.cs

@@ -0,0 +1,55 @@
+using Umbraco.Cms.Integrations.Automation.Zapier.Migrations;
+using Umbraco.Core;
+using Umbraco.Core.Composing;
+using Umbraco.Core.Logging;
+using Umbraco.Core.Migrations;
+using Umbraco.Core.Migrations.Upgrade;
+using Umbraco.Core.Scoping;
+using Umbraco.Core.Services;
+
+namespace Umbraco.Cms.Integrations.Automation.Zapier.Components
+{
+
+    [RuntimeLevel(MinLevel = RuntimeLevel.Run)]
+    public class ZapContentConfigComposer : ComponentComposer<ZapContentConfigComponent>
+    {
+
+    }
+
+    public class ZapContentConfigComponent : IComponent
+    {
+        private IScopeProvider _scopeProvider;
+
+        private IMigrationBuilder _migrationBuilder;
+
+        private IKeyValueService _keyValueService;
+
+        private ILogger _logger;
+
+        public ZapContentConfigComponent(IScopeProvider scopeProvider, IMigrationBuilder migrationBuilder, IKeyValueService keyValueService, ILogger logger)
+        {
+            _scopeProvider = scopeProvider;
+
+            _migrationBuilder = migrationBuilder;
+
+            _keyValueService = keyValueService;
+
+            _logger = logger;
+        }
+
+        public void Initialize()
+        {
+            var migrationPlan = new MigrationPlan("ZapContentConfig");
+
+            migrationPlan.From(string.Empty)
+                .To<ZapContentConfigTable>("zapiercontentconfigurations-db");
+
+            var upgrader = new Upgrader(migrationPlan);
+            upgrader.Execute(_scopeProvider, _migrationBuilder, _keyValueService, _logger);
+        }
+
+        public void Terminate()
+        {
+        }
+    }
+}

src/Umbraco.Cms.Integrations.Automation.Zapier/Constants.cs

@@ -0,0 +1,16 @@
+
+namespace Umbraco.Cms.Integrations.Automation.Zapier
+{
+    public class Constants
+    {
+        public const string ZapContentConfigTable = "zapContentConfig";
+
+        public static class Content
+        {
+            public const string Name = "Name";
+
+            public const string PublishDate = "PublishDate";
+
+        }
+    }
+}