[GSAP private module + Netlify + yarn]

Hey @Rodrigo, nah I'm so grateful for your help. I realize i'm going to need to keep messing with it.

 

It's definitely possible that we might have to uninstall the free version of greensock first.  Our tech stack is rather complicated so getting this work is tedious trial and error. I've been working on this casually in order to save my sanity 🤯 

 

Anyway, thanks again for your time,  I appreciate it!

[GSAP private module + Netlify + yarn]

7 hours ago, Rodrigo said:

The flow I used was the following:

 

Hey @Rodrigo and @Prasanna,

I really appreciate your assistance. Thank you for providing these steps - unfortunately I'm still getting the following error from trying to install from .npmrc instead of .yarnrc.yml

PS the yarn version i'm using is 3.1.1 and node is v18.9.1 (VSCODE uses this node version from the terminal... i don't know why)

➜  web-app git:(development) ✗ yarn add @gsap/business  gsap@npm:@gsap/business
➤ YN0027: @gsap/business@unknown can't be resolved to a satisfying range
➤ YN0035: The remote server failed to provide the requested resource
➤ YN0035:   Response Code: 404 (Not Found)
➤ YN0035:   Request Method: GET
➤ YN0035:   Request URL: https://registry.yarnpkg.com/@gsap%2fbusiness

 

Here's what i've tried:

1.  In the .npmrc file i've attempted 3 different ways to provide the auth token and all have failed
   1.  Without interpolation: //npm.greensock.com/:_authToken=NPM_TOKEN
   2. With interpolation: //npm.greensock.com/:_authToken=${NPM_TOKEN}
   3. Using my auth token directly without sourcing from the local env file: //npm.greensock.com/:_authToken='XXXXXXX-XXXXX-XXXXXXXX'
2. I've also tried adding the packages with the version numbers with without 
   1. yarn add @gsap/business  gsap@npm:@gsap/business
   2. yarn add @gsap/business@^3.11.3  gsap@npm:@gsap/business@^3.11.3

 

 

Now I have had success with adding to the .yarnrc.yml file by adding the auth token directly to the file like so:

  gsap:
    npmRegistryServer: "https://npm.greensock.com"
    npmAuthToken: "XXXXX-XXXXXX-XXXXX"

However, this is not a viable solution because we need to encrypt the auth token in git-secrets. Apparently you can use environment variables in a .yarnrc.yml file like so - but when i try it I get a 403 error (authorization error) which is different so I presume the .yarnrc.yml file is not reading the env variable correctly; like so

  gsap:
    npmRegistryServer: "https://npm.greensock.com"
    npmAuthToken: ${process.env.GSAP_AUTH}
    # i've also tried representing the auth token in the following ways
    # - "${process.env.GSAP_AUTH}"
    # - process.env.GSAP_AUTH

The response i get from this is :

➜  web-app git:(development) ✗ yarn add @gsap/business  gsap@npm:@gsap/business
➤ YN0027: @gsap/business@unknown can't be resolved to a satisfying range
➤ YN0035: The remote server failed to provide the requested resource
➤ YN0035:   Response Code: 403 (Forbidden)
➤ YN0035:   Request Method: GET
➤ YN0035:   Request URL: https://npm.greensock.com/@gsap%2fbusiness

 

So to summarize - i've been lucky enough to get the packages added via .yarnrc.yml by playing the auth token directly in the file - but this is not a suitable solution because all authorization tokens should be encrypted.

 

UPDATE:

I've tried installing with a different node version (v16.17). and I get the following error

(env-16.17.0) ➜  web-app git:(development) ✗ yarn add @gsap/business  gsap@npm:@gsap/business
Internal Error: Unable to deserialize cloned data due to invalid or unsupported version.

 

[GSAP private module + Netlify + yarn]

12 hours ago, GreenSock said:

@marketing-dev have you tried just this?: 

 

yarn add @gsap/business gsap@npm:@gsap/business

I'm also curious why you were originally trying to use mis-matched versions (3.11.1 and 3.11.3)

 

OOPS that was a typo! but same outcome.... If I attempt to install without specifying the package version I get this error
 

marketing git:(installGsap) ✗ yarn add @gsap/business gsap@npm:@gsap/business
➤ YN0000: ┌ Resolution step
➤ YN0001: │ Error: gsap@npm:@gsap/business isn't supported by any available resolver

 

[GSAP private module + Netlify + yarn]

I'm also trying the .yarnrc.yml approach because the ideal state is putting the authtoken in our .env file. 

  gsap:
    npmRegistryServer: "https://npm.greensock.com"
    npmAuthToken: ${process.env.GSAP_AUTH}

Then running this command  yarn add @gsap/business@^3.11.1 gsap@npm:@gsap/business@^3.11.3

 

I get this response:

 

➜  web-app git:(installGsap) ✗ yarn add @gsap/business@^3.11.1 gsap@npm:@gsap/business@^3.11.3
➤ YN0000: ┌ Resolution step
➤ YN0035: │ gsap@npm:@gsap/business@^3.11.3: @gsap/business@npm:^3.11.1: The remote server failed to provide the requested resource
➤ YN0035: │   Response Code: 403 (Forbidden)
➤ YN0035: │   Request Method: GET
➤ YN0035: │   Request URL: https://npm.greensock.com/@gsap%2fbusiness
➤ YN0000: └ Completed in 0s 706ms
➤ YN0000: Failed with errors in 0s 709ms

 

[GSAP private module + Netlify + yarn]

Hey @Rodrigo,

 

Were you able to resolve this issue with yarn? I'm getting the same 404 error. 

 

my `.npmrc` looks like the recommended config

always-auth=true
registry=https://npm.greensock.com/
@gsap:registry=https://npm.greensock.com
//npm.greensock.com/:_authToken=<TOKEN>

 

The command I've been trying to run is `yarn add @gsap/business@^3.11.1 gsap@npm:@gsap/business@^3.11.3`

 

➤ Errors happened when preparing the environment required to run this command.
➜  web-app git:(installGsap) ✗ yarn add @gsap/business gsap@npm:@gsap/business@3.11.3 
➤ YN0027: @gsap/business@unknown can't be resolved to a satisfying range
➤ YN0035: The remote server failed to provide the requested resource
➤ YN0035:   Response Code: 404 (Not Found)
➤ YN0035:   Request Method: GET
➤ YN0035:   Request URL: https://registry.yarnpkg.com/@gsap%2fbusiness

It saying `@gsap/business@unknown` which means it can't resolve the  package version i guess.