Objectron javascript library doesn't work after building the app

[geeekgod]

Have I written custom code (as opposed to using a stock example script provided in MediaPipe)

None

OS Platform and Distribution

WSL Ubuntu 20.04.5

Mobile device if the issue happens on mobile device

No response

Browser and version if the issue happens on browser

Google Chrome 109.0.5414.120

Programming Language and version

JavaScript

MediaPipe version

No response

Bazel version

No response

Solution

Objectron

Android Studio, NDK, SDK versions (if issue is related to building in Android environment)

No response

Xcode & Tulsi version (if issue is related to building for iOS)

No response

Describe the actual behavior

Objectron is able to initialize in development but doesn't work after building the javascript application.

Describe the expected behaviour

Objectron should initialize in development and work after building the javascript application.

Standalone code/steps you may have used to try to get what you need

I'm using @mediapipe/objectron javascript package in my ViteJS application using ReactJS as template.
You can find a reproducible repository here: https://github.com/thisisrishabh22/mediapipe-threejs

Steps to reproduce:
1. Clone the repository
2. Install packages using: yarn install
3. Run in the development environment using: yarn dev
4. Create a production build using: yarn build
5. Run in the production environment using: yarn preview

Other info / Complete Logs

Unexpected Application Error!
sl.Objectron is not a constructor

Vg/<@http://localhost:4173/assets/index-d3345c5a.js:84:17875
Xl@http://localhost:4173/assets/index-d3345c5a.js:40:24263
Kr@http://localhost:4173/assets/index-d3345c5a.js:40:42317
iy@http://localhost:4173/assets/index-d3345c5a.js:40:41163
tr@http://localhost:4173/assets/index-d3345c5a.js:40:40212
Wf@http://localhost:4173/assets/index-d3345c5a.js:40:36824
Xn@http://localhost:4173/assets/index-d3345c5a.js:38:3274
dt/<@http://localhost:4173/assets/index-d3345c5a.js:40:34207

[ayushgdev]

Hello @thisisrishabh22
Thanks for raising this issue. We are aware of the issue and working on a solution.
This seems to be happening due to the Rollup CommonJS plugin, since this plugin can't work with obfuscated packages and the JS source code for MediaPipe is not public. Rollup uses static analysis to determine its exports.

We are working on a solution to unveal the JS code. Meanwhile, can you refer to this workaround and let us know if this works for you?
PS: The link by the author has changed to this link

[google-ml-butler]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you.

[geeekgod]

Hi @ayushgdev
I've referred to the workaround you've shared and tried to implement it in my application but it's actually not working.
Thanks

[google-ml-butler]

Closing as stale. Please reopen if you'd like to work on this further.

[google-ml-butler]

Are you satisfied with the resolution of your issue?
Yes
No

[ayushgdev]

Hello @thisisrishabh22
We are refreshing our solutions into new Tasks API. They should not have this issue, as they are built using ESM. However, they are not mature enough to be used in production yet, but you can explore the new APIs here

Due to our existing infrastructure, it is difficult for us to release the existing libraries using ESM.

[google-ml-butler]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you.

[google-ml-butler]

Closing as stale. Please reopen if you'd like to work on this further.

[google-ml-butler]

Are you satisfied with the resolution of your issue?
Yes
No