PR#124: Make links clickable in social posts - Fedora-app

Fedora-app

#124 Make links clickable in social posts

Opened 5 years ago by shadycake. Modified 5 years ago

shadycake/Fedora-app master into master

Made links clickable on social posts

Sam Wedgwood • 5 years ago

a4a47bc

Added ngx-linky and autolinker

Sam Wedgwood • 5 years ago

1b7bb74

package-lock.json

file modified

+47 -34

		`@@ -599,7 +599,7 @@`
		`},`
		`"util": {`
		`"version": "0.10.3",`
		`- "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",`
		`+ "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz",`
		`"integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",`
		`"dev": true,`
		`"requires": {`
		`@@ -661,9 +661,14 @@`
		`"integrity": "sha1-ri1acpR38onWDdf5amMUoi3Wwio=",`
		`"dev": true`
		`},`
		`+ "autolinker": {`
		`+ "version": "1.8.1",`
		`+ "resolved": "https://registry.npmjs.org/autolinker/-/autolinker-1.8.1.tgz",`
		`+ "integrity": "sha512-ZaoiP6SApAcbx+BeUSMJEvY02sl6pWKJzkmP0RvmD+b0Cp7Umev7PMgPGnDMe572/eAKbOgjAW/XsECfx7IFiQ=="`
		`+ },`
		`"autoprefixer": {`
		`"version": "7.2.6",`
		`- "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-7.2.6.tgz",`
		`+ "resolved": "http://registry.npmjs.org/autoprefixer/-/autoprefixer-7.2.6.tgz",`
		`"integrity": "sha512-Iq8TRIB+/9eQ8rbGhcP7ct5cYb/3qjNYAR2SnzLCEcwF6rvVOax8+9+fccgXk4bEhQGjOZd5TLhsksmAdsbGqQ==",`
		`"dev": true,`
		`"requires": {`
		`@@ -1151,7 +1156,7 @@`
		`},`
		`"browserify-aes": {`
		`"version": "1.2.0",`
		`- "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",`
		`"integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",`
		`"dev": true,`
		`"requires": {`
		`@@ -1196,7 +1201,7 @@`
		`},`
		`"browserify-rsa": {`
		`"version": "4.0.1",`
		`- "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",`
		`"integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",`
		`"dev": true,`
		`"requires": {`
		`@@ -1249,7 +1254,7 @@`
		`},`
		`"buffer": {`
		`"version": "4.9.1",`
		`- "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",`
		`"integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",`
		`"dev": true,`
		`"requires": {`
		`@@ -1358,7 +1363,7 @@`
		`},`
		`"camelcase-keys": {`
		`"version": "2.1.0",`
		`- "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",`
		`"integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",`
		`"dev": true,`
		`"requires": {`
		`@@ -2533,7 +2538,7 @@`
		`},`
		`"create-hash": {`
		`"version": "1.2.0",`
		`- "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",`
		`"integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",`
		`"dev": true,`
		`"requires": {`
		`@@ -2546,7 +2551,7 @@`
		`},`
		`"create-hmac": {`
		`"version": "1.1.7",`
		`- "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",`
		`+ "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",`
		`"integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",`
		`"dev": true,`
		`"requires": {`
		`@@ -2839,7 +2844,7 @@`
		`},`
		`"diffie-hellman": {`
		`"version": "5.0.3",`
		`- "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",`
		`+ "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",`
		`"integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",`
		`"dev": true,`
		`"requires": {`
		`@@ -2850,7 +2855,7 @@`
		`},`
		`"doctrine": {`
		`"version": "0.7.2",`
		`- "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-0.7.2.tgz",`
		`+ "resolved": "http://registry.npmjs.org/doctrine/-/doctrine-0.7.2.tgz",`
		`"integrity": "sha1-fLhgNZujvpDgQLJrcpzkv6ZUxSM=",`
		`"dev": true,`
		`"requires": {`
		`@@ -3319,7 +3324,7 @@`
		`},`
		`"events": {`
		`"version": "1.1.1",`
		`- "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/events/-/events-1.1.1.tgz",`
		`"integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=",`
		`"dev": true`
		`},`
		`@@ -3464,7 +3469,7 @@`
		`},`
		`"finalhandler": {`
		`"version": "1.1.1",`
		`- "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",`
		`"integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",`
		`"dev": true,`
		`"requires": {`
		`@@ -4323,7 +4328,7 @@`
		`},`
		`"get-stream": {`
		`"version": "3.0.0",`
		`- "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",`
		`"integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",`
		`"dev": true`
		`},`
		`@@ -5069,7 +5074,7 @@`
		`},`
		`"is-builtin-module": {`
		`"version": "1.0.0",`
		`- "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",`
		`"integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",`
		`"dev": true,`
		`"requires": {`
		`@@ -6184,7 +6189,7 @@`
		`},`
		`"load-json-file": {`
		`"version": "1.1.0",`
		`- "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",`
		`"integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",`
		`"dev": true,`
		`"requires": {`
		`@@ -6533,7 +6538,7 @@`
		`},`
		`"magic-string": {`
		`"version": "0.22.5",`
		`- "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.22.5.tgz",`
		`+ "resolved": "http://registry.npmjs.org/magic-string/-/magic-string-0.22.5.tgz",`
		`"integrity": "sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==",`
		`"dev": true,`
		`"requires": {`
		`@@ -6650,7 +6655,7 @@`
		`},`
		`"meow": {`
		`"version": "3.7.0",`
		`- "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz",`
		`"integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",`
		`"dev": true,`
		`"requires": {`
		`@@ -6864,6 +6869,14 @@`
		`"dev": true,`
		`"optional": true`
		`},`
		`+ "ngx-linky": {`
		`+ "version": "2.0.1",`
		`+ "resolved": "https://registry.npmjs.org/ngx-linky/-/ngx-linky-2.0.1.tgz",`
		`+ "integrity": "sha512-pTrEfaJAfo3joIGddswauwt/VBBzKH4cO+SJB4LTfxulOEPBMgedHJWjgJjpB/pJs1FYmS387gtlI5W5dHd9vg==",`
		`+ "requires": {`
		`+ "tslib": "^1.9.0"`
		`+ }`
		`+ },`
		`"no-case": {`
		`"version": "2.3.2",`
		`"resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",`
		`@@ -6997,7 +7010,7 @@`
		`},`
		`"semver": {`
		`"version": "5.3.0",`
		`- "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/semver/-/semver-5.3.0.tgz",`
		`"integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",`
		`"dev": true`
		`}`
		`@@ -7087,7 +7100,7 @@`
		`},`
		`"chalk": {`
		`"version": "1.1.3",`
		`- "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",`
		`+ "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",`
		`"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",`
		`"dev": true,`
		`"requires": {`
		`@@ -7121,7 +7134,7 @@`
		`},`
		`"har-validator": {`
		`"version": "2.0.6",`
		`- "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",`
		`+ "resolved": "http://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",`
		`"integrity": "sha1-zcvAgYgmWtEZtqWnyKtw7s+10n0=",`
		`"dev": true,`
		`"requires": {`
		`@@ -7156,7 +7169,7 @@`
		`},`
		`"request": {`
		`"version": "2.79.0",`
		`- "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/request/-/request-2.79.0.tgz",`
		`"integrity": "sha1-Tf5b9r6LjNw3/Pk+BLZVd3InEN4=",`
		`"dev": true,`
		`"requires": {`
		`@@ -7527,13 +7540,13 @@`
		`},`
		`"os-homedir": {`
		`"version": "1.0.2",`
		`- "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",`
		`+ "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",`
		`"integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",`
		`"dev": true`
		`},`
		`"os-locale": {`
		`"version": "1.4.0",`
		`- "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",`
		`"integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",`
		`"dev": true,`
		`"requires": {`
		`@@ -7542,7 +7555,7 @@`
		`},`
		`"os-name": {`
		`"version": "2.0.1",`
		`- "resolved": "https://registry.npmjs.org/os-name/-/os-name-2.0.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/os-name/-/os-name-2.0.1.tgz",`
		`"integrity": "sha1-uaOGNhwXrjohc27wWZQFyajF3F4=",`
		`"dev": true,`
		`"requires": {`
		`@@ -7667,7 +7680,7 @@`
		`},`
		`"parse-asn1": {`
		`"version": "5.1.1",`
		`- "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",`
		`"integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==",`
		`"dev": true,`
		`"requires": {`
		`@@ -8613,7 +8626,7 @@`
		`"dependencies": {`
		`"source-map": {`
		`"version": "0.4.4",`
		`- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",`
		`+ "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",`
		`"integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",`
		`"dev": true,`
		`"requires": {`
		`@@ -8745,7 +8758,7 @@`
		`},`
		`"sha.js": {`
		`"version": "2.4.11",`
		`- "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",`
		`+ "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",`
		`"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",`
		`"dev": true,`
		`"requires": {`
		`@@ -9169,7 +9182,7 @@`
		`},`
		`"stream-browserify": {`
		`"version": "2.0.1",`
		`- "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",`
		`"integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",`
		`"dev": true,`
		`"requires": {`
		`@@ -9192,7 +9205,7 @@`
		`"dependencies": {`
		`"readable-stream": {`
		`"version": "2.3.6",`
		`- "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",`
		`+ "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",`
		`"integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",`
		`"dev": true,`
		`"requires": {`
		`@@ -9295,7 +9308,7 @@`
		`},`
		`"strip-eof": {`
		`"version": "1.0.0",`
		`- "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",`
		`"integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",`
		`"dev": true`
		`},`
		`@@ -9354,7 +9367,7 @@`
		`},`
		`"tar": {`
		`"version": "2.2.1",`
		`- "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",`
		`+ "resolved": "http://registry.npmjs.org/tar/-/tar-2.2.1.tgz",`
		`"integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",`
		`"dev": true,`
		`"requires": {`
		`@@ -10056,7 +10069,7 @@`
		`},`
		`"yargs": {`
		`"version": "3.10.0",`
		`- "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",`
		`"integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",`
		`"dev": true,`
		`"requires": {`
		`@@ -10800,7 +10813,7 @@`
		`},`
		`"load-json-file": {`
		`"version": "2.0.0",`
		`- "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",`
		`"integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",`
		`"dev": true,`
		`"requires": {`
		`@@ -11053,7 +11066,7 @@`
		`},`
		`"wrap-ansi": {`
		`"version": "2.1.0",`
		`- "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",`
		`+ "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",`
		`"integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",`
		`"dev": true,`
		`"requires": {`

