gaggo

Actually that‘s an absolutely great answer Jack. It‘s good to have an „official“ reply to this. Thanks for posting!

Thanks for your suggestion @tn-nb! Pruning the store every time I install kind of defeats the purpose of pnpm though. The store is what makes pnpm so fast. also the other „solution“ suggested in that issue (adding `node-linker=hoisted` to the .npmrc) basically reverts one of the great features of pnpm. for now, I went with the suggestion by @GSAP Helper and used the gsap-bonus.zip. This feels a bit un-ideal as I won‘t automatically get any bug fix releases that way, but it‘s the next best thing to just using classic npm IMO. As I‘m paying for a greensock membership, I‘d love to hear a statement of Jack or someone else from the core team.

I just noticed in an older project I'm using this in my package.json: "gsap": "npm:@gsap/member@^3.8.0", That project also runs on pnpm and doesn't have any issues. Maybe there actually IS something wrong with the @gsap/shockingly package? I'd be grateful if someone from the core team could take a look at this.

I don‘t necessarily think this is a pnpm issue, as it seems to be working with other premium package as described in the issue. but it‘s also no biggie. Thanks for your help and the tip with installing gsap from the zip file!

Just found this issue on pnpm GitHub: https://github.com/pnpm/pnpm/issues/4724. The issue looks exactly like what I'm experiencing. It seems like the problem does not happen with other premium packages from a custom registry. I'm afraid I can't test this with another premium package, since GSAP is the only one I'm using. Any help would be much appreciated – until then I'm forced to continue using classic npm with all it's millions of duplicate files on my computer

Hi @GSAP Helper, sorry for my silence. None of the linked issues are leading me to a solution to my problem.

Hi there! I'm using pnpm as my package mangager. If I install gsap initially, everything works fine: pnpm install gsap@npm:@gsap/shockingly But when I then do anything like, for example, try to install a completely unrelated package: pnpm install @swup/route-name-plugin I'm getting the following (fatal) error. I can't install anything anymore.  WARN  Package name mismatch found while reading {"integrity":"sha512-JoZp6iYvOC+wkwl8zfXSqSrYCcuzTntaULCL08YMa1vonrYcr9D0K3EUe9PNpw7FYK1chjSwjjgcw3zS/O2SWg==","tarball":"https://npm.greensock.com/@gsap/shockingly/-/shockingly-3.12.5.tgz"} from the store. This means that the lockfile is broken. Expected package: gsap@3.12.5. Actual package in the store by the given integrity: @gsap/shockingly@3.12.5.  ERR_PNPM_ERR_PNPM_UNEXPECTED_PKG_CONTENT_IN_STORE  The lockfile is broken! A full installation will be performed in an attempt to fix it.  ERR_PNPM_UNEXPECTED_PKG_CONTENT_IN_STORE  Package name mismatch found while reading {"integrity":"sha512-JoZp6iYvOC+wkwl8zfXSqSrYCcuzTntaULCL08YMa1vonrYcr9D0K3EUe9PNpw7FYK1chjSwjjgcw3zS/O2SWg==","tarball":"https://npm.greensock.com/@gsap/shockingly/-/shockingly-3.12.5.tgz"} from the store. This means that the lockfile is broken. Expected package: gsap@3.12.5. Actual package in the store by the given integrity: @gsap/shockingly@3.12.5. When I switch to npm, the issue does not occur – but I'd really like to make use of pnpm as it saves a lot of disk resources. Any help would be much appreciated.

Oh wow! Thanks for the cleaned-up code. I didn't know that `motionPath.path` could be a callback. Is this documented somewhere?

So, I was able to hack something together: https://codepen.io/rassohilber/pen/mdowPpv?editors=0110 I resorted to creating a timeline with a separate tween for each letter. It's working but it feels like maybe there is a cleaner solution available? Another very question would be if it's possible to change the width on the fly, when the window size changes? Happy to hear about any tips and tricks

Hi there! I have two questions regarding MotionPath, where I think I need help. First, here is the demo: https://codepen.io/rassohilber/pen/abMwOxK?editors=0110 I see two issues with this demo: The animation stops for a second or so before it repeats itself The letters are all being rotated at the same time – is there a way to change that? I'd like the word FOLLOWER being written vertically after it moves around the corner. It's probably important to note that I'm drawing the path dynamically (using the function `drawPath` in the pen). I'd be very grateful for any help! 🙏

That looks great! Intuitively, I was looking for an option for that behavior.

Oh... that's how easy this is Thanks!!

Hi there, just a quick question: In the documentation of MotionPathPlugin, it says this: // plot a curve through these coordinates. The target's current coordinates will automatically be added to the start: motionPath: [{x:100, y:50}, {x:200, y:0}, {x:300, y:100}] Is there also an option to NOT add the target's current coordinates to the path?

Hi Carl, thank you, this looks exactly like what I was looking for!

Hi there! Sometime last year, I read a post somewhere here on the gsap docks about generically tweening the position and dimension of an element after moving it in the dom. I can't find it anymore – does someone (maybe Jack himself?) remember the post and maybe has a link?