Can't show the individual sketch in the gallery

[JavierVLAB]

Hello Nicolas,

This is a very interesting project that I would like to try, but I've encountered several issues while running it. I understand that I need to run npm run sketch:setup for each sketch, and then build it. I have been able to see the sketch working, but when I create the gallery, I can see the gallery, but upon entering the sketch, the sketch is not visible. Instead, I get errors in the Chrome dev tools:

localhost:5173/sketch/swap-curves/sketch/index.json not found
and
Unexpected end of JSON input

Also, when I try to publish, there's an error in .sh ./sketch/project.css saying "Permission denied."

Do you know what I might be doing wrong?

I appreciate the great work you've done.

Best regards.

Javi

[nclslbrn]

Hi Javier,

Sorry for the late reply and thank you for your interest in this project.

You got the first error because currently, when you develop the gallery, you can't consult the sketches, Vue just tries to find the index.json file in the tree structure. This is a problem, but it's also a choice to have the sketches on one side and the home page on the other, so that the two can be developed independently without the need for a router or recompiling all the sketches every time you change the gallery.

The process is quite tedious, involving three stages:
dev/build from sketch/ to public/sketch
then it can be used to export the gallery to dist/.

In my use, I only use dist when I want to update the gallery, most of the time to add new projects, I export them to public and update the index (index.json) to put them directly into production (no third stage).

I've just downloaded the sources again to test, and I think the problem is that dist/ doesn't exist (I'll add it). If you try to build the gallery beforehand (npm run gallery:build), does the publish command work?

Best
Nicolas

[nclslbrn]

Theses changes should fix the second error edbe7b5