client/modules/Preview: migrate to TypeScript, no-verify

[NalinDalal]

Fixes #3828

Changes:

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• has no typecheck errors (npm run typecheck)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123
• meets the standards outlined in the accessibility guidelines

[welcome]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[release-com]

Release Environments

This Environment is provided by Release, learn more!
To see the status of the Environment click on Environment Status below.

• p5.js-web-editor
  • app-ted4b48.release.editor.p5js.org/
  • preview-ted4b48.release.editor.p5js.org/

🔧Environment Status : https://app.release.com/public/Processing%20Foundation/env-d37c3856c3

[ksen0]

Hi @raclim , this PR is based on https://github.com/processing/p5.js-web-editor/blob/develop/contributor_docs/pr05_2025_typescript_migration/index.md#configuration-summary (@NalinDalal noted in Discord). I wasn't sure if this was ready for work, or blocked, or if there was an issue. Thanks for checking it out when you can.

[raclim]

Thanks for flagging this @ksen0 and for trying this out @NalinDalal!

Before opening a pull request, we generally advise contributors to make sure that their work is associated with an open issue to avoid any potential extra work or miscommunication in expectations! You can read up more about it in our Preparing a Pull Request documentation or our overall Contributor Docs. For the TypeScript Migration, we've mostly been opening smaller issues/PRs to work incrementally, though we should probably be opening a general issue/sub-issues for better tracking.

For now, would you be able to create an issue for this that briefly summarizes your proposed changes and attach it to this PR? In the meantime, I'll take a look over this PR and try to make a larger issue/update the docs for folks to reference for migration work!

[NalinDalal]

Thanks for flagging this @ksen0 and for trying this out @NalinDalal!

Before opening a pull request, we generally advise contributors to make sure that their work is associated with an open issue to avoid any potential extra work or miscommunication in expectations! You can read up more about it in our Preparing a Pull Request documentation or our overall Contributor Docs. For the TypeScript Migration, we've mostly been opening smaller issues/PRs to work incrementally, though we should probably be opening a general issue/sub-issues for better tracking.

For now, would you be able to create an issue for this that briefly summarizes your proposed changes and attach it to this PR? In the meantime, I'll take a look over this PR and try to make a larger issue/update the docs for folks to reference for migration work!

bit late, but i have created the corresponding issue for same, check it out here

[raclim]

Thanks so much @NalinDalal for attaching the issue! Tagging @clairep94 as well, who led a lot of the initial momentum for the TypeScript Migration, but I'll try to follow up by later this week!

[raclim]

Thanks for taking a look into this!

I think the migration for the files overall look good so far, but previewIndex.tsx doesn't seem to have the correct file content. Would you be able to update this and also merge in the new changes from the develop branch?

[raclim]

I don't think this file has the correct content—it seems to be a duplicate of client/modules/Preview/filesReducer.ts.

[NalinDalal]

i don't know why, it shows fileReducer.js, when i have deleted it in 1st place