From 40007e07fa903e0121f09f9da5b11a388f1eef0b Mon Sep 17 00:00:00 2001
From: nd0ut <nd0ut.me@gmail.com>
Date: Wed, 4 May 2022 13:57:40 +0300
Subject: [PATCH] feat: add Unsplash source

---
 dummy/index.html           |  1 +
 dummy/unsplash.html        | 15 +++++++++++++++
 src/locales/en.js          |  3 ++-
 src/settings.js            |  2 +-
 src/svgs/icon-unsplash.svg |  3 +++
 src/widget/dialog.js       |  1 +
 6 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 dummy/unsplash.html
 create mode 100644 src/svgs/icon-unsplash.svg

diff --git a/dummy/index.html b/dummy/index.html
index b5a6c8a97..af8bc8456 100644
--- a/dummy/index.html
+++ b/dummy/index.html
@@ -26,5 +26,6 @@
   <li><a href="/debug-uploads.html">debug uploads</a></li>
   <li><a href="/live.html">live</a></li>
   <li><a href="/nft.html">nft</a></li>
+  <li><a href="/unsplash.html">unsplash</a></li>
   <li><a href="/logout.html">logout</a></li>
 </ul>
diff --git a/dummy/unsplash.html b/dummy/unsplash.html
new file mode 100644
index 000000000..e0df17043
--- /dev/null
+++ b/dummy/unsplash.html
@@ -0,0 +1,15 @@
+<meta charset="UTF-8" />
+<meta content="width=device-width,initial-scale=1" name="viewport"/>
+<script>
+  UPLOADCARE_PUBLIC_KEY = 'demopublickey'
+  UPLOADCARE_TABS = 'preview unsplash'
+  UPLOADCARE_DEBUG_UPLOADS = true
+</script>
+<script src="./uploadcare.full.js"></script>
+
+<input
+  type="hidden"
+  role="uploadcare-uploader"
+  data-crop="4:5"
+  preview-step=""
+/>
diff --git a/src/locales/en.js b/src/locales/en.js
index de3cdf8c4..b75e3ae39 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -57,7 +57,8 @@ const translations = {
         onedrive: 'OneDrive',
         flickr: 'Flickr',
         huddle: 'Huddle',
-        nft: 'NFT'
+        nft: 'NFT',
+        unsplash: 'Unsplash'
       },
       file: {
         drag: 'drag & drop<br>any files',
diff --git a/src/settings.js b/src/settings.js
index 26bcf089c..944d52520 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -99,7 +99,7 @@ constraints = {
 }
 presets = {
   tabs: {
-    all: 'file camera url facebook gdrive gphotos dropbox instagram evernote flickr onedrive box vk huddle',
+    all: 'file camera url facebook gdrive gphotos dropbox instagram evernote flickr onedrive box vk huddle unsplash',
     default: defaults.tabs
   }
 }
diff --git a/src/svgs/icon-unsplash.svg b/src/svgs/icon-unsplash.svg
new file mode 100644
index 000000000..98bcd59ac
--- /dev/null
+++ b/src/svgs/icon-unsplash.svg
@@ -0,0 +1,3 @@
+<svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path d="m11.875 11.1875v-6.1875h8.25v6.1875zm8.25 3.4375h6.875v12.375h-22v-12.375h6.875v6.1875h8.25z"/>
+</svg>
diff --git a/src/widget/dialog.js b/src/widget/dialog.js
index a65d23cae..4ef5e2edf 100644
--- a/src/widget/dialog.js
+++ b/src/widget/dialog.js
@@ -215,6 +215,7 @@ registerTab('box', RemoteTab)
 registerTab('onedrive', RemoteTab)
 registerTab('huddle', RemoteTab)
 registerTab('nft', RemoteTab)
+registerTab('unsplash', RemoteTab)
 registerTab('empty-pubkey', function (tabPanel, _1, _2, settings) {
   return tabPanel.append(emptyKeyText)
 })