feat: add "dev" to social component

Author: peterpeterparker

CHANGELOG.md

@@ -1,5 +1,15 @@
+<a name="1.0.0-beta.50"></a>
+# [1.0.0-beta.50](https://github.com/deckgo/deckdeckgo/compare/v1.0.0-beta.49...v1.0.0-beta.50) (2019-07-13)
+
+### Applications
+
+* docs: v1.0.0-alpha.20 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/docs/CHANGELOG.md))
+
+### Web Components
+
+
 <a name="1.0.0-beta.49"></a>
-# [1.0.0-beta.49](https://github.com/deckgo/deckdeckgo/compare/v1.0.0-beta.49...v1.0.0-beta.49) (2019-07-11)
+# [1.0.0-beta.49](https://github.com/deckgo/deckdeckgo/compare/v1.0.0-beta.48-1...v1.0.0-beta.49) (2019-07-11)
 
 ### Applications
 
@@ -25,6 +35,8 @@
 
 ### Web Components
 
+* core: v1.0.0-beta.41 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/core/CHANGELOG.md))
+
 * lazy-img: v1.0.0-alpha.8 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/lazy-img/CHANGELOG.md))
 
 <a name="1.0.0-beta.47"></a>

docs/CHANGELOG.md

@@ -1,3 +1,10 @@
+<a name="1.0.0-alpha.20"></a>
+# 1.0.0-alpha.20 (2019-07-13)
+
+### Features
+
+* add new component social option `dev`
+
 <a name="1.0.0-alpha.19"></a>
 # 1.0.0-alpha.19 (2019-07-11)
 

docs/docs/components/app-components-social/app-components-social.md

@@ -44,6 +44,7 @@ This component offers the following options which could be set using attributes:
 | twitter | string |  | Your Twitter username. It will be concatenated automatically with `https://twitter.com/` |
 | linkedin | string |  | Your Linkedin username. It will be concatenated automatically with `https://www.linkedin.com/in/` |
 | medium | string |  | Your Medium username. It will be concatenated automatically with `https://medium.com/@` |
+| dev | string |  | Your Dev username. It will be concatenated automatically with `https://dev.to/` |
 | github | string |  | Your Github username. It will be concatenated automatically with `https://github.com/` |
 | fullUrl | string |  | In case you would like to provide the URI of your choice |
 

docs/src/app/pages/docs/components/app-components-social/app-components-social.tsx

@@ -87,6 +87,12 @@ export class AppComponentsSocial {
 <td>Your Medium username. It will be concatenated automatically with <code>https://medium.com/@</code></td>
 </tr>
 <tr>
+<td>dev</td>
+<td>string</td>
+<td></td>
+<td>Your Dev username. It will be concatenated automatically with <code>https://dev.to/</code></td>
+</tr>
+<tr>
 <td>github</td>
 <td>string</td>
 <td></td>

webcomponents/core/CHANGELOG.md

@@ -1,3 +1,10 @@
+<a name="1.0.0-beta.41"></a>
+# 1.0.0-beta.41 (2019-06-13)
+
+### Features
+
+* add `dev.to` to the social component
+
 <a name="1.0.0-beta.40"></a>
 # 1.0.0-beta.40 (2019-06-24)
 

webcomponents/core/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@deckdeckgo/core",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.41",
   "description": "Add a presentation to your web application using HTML and Web Components",
   "module": "dist/index.mjs",
   "main": "dist/index.js",

webcomponents/core/package.json

@@ -145,6 +145,7 @@ export namespace Components {
     'width': number;
   }
   interface DeckgoSocial {
+    'dev': string;
     'fullUrl': string;
     'github': string;
     'lazyLoadContent': () => Promise<void>;
@@ -378,6 +379,7 @@ declare namespace LocalJSX {
     'width'?: number;
   }
   interface DeckgoSocial extends JSXBase.HTMLAttributes<HTMLDeckgoSocialElement> {
+    'dev'?: string;
     'fullUrl'?: string;
     'github'?: string;
     'linkedin'?: string;

webcomponents/core/src/components.d.ts

@@ -14,13 +14,15 @@ export class DeckdeckgoSocial implements DeckdeckgoExtra {
   @Prop() twitter: string;
   @Prop() linkedin: string;
   @Prop() medium: string;
+  @Prop() dev: string;
   @Prop() github: string;
   @Prop() fullUrl: string;
 
   componentDidLoad() {
     this.concatTwitterUrl();
     this.concatLinkedinUrl();
     this.concatMediumUrl();
+    this.concatDevUrl();
     this.concatGithubUrl();
     this.concatFullUrl();
   }
@@ -59,6 +61,15 @@ export class DeckdeckgoSocial implements DeckdeckgoExtra {
     this.url = 'https://medium.com/@' + this.medium;
   }
 
+  @Watch('dev')
+  concatDevUrl() {
+    if (!this.dev) {
+      return;
+    }
+
+    this.url = 'https://dev.to/' + this.dev ;
+  }
+
   @Watch('github')
   concatGithubUrl() {
     if (!this.github) {