"ReferenceError: Buffer is not defined" in Remix Example

Issues
1

Using the Remix Example - i’m getting the error ReferenceError: Buffer is not defined when including the loader() function

2

also can we get an example using shared layout?

3

@chungwu @yang @icaro

4

Hi @efficient_pelican , we tried reproducing with some recent versions of remix but could not do so. What version of remix and what platform runtime are you using? Do you have an example repo that you can point us to?

Regarding shared layout, do you mean you are trying to exempt the plasmic dash host page from shared layout that is global to the rest of the pages in The app? If so, you can do this from your route view by checking the URL and opting out, like shown here: https://github.com/plasmicapp/plasmic/blob/master/examples/hydrogen-oxygen-with-model-renderer/app/root.tsx#L88

5

thanks for reply - i’m using latest version of remix + plasmic

yarn dev only works if i comment this out in /app/routes/_index.tsx:

export const loader = async () => {
  const plasmicData = await PLASMIC.fetchComponentData("/")
  return json(plasmicData)
}
6

node v18.16.0

7

i invited plasmicops to https://github.com/DINGORODEO/hey-gang-hydrogen/ incase that’s helpful to see

8

Strange, I see the error in this repo, but it never occurs in our other Hydrogen example repos.

One question - where are you trying to deploy your Hydrogen app?

9

Oxygen ideally

10

Loader is not compatible with Oxygen unfortunately, so even if you surmount this issue, the main problem is the restrictions within CF Workers environments around eval() - you would need to switch to using build-time codegen instead (see this example Hydrogen repo)

11

oh interesting - doesn’t seem to bad. are there any pros/cons to this?

12

There are some benefits with respect to bundling/performance, auditability/debuggability, and compatibility with platforms like Oxygen

The main downside is that it requires you kick off a build on publish (via say a webhook), instead of being able to treat the Plasmic designs as data loaded and cached via API, and the DX is not quite as polished yet as loader

13

what do you mean about “treating plasmic designs as data loaded”

14

That’s referring to how loader-react works - it loads the code from Plasmic’s APIs “at runtime” (in a loader/getStaticProps/getServerSideProps) and evals it

With build-time codegen, you are loading the code from Plasmic’s APIs at build time instead and writing them out as source files on disk

15

Do all design changes require full rebuild?

16

With codegen yes

17

What’s the difference in https://docs.plasmic.app/learn/model-renderer-quickstart/

18

That one is still very early WIP! But it intended to be an alternative to loader that doesn’t depend on eval/codegen and is suitable if you are using Plasmic more like a CMS (not using dynamic values, etc.)

19

is this something i should look into or not suitable for me?

20

also, these examples in repo don’t fetch any data from plasmic. I don’t see any docs on how to do that with buildtime codegen