get contact pictures from social networks

appinfo/routes.php

@@ -25,6 +25,7 @@
 	'routes' => [
 		['name' => 'page#index', 'url' => '/', 'verb' => 'GET'],
 		['name' => 'page#index', 'url' => '/{group}', 'verb' => 'GET', 'postfix' => 'group'],
-		['name' => 'page#index', 'url' => '/{group}/{contact}', 'verb' => 'GET', 'postfix' => 'group.contact']
+		['name' => 'page#index', 'url' => '/{group}/{contact}', 'verb' => 'GET', 'postfix' => 'group.contact'],
+		['name' => 'social_api#fetch', 'url' => '/api/v1/social/{type}/{addressbookId}/{contactId}', 'verb' => 'GET']
 	]
 ];

lib/Controller/SocialApiController.php

@@ -0,0 +1,176 @@
+<?php
+/**
+ * @copyright Copyright (c) 2020 Matthias Heinisch <contacts@matthiasheinisch.de>
+ *
+ * @author Matthias Heinisch <contacts@matthiasheinisch.de>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+namespace OCA\Contacts\Controller;
+
+use OCP\AppFramework\ApiController;
+use OCP\AppFramework\Http\TemplateResponse;
+// use OCP\IInitialStateService;
+use OCP\IConfig;
+use OCP\Contacts\IManager;
+use OCP\L10N\IFactory;
+use OCP\IRequest;
+
+class SocialApiController extends ApiController {
+
+	protected $appName;
+
+	// /** @var IInitialStateService */
+	// private $initialStateService;
+
+	/** @var IFactory */
+	private $languageFactory;
+	/** @var IManager */
+	private  $manager;
+	/** @var IConfig */
+	private  $config;
+
+	public function __construct(string $AppName,
+								IRequest $request,
+								IManager $manager,
+								IConfig $config,
+								// IInitialStateService $initialStateService,
+								IFactory $languageFactory) {
+		parent::__construct($AppName, $request);
+
+		$this->appName = $AppName;
+		// $this->initialStateService = $initialStateService;
+		$this->languageFactory = $languageFactory;
+		$this->manager = $manager;
+		$this->config = $config;
+	}
+
+
+	/**
+	 * @NoAdminRequired
+	 * @NoCSRFRequired
+	 *
+	 * generate download url for a social entry (based on type of data requested)
+	 */
+	protected function getSocialConnector(array $socialentry, string $type) : ?string {
+		foreach ($socialentry as $network => $candidate) {
+			$connector = null;
+			$valid = false;
+
+			// get profile-id
+			switch (strtolower($network)) {
+				case "facebook":
+					$candidate = basename($candidate);
+					if (!ctype_digit($candidate)) {
+						// TODO: determine facebook profile id from username
+						break;
+					}
+					$valid = true;
+					break;
+			}
+			if ($valid) {
+				// build connector
+				switch (strtolower($network)) {
+					case "facebook":
+						switch ($type) {
+							case "avatar":
+								$connector = "https://graph.facebook.com/" . ($candidate) . "/picture?width=720";
+								break;
+							default:
+								break;
+						}
+						break;
+				}
+
+				// return first valid connector:
+				if ($connector) { return ($connector); }
+			}
+		}
+
+		// reached only if no valid connectors found
+		return null;
+	}
+
+	/**
+	 * @NoAdminRequired
+	 *
+	 * Retrieves social profile data for a contact
+	 */
+	public function fetch(string $addressbookId, string $contactId, string $type) {
+
+		$url = null;
+		$response = 404;
+
+		try {
+			// get social parameters from contact
+			$contact = $this->manager->search($contactId, array('UID'))[0];
+			$socialprofile = $contact['X-SOCIALPROFILE'];
+
+			// retrieve data
+			try {
+				$url = $this->getSocialConnector($socialprofile, $type);
+			}
+			catch (Exception $e) {
+				$response = 500;
+				throw new Exception($e->getMessage()); // TODO: implement better error handling
+			}
+
+			if (empty($url)) {
+				$response = 500;
+				throw new Exception('not implemented');
+			}
+
+			$host = parse_url($url);
+			if (!$host) {
+				$response = 404;
+				throw new Exception('Could not parse URL');
+			}
+			$opts = [
+				"http" => [
+					"method" => "GET",
+					"header" => "User-Agent: Nextcloud Contacts App"
+				]
+			];
+			$context = stream_context_create($opts);
+			$socialdata = file_get_contents($url, false, $context);
+			if (!$socialdata) {
+				$response = 404;
+				throw new Exception('Could not parse URL');
+			}
+
+			$response = 200;
+			switch ($type) {
+				case "avatar":
+					header("Content-type:image/png");
+					break;
+				default:
+					header("Content-type:application/json");
+			}
+
+			echo $socialdata;
+		} 
+		catch (Exception $e) {
+		}
+
+		http_response_code($response);
+		exit;
+
+		// TODO: instead of returning the image, modify the contact directly
+
+	}
+}

src/components/ContactDetails/ContactDetailsAvatar.vue

@@ -25,6 +25,7 @@
 	<div class="contact-header-avatar">
 		<div class="contact-header-avatar__wrapper">
 			<div class="contact-header-avatar__background" @click="toggleModal" />
+
 			<div v-if="contact.photo"
 				:style="{ 'backgroundImage': `url(${contact.photoUrl})` }"
 				class="contact-header-avatar__photo"
@@ -80,6 +81,9 @@
 				<ActionButton v-if="!isReadOnly" icon="icon-picture" @click="selectFilePicker">
 					{{ t('contacts', 'Choose from files') }}
 				</ActionButton>
+				<ActionButton v-if="!isReadOnly && hasSocialId" icon="icon-link" @click="selectSocialAvatar">
+					{{ t('contacts', 'Update from social media') }}
+				</ActionButton>
 			</Actions>
 		</div>
 	</div>
@@ -93,7 +97,7 @@ import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import Modal from '@nextcloud/vue/dist/Components/Modal'
 
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
-import { generateRemoteUrl } from '@nextcloud/router'
+import { generateUrl, generateRemoteUrl } from '@nextcloud/router'
 import { getCurrentUser } from '@nextcloud/auth'
 import sanitizeSVG from '@mattkrick/sanitize-svg'
 
@@ -124,6 +128,7 @@ export default {
 			root: generateRemoteUrl(`dav/files/${getCurrentUser().uid}`),
 			width: 0,
 			height: 0,
+			facebookid: 0,
 		}
 	},
 	computed: {
@@ -133,6 +138,12 @@ export default {
 			}
 			return false
 		},
+		hasSocialId() {
+			const jCal = this.contact.jCal
+			const socialId = jCal[1].filter(props => props[0] === 'x-socialprofile')
+			if (socialId.length > 0) { return true }
+			return false
+		},
 	},
 	mounted() {
 		// update image size on window resize
@@ -330,6 +341,42 @@ export default {
 			}
 		},
 
+		/**
+		 * WebImage handlers
+		 */
+		async selectSocialAvatar() {
+			const apiUrl = generateUrl('apps/contacts/api/v1/social/avatar/')
+			const addressbookId = this.contact.addressbook.id
+			const contactId = this.contact.uid
+			const imageUrl = apiUrl + addressbookId + '/' + contactId
+
+			console.debug('contact start')
+			console.debug(this.contact)
+			console.debug('contact end')
+
+			if (!this.loading) {
+
+				this.loading = true
+				try {
+					const { get } = await axios()
+					const response = await get(`${imageUrl}`, {
+						responseType: 'arraybuffer',
+					})
+					const type = response.headers['content-type']
+					if (response.status !== 200) throw new URIError('verify social profile id')
+					const data = Buffer.from(response.data, 'binary').toString('base64')
+					this.setPhoto(data, type)
+				} catch (error) {
+					OC.Notification.showTemporary(t('contacts', 'Error while processing the picture.'))
+					console.error(error)
+					this.loading = false
+				}
+
+			} else {
+				OC.Notification.showTemporary(t('contacts', 'Social avatar download failed'))
+			}
+		},
+
 		/**
 		 * Menu handling
 		 */