package.json

file modified

		`@@ -45,6 +45,7 @@`
		`"@ionic-native/status-bar": "4.4.0",`
		`"@ionic-native/toast": "^4.10.1",`
		`"@ionic/storage": "^2.1.3",`
		`+ "autolinker": "^1.8.1",`
		`"cordova-android": "7.1.1",`
		`"cordova-android-support-gradle-release": "^1.4.4",`
		`"cordova-browser": "^5.0.3",`
		`@@ -66,6 +67,7 @@`
		`"ionic-plugin-keyboard": "^2.2.1",`
		`"ionicons": "^3.0.0",`
		`"lodash-es": "^4.17.10",`
		`+ "ngx-linky": "^2.0.1",`
		`"query-string": "^4.2.2",`
		`"reflect-metadata": "^0.1.3",`
		`"rxjs": "^5.5.11",`

src/app/app.module.ts

file modified

+4 -1

		`@@ -27,6 +27,8 @@`

		`import { Browser } from '../providers/browser/browser';`

		`+ import { LinkyModule } from 'ngx-linky';`
		`+`
		`@NgModule({`
		`declarations: [`
		`App,`
		`@@ -56,7 +58,8 @@`
		`BrowserModule,`
		`HttpClientModule,`
		`IonicModule.forRoot(App),`
		`- IonicStorageModule.forRoot()`
		`+ IonicStorageModule.forRoot(),`
		`+ LinkyModule`
		`],`
		`bootstrap: [IonicApp],`
		`entryComponents: [`

src/pages/home/home.html

file modified

+1 -1

		`@@ -53,7 +53,7 @@`
		`</span>`
		`</div>`
		`</ion-card-header>`
		`- <ion-card-content [innerHTML]="update.content" class="content social"></ion-card-content>`
		`+ <ion-card-content [innerHTML]="update.content \| linky" class="content social"></ion-card-content>`
		`</ion-card>`
		`</ion-list>`
		`</ion-list>`

shadycake commented 5 years ago

Added NPM packages ngx-linky and autolinker
Modified app.module.ts to import LinkyModule from ngx-linky
Modified home.html to make links clickable by automatically inserting tags using the linky pipe provided by LinkyModule

Picture of it:
https://i.imgur.com/cLMYZn9.jpg