Merge branch 'add_confirmation_when_we_remove_a_message' into arabakevin-add_confirmation_when_we_remove_a_message

Author: arabakevin

.github/stale.yml

@@ -1,13 +1,13 @@
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 60
+daysUntilStale: 7
 # Number of days of inactivity before a stale issue is closed
-daysUntilClose: 7
+daysUntilClose: 60
 # Issues with these labels will never be considered stale
 exemptLabels:
   - pinned
   - security
 # Label to use when marking an issue as stale
-staleLabel: wontfix
+staleLabel: stale
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had

.gitignore

@@ -19,5 +19,6 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+
+# Misc
 .ghnpmpkgtoken
-build

.npmignore

@@ -177,6 +177,7 @@ export default {
       m.isEdited = true;
       m.data.text = message.data.text;
     }
+  }
 }
 ```
 
@@ -204,6 +205,7 @@ For more detailed examples see the demo folder.
 | showConfirmationDeletion | Boolean | A bool indicating whether or not to show the confirmation text when we remove a message
 | showEdition | Boolean | A bool indicating whether or not to show the delete button for a message
 | showTypingIndicator | String | A string that can be set to a user's participant.id to show `typing` indicator for them
+| showHeader | Boolean | A bool indicating whether or not to show the header of chatwindow
 | colors | Object | An object containing the specs of the colors used to paint the component. [See here](#faq)
 | messageStyling | Boolean | A bool indicating whether or not to enable `msgdown` support for message formatting in chat. [See here](#faq)
 

README.md

@@ -2012,9 +2012,9 @@ electron-to-chromium@^1.3.413:
   integrity sha512-smevlzzMNz3vMz6OLeeCq5HRWEj2AcgccNPYnAx4Usx0IOciq9DU36RJcICcS09hXoY7t7deRfVYKD14IrGb9A==
 
 elliptic@^6.0.0, elliptic@^6.5.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.2.tgz#05c5678d7173c049d8ca433552224a495d0e3762"
-  integrity sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
+  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -3653,9 +3653,9 @@ lodash.uniq@^4.5.0:
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
 lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.3:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+  version "4.17.19"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
 
 log-symbols@^2.2.0:
   version "2.2.0"

demo/yarn.lock

@@ -1,8 +1,8 @@
 {
   "name": "vue-beautiful-chat",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "A simple and beautiful Vue chat component backend agnostic.",
-  "main": "./src/index.js",
+  "main": "./dist/vue-beautiful-chat.umd.min.js",
   "repository": "https://github.com/mattmezza/vue-beautiful-chat.git",
   "author": "Matteo Merola <mattmezza@gmail.com>",
   "license": "MIT",
@@ -12,6 +12,9 @@
     "watch": "npm run build -- --watch",
     "prepublishOnly": "npm run build"
   },
+  "files": [
+    "dist/*"
+  ],
   "dependencies": {
     "autolinker": "^1.8.3",
     "emoji-js": "^3.4.0",

package.json

@@ -1,6 +1,7 @@
 <template>
   <div class="sc-chat-window" :class="{opened: isOpen, closed: !isOpen}">
     <Header
+      v-if="showHeader"
       :show-close-button="showCloseButton"
       :title="title"
       :image-url="titleImageUrl"
@@ -89,6 +90,10 @@ export default {
       type: Boolean,
       default: false
     },
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
     participants: {
       type: Array,
       required: true

src/ChatWindow.vue

@@ -28,6 +28,7 @@
       :show-edition="showEdition"
       :show-deletion="showDeletion"
       :show-confirmation-deletion="showConfirmationDeletion"
+      :show-header="showHeader"
       :placeholder="placeholder"
       :show-typing-indicator="showTypingIndicator"
       :colors="colors"
@@ -132,6 +133,10 @@ export default {
       type: Boolean,
       default: true
     },
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
     participants: {
       type: Array,
       required: true
@@ -228,7 +233,6 @@ export default {
       if (this.title !== '') {
         return this.title
       }
-
       if (this.participants.length === 0) {
         return 'You'
       } else if (this.participants.length > 1) {

src/Launcher.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="sc-message">
+  <div class="sc-message" :id="message.id">
     <div
       class="sc-message--content"
       :class="{

src/Message.vue

@@ -1,7 +1,7 @@
 import Launcher from './Launcher.vue'
 import VTooltip from 'v-tooltip'
 
-const defaultComponentName = 'beautiful-chat'
+const defaultComponentName = 'BeautifulChat'
 
 const Plugin = {
   install(Vue, options = {}) {