What version of Laravel are you using? (nothing lower than v5.4).

5.7

is it an issue related to installation or usage ?

usage

what is the error you are getting ?

No obvious errors, maybe performance issues

Extra Info "attaching a screen shot would be very helpful"

...

Do You Know A Solution For this Issue ?

Step Reproduction

1. First, manually put a folder containing 10,000 images into the storage public directory.

2. Then open a browser to access media.test/media. then there will be a prompt to load...balabala, then the animation will be stuck after a while, and then the browser will crash without response.

3. Then, I reopen the browser access again, or it will be like this.

So should this be a performance issue? Or is this project supporting so many files open?

In fact, I am still thinking about a question. Will it be fine if I add the pictures one by one through mediamanager? I am not sure

Is your feature request related to a problem? Please describe. I need to be able to resize images in the image editor. Does not seem to be possible Describe the solution you'd like Icon to click on for resizing and option to adjust width and height of the image and store edited image as a copy. Describe alternatives you've considered Alternative we considered is using other package (Image Intervention) to resize into 5 sizes on upload, but it eats up a lot of RAM (https://github.com/Intervention/image/issues/567#issuecomment-224230343 ) with many users so we would prefer a manual option.

What version of Laravel are you using? (nothing lower than v5.4).

5.8

is it an issue related to installation or usage ?

YES

what is the error you are getting ?

Unable to display full information

Extra Info "attaching a screen shot would be very helpful"

Do You Know A Solution For this Issue ?

For example, I want to edit this photo and I can't display the full function button.

What version of Laravel are you using? (nothing lower than v5.4).

5.6

is it an issue related to installation or usage ?

no

Extra Info "attaching a screen shot would be very helpful"

Can i use it with my Vue instance?

app.js

require('./bootstrap');

import  Vue from  'vue';


require('../assets/vendor/MediaManager/js/manager')

new Vue({
    el: '#app'
})

npm run dev successfully compiled. http://127.0.0.1:8000/media show error in chrom developer console

Uncaught ReferenceError: Vue is not defined
    at Module../resources/assets/vendor/MediaManager/js/manager.js (app.js:5132)
    at __webpack_require__ (app.js:87950)
    at Module../resources/js/app.js (app.js:8901)
    at __webpack_require__ (app.js:87950)
    at checkDeferredModulesImpl (app.js:88114)
    at Function.__webpack_require__.x (app.js:88127)
    at app.js:88133
    at app.js:88134

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "axios": "^0.21.1",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^3.1.0",
        "sass": "^1.32.2",
        "sass-loader": "^8.0.2",
        "vue-loader": "^15.9.5",
        "vue-template-compiler": "^2.6.12"
    },
    "dependencies": {
        "annyang": "^2.6.1",
        "buffer": "^6.0.3",
        "cropperjs": "^1.5.9",
        "dropzone": "^5.7.2",
        "fuse.js": "^6.4.6",
        "idb-keyval": "^3.2.0",
        "keycode": "^2.2.0",
        "lottie-web": "^5.7.5",
        "music-metadata-browser": "^2.1.9",
        "plyr": "^3.6.3",
        "process": "^0.11.10",
        "vue": "^2.6.12",
        "vue-awesome": "^2.3.8",
        "vue-clipboard2": "^0.3.1",
        "vue-focuspoint-component": "^2.0.1",
        "vue-image-compare2": "^1.0.0",
        "vue-infinite-loading": "^2.4.5",
        "vue-input-autowidth": "^1.0.10",
        "vue-ls": "^3.2.1",
        "vue-notif": "^1.1.10",
        "vue-tippy": "^2.1.3",
        "vue-touch": "^2.0.0-beta.4",
        "vue2-filters": "^0.11.1"
    }
}

composer.json

    "require": {
        "php": "^7.3|^8.0",
        "ctf0/media-manager": "^3.8",
        "fideloper/proxy": "^4.4",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel/framework": "^8.12",
        "laravel/tinker": "^2.5"
    },
    "require-dev": {
        "facade/ignition": "^2.5",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.0.1",
        "mockery/mockery": "^1.4.2",
        "nunomaduro/collision": "^5.0",
        "phpunit/phpunit": "^9.3.3"
    }

What version of Laravel are you using? (nothing lower than v5.4).

I'm using laravel 7

is it an issue related to installation or usage ?

Usage issue

what is the error you are getting ?

After clone demo repo, I set up file system with league/flysystem-aws-s3-v3. When i hit route /media i get error "Undefined index: timestamp"

Extra Info "attaching a screen shot would be very helpful"

Do You Know A Solution For this Issue ?

I tried dd($storageFolders) and get result with no index timestamp in array but dont know how to fix.

What version of Laravel are you using? (nothing lower than v5.4).

5.5

is it an issue related to installation or usage ?

usage

what is the error you are getting ?

https://i.gyazo.com/e0a0564c9b5ef587017eb263ad97b48f.png

Do You Know A Solution For this Issue ?

I'm really new to Vue, but I don't know what I'm doing wrong. I'm trying to implement the modal function of the media manager: https://github.com/ctf0/Laravel-Media-Manager/wiki/Use-The-Manager-From-A-Modal

But keep getting this vue errors...

This is my js

window.Vue = require('vue')

require('../vendor/MediaManager/js/manager.js')
Vue.component('ExampleComp', require('./admin/vue/ExampleComp.vue'))

new Vue({
    el: '#mediamanager'
})

And my view:

