Assets container duplicating

[simplyphp-trevor]

I have this odd issue where my asset containers are nesting and duplicating themselves within themselves.
This happens everytime an image is edited, that image is duplicated, and saved in a deep nesting of paths.

For example:
Image located at containers/s3_bucket/image.jpg is edited (alt tag).
Upon saving that image, it is duplicated to containers/s3_bucket/containers/s3_bucket/image.jpg
This will happen infinitely ex containers/s3_buckets/containers/s3_bucket/containers/s3_bucket and so on.

Seems like it is having an issue finding where the actual root of the container is.

        "statamic/cms": "^v3.4.4",
        "statamic/eloquent-driver": "^1.1",
        "statamic/seo-pro": "^4.0.1",
        "statamic/ssg": "^1.2"

[duncanmcclean]

What does your config/statamic/assets.php file look like?

[simplyphp-trevor]

`<?php

return [

'image_manipulation' => [

    /*
    |--------------------------------------------------------------------------
    | Route Prefix
    |--------------------------------------------------------------------------
    |
    | The route prefix for serving HTTP based manipulated images through Glide.
    | If using the cached option, this should be the URL of the cached path.
    |
    */

    'route' => 'img',

    /*
    |--------------------------------------------------------------------------
    | Require Glide security token
    |--------------------------------------------------------------------------
    |
    | With this option enabled, you are protecting your website from mass image
    | resize attacks. You will need to generate tokens using the Glide tag
    | but may want to disable this while in development to tinker.
    |
    */

    'secure' => true,

    /*
    |--------------------------------------------------------------------------
    | Image Manipulation Driver
    |--------------------------------------------------------------------------
    |
    | The driver that will be used under the hood for image manipulation.
    | Supported: "gd" or "imagick" (if installed on your server)
    |
    */

    'driver' => 'gd',

    /*
    |--------------------------------------------------------------------------
    | Save Cached Images
    |--------------------------------------------------------------------------
    |
    | Enabling this will make Glide save publicly accessible images. It will
    | increase performance at the cost of the dynamic nature of HTTP based
    | image manipulation. You will need to invalidate images manually.
    |
    */

    'cache' => 'glide',
    'cache_path' => public_path('img'),

    /*
    |--------------------------------------------------------------------------
    | Image Manipulation Presets
    |--------------------------------------------------------------------------
    |
    | Rather than specifying your manipulation params in your templates with
    | the glide tag, you may define them here and reference their handles.
    | They will also be automatically generated when you upload assets.
    |
    */

    'presets' => [
        // 'small' => ['w' => 200, 'h' => 200, 'q' => 75, 'fit' => 'crop'],
    ],

],

/*
|--------------------------------------------------------------------------
| Auto-Crop Assets
|--------------------------------------------------------------------------
|
| Enabling this will make Glide automatically crop assets at their focal
| point (at at the center if no focal point is defined). Otherwise,
| you will need to manually add any crop related parameters.
|
*/

'auto_crop' => true,

/*
|--------------------------------------------------------------------------
| Control Panel Thumbnail Restrictions
|--------------------------------------------------------------------------
|
| Thumbnails will not be generated for any assets any larger (in either
| axis) than the values listed below. This helps prevent memory usage
| issues out of the box. You may increase or decrease as necessary.
|
*/

'thumbnails' => [
    'max_width' => 10000,
    'max_height' => 10000,
],

/*
|--------------------------------------------------------------------------
| File Previews with Google Docs
|--------------------------------------------------------------------------
|
| Filetypes that cannot be rendered with HTML5 can opt into the Google Docs
| Viewer. Google will get temporary access to these files so keep that in
| mind for any privacy implications: https://policies.google.com/privacy
|
*/

'google_docs_viewer' => false,

/*
|--------------------------------------------------------------------------
| Cache Metadata
|--------------------------------------------------------------------------
|
| Asset metadata (filesize, dimensions, custom data, etc) will get cached
| to optimize performance, so that it will not need to be constantly
| re-evaluated from disk. You may disable this option if you are
| planning to continually modify the same asset repeatedly.
|
*/

'cache_meta' => true,

/*
|--------------------------------------------------------------------------
| Focal Point Editor
|--------------------------------------------------------------------------
|
| When editing images in the Control Panel, there is an option to choose
| a focal point. When working with third-party image providers such as
| Cloudinary it can be useful to disable Statamic's built-in editor.
|
*/

'focal_point_editor' => true,

/*
|--------------------------------------------------------------------------
| Enforce Lowercase Filenames
|--------------------------------------------------------------------------
|
| Control whether asset filenames will be converted to lowercase when
| uploading and renaming. This can help you avoid file conflicts
| when working in case-insensitive filesystem environments.
|
*/

'lowercase' => true,

];
`

