Deno•3y ago

migrate from node to deno: p5js project

Hi, I want to rewrite my p5js project built with nodejs in deno.
Here is my code: https://github.com/Seasawher/p5js
I would like to preview it using VSCode's liverServer extension.

I am a beginner and do not know how to rewrite it in deno. Any advice would be appreciated.

GitHub

GitHub - Seasawher/p5js: WIP: work in progress

WIP: work in progress. Contribute to Seasawher/p5js development by creating an account on GitHub.

Birk Skyum•9/23/23, 11:39 AM

Hi @seasawher , when this ticket is resolved https://github.com/denoland/deno/issues/20613, you should be able to simply do

deno task dev

deno task dev

, and maybe make small correction to the package.json/deno.json.

Deno is great at server stuff, but it's still lacking a lot of npm/node compat in the frontend space. Not sure if there's some deno-native api's you can use for this instead, since the

deno run

deno run

and

deno bundle

deno bundle

doesn't accept a .html file in the same was Parcel does.

GitHub

Issues · denoland/deno

A modern runtime for JavaScript and TypeScript. Contribute to denoland/deno development by creating an account on GitHub.

KitamadoOP•9/23/23, 11:43 AM

@birkskyum Thanks for your reply.

Does this mean that it is impossible to run p5js with just deno until the issue is resolved?

I would like to migrate from nodejs, even if the code structure changes a bit.

Birk Skyum•9/23/23, 12:11 PM

No, it's possible to use these things together. Here's i.e. a setup with p5 / vitejs running with deno.
https://github.com/birkskyum/deno-p5-vanilla

GitHub

GitHub - birkskyum/deno-p5-vanilla

Contribute to birkskyum/deno-p5-vanilla development by creating an account on GitHub.

KitamadoOP•9/23/23, 1:05 PM

Thank you very much!!!

KitamadoOP•9/24/23, 3:42 AM

It works fine locally, but not where I deployed it with deno deploy. What did I do wrong?

Here is my code:https://github.com/Seasawher/game-of-life
deploy to: https://seasawher-game-of-life.deno.dev/

GitHub

GitHub - Seasawher/game-of-life: Conway's game of life. WIP 🚧: work...

Conway's game of life. WIP

: work in progress. Contribute to Seasawher/game-of-life development by creating an account on GitHub.

Birk Skyum•9/24/23, 9:47 AM

I made a small PR here that I think will help you

https://github.com/Seasawher/game-of-life/pull/2/files

GitHub

Fix p5 types and package.json scripts by birkskyum · Pull Request #...

KitamadoOP•9/24/23, 12:51 PM

Thank you very much. However, even after the merge of your PR, deployment still does not seem to be working. Locally, it still works correctly.

In the developer tools, the following error message appears in the deployed environment.

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Birk Skyum•9/24/23, 3:11 PM

Right, it could be a missing file extension. In index.tsx, try importing "./constants.ts"; instead of "./constants";

Birk Skyum•9/24/23, 3:12 PM

It's mentioned here that the .ts is required: https://github.com/denoland/deno/issues/2506#issuecomment-501223236

Birk Skyum•9/24/23, 6:28 PM

Hope that helps

BBirk Skyum Hope that helps

KitamadoOP•9/25/23, 10:30 AM

Thank you very much. I changed the file extension, but it still doesn't seem to be working. The error message has not changed either.
my code is here: https://github.com/Seasawher/game-of-life

GitHub

GitHub - Seasawher/game-of-life: Conway's game of life. WIP 🚧: work...

Conway's game of life. WIP

: work in progress. Contribute to Seasawher/game-of-life development by creating an account on GitHub.

Birk Skyum•9/25/23, 9:47 PM

Very annoying. Deno unfortunately isn't mature for frontend stuff yet

NDH•9/25/23, 9:57 PM

There is hardly anything there. Why not just use a canvas and a 2Dcontext?

BBirk Skyum Very annoying. Deno unfortunately isn't mature for frontend stuff yet

KitamadoOP•9/25/23, 11:57 PM

Thanks for taking the time to think about this... anyway.

NNDH There is hardly anything there. Why not just use a canvas and a 2Dcontext?

KitamadoOP•9/26/23, 4:44 AM

Any ideas? Please tell me more about it.