Sort by updated time feature for examples page

[sinanata]

Attempted to add a simple generate-timestamps node script and a timestamp-based sort by update date feature to the examples page. I believe new features and updates are getting lost on newcomers who are not regularly following the project. I am not a developer, so please feel free to ignore if this is irrelevant. Cheers.

[WestLangley]

Sorting by "date added" may make more sense than sorting by "date modified".

Or, just add the release ( e.g., "r177" ) as a tag to tags.json.

[sinanata]

Sorting by "date added" may make more sense than sorting by "date modified".

Or, just add the release ( e.g., "r177" ) as a tag to tags.json.

I got the created timestamp in timestamps.json but I thought updates might also be important for examples

[cmhhelgeson]

I'd also prefer date added over date modified. Often, examples are trivially updated to use more up to date syntax, even if the core code of the example itself has not been updated. For instance, PRs like #28241 make minor modifications to a large number of older examples. If we were to go by date updated, then many examples that have been in the codebase for nearly a decade will seem to be only a year old at most.

Alternatively, there could be a sort by option allowing the user to sort alphabetically, by date added, or by date updated. Nonetheless, the date displayed in italics alongside the title should probably be date added.

[cmhhelgeson]

@Mugen87 I don't think this PR relates to documentation?

[Mugen87]

You're right, I've misinterpreted the PR. Deleted my comment to avoid confusion.

[sinanata]

@cmhhelgeson got it, then I'll provide options and make the "added date" default, does that make sense?

[github-actions]

📦 Bundle size

Full ESM build, minified and gzipped.

	Before	After	Diff
WebGL	337.69 78.76	337.69 78.76	+0 B +0 B
WebGPU	557.35 154.34	557.35 154.34	+0 B +0 B
WebGPU Nodes	556.27 154.12	556.27 154.12	+0 B +0 B

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

	Before	After	Diff
WebGL	468.91 113.45	468.91 113.45	+0 B +0 B
WebGPU	632.98 171.34	632.98 171.34	+0 B +0 B
WebGPU Nodes	588.11 160.69	588.11 160.69	+0 B +0 B

[sinanata]

@cmhhelgeson the commit a399191 should do

[sinanata]

Sorry for spamming, guys. Further simplification was possible, so I couldn't resist.

[WestLangley]

The webgl, webgpu, svg examples are in separately-sorted lists. That may be confusing.

Also, I'd suggest setting the label to sort by "newest", instead of "date created". Check how GitHub sorts Issues.

[sinanata]

WebGL and WebGPU separation seemed intentional, serving as main categories. In the currently live version, they are kept in search results.

If I go the "newest" path, I have to go for the "oldest", etc, too. I was aiming to reduce the number of words/icons from the feature.