Prasanna

Can you try running: `$yarn add @gsap/business`? (just one package to check if installation succeeds) It is weird that yarn gives out random errors. But if the above command runs successfully, then we could narrow down the problem

Hello @Cassie, @intothebreach my apologies for the late reponse. I was cross checking all my configurations and tests before answering the question. I checked all the certificates and server configuration, everything seems to be good at our end. By any chance, could there be a possibility of a firewall preventing communication outside the elastic beanstalk container? (also is port 443 open?) Alternatively, @intothebreach I would be happy to live debug the issue over google meet as well if you'd be up for it. Prasanna

Hi, In windows you can set the env variables in a pretty straightforward manner - using the Environment variables dialog. Reference: https://docs.oracle.com/en/database/oracle/machine-learning/oml4r/1.5.1/oread/creating-and-modifying-environment-variables-on-windows.html#GUID-DD6F9982-60D5-48F6-8270-A27EC53807D0 On a macbook, you can run the following command to set the env variable: $ echo "export NPM_GREENSOCK_TOKEN=xxxx-xxxx" | sudo tee -a ~/.zshrc Let me know if this helps Prasanna

You can edit it by running: `nano ~/.npmrc`

@Rodrigo It seems like the greensock registry was not set for the computer. How about we debug this over google meet?

@Rodrigo thanks for reporting. It seems like you might have missed configuring the scoped registry on the machine. This can be resolved by running these commands: $ npm config set @gsap:registry https://npm.greensock.com/ $ npm config set //npm.greensock.com/:_authToken xxxx-xxxx-xxxx-xxxx $ yarn add @gsap/shockingly gsap@npm:@gsap/shockingly Running the above commands should help. If you still face issues then I can help you by providing a sample yarn configuration file (for yarn berry). Here are some additional resources that could be helpful: https://blog.privjs.com/article/how-to-install-club-greensock-packages-on-digitalocean-aws-etc https://blog.privjs.com/article/how-to-install-club-greensock-packages-on-netlify

The registry service used by npm.greensock.com uses the official npm registry as fallback registry. Hence you would still be able to install all packages when you set npm.greensock.com as the global registry. There is no problem with configuring npm.greensock.com as the global registry but package installation could be slower in some cases (in cases when the package requested is not readily available in the npm.greensock.com registry) As for the fallback registry, it is currently not possible to set two global registries. But you can set a registry for scoped packages and use global registry as a fallback.

Yes it does, but as a practice it is recommended no to commit tokens/keys in your project.

Hi @Cassie, thanks. I created this repo for installing via yarn: https://github.com/prasannamestha/gsap-netlify-yarn Only difference between using npm and yarn is that yarn needs an explicit install for `@gsap/shockingly` Let me know how it goes for you Prasanna

Oops, my bad. I just made the repo public.

Hi @Cassie Here's an example repo with instructions in it: https://github.com/prasannamestha/gsap-netlify Netlify deployment URL: https://modest-bose-c7e4b6.netlify.app/ I hope this helps

Hi @Cassie, We have a tutorial with sample github repo on deploying greensock package to netlify. I will post the link to it here tonight.

@Puneet Sharma Can you run the following steps and let us know if you're still facing issues: $ npm config set registry https://npm.greensock.com $ npm config set @gsap:registry https://npm.greensock.com $ npm config set //npm.greensock.com/:_authToken <your-token-here> $ yarn add @gsap/shockingly

Hi @Puneet, did you try either one of the methods mentioned in this comment:

I just received an update from DeployHq: In order to use a private npm package within the build pipeline, you'd need to create an auth.json file, including the password/token to access the private repo. You can set this up as a config file within DeployHQ, to stop you from having to save sensitive data within your repository: https://www.deployhq.com/support/config-files This should solve the problem @Stoggy

@Stoggy - can you help us with the package.json file? (Only the line containing `@gsap/shockingly` dependency would be sufficient) Update: You need to set the config in DeployHQ:

Hey all, apologies for the delay in my response - I was out travelling last week. The problem with yarn classic is that `$yarn install` might not work with package name aliases. So this means: * $yarn add gsap@npm:@gsap/shockingly -> this works * import GSAP from 'gsap' -> this works But, if you run $ rm -rf node_modules and then run $ yarn install - the installation fails. This is because yarn classic has an active bug with package name aliases which defaults to the default npm registry. So, as a workaround you can do either of these: 1. Do not use package name alias: $ yarn add @gsap/shockingly -> and then import GSAP from '@gsap/shockingly' 2. Set the global registry to Greensock: $npm config set registry https://npm.greensock.com and follow the rest of the instructions specified: https://greensock.com/docs/v3/Installation#private

@Savvytech this issue seems to be a bug in the npm cli. NPM had fixed this bug earlier but it seems like the issue has reappeared in the latest update. There are bugs raised previously (ref: https://github.com/npm/cli/issues/1703#issuecomment-774684656) and it's mainly due to package name aliases. So, if you want to get rid of this issue then the simplest solution would be to not use package name alias. Here's how to use gsap package without package name alias: Installation: $ npm install @gsap/member Usage: import GSAP from '@gsap/member' I hope this helps

@monolith - have you tried switching to yarn berry? If yes then you can follow these instructions:

Looks like your token is invalid. You might need to re-check the token added by you. Type these commands to reset the token: $ npm config set @gsap:registry https://npm.greensock.com/ $ npm config set //npm.greensock.com/:_authToken <your-auth-token> $ npm install @gsap/business $ npm install gsap@npm:@gsap/business This should solve the issue

@Gr0x - looking at the .npmrc file content that you provided, it should throw errors in while running $npm install your local environment (unless you specify env vars). But it should be working fine in netlify.

@Gr0x - could your share a screenshot of the .npmrc file in the project? I think there could be a very minor issue in the configuration

Hey @sybilrondeau, it's easier to deploy if you use the private npm package in your project. You can add the same in your project by running the following commands: $ npm config set @gsap:registry https://npm.greensock.com/ $ npm config set //npm.greensock.com/:_authToken <your-auth-token> $ npm install @gsap/business $ npm install gsap@npm:@gsap/business If you want to deploy the same to netlify, then you can follow the instructions that I have mentioned here: On the other hand, if you wish to use the .tgz files, then you need to add the .tgz file to your project and push the same to git.

Here's how you can use the club gsap packages on netlify: Steps: 1. Add a .npmrc to the root of the project and type in the following: ``` always-auth=true @gsap:registry=https://npm.greensock.com/ //npm.greensock.com/:_authToken=${NPM_TOKEN} ``` Please note that after adding this file npm install in the project fails as the local environment variable is not specified. To solve this you can either set the environment variable in your machine, or run the npm commands with env prefix like this:$env NPM_TOKEN="<your token>" npm install. Or, you can also temporarily rename the .npmrc file to any other filename and revert the changes before pushing the same to git. 2. Configure the environment variable in netlify like this(use your token under value): That's all. The installs should then be working fine for you Let me know if you're stuck at any point

One workaround is to use the npm package as is. For example: $ npm install @gsap/shockingly But then you need to import the package like this: import { gsap } from '@gsap/shockingly'