Generate `.pdez` files for each code example

Context

As part of the effort to improve the Processing website and editor, a new feature has been introduced to allow users to open sketches and libraries directly in the Processing editor by clicking on a link. This will allow us to add a link to each example, opening the corresponding sketch directly in the Processing editor.

Problem statement

When browsing the examples page we want users to be able to run the examples in the Processing Development Environment (PDE). Currently, it can be time-consuming and confusing for users to manually copy and paste each tab of an example into the PDE and ensure that all required assets (e.g., images, fonts) are present.

The planned "Open in Processing Editor" feature aims to address this issue. However, it requires that each example have a .pdez file, which is not currently generated when running the script that copies examples over from the processing-examples repository.

Proposed solution

To address this issue, we can modify the existing updateExamples script that copies Processing code for each example from the processing-examples repository to the Processing website. Specifically, we can update the script to automatically generate .pdez files for each example and add them to the corresponding example folder in addition to the existing .pde files and any other files that are already being copied over.

Benefits

This change would greatly benefit users who want to quickly run examples from the website without having to manually copy and paste each tab into the PDE. By automating the process of generating .pdez files for each example, we can improve the user experience and make it easier for people to get started with Processing.

References

The process of updating examples on the website is described in details here:
https://github.com/processing/processing-website/blob/main/docs/examples.md

Bắt đầu với scripts/updateExamples.js và đọc docs/examples.md để hiểu quy trình sao chép ví dụ hoạt động như thế nào. Theo dõi cách các thư mục ví dụ và các tệp hiện có được xử lý, sau đó xác minh rằng mỗi ví dụ được sao chép đều nhận một tệp .pdez nằm cùng với các tệp .pde và tài nguyên khác. Xác nhận rằng các tệp được tạo hỗ trợ các liên kết “Open in Processing Editor” đã được lên kế hoạch.