[simplyphp-trevor]

Yeah that makes sense. Likely that is what is happening. What is the solution if that is the case? Another bucket for glide?

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Default Filesystem Disk
    |--------------------------------------------------------------------------
    |
    | Here you may specify the default filesystem disk that should be used
    | by the framework. The "local" disk, as well as a variety of cloud
    | based disks are available to your application. Just store away!
    |
    */

    'default' => env('FILESYSTEM_DISK', 'local'),

    /*
    |--------------------------------------------------------------------------
    | Filesystem Disks
    |--------------------------------------------------------------------------
    |
    | Here you may configure as many filesystem "disks" as you wish, and you
    | may even configure multiple disks of the same driver. Defaults have
    | been set up for each driver as an example of the required values.
    |
    | Supported Drivers: "local", "ftp", "sftp", "s3"
    |
    */

    'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => storage_path('app'),
            'throw' => false,
        ],

        'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
            'throw' => false,
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('AWS_S3_ACCESS_KEY_ID'),
            'secret' => env('AWS_S3_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            'url' => env('AWS_URL'),
            'endpoint' => env('AWS_ENDPOINT'),
            'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
            'throw' => false,
            'visibility' => 'private',
        ],

        'glide' => [
            'driver' => 's3',
            'key' => env('AWS_S3_ACCESS_KEY_ID'),
            'secret' => env('AWS_S3_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION'),
            'bucket' => env('AWS_BUCKET'),
            'url' => env('AWS_URL'),
            'endpoint' => env('AWS_ENDPOINT'),
            'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
            'throw' => false,
            'visibility' => 'private',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Symbolic Links
    |--------------------------------------------------------------------------
    |
    | Here you may configure the symbolic links that will be created when the
    | `storage:link` Artisan command is executed. The array keys should be
    | the locations of the links and the values should be their targets.
    |
    */

    'links' => [
        public_path('storage') => storage_path('app/public'),
    ],

];

[duncanmcclean]

Yeah, that's what's happening 😅

You can either move your Glide cache to your local filesystem, away from S3.

Alternatively, you can have two folders in the root of your S3 bucket: one for assets, one for the Glide cache. You'll obviously need to move around the files in your S3 bucket but here's what it looks like config-wise (from a project where I've went down this route):

// config/filesystems.php

's3' => [
    'driver' => 's3',
    'key' => env('AWS_ACCESS_KEY_ID'),
    'secret' => env('AWS_SECRET_ACCESS_KEY'),
    'region' => env('AWS_DEFAULT_REGION'),
    'bucket' => env('AWS_BUCKET'),
    'url' => env('AWS_URL'),
    'endpoint' => env('AWS_ENDPOINT'),
    'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
    'visibility' => 'public', // https://statamic.dev/assets#visibility
    'root' => 'assets',
],

'glide' => [
    'driver' => 's3',
    'key' => env('AWS_ACCESS_KEY_ID'),
    'secret' => env('AWS_SECRET_ACCESS_KEY'),
    'region' => env('AWS_DEFAULT_REGION'),
    'bucket' => env('AWS_BUCKET'),
    'url' => env('AWS_URL'),
    'endpoint' => env('AWS_ENDPOINT'),
    'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
    'visibility' => 'public', // https://statamic.dev/assets#visibility
    'root' => 'glide',
],

^ root is the setting that tells Flysystem which folder inside the S3 bucket to look at.

[duncanmcclean]

Or yeah... you could do another bucket for Glide, whichever works for you.

[simplyphp-trevor]

Great I will make the adjustments, thanks for your help, I really appreciate it.

[duncanmcclean]

No worries - have a great rest of your day!