-
Notifications
You must be signed in to change notification settings - Fork 6
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
Code Review #259
Comments
Signed-off-by: Chris Malley <[email protected]>
Signed-off-by: Chris Malley <[email protected]>
@samreid was apparently making changes while I was doing this review, and I encountered one heckuva merge mess when I went to push. I had to manually merge a bunch of files, not at all confident that I got everything. Inspect c8fb3fd and b698e4e closely. @samreid will refrain from making changes until I'm done with the review. |
Signed-off-by: Chris Malley <[email protected]>
Signed-off-by: Chris Malley <[email protected]>
Signed-off-by: Chris Malley <[email protected]>
Signed-off-by: Chris Malley <[email protected]>
Code review check list has been completed. See ❌ for items that required the creation of one or more issues. See I created 29 associated issues, and a bunch of @samreid back to you, let me know if you have any questions. |
Thanks for the thoughtful and thorough review, I appreciate it! I noticed this item did not have a checkmark, red x or associated issue:
It appears that all remaining work is tracked in other issues. Is that true? If so, can this issue be closed? |
I'll take another look at the nested options item, but I don't recall seeing a need for it. I typically leave the code review issue open until all related issues have been addressed, but that's up to you. |
More "summary" that I should have added to #259 (comment) (sorry, I was in a hurry...) Overall, the sim is in very good shape. Generally nice documentation, good names for things, easy to find my way around,.... - impressive for a sim of this complexity. I can't say that I totally understand how everything works, but that's due to my lack of knowledge about the domain, not any fault of the implementation. I was also fun to play with the sim while doing the review. Nice work! |
Closing to remove this issue from my todo list, all remaining work is tracked in other issues. |
The sim is ready for code review. Here are notes from #124 (comment)
Notes for the reviewer
I recommend to start with the documentation:
wave-interference/doc/implementation-notes.md
wave-interference/doc/model.md
Then the code part of the review should begin with an understanding of these core model files which are central to the sim:
wave-interference/js/waves/model/WavesScreenModel.js
wave-interference/js/common/model/Scene.js
wave-interference/js/common/model/Lattice.js
Please omit wave-interference/js/diffraction from the review. It is a prototype for a screen that will be designed and developed for a future release.
I'm fine with // REVIEW comments or issue comments, but please open a new issue for any problem that is non-trivial or will require discussion or iteration. For any trivial problems that you can fix as you come across them during the review, please fix them and I will review all your commits.
I thought it may be helpful to provide a birds-eye-view of the names of some visible types in the user interface. I'm adding this here as a temporary aid in case it is helpful. Not checking in because it seems a hassle to maintain:
There are a handful of open issues that will need to be addressed after the review, but none of them suggest they will require a change in architecture or patterns. I'll be around during the review, if there are questions or problems that would be best to clear up with a slack chat or a zoom call, please let me know.
Checklist
NOTE! Prior to doing a code review, copy this checklist to a GitHub issue for the repository being reviewed.
Please mark failed items with ❌
PhET code-review checklist
❌Master checklist has been neglected, see Master Checklist #1
Build and Run Checks
ea
)fuzz&ea
)Memory Leaks
grunt --mangle=false
. There should be a GitHub issue showing the results of testing done by the primary developer.ℹ️ See Memory Leak Testing #260. Initial size looks reasonable. I did not confirm these results.
dispose
function, or documentation about whydispose
is unnecessary?ℹ️ Not applicable. implementation-notes.md says "There are no dynamically created/destroyed user interface components or model elements in the simulation, so the simulation doesn't require dispose calls." I did not verify, will take your word for it.
ℹ️ Not applicable, according to implementation-notes.md*
Property.link
is accompanied byProperty.unlink
.DerivedProperty
is accompanied bydispose
.Multilink
is accompanied bydispose
.Events.on
is accompanied byEvents.off
.Emitter.addListener
is accompanied byEmitter.removeListener
.Node.on
is accompanied byNode.off
tandem.addInstance
is accompanied bytandem.removeInstance
, or use PhetioObject constructor+disposedispose
function have one? This should expose a publicdispose
function that callsthis.disposeMyType()
, wheredisposeMyType
is a private function declared in the constructor.MyType
should exactly match the filename.ℹ️ Not applicable, according to implementation-notes.md*
ℹ️ Not applicable, no PhET-iO instrumentation.
Performance, Usability
webgl=false
)ℹ️ Not applicable, no WebGL
showPointerAreas
)showPointerAreas
) Some overlap may be OK depending on the z-ordering (if the frontmost object is supposed to occlude touch/mouse areas)Internationalization
stringTest=x
, you should see nothing but 'x' strings)stringTest=double
)stringTest=long
)stringTest=X
)stringTest=xss
? This test passes if sim does not redirect, OK if sim crashes or fails to fully start. Only test on one desktop platform."{{value}} {{units}}"
) instead of numbered placeholders (e.g."{0} {1}"
).❌sim uses numbered placeholders, see what to do about old-style format patterns? #266
(1) Strings keys should generally match their values. E.g.:
(2) If a string key would be exceptionally long, use a key name that is an abbreviated form of the string value, or that captures the purpose/essence of the value. E.g.:
(3) If string key names would collide, use your judgment to disambiguate. E.g.:
(4) String keys for screen names should have the general form
"screen.{{screenName}}"
. E.g.:(5) String patterns that contain placeholders (e.g.
"My name is {{first}} {{last}}"
) should use keys that are unlikely to conflict with strings that might be needed in the future. For example, for"{{price}}"
consider using key"pricePattern"
instead of"price"
, if you think there might be a future need for a"price"
string.Repository structure
For a sim repository named “my-repo”, the general structure should look like this (where assets/, audio/ or images/ may be omitted if the sim doesn’t have those types of assets).
*Any images used in model.md or implementation-notes.md should be added here. Images specific to aiding with documentation do not need their own license.
All JavaScript source should be in the js/ directory. There should be a subdirectory for each screen (this also applies for single-screen sims, where the subdirectory matches the repo name). For a multi-screen sim, code shared by 2 or more screens should be in a js/common/ subdirectory. Model and view code should be in model/ and view/ subdirectories for each screen and common/. For example, for a sim with screens “Introduction” and “Lab”, the general directory structure should look like this:
MolarityConstants.js
in molarity. If the repository name is long, the developer may choose to abbreviate the repository name, e.g.EEConstants.js
in expression-exchange. If the abbreviation is already used by another respository, then the full name must be used. For example, if the "EE" abbreviation is already used by expression-exchange, then it should not be used in equality-explorer. Whichever convention is used, it should be used consistently within a repository - don't mix abbreviations and full names.grunt published-README
orgrunt unpublished-README
?grunt generate-config
)❌ No issue existed, I created credits #285.
model.md
adequately describe the model, in terms appropriate for teachers?❌ See model.md issues #263
implementation-notes.md
adequately describe the implementation, with an overview that will be useful to future maintainers?❌ See implementation-notes.md issues #264
{{REPO}}QueryParameters.js
, for example ArithmeticQueryParameters.js for the aritmetic repository.Coding Conventions
grunt update-copyright-dates
.❌ See use better names for Ranges in SlitsControlPanel #284.
Do the
@author
annotations seem correct?Are all constructors marked with
@constructor
? That will make them easier to search and review. This is not necessaryfor ES6 constructors.
For constructors, use parameters for things that don’t have a default. Use options for things that have a default value. This improves readability at the call site, especially when the number of parameters is large. It also eliminates order dependency that is required by using parameters.
For example, this constructor uses parameters for everything. At the call site, the semantics of the arguments are difficult to determine without consulting the constructor.
Here’s the same constructor with an appropriate use of options. The call site is easier to read, and the order of options is flexible.
Example:
A possible exception to this guideline is when the constructor API is improved by hiding the implementation details, i.e. not revealing that a sub-component exists. In that case, it may make sense to use new top-level options. This is left to developer and reviewer discretion.
For more information on the history and thought process around the "nested options" pattern, please see phetsims/tasks#730.
@param
annotations. The description for each parameter should follow a hyphen. Primitive types should use lower case. Constructors should additionally include the@constructor
annotation. For example:For most functions, the same form as above should be used, with a
@returns
annotation which identifies the return type and the meaning of the returned value. Functions should also document any side effects. For extremely simple functions that are just a few lines of simple code, an abbreviated line-comment can be used, for example:// Computes {Number} distance based on {Foo} foo.
If references are needed to the enclosing object, such as for a closure,
self
should be defined, but it should only be used in closures. Theself
variable should not be defined unless it is needed in a closure. Example:Generally, lines should not exceed 120 columns. Break up long statements, expressions, or comments into multiple
lines to optimize readability. It is OK for require statements or other structured patterns to exceed 120 columns.
Use your judgment!
Where inheritance is needed, use
PHET_CORE/inherit
(ES5) orextends
(ES6). Add prototype and static functions via the appropriate arguments toinherit
. Spaces should exist between the function names unless the functions are all short and closely related. Example:If the expression is only one item, the parentheses can be omitted. This is the most common use case.
Naming for Property values: All
AXON/Property
instances should be declared with the suffixProperty
. For example, if a visible property is added, it should have the namevisibleProperty
instead of simplyvisible
. This will help to avoid confusion with non-Property definitions.Properties should use type-specific subclasses where appropriate (.e.g BooleanProperty, NumberProperty, StringProperty) or provide documentation as to why they are not.
Are Property value validation options (
valueType
,validValues
, etc...) utilized? Is their presence or lack thereof properly documented?❌ Numerous places where NumberProperty validation is missing, see where should Ranges for NumberProperties live? #279.
Line comments should generally be preceded by a blank line. For example:
Line comments should have whitespace between the
//
and the first letter of the line comment. See the preceding example.Differentiate between
Property
and "property" in comments. They are different things.Property
is a type in AXON; property is any value associated with a JavaScript object.Files should be named like CapitalizedCamelCasing.js when returning a constructor, or lower-case-style.js when returning a non-constructor function. When returning a constructor, the constructor name should match the filename.
Every type, method and property should be documented.
❌ Close, but missed a few. See REVIEW comments.
The HTML5/CSS3/JavaScript source code must be reasonably well documented. This is difficult to specify precisely, but the idea is that someone who is moderately experienced with HTML5/CSS3/JavaScript can quickly understand the general function of the source code as well as the overall flow of the code by reading through the comments. For an example of the type of documentation that is required, please see the example-sim repository.
Assertions should be used appropriately and consistently. Type checking should not just be done in code comments. Use
Array.isArray
to type check an array.❌ A surprising lack of assertions in a sim of this size, only 7 occurrences of
assert &&
. And use of the "config" pattern should require more assertions, see issues with config pattern #275.Abstract methods (normally implemented with an error) should be marked with
@abstract
jsdoc.Visibility Annotations
Because JavaScript lacks visibility modifiers (public, protected, private), PhET uses JSdoc visibility annotations to document the intent of the programmer, and define the public API. Visibility annotations are required for anything that JavaScript makes public. Information about these annotations can be found here. (Note that other documentation systems like the Google Closure Compiler use slightly different syntax in some cases. Where there are differences, JSDoc is authoritative. For example, use
Array.<Object>
orObject[]
instead ofArray<Object>
). PhET guidelines for visibility annotations are as follows:@public
for anything that is intended to be part of the public API.@protected
for anything that is intended for use by subtypes.@private
for anything that is NOT intended to be part of the public or protected API.@public (read-only)
. This indicates that the given property (AND its value) should not be changed by outside code (e.g. a Property should not have its value changed)@public (scenery-internal)
@public (a11y)
@public (phet-io)
@public (scenery-internal, read-only)
x.y = something
:[\w]+\.[\w]+\s=
[\w]+: function\(
Math Libraries
dot.Util.roundSymmetric
is used instead ofMath.round
.Math.round
does not treat positive and negative numbers symmetrically, see fix nearest-neighbor rounding in Util.toFixed dot#35 (comment).❌ 12 occurrences of
Math.round
, see replace Math.round with Util.roundSymmetric #267.DOT/Util.toFixed
orDOT/Util.toFixedNumber
should be used instead oftoFixed
. JavaScript'stoFixed
is notoriously buggy. Behavior differs depending on browser, because the spec doesn't specify whether to round or floor.phet.joist.random
, and are doing so after modules are declared (non-statically). Including, but not limited to:Math.random
_.shuffle
_.sample
_.random
new Random()
IE11
Number.parseInt()
Array.prototype.find
Organization, Readability, Maintainability
❌ Nonstandard top-level model type names, see nonstandard names for model classes #271.
❌ See issues with config pattern #275 related to how the 'config' pattern is applied.
❌ Fundamental problems with
Scene
class hierarchy, see some code in Scene belongs in its subclasses #282❌ The entire model is passed to constructors that only require a few fields. See WaveGeneratorNode API is too broad #286, ToolboxPanel API is too broad #287, WaterSideViewNode API is too broad #288, TheoryInterferenceOverlay API is too broad #289, SlitsControlPanel API is too broad #290
grunt find-duplicates
❌ See duplicated code in TheoryInterferenceOverlay #276 and duplicated code in LatticeCanvasNode and LightScreenNode #277
TODO
orFIXME
comments in the code? They should be addressed or promoted to GitHub issues.ℹ️ I tried changing values in
WaveInterferenceConstants
and the sim continued to function properly.DerivedProperty
instead ofProperty
?PhET-iO
for the PhET-iO development process.
ℹ️ Not applicable, no PhET-iO instrumentation.
The text was updated successfully, but these errors were encountered: