Clear log

lib/main.coffee

@@ -63,6 +63,12 @@ Notifications =
     @addNotificationsLogSubscriptions() if @notificationsLog?
     @subscriptions.add atom.workspace.addOpener (uri) => @createLog() if uri is NotificationsLog::getURI()
     @subscriptions.add atom.commands.add 'atom-workspace', 'notifications:toggle-log', -> atom.workspace.toggle(NotificationsLog::getURI())
+    @subscriptions.add atom.commands.add 'atom-workspace', 'notifications:clear-log', ->
+      for notification in atom.notifications.getNotifications()
+        notification.options.dismissable = true
+        notification.dismissed = false
+        notification.dismiss()
+      atom.notifications.clear()
 
   deactivate: ->
     @subscriptions.dispose()

lib/notifications-log.coffee

@@ -22,7 +22,9 @@ module.exports = class NotificationsLog
     @typesHidden = typesHidden if typesHidden?
     @emitter = new Emitter
     @subscriptions = new CompositeDisposable
+    @subscriptions.add atom.notifications.onDidClearNotifications => @clearLogItems()
     @render()
+    @subscriptions.add new Disposable => @clearLogItems()
 
   render: ->
     @element = document.createElement('div')
@@ -45,6 +47,12 @@ module.exports = class NotificationsLog
       @subscriptions.add atom.tooltips.add(button, {title: "Toggle #{type} notifications"})
       header.appendChild(button)
 
+    button = document.createElement('button')
+    button.classList.add('notifications-clear-log', 'btn', 'icon', 'icon-trashcan')
+    button.addEventListener 'click', (e) -> atom.commands.dispatch(atom.views.getView(atom.workspace), "notifications:clear-log")
+    @subscriptions.add atom.tooltips.add(button, {title: "Clear notifications"})
+    header.appendChild(button)
+
     lastNotification = null
     for notification in atom.notifications.getNotifications()
       if lastNotification?
@@ -95,10 +103,12 @@ module.exports = class NotificationsLog
     @logItems.push logItem
     @list.insertBefore(logItem.getElement(), @list.firstChild)
 
-    @subscriptions.add new Disposable -> logItem.destroy()
-
   onItemClick: (callback) ->
     @emitter.on 'item-clicked', callback
 
   onDidDestroy: (callback) ->
     @emitter.on 'did-destroy', callback
+
+  clearLogItems: ->
+    logItem.destroy() for logItem in @logItems
+    @logItems = []

spec/notifications-log-spec.coffee

@@ -233,6 +233,22 @@ describe "Notifications Log", ->
             expect(notification.dismissed).toBe true
             expect(notificationView.element).not.toBeVisible()
 
+  describe "when notifications are cleared", ->
+
+    beforeEach ->
+      clearButton = workspaceElement.querySelector('.notifications-log .notifications-clear-log')
+      atom.notifications.addInfo('A message', dismissable: true)
+      atom.notifications.addInfo('non-dismissable')
+      clearButton.click()
+
+    it "clears the notifications", ->
+      expect(atom.notifications.getNotifications()).toHaveLength 0
+      notifications = workspaceElement.querySelector('atom-notifications')
+      advanceClock(NotificationElement::animationDuration)
+      expect(notifications.children).toHaveLength 0
+      logItems = workspaceElement.querySelector('.notifications-log-items')
+      expect(logItems.children).toHaveLength 0
+
   describe "the dock pane", ->
     notificationsLogPane = null
 

styles/notifications-log.less

@@ -14,7 +14,7 @@
     background-color: @base-background-color;
     border-bottom: 1px solid @base-border-color;
 
-    .notification-type {
+    button {
       border: none;
       width: @icon-size;
       height: @icon-size;
@@ -24,6 +24,10 @@
       opacity: .5;
       background: @base-background-color;
     }
+
+    .notifications-clear-log {
+      float: right;
+    }
   }
 
   .notifications-log-items  {