by roundabout, Friday, 26 April 2024, 10:03:15 (1714125795), pushed by roundabout, Wednesday, 31 July 2024, 06:54:46 (1722408886)
Author identity: vlad <vlad.muntoiu@gmail.com>
e6324ee2a0a9029cb69afb10734d49efbea67c84
doc/internal/Style guide.md
@@ -0,0 +1,332 @@
Style Guide for Python Code in the roundabout project
=====================================================
This document provides conventions for the coding style used in the Roundabout project. Rules can be broken -- just try to make the code as readable as you can.
Code should be written for Python 3.10 unless I say otherwise.
Code Layout
-----------
### Indents and Line Continuation
Keep lines up to 80 characters long. Use 4 spaces for indentation, per level. Do not use tabs, and do not put trailing whitespace.
For parentheses, three styles are accepted:
~~~python
# No indent.
thing = function(arg1, arg2)
# Hanging indent. Align to the contents, not to the bracket.
thing = function(arg1, arg2
arg3, arg4, arg5)
# Full indent. Here only one argument or variable or whatever is allowed per line.
# The closing bracket must be at the previous indent level.
# Any level is allowed, but it must be a multiple of 4.
thing = function(
arg1,
arg2,
arg3,
arg4
)
~~~
Collections should read like lists, not tables.
~~~python
fruits = ["apple", "tomato", "pear", "cherry", "plum", "melon", "grape", "aubergine",]
fruits = [
"apple",
"tomato",
"pear",
"cherry",
"plum",
"melon",
"grape",
"aubergine",
]
# Don't!
fruits = [
"apple", "tomato", "pear", "cherry",
"plum", "melon", "grape", "aubergine",
]
~~~
Additionally, for a collection meant to be expanded use a trailing comma.
For long expressions, begin the line with the operator and align the operand with the indentation level.
This is not permitted by PEP 8, but it follows mathematics and leads to nicer layouts.
~~~python
population = (population
+ births
+ immigrants
- deaths
- emigrants)
~~~
When the hanging indent could be mistaken for a block, add an empty line.
Backslashes are discouraged, but allowed if it is the only way to write your expression. For
example:
~~~python
really_long_variable_name_hopefully_yours_wont_be_as_long = \
"Really long value."
~~~
### Blank Line Rules
* Two between top-level class or function definitions.
* One between local functions or methods.
* One is allowed to separate related groups and logical sections.
* One at the end of the file.
* One below imports.
### Imports
Imports should be on separate lines. `from`-imports must import all objects on the same line though.
~~~python
import flask
import os
from models import User, Post
~~~
Imports should be ordered like this:
* `__future__` statements
* one blank line
* magic names (`__all__`, `__version__`)
* one blank line
* library imports
* library `from`-imports
* one blank line
* application imports
* application `from`-imports
Wildcard imports are discouraged and prohibited for libraries.
### Interior Whitespace
Never insert more than one space around operators and other symbols. Never add spaces just to align lines.
#### When to use
* around the lowest priority operators in an expression, comparisons, assignments, and logical operators, as well as the function annotation arrow
~~~python
# Do
thing += 10 + 2*thing
# Don't
thing+=10+2 * thing
# Acceptable; use your best judgement
thing += 10 + 2 * thing
~~~
* after the colon when defining a single-line clause, or an annotation
* after commas or semicolons
* after the comment sign `#`
#### When to avoid
* when passing keyword arguments or defining argument defaults, unless they are annotated
* inside any brackets
~~~python
# Do
function(arg1, arg2)
# Don't!
function( arg1, arg2 )
~~~
* after a trailing comma
~~~python
# Do
(0,)
# Don't!
(0, )
~~~
* before commas, semicolons or colons
~~~python
# Do
x, y = y, x
# Don't!
x , y = y , x
~~~
* around the slice operator `:`
* before an argument list
~~~python
# Do
function(arg1, arg2)
# Don't!
function (arg1, arg2)
~~~
* before the indexing operator
~~~python
# Do
dictionary["key"] = "Hello World!"
# Don't!
dictionary ["key"] = "Hello World!"
~~~
#### Other
Never use the semicolon for multiple statements; while allowed, it is discouraged as it hurts readability. Similarly discouraged are one-line clauses.
Strings
-------
Only use double quotes like `"` for strings: single quotes are harder to spot, and they conflict with the common apostrophe.
For docstrings you should follow [PEP 257](https://peps.python.org/pep-0257/). Additionally, docstrings should use Markdown to allow for a future tool to convert them to docs.
HOWEVER arguments should be described using the ReST syntax, as it is more readable in the code.
Other than this, they should be kept plaintext to prevent markup language battles (Python prefers
RST, but most use Markdown).
Naming
------
Identifiers must only use ASCII characters. Abbreviations should be kept to a minimum and it should be
made sure that they are widely used and accepted already.
(`id` for `identifier` or `repo` for `repository` is acceptable, but `avg` for `average` is not). Generally, names should be easy to pronounce.
Class names must use `UpperCamelCase` with the first letter of each word capitalised and no underscores.
Other names (function, variable) should use `snake_case` with all words lowercase and separated by underscores.
For instance and class methods, only name the first argument `self` or `cls`, respectively.
To avoid conflicts, append an underscore or use a synonym but do not corrupt the spelling (`class_` is better than `clss` or `klass` or `classs` or whatever).
Constants are an exception. They should use `UPPER_CASE` with underscores.
Non-public names should be prefixed with an underscore. In case it's really important to not use
them, use a double underscore to invoke name mangling.
Comments
--------
Block comments should be complete sentences; line comments don't need to. Write comments in
English and always use a space after the comment sign, as stated above, unless it's an UNIX
interpreter descriptor (`#!`) where you should not. Inside block comments, separate paragraphs
with an empty comment, like in Markdown. For a solo sentence, full stops are optional.
Avoid stating the obvious or contradicting the code.
Inline comments must be separated with more than one space from the statement, and they may be
aligned.
In comments, never alter the case of identifiers, as it may lead to confusion.
Leaving TODO comments as personal notes is allowed, but they should be removed before merging
or a release.
Programming
-----------
### OOP Guidelines
Do not use getters and setters for class attributes. If you do need to change some other things,
use properties.
Prefer overloading the operators; make using your objects as natural and Pythonic as possible.
### Exceptions
Make exceptions specific enough, so catching them can be explicit.
Do not use the bare `except` clause. Make `try` clauses as short as possible to avoid silencing
unrelated bugs.
### Other
Comparisons to singletons (`True`, `False`, `None` etc.) should be done with the identity operators
`is` and `is not`, not with the comparison operators. Use `is not`, not `not ... is`.
Unless it would be ambiguous, use the implicit truth test to check that numbers are different to
0, that containers have contents and similar tests.
Do not assign lambdas to identifiers. Make a real function instead.
Use `with` context managers to ensure resources are properly cleaned up.
Prefer making functions that take arguments and return a value instead of making them directly take
global variables or process the information such as writing.
Use the methods `startswith()` and `endswith()` instead of string slicing to check for prefixes
or suffixes.
To compare types, use `isinstance()` instead of the `is` operator with `type()` (this is one of
my problems with Python, but it's the standard).
Use a proper condition for `while` instead of a `while True` that `break`s.
Use `for` loops instead of `while` loops when possible, and use Pythonic iteration instead of
C-style iteration.
To call shells, use the `subprocess` module instead of `os.system()` and use the functions
that allow giving a *list* of arguments instead of a string, it leads to better security.
Similarly, avoid writing SQL manually, use Alchemy. If you must write SQL manually, be extra
careful.
Jinja style guide
-----------------
Jinja should be written like Python, with the following additions:
Tags should be written as `{% <content> %}` and expressions as `{{ <content> }}`. That is,
put spaces around the content.
Always indent tag contents, just like you would indent HTML tags! If a tag contains other tags
and it wouldn't disrupt whitespace, you should indent the contents.
The filter operator `|` should have spaces around it, unless it's in a more complex expression
when it shouldn't.
Translations should always be done with the `{% trans %}` tag provided by Babel, not with
`gettext()`, `_()` or others. No exceptions.
The quoting rules are as in Python, unless it's in an HTML attribute, in which case you should
use single quotes, as HTML takes precedence.
HTML style guide
----------------
HTML tags should be written in lowercase, with attributes in lowercase as well. Attribute values
should be quoted with double quotes. Attribute minimisation is suggested for boolean attributes.
Always indent tag contents with 4 spaces, except in plaintext tags like `pre` or `textarea`, where
you should not indent.
The tag should be multiple lines if the content is complex. Otherwise, mirror the page layout.
IDs or classes should be written in `kebab-case`. Names should be written in `snake_case` to
provide better compatibility with Python.
Also, when making custom tags, always use a hyphen in the tag name, to make sure they won't be
standardised in the future.
Event attributes are allowed as well, but please keep the JS inside shorter than 64 characters.
If you need more make a function in a script tag or a separate file.
CSS style guide
---------------
CSS selectors, properties and values should be written in lowercase. Custom properties should be
written in `kebab-case`.
Always indent the contents of a ruleset with 4 spaces.
Unlike some other style guides, we do not require each selector after a comma to be on a new line.
However, if they're too long, very complex or similar and they benefit from alignment, you should
do so.
IDs are preferred over classes when the element only appears once on the page.
Tag selectors are **allowed**! Style the default widgets as you see fit, because it leads to
cleaner HTML. We also apply a reset stylesheet to make sure the default styles are consistent.
In what scenario would you want an *unstyled* button in your site? Never! Then why always use
`<button class="btn btn-primary">` when it's the only kind of `<button>` your site has?
However, provide class-based alternatives for tag styles. For example, Efficient UI styles
`button` by default, but it also styles `.button` to allow hyperlinks or other elements to look
like buttons. Using both isn't needed though.
Also, selectors can be nested where it makes sense, however the `>` selector is preferred over
plain nesting, which is generally discouraged.
Use of fancy counters and data-attributes is allowed, but only for cosmetic purposes. We've got
server-side templating, profit from it!
JavaScript style guide
----------------------
JS should use double quotes for strings, and lowerCamelCase for names, and indenting should be 4 spaces.
Otherwise I can't comment, because JS is ugly by nature.
templates/user-profile-repositories.html
@@ -3,25 +3,23 @@
{% block content %}
<x-frame style="--width: 768px;">
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<ul style="list-style: none;" class="noindent">
{% if repos %}
{% for repo in repos %}
<li>
<article>
<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
{% if repo.info %}
<p>{{ repo.info }}</p>
{% endif %}
</article>
</li>
{% endfor %}
{% else %}
{% trans %}This user doesn't own any repositories.{% endtrans %}
{% endif %}
</ul>
</section>
</article>
<ul style="list-style: none;" class="noindent">
{% if repos %}
{% for repo in repos %}
<li>
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
{% if repo.info %}
<p>{{ repo.info }}</p>
{% endif %}
</section>
</article>
</li>
{% endfor %}
{% else %}
{% trans %}This user doesn't own any repositories.{% endtrans %}
{% endif %}
</ul>
</x-frame>
{% endblock %}