FriendsOfFlarum Profile Image Crop

ravanalaskarov

datitisev It's working thanks! But still there is an error in the console:

RootMasqueradePane.tsx:19 [fof/profile-image-crop] An error occurred while loadingimage-blob-reduce. TypeError: Cannot read properties of undefined (reading 'call') at i (SelectField.js:31:31) at i.t (forum.js?v=1e41586c:465:6884)

datitisev

ravanalaskarov Hm. Did you run php flarum assets:publish? That seemed to fix it when that error popped up earlier.

In any case, the stacktrace that comes with the error is odd - those files that are referenced are from fof/masquerade. The error itself did appear earlier, but was again seemingly fixed by an asset update.

datitisev

ravanalaskarov This may be a cache thing. Similar to what I've encountered in my post galleries extension.

When I revert chunk~modules.js (at https://flarum/assets/extensions/datitisev-post-galleries/chunk~swiper.js?ver=f3973a8200b5c2017413) to its 1.1.4 contents, I get the error you're receiving. It disappears once I update them back to their latest, at 1.1.5. Make sure you're also clearing the cache with php flarum cache:clear aside from publishing assets if your forum isn't in debug mode.

Yolo

FriendsOfFlarum

Trc4 Users complain, that they can not upload Profil Picture:
Failed to load the image cropper.

SKevo Judging from the looks of it, this seems to be the code of the underlying library that handles the image cropping itself. However, I can't tell what exactly is going on there, as nothing else was logged both on client and server side. So maybe someone else has more information as of why this happens?

https://discuss.flarum.org/d/7585-free-flarum-hosting-on-an-expert-platform-by-freeflarum-com/4485

SKevo

Yolo FYI FreeFlarum wasn't up to date with the latest version of the extension. I have updated it now, please see if that fixed the issue

Yolo

SKevo sorry, works fine now!

ravanalaskarov

datitisev Sorry it took some time to reply. I cleared the cache and published the assets. But nothing changed. The error remains still.
My browser: chrome version 115.0.5790.171

datitisev

ravanalaskarov Can you try visiting https://flarum/assets/extensions/fof-profile-image-crop/chunk~modules.js directly and seeing if the end contains the following code (you can Ctrl + F this to find it in the file):

"./lib/utils":16,"./lib/worker":17,"object-assign":22,webworkify:23}]},{},[])("/index.js"))}}]);

If it does, that is the contents of the v1.1.5 version.

ravanalaskarov

datitisev yes it does. here is the last part of the code:

{"./lib/mathlib":1,"./lib/mm_resize/resize_filter_info":7,"./lib/pool":13,"./lib/stepper":14,"./lib/tiler":15,"./lib/utils":16,"./lib/worker":17,"object-assign":22,webworkify:23}]},{},[])("/index.js"))}}]);
//# sourceMappingURL=chunk_modules.js.map

datitisev

ravanalaskarov Hm, I'm not sure then. It could be on the extension's side or a cache thing or something else. My attempts at chunking code have never been smooth 😅. Don't really have any other suggestion or thing to try, sorry.

The solution to all these issues would probably be moving the cropping process to the backend after upload, since these errors all seem to stem from the compression step mostly. There's downsides to this, eg. if the upload file size limit is low and a user tries to crop a large pic, right now it can be compressed down before sending it to the server. Might be a good option to have though that replaces the compressing issues. 🤔

BillyS_

https://prnt.sc/MyaXpFb0TSPB

When I select a picture, I get an error like this. The latest version is 1.1.15. 1.1.14 does not have this problem

Failed to load the image cropper.

forum.js?v=7f01bc19:571 [fof/profile-image-crop] An error occurred while loading cropperjs. TypeError: Cannot read properties of undefined (reading 'call')
at i (forum.js?v=7f01bc19:571:6662)
at i.t (forum.js?v=7f01bc19:571:6884)

datitisev

BillyS_ Since the locale is not loading for you, make sure you clear the cache & also run php flarum assets:publish when changing the extension's version.

