gsap is not defined

[lucasjohnston]

Hey 👋 Puppeteer seems to be throwing an undefined error when trying to run this package.

Error:

$ gsap-video-export https://lettermark.co.uk -S "#logo"
gsap-video-export 1.0.3 / @defaced

┃
┃ Support this project!
┃
┃ Help support the work that goes into creating and maintaining my projects
┃ and buy me a coffee via Ko-fi or sponsor me on GitHub Sponsors.
┃
┃ Ko-fi: https://ko-fi.com/defaced
┃ GitHub Sponsors: https://github.com/sponsors/workeffortwaste/
┃

https://lettermark.co.uk

Browser.......................................................................OK
Selector..............................................................(#logo) OK
GSAP.....................................................................v3.12.5
/Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:221
            throw new Error('Evaluation failed: ' + helper_js_1.helper.getExceptionMessage(exceptionDetails));
                  ^

Error: Evaluation failed: ReferenceError: gsap is not defined
    at <anonymous>:5:37
    at ExecutionContext._evaluateInternal (/Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:221:19)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async ExecutionContext.evaluate (/Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:110:16)
    at async exportVideo (file:///Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/index.js:339:20)

[workeffortwaste]

Let me look into this for you.

…

On Sat, 1 Jun 2024, 13:26 Lucas Johnston, ***@***.***> wrote: Hey 👋 Puppeteer seems to be throwing an undefined error when trying to run this package. Error: Browser.......................................................................OK Selector..............................................................(#logo) OK GSAP.....................................................................v3.12.5 /Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:221 throw new Error('Evaluation failed: ' + helper_js_1.helper.getExceptionMessage(exceptionDetails)); ^ Error: Evaluation failed: ReferenceError: gsap is not defined at <anonymous>:5:37 at ExecutionContext._evaluateInternal (/Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:221:19) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async ExecutionContext.evaluate (/Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:110:16) at async exportVideo (file:///Users/lucas/.nvm/versions/node/v20.11.1/lib/node_modules/gsap-video-export/index.js:339:20) — Reply to this email directly, view it on GitHub <#5>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ALZP7L42K2W6HITWBBID7BLZFG4V7AVCNFSM6AAAAABIUDUUDOVHI2DSMVQWIX3LMV43ASLTON2WKOZSGMZDSMJRGQ4DINY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[workeffortwaste]

So the problem is for the site in your example the gsap library is not exposed to the Window, which means my tool can't hook into it or the animation timeline.

[lucasjohnston]

Thanks for letting me know! Might be worth a check for this - will take a look later today