Initial commit: Web packages

odoo-bringout-oca-ocb-web_unsplash/web_unsplash/static/src/services/unsplash_service.js

@@ -0,0 +1,59 @@
+/** @odoo-module **/
+
+import { registry } from '@web/core/registry';
+
+export const unsplashService = {
+    dependencies: ['rpc'],
+    async start(env, { rpc }) {
+        const _cache = {};
+        return {
+            async getImages(query, offset = 0, pageSize = 30, orientation) {
+                const from = offset;
+                const to = offset + pageSize;
+                // Use orientation in the cache key to not show images in cache
+                // when using the same query word but changing the orientation
+                let cachedData = orientation ? _cache[query + orientation] : _cache[query];
+
+                if (cachedData && (cachedData.images.length >= to || (cachedData.totalImages !== 0 && cachedData.totalImages < to))) {
+                    return { images: cachedData.images.slice(from, to), isMaxed: to > cachedData.totalImages };
+                }
+                cachedData = await this._fetchImages(query, orientation);
+                return { images: cachedData.images.slice(from, to), isMaxed: to > cachedData.totalImages };
+            },
+            /**
+             * Fetches images from unsplash and stores it in cache
+             */
+            async _fetchImages(query, orientation) {
+                const key = orientation ? query + orientation : query;
+                if (!_cache[key]) {
+                    _cache[key] = {
+                        images: [],
+                        maxPages: 0,
+                        totalImages: 0,
+                        pageCached: 0
+                    };
+                }
+                const cachedData = _cache[key];
+                const payload = {
+                    query: query,
+                    page: cachedData.pageCached + 1,
+                    per_page: 30, // max size from unsplash API
+                };
+                if (orientation) {
+                    payload.orientation = orientation;
+                }
+                const result = await rpc('/web_unsplash/fetch_images', payload);
+                if (result.error) {
+                    return Promise.reject(result.error);
+                }
+                cachedData.pageCached++;
+                cachedData.images.push(...result.results);
+                cachedData.maxPages = result.total_pages;
+                cachedData.totalImages = result.total;
+                return cachedData;
+            },
+        };
+    },
+};
+
+registry.category('services').add('unsplash', unsplashService);