BillyS_

php flarum assets:publish

The code above solved my problem. Thanks 🙏

FoF Bot

🚀 New Release: 1.1.7

Author: @IanM
Release URL: FriendsOfFlarum/profile-image-cropreleases/tag/1.1.7

Changelog

What's Changed

Bump @babel/traverse from 7.16.3 to 7.23.2 in /js by @dependabot[bot] in FriendsOfFlarum/profile-image-crop28
chore: switch to yarn, add phpstan, update workflows, update deps by @IanM in FriendsOfFlarum/profile-image-crop34

Full Changelog: FriendsOfFlarum/profile-image-crop1.1.6 → 1.1.7

FoF Bot

🚀 New Release: 2.0.0-beta.1

Author: @IanM
Release URL: FriendsOfFlarum/profile-image-cropreleases/tag/2.0.0-beta.1

Changelog

What's Changed

chore: upgrade for Flarum 2.0 by @IanM in FriendsOfFlarum/profile-image-crop35

Full Changelog: FriendsOfFlarum/profile-image-crop1.1.7 → 2.0.0-beta.1

Capybara

Just to clarify, cropping doesn’t work with GIFs — they will appear as static images instead

Anonymous77

[v1.1.7] Build Artifact Issue: Mismatch in chunk_modules.js (Named vs Numeric IDs)

[v1.1.7] 针对 chunk_modules.js 的构建问题反馈 (Named 与 Numeric ID 冲突)

Hi FoF team, thank you for your amazing work on this extension!

FoF 团队你们好，非常感谢你们维护这个优秀的扩展！

I’m reaching out to report a frontend error in v1.1.7 that wasn't present in v1.1.5.

我想反馈一个在 1.1.7 版本中出现、但在 1.1.5 中正常的严重前端报错。

When attempting to crop an avatar, it throws ChunkLoadError: Loading chunk 158 failed followed by a TypeError.

在尝试裁剪头像时，控制台会抛出 ChunkLoadError: Loading chunk 158 failed 以及随后的 TypeError。

After some debugging, the issue seems to be with the bundling of chunk~modules.js in this specific release:

经过排查，问题似乎出在这一版本中 chunk~modules.js 文件的打包方式上：

The main bundle expects a numeric Chunk ID (158), but chunk~modules.js registers itself as ["modules"].

主程序在寻找数字形式的 Chunk ID (158)，但 chunk~modules.js 却是以具名 ["modules"] 进行注册的。

Also, the modules inside use named paths (e.g., ./node_modules/...) instead of the numeric IDs the manifest expects.

此外，该异步文件内部的模块使用了路径字符串作为键名，而主程序的索引表似乎仍在尝试通过数字 ID 来调用它们。

It appears v1.1.7 might have been built with development settings or an incorrect Webpack configuration.

看起来 1.1.7 版本在打包发布时，可能无意中使用了开发模式或错误的 Webpack 配置。

Although the plugin has moved to 2.0, many of us are still maintaining sites on the Flarum 1.x branch.

虽然插件已经更新到了 2.0，但我们仍有很多站点运行在 Flarum 1.x 分支上。

Managing out-of-sync local fixes or forks is quite a headache for long-term maintenance.

对于长期维护来说，管理与官方分支不一致的本地补丁或分支确实让人非常头疼。

If possible, could you please re-trigger a clean production build for the 1.x branch?

如果方便的话，能否请你们考虑针对 1.x 分支重新进行一次干净的生产环境打包并发布？

This would be a huge help for the community, especially for those who cannot re-compile assets themselves.

这将对社区非常有帮助，特别是对于那些无法自行重新编译静态资源的用户。

Note: This technical analysis was assisted by Gemini. I'm not 100% sure if it's correct, so please double-check.

注：此技术分析由 Gemini 协助完成。我不确定结论是否完全准确，请开发者参考并自行核实。

Thanks again for your time and support!

再次感谢你们的时间与支持！

« Previous Page