<section id="mediamanager" v-cloak>
        <example-comp inline-template>
            <div>
                {{-- manager --}}
                <div v-if="inputName">@include('MediaManager::extras.modal')</div>

                {{-- items selector --}}
                <media-modal item="cover" :name="inputName"></media-modal>
                <media-modal item="gallery" :name="inputName" type="folder"></media-modal>
                <media-modal item="links" :name="inputName" :multi="true"></media-modal>

                {{-- for editor --}}
                @include('MediaManager::extras.editor')

                {{-- form --}}
                <form action="..." method="...">
                    {{-- cover --}}
                    <section>
                        <img :src="cover">
                        <input type="hidden" name="cover" :value="cover"/>
                        <button @click="toggleModalFor('cover')">select cover</button>
                    </section>

                    {{-- gallery --}}
                    <section>
                        <input type="text" name="gallery" :value="gallery"/>
                        <button @click="toggleModalFor('gallery')">select gallery folder</button>
                    </section>

                    {{-- links --}}
                    <section>
                        <input v-for="item in links"
                            :key="item"
                            :value="item"
                            type="text" 
                            name="links[]"/>

                        <button @click="toggleModalFor('links')">select gallery links</button>
                    </section>
                </form>
            </div
        </example-comp>
    </section>

    {{-- footer --}}
    @stack('styles')
    @stack('scripts')
    <script src="{{ asset("js/manager.js") }}"></script>

ExampleComp.vue looks exactly like the one in the WIKI (only another path to the modal mixin)

Can you help me out?

What version of Laravel are you using? (nothing lower than v5.4).

L5.6

is it an issue related to installation or usage ?

Usage

what is the error you are getting ?

Route [media.files] not defined. (View: /Volumes/users/artur/WebDesign/ValetSites/moeera-cms/resources/views/vendor/MediaManager/_manager.blade.php

Extra Info "attaching a screen shot would be very helpful"

With ctf0\MediaManager\MediaRoutes::routes(); as placed into /routes/web.php by installation script (which results with: url like: media/action and route names like: media.action), everything (as far I checked) works. However if I decide to move this into some 'Route::group' to have access restricted for admins/authors (which results with: url like: manage/media/action and route names like: manage::media.action) going to manage/media results with error as above

Can this be fixed by changing some configuration variable (but judging by names - not) or is the only way to change this (in _manager.blade.php):

:routes="{{ json_encode([
        'files' => route('media.files'), 
        'dirs' => route('media.directories'), 
        'lock' => route('media.lock_file'), 
        'visibility' => route('media.change_vis'), 
    ]) }}"

to this:

:routes="{{ json_encode([
        'files' => route('manage::media.files'), 
        'dirs' => route('manage::media.directories'), 
        'lock' => route('manage::media.lock_file'), 
        'visibility' => route('manage::media.change_vis'), 
    ]) }}"

EDIT: There are several other places in the template where route() helper is used (like <form action> attributes). ~~Changing route names provided to route() helper sorted out the problem. Question remains - is this the only way to achieve this?~~ (EDIT 2 - no, it did not, only looked like this) Thanks!

I'm really noob at laravel, and I really want to use this Laravel Media Manager to my project, i have followed your guide usage and still it didn't same as demo as you provided. Please give full explanation how to install this on laravel project.

What version of Laravel are you using? (nothing lower than v5.4).

5.5

is it an issue related to installation or usage ?

No

what is the error you are getting ?

No error.

If you select multiple files, the link will only link to the last one, but you need to get links to all the files. How?

What version of Laravel are you using? (nothing lower than v5.4).

... Laravel 5.6

is it an issue related to installation or usage ?

...installation

what is the error you are getting ?

...unknown component

Extra Info "attaching a screen shot would be very helpful"

...

Isn't vue-touch, wrapper for Hammer..js touch gestures no longer maintained and beta still? See https://github.com/vuejs/vue-touch/tree/next Should it not get a replacement?

It is loaded in our resources/assets/vendor/MediaManager/js/manager.js:

// v-touch
let VueTouch = require('vue-touch')
VueTouch.registerCustomEvent('dbltap', {type: 'tap', taps: 2})
VueTouch.registerCustomEvent('hold', {type: 'press', time: 500})
Vue.use(VueTouch)

The component VTouch also seems to be the cause of lots of requests on my desktop or laptop. You would think they would not be used there as the screens are not touch screen...? See DevTools Vue Performance results:

If this is mainly for Hammer JS touch gestures why the loads of beforeUpdate updateRender and updated calls? Any ideas how I can reduce these or avoid them?

Still

• design a logo
• better UI
• tests
• make pagination more effective

Long Run

• dark theme.
• change the FA stone aged looking icons to something more subtle "ig, np"
• remove bulma dependency "no css fw"
• add a help btn to show the gesture interactions ref, anim
• more capabilities to the image editor ex.
  • https://github.com/brianium/watermarkjs
  • https://www.npmjs.com/package/image-focus
• uploading stuff directly to cloud disks
• lazy load vidoes
• https://github.com/thephpleague/flysystem/issues/970

Un-Related

• https://github.com/thephpleague/flysystem/issues/947
• https://github.com/JeffreyWay/laravel-mix/issues/2709

Ideas

• request progress "axios progress reports ain't accurate"
• decouple the manager from laravel
• optimize images on the client side b4 uploading "only possible through canvas decoding"
• add packages like https://github.com/ronomon/zip to test files b4 upload

Next Major Version

• replace dropzonejs with something better
  • https://github.com/ankitpokhrel/tus-php
  • https://github.com/transloadit/uppy
  • https://pqina.nl/filepond
• run the image editor ops through webworker
  • camanjs
  • cropperjs
• replace abandoned vue-touch with something better