serverless-stack | SST makes it easy to build serverless apps | Serverless library

I'm trying to recreate something I did in AWS using Cognito User Pool and Identity Pool. The user was able to login and receive temporary tokens that allowed direct access to an s3 bucket. See here for more info on that. I would like my B2C users to be able to login to my SPA and list containers and blobs and get blobs. I've successfully implemented logging in using MSAL (@azure/msal-browser) with auth flow, but I cannot figure out how to provide access tokens for the storage account (or ANY azure resource for that matter). I've run around in circles in the documentation for days, so if you link a docs page, I'd appreciate some elaboration because I'm obviously not understanding something.

My Vue-Cli project is based on the Vuexy template (not open source).

The problem I'm experiencing is eslint rules that I have disabled are breaking the build.

When I first run vue-cli-service serve, it builds and runs fine. Any change to source code, however, triggers linting, and rules which should be disabled are showing up as errors:

I started the guide for serverless stack, and I hit a wall pretty soon in Windows 10 (the same steps don't cause any issue in Mac or Linux).

I created a simple serverless stack project, and doing: npm run start

I got this:

RangeError: Maximum call stack size exceeded at Object.resolve (path.js:153:10) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:38) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12) at getManager (D:\Sources\demo-notes-app\node_modules@serverless-stack\core\dist\packager\packager.js:48:12)

Node version is v14.17.5, npm is 7.21.1

Since I barely instantiated the project and it is working on other platforms, I really don't understand how to troubleshoot this.

Thanks

I am using Serverless framework with the serverless-s3-local plugin to test my code during development. However, despite being in offline mode, the real S3 bucket is being written to. How can I alter my configuration to use a local fake s3 bucket when in offline mode?

Relevant serverless.yml sections:

For context I built out a notes app following along with serverless stack: https://serverless-stack.com

Essentially I have a notes app, that allows users to write notes and then see all of the notes they have written as a feed on a dashboard. The database is a DynamoDb table that queries based off the userId to return a list of all notes that will populate the feed.

What I'm trying to figure out is how I would be able to dynamically assign which users can view notes. For example, the app would have users A, B, and C. User A writes a note which he then allows user C to view but not user B.

What would be the best way to accomplish this goal? I've already looked at some Role Based Access Control options, but I don't think that will work in the context of what I'm trying to do, since there would be too many hypothetical "roles" in that situation to handle all the possible access combinations, especially as the number of users grow.

The other idea I had was to keep a separate DynamoDb table that stores the relationships between the notes and the various users that would have visibility of them. So schema would be something like:

I am trying to setup a project for staging between dev to prod. I am trying to follow this article as it seems kind simple just to have a config file. https://serverless-stack.com/chapters/manage-environments-in-create-react-app.html

However early in the article he states you set the variable by doing this:

I am following the serverless-stack.com tutorial. But I am stuck after creating the login button.

I keep getting the error:

I know this is something I could look up, but I have no idea what that's called much less what to search for. It'd be great to have a pointer!

Some background, we're fetching an array of objects from an API and saving them in a state variable, "notes" which is being passed into the function below.

So here's the code: