Coder Social home page Coder Social logo

resauce-dev / directus-image-scout Goto Github PK

View Code? Open in Web Editor NEW
128.0 3.0 11.0 549 KB

Looking to spruce up your projects with stunning visuals? Meet Image Scout, your Directus companion! Search through a world of endless images with providers that include Pexels, Pixabay, Unsplash, and Giphy! 🎨✨ (Confirmed Support for v10-10.6.1)

License: GNU General Public License v3.0

JavaScript 56.00% Vue 42.70% TypeScript 1.30%
directus directus-extension directus-extension-interface directus-extension-endpoint pexels unsplash unsplash-api pixabay pixabay-api pexels-api

directus-image-scout's People

Contributors

shealavington avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

directus-image-scout's Issues

Error when starting Directus from version 10.6.2 and up

Hello!

I hope this message finds you well. I would like to bring to your attention an issue I have encountered while using your incredibly valuable extension on Directus 10.6.2 (docker).

Upon attempting to start Directus for the first time, I encountered the following fatal error:

directus-custom-directus-1 | Error: Cannot find module 'axios'
directus-custom-directus-1 | Require stack:
directus-custom-directus-1 | - /directus/extensions/endpoints/resauce-image-scout/classes/Provider.cjs
directus-custom-directus-1 | - /directus/extensions/endpoints/resauce-image-scout/providers/giphy.cjs
directus-custom-directus-1 | - /directus/extensions/endpoints/resauce-image-scout/providers.cjs
directus-custom-directus-1 | - /directus/extensions/endpoints/resauce-image-scout/index.cjs
directus-custom-directus-1 | at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
directus-custom-directus-1 | at Module._load (node:internal/modules/cjs/loader:922:27)
directus-custom-directus-1 | at Module.require (node:internal/modules/cjs/loader:1143:19)
directus-custom-directus-1 | at require (node:internal/modules/cjs/helpers:121:18)
directus-custom-directus-1 | at Object. (/directus/extensions/endpoints/resauce-image-scout/classes/Provider.cjs:1:15)
directus-custom-directus-1 | at Module._compile (node:internal/modules/cjs/loader:1256:14)
directus-custom-directus-1 | at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
directus-custom-directus-1 | at Module.load (node:internal/modules/cjs/loader:1119:32)
directus-custom-directus-1 | at Module._load (node:internal/modules/cjs/loader:960:12)
directus-custom-directus-1 | at Module.require (node:internal/modules/cjs/loader:1143:19) {
directus-custom-directus-1 | code: 'MODULE_NOT_FOUND',
directus-custom-directus-1 | requireStack: [
directus-custom-directus-1 | '/directus/extensions/endpoints/resauce-image-scout/classes/Provider.cjs',
directus-custom-directus-1 | '/directus/extensions/endpoints/resauce-image-scout/providers/giphy.cjs',
directus-custom-directus-1 | '/directus/extensions/endpoints/resauce-image-scout/providers.cjs',
directus-custom-directus-1 | '/directus/extensions/endpoints/resauce-image-scout/index.cjs'
directus-custom-directus-1 | ]
directus-custom-directus-1 | }
directus-custom-directus-1 |
directus-custom-directus-1 | Node.js v18.17.1
directus-custom-directus-1 exited with code 1

It's worth noting that this error was not present in version 10.6.1, where everything was working flawlessly.

I kindly request your assistance in resolving this matter, as your extension has been an invaluable asset to our workflow, and we greatly appreciate your support in ensuring its continued functionality.

Animate images transition

can we animate without rearranging or can we make it look nicer?
how about using the blur_hash? and width/height?

Pagination is not working

When i use any provider and find images with a prompt for example "Agriculture" and then go to the pagination and select page 2, 3, 4 or anything else the image scout field doesn't fetch new images.

TypeError: Cannot read properties of undefined (reading '_c') and TypeError: Cannot read properties of undefined (reading 'api')

Kind of looks like this extension might be somewhat abandoned, but figured I'd report here just in case.

Directus 9.22.1, I was finally able to get the Image Scout interface to work as a field via:

Create Field -> Input -> Type UUID -> Continue in Advanced Mode -> Interface tab -> Delete "Input" -> Select Image Scout -> Save

That all works OK, but viewing a record in the UI throws the following JS errors from the interface:

runtime-core.esm-bundler.22ec0346.js:1 TypeError: Cannot read properties of undefined (reading '_c')
    at Proxy.f (index.js:2:26554)
    at Jt (runtime-core.esm-bundler.22ec0346.js:1:17405)
    at dn.T [as fn] (runtime-core.esm-bundler.22ec0346.js:1:51669)
    at dn.run (runtime-core.esm-bundler.22ec0346.js:1:4937)
    at G.c.update (runtime-core.esm-bundler.22ec0346.js:1:51939)
runtime-core.esm-bundler.22ec0346.js:1 TypeError: Cannot read properties of undefined (reading 'api')
    at Proxy.getProviders (index.js:2:23494)
    at Proxy.mounted (index.js:2:26436)
    at runtime-core.esm-bundler.22ec0346.js:1:31933

Does not have "Image Scout" Selection in Directus 9.5.2

First time Image Scout extension user as of Directus 9.5.2, however it doesn't seem like "Image Scout" is even a selection in the Interface section. Just the default selections are present. Deploying directus using docker compose.

The extension successfully loaded:

directus  | 22:52:52 ✨ Loaded extensions: resauce-image-scout, resauce-image-scout

The Interface options for column type File:

Screen Shot 2022-03-01 at 4 50 00 PM

Pro version (freelancer)

Hi there,

I'm looking for a extension for get product image. When I will add a new product into collection called product. When I will insert the title of product , your extension show a suggestion of 3 image product.

Do you accept to do this freelancer? I'm accept share this code with our Directus community.

hermes at softagon.com.br

Stop an image being able to be uploaded multiple times

Use Tags (extension:resauce-image-scout|provider:pexels|image_id:abxy)?
Use download filename?

Provider__fileid ??

Query files table to ensure it doesn't exist, if it does, just return the file ID instead of re-downloading.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.