Is there an easy way to use the same lib code (my ...
# helpa
Adrian Schweizer
02/20/2022, 5:29 PMIs there an easy way to use the same lib code (my own) in an SST lambda backend and react frontend (embedded in the same project) without duplicating the file? I tried importing the lib in the react code, but got an error message that it can't import code from outside its own src folder
a
Arpad
02/20/2022, 5:36 PMHow does your folder structure look like? Are you using workspaces? Haven't tried something like this myself (yet) but some more info would be useful. Also, what is throwing the error? sst?
a
Adrian Schweizer
02/20/2022, 7:15 PMI think the error comes from react
Adrian Schweizer
02/20/2022, 7:16 PMthe react frontend just sits in an own folder called "frontend" in the top level of the sst project
Adrian Schweizer
02/20/2022, 7:17 PMso project/src is lambda source and project/frontend/src is react source
t
thdxr
02/20/2022, 7:56 PMThis generally is tricky to setup
thdxr
02/20/2022, 7:57 PMparticularly between backend and frontend
thdxr
02/20/2022, 7:57 PMAre you sure you can't extract this functionality to its own package?
a
Adrian Schweizer
02/20/2022, 8:18 PMi can but I was hoping it would be easier
Adrian Schweizer
02/20/2022, 8:18 PMi can also use git submodules or something
a
Adam Fanello
02/21/2022, 6:01 PMMonorepo is the easiest to work with, but takes some effort to setup. The Serverless Stack team has an example using Lerna. NPM Workspaces are available starting in v7, and are simpler to learn.
I've done the approach of a separate repo for shared code, git tag for version, and then git dependencies in package.json. It works, but you need to commit each shared change before you can try using it.
j
Jay
02/21/2022, 9:52 PM
Here’s a doc on the monorepo setup: https://docs.serverless-stack.com/advanced/monorepo-project-structure
a
Adrian Schweizer
02/22/2022, 10:32 PM@Jay This doesn't show shared code between frontend and backend, though, but I'll see if I can adapt it
Adrian Schweizer
02/22/2022, 10:33 PMI'll probably have to make a frontend and a shared folder and then configure the shared folder similar to how it's done with core in the example, right?
Adrian Schweizer
02/22/2022, 10:35 PMso that I can do
import { Foo } from "@acme/shared"