Dependency Ready is a JavaScript class with the sole purpose of waiting for properties to be defined on the standardized global object, globalThis, in order to fire a callback function that relies on the global objects property.

Playground

In the section below we are assuming that a third-party is adding a property of foo to the global object. Below is a playground for testing how dependency-ready works by defining foo on the global object at a certain time. You can set the time at which to define the property and for how long to wait for the property using dependency-ready.

Enter a wait timeout in milliseconds: Enter a max timeout in milliseconds for dependency-ready to wait for foo to be set on the global object. Set a time (in milliseconds) for defining the foo property on the global object: Set a time for defining the property foo on the global window object.

Waiting for window.foo ...

Foo is ready! 🍕

Open the dev tools in the browser and enter globalThis.foo in the console to verify that foo is defined.

Foo is NOT ready! 😢

Open the dev tools in the browser and enter globalThis.foo in the console to verify that foo is undefined.