# Formatting guide for fish docs The fish documentation has been updated to support Doxygen 1.8.7+, and while the main benefit of this change is extensive Markdown support, the addition of a fish lexicon and syntax filter, combined with semantic markup rules allows for automatic formatting enhancements across the HTML user_docs and man pages. Initially my motivation was to fix a problem with long options ([Issue #1557](https://github.com/fish-shell/fish-shell/issues/1557) on GitHub), but as I worked on fixing the issue I realised there was an opportunity to simplify, reinforce and clarify the current documentation, hopefully making further contribution easier and cleaner, while allowing the documentation examples to presented more clearly with less author effort. While the documentation is pretty robust to variations in the documentation source, adherence to the following style guide will help keep the already excellent documentation in good shape moving forward. ## Line breaks and wrapping Contrary to the rest of the fish source code, the documentation greatly benefits from the use of long lines and soft wrapping. Doxygen is able to treat paragraphs as complete blocks. The semantic filter can see complete lines when deciding on how to apply syntax highlighting. In advanced pagers, such as 'most', man pages will consistently wrap to the width of the user's console. ## Doxygen special commands and aliases While Markdown syntax forms the basis of the documentation content, there are some exceptions that require the use of Doxygen special commands. On the whole, Doxygen commands should be avoided, especially inline word formatting such as \\c as this would allow Doxygen to make unhelpful assumptions, such as converting double dashes (\--) to n-dashes (–). ### Structure: \\page, \\section and \\subsection Use of Doxygen sections markers are important, as these determine what will be eventually output as a web page, man page or included in the developer docs. Currently the make process for the documentation is quite convoluted, but basically the HTML docs are produced from a single, compiled file, doc.h. This contains a number of \\page markers that produce the various pages used in the documentation. The format of a \\page mark is: \page universally_unique_page_id Page title The source files that contain the page markers are currently: - __index.hdr.in__: Core documentation - __commands.hdr.in__: Individual commands - __tutorial.hdr__: Tutorial - __design.hdr__: Design document - __faq.hdr__: Frequently Asked Questions - __license.hdr__: Fish and 3rd party licences Unless there is a _VERY_ good reason and developer consensus, new pages should never be added. The rest of the documentation is structured using \\section and \\subsection markers. Most of the source files (listed above) contain their full content, the exception being commands, which are separated out into source text files in the doc_src directory. These files are concatenated into one file, so each one starts with a \\section declaration. The synopsis, description and examples (if present) are declared as \\subsections. The format of these marks is practically identical to the page mark. \section universally_unique_section_id Section title \subsection universally_unique_subsection_id Subsection title Each page, section and subsection id _must_ be unique across the whole of the documentation, otherwise Doxygen will issue a warning. ### Semantic markup: the \\fish .. \\endfish block While Doxygen has support for \\code..\\endcode blocks with enhanced markup and syntax colouring, it only understands the core Doxygen languages: C, C++, Objective C, Java, PHP, Python, Tcl and Fortran. To enhance Fish's syntax presentation, use the special \\fish..\\endfish blocks instead. Text placed in this block will be parsed by Doxygen using the included lexicon filter (see lexicon_filter.in) as a Doxygen input filter. The filter is built during make so that it can pick up information on builtins, functions and shell commands mentioned in completions and apply markup to keywords found inside the \\fish block. Basically, preformatted plain text inside the \\fish block is fed through the filter and is returned marked up so that Doxygen aliases can convert it back to a presentable form, according to the output document type. For instance: `echo hello world` is transformed into: `@cmnd{echo} @args{hello} @args{world}` which is then transformed by Doxygen into an HTML version (`make doc`): `echo hello world` And a man page version (`make share/man`): __echo__ hello world ### Fonts In older browsers, it was easy to set the fonts used for the three basic type styles (serif, sans-serif and monospace). Modern browsers have removed these options in their respective quests for simplification, assuming the content author will provide suitable styles for the content in the site's CSS, or the end user will provide overriding styles manually. Doxygen's default styling is very simple and most users will just accept this default. I've tried to use a sensible set of fonts in the documentation's CSS based on 'good' terminal fonts and as a result the first preference font used throughout the documentation is '[DejaVu](https://dejavu-fonts.github.io)'. The rationale behind this is that while DejaVu is getting a little long in the tooth, it still provides the most complete support across serif, sans-serif and monospace styles (giving a well balanced feel and consistent [x-height](https://en.wikipedia.org/wiki/X-height)), has the widest support for extended Unicode characters and has a free, permissive licenses (though it's still incompatible with GPLv2, though arguably less so than the SIL Open Font license, though this is a moot point when using it solely in the docs). #### Fonts inside \\fish blocks and \`backticks\` As the point of these constructs is to make fish's syntax clearer to the user, it makes sense to mimic what the user will see in the console, therefore any content is formatted using the monospaced style, specifically monospaced fonts are chosen in the following order: 1. __DejaVu Sans Mono__: Explained above. [[↓](https://dejavu-fonts.github.io)] 2. __Source Code Pro__: Monospaced code font, part of Adobe's free Edge Web Fonts. [[↓](https://edgewebfonts.adobe.com)] 3. __Menlo__: Apple supplied variant of DejaVu. 4. __Ubuntu Mono__: Ubuntu Linux's default monospaced font. [[↓](http://font.ubuntu.com)] 5. __Consolas__: Modern Microsoft supplied console font. 6. __Monaco__: Apple supplied console font since 1984! 7. __Lucida Console__: Generic mono terminal font, standard in many OS's and distros. 8. __monospace__: Catchall style. Chooses default monospaced font, often Courier. 9. __fixed__: As above, more often used on mobile devices. #### General Fonts 1. __DejaVu Sans__: As above.[[↓](https://dejavu-fonts.github.io)] 2. __Roboto__: Elegant Google free font and is Doxygen's default [[↓](https://fonts.google.com/specimen/Roboto)] 3. __Lucida Grande__: Default Apple OS X content font. 4. __Calibri__: Default Microsoft Office font (since 2007). 5. __Verdana__: Good general font found in a lot of OSs. 6. __Helvetica Neue__: Better spaced and balanced Helvetica/Arial variant. 7. __Helvetica__: Standard humanist typeface found almost everywhere. 8. __Arial__: Microsoft's Helvetica. 9. __sans-serif__: Catchall style. Chooses default sans-serif typeface, often Helvetica. The ordering of the fonts is important as it's designed to allow the documentation to settle into a number of different identities according to the fonts available. If you have the complete DejaVu family installed, then the docs are presented using that, and if your Console is set up to use the same fonts, presentation will be completely consistent. On OS X, with nothing extra installed, the docs will default to Menlo and Lucida Grande giving a Mac feel. Under Windows, it will default to using Consolas and Calibri on recent versions, giving a modern Windows style. #### Other sources: - [Font Squirrel](https://www.fontsquirrel.com): Good source of open source font packages. ### Choosing a CLI style: using a \\fish{style} block By default, when output as HTML, a \\fish block uses syntax colouring suited to the style of the documentation rather than trying to mimic the terminal. The block has a light, bordered background and a colour scheme that 'suggests' what the user would see in a console. Additional stying can be applied adding a style declaration: \fish{additional_style [another_style...]} ... \endfish This will translate to classes applied to the `