Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs: Add JSDoc config and improve Node docs. #29984

Merged
merged 7 commits into from
Nov 30, 2024
Merged

Conversation

Mugen87
Copy link
Collaborator

@Mugen87 Mugen87 commented Nov 28, 2024

Related issue: #24984

Description

There is an increasing interest in documentation for WebGPURenderer and the node material system so let's improve the situation by adding more docs.

To me, this is a good opportunity to start with adding JSDoc (see #24984 (comment)). The PR introduces a minimal JSDoc setup with a basic template that generates the documentation into docs_new. This directory is not under version control and not intended for hosting yet.

We can switch to a custom template at a later point with a style similar to the existing documentation. I'm ready for reviewing PRs that migrate existing modules next to WebGPURenderer or node material (anything in src or examples/jsm) to JSDoc. I'll will add more documentation by myself over the next weeks.

To move things forward I suggest we ignore i18n and TypeScript related details for now. The focus should be on providing an auto-generated English documentation based on JSDoc.

src/nodes/core/Node.js Outdated Show resolved Hide resolved
src/nodes/core/Node.js Outdated Show resolved Hide resolved
Copy link

github-actions bot commented Nov 28, 2024

📦 Bundle size

Full ESM build, minified and gzipped.

Before After Diff
WebGL 339.14
78.99
339.14
78.99
+0 B
+0 B
WebGPU 484.02
134.26
484.02
134.26
+0 B
-1 B
WebGPU Nodes 483.49
134.16
483.49
134.16
+0 B
-1 B

🌳 Bundle size after tree-shaking

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

Before After Diff
WebGL 464.62
111.98
464.62
111.98
+0 B
+0 B
WebGPU 552.83
149.53
552.83
149.53
+0 B
+1 B
WebGPU Nodes 508.71
139.25
508.71
139.25
+0 B
+0 B

@mrdoob
Copy link
Owner

mrdoob commented Nov 29, 2024

Sounds good to me!
Thanks for working on this 🙏

@mrdoob
Copy link
Owner

mrdoob commented Nov 29, 2024

Does JSDoc have a way to do this without polluting the source file?

Screenshot 2024-11-29 11 39 39

@Mugen87
Copy link
Collaborator Author

Mugen87 commented Nov 29, 2024

Live examples

I have not seen something like this by default in JSDoc. However, the currently used theme has a demo that shows how to include live examples:

https://ankdev.me/clean-jsdoc-theme/v4/AgentArray.html

They have updated their JSDoc config so the build includes a custom JavaScript file that injects the iFrame into the final doc page. The script looks like so:

https://github.com/ankitskvmdam/clean-jsdoc-theme/blob/eebd46d31777106171ffa0573ae8825b228fab1d/demo/src/assets/agentarray.js#L8-L26

I guess we could do something similar with out material/geometry browsers.

@donmccurdy Do you know of other strategies for including live examples?

Code Snippets

Code example should already work nicely but they are normally embedded in the JSDoc. Since there is markdown support, the result looks without further CSS like so:

image

@Mugen87 Mugen87 added this to the r172 milestone Nov 30, 2024
@Mugen87 Mugen87 merged commit 20b97a4 into mrdoob:dev Nov 30, 2024
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants