feat(#110): use unsplash proxy

Author: peterpeterparker

studio/src/app/services/api/photo/photo.service.tsx

@@ -25,7 +25,7 @@ export class PhotoService {
         return new Promise<UnsplashSearchResponse>(async (resolve) => {
             const config: EnvironmentUnsplashConfig = EnvironmentConfigService.getInstance().get('unsplash');
 
-            const searchUrl: string = config.url + 'search/photos/?query=' + searchTerm + '&client_id=' + config.key + '&page=' + next;
+            const searchUrl: string = config.url + 'search/photos/?query=' + searchTerm + '&page=' + next;
 
             try {
                 const rawResponse: Response = await fetch(searchUrl);
@@ -50,7 +50,7 @@ export class PhotoService {
         return new Promise<void>(async (resolve) => {
             const config: EnvironmentUnsplashConfig = EnvironmentConfigService.getInstance().get('unsplash');
 
-            const shareUrl: string = config.url + 'photos/' + photoId +'/download/?client_id=' + config.key;
+            const shareUrl: string = config.url + 'photos/' + photoId +'/download/';
 
             try {
                 await fetch(shareUrl);

studio/src/app/services/core/environment/environment-config.tsx

@@ -14,7 +14,6 @@ export interface EnvironmentTenorConfig {
 
 export interface EnvironmentUnsplashConfig {
     url: string;
-    key: string;
 }
 
 export interface EnvironmentConfig {

studio/src/components.d.ts

@@ -8,13 +8,13 @@
 import '@stencil/core';
 
 import '@ionic/core';
+import 'ionicons';
 import 'deckdeckgo';
-import 'deckdeckgo-highlight-code';
 import 'deckdeckgo-inline-editor';
-import 'deckdeckgo-lazy-img';
-import 'deckdeckgo-qrcode';
 import 'deckdeckgo-remote';
-import 'ionicons';
+import 'deckdeckgo-qrcode';
+import 'deckdeckgo-highlight-code';
+import 'deckdeckgo-lazy-img';
 import {
   EventEmitter,
 } from '@stencil/core';

studio/src/global/app-dev.ts

@@ -25,8 +25,7 @@ setupConfig({
         key: '<@TENOR_KEY@>'
     },
     unsplash: {
-        url: 'https://api.unsplash.com/',
-        key: '<@UNSPLASH_KEY@>'
+        url: '<@UNSPLASH_URL@>'
     },
     signalingServerUrl: '<@SIGNALING_SERVER_URL@>',
     prismComponentsUrl: 'https://raw.githubusercontent.com/PrismJS/prism/886698d5b759ef46162a5723a2493f97c689dc94/components.json'

studio/src/global/app.ts

@@ -25,8 +25,7 @@ setupConfig({
         key: '<@TENOR_KEY@>'
     },
     unsplash: {
-        url: 'https://api.unsplash.com/',
-        key: '<@UNSPLASH_KEY@>'
+        url: '<@UNSPLASH_URL@>'
     },
     signalingServerUrl: '<@SIGNALING_SERVER_URL@>',
     prismComponentsUrl: 'https://raw.githubusercontent.com/PrismJS/prism/886698d5b759ef46162a5723a2493f97c689dc94/components.json'