%0A │ ~~~%0A 4 │ %0A │ ~~~%0A 4 │ %0A │ ~~~%0A 4 │
│ ~~~
4 │ 
Hello
```
--------------------------------
### Herb Formatter Help and Version
Source: https://github.com/marcoroth/herb/blob/main/javascript/packages/formatter/README.md
Display help information or the version of the Herb Formatter.
```bash
# Show help
herb-format --help
# Show version information
herb-format --version
```
--------------------------------
### Herb Usage (Browser and Node.js)
Source: https://github.com/marcoroth/herb/blob/main/docs/docs/bindings/javascript/reference.md
Demonstrates how to import and use the Herb library in both browser and Node.js environments. It shows the basic steps of loading the library and parsing content.
```APIDOC
## Herb Usage (Browser and Node.js)
### Description
The `Herb` object can be imported from either `@herb-tools/browser` or `@herb-tools/node`. The API remains consistent across both packages.
### Request Example
```js
// Browser
import { Herb } from "@herb-tools/browser"
await Herb.load()
Herb.parse("content")
// Node.js
import { Herb } from "@herb-tools/node"
await Herb.load()
Heb.parse("content")
```
### Further Information
Learn more on [how to install and load the NPM packages](/bindings/javascript/#installation).
```
--------------------------------
### Left Trim at Start of File
Source: https://github.com/marcoroth/herb/blob/main/test/snapshots/engine/whitespace_trimming_test/test_0014_left_trim_at_start_of_file_688979d30ffb1ebd7ad117f92729aa2c.txt
Demonstrates left trimming at the beginning of a template file. Ensure the template syntax is correctly applied for trimming to take effect.
```Ruby
Engine::WhitespaceTrimmingTest#test_0014_left trim at start of file
input: "{source: \"<%- if true %>\\nContent\\n<%- end %>\", locals: {}, options: {}}"
```
--------------------------------
### Configure ALE for Herb (Generic LSP)
Source: https://github.com/marcoroth/herb/blob/main/docs/docs/integrations/editors/vim.md
Use ALE's generic LSP support for a simpler setup with the Herb language server. This involves registering the LSP server with ALE.
```vim
let g:ale_linters = {
\ 'eruby': ['ale_lsp'],
\ 'erb': ['ale_lsp'],
\ }
augroup AleHerbLSP
autocmd!
autocmd User ALEWantResults call ale#lsp#RegisterLSP('eruby', {
\ 'name': 'herb-language-server',
\ 'executable': 'herb-language-server',
\ 'command': '%e --stdio',
\ 'project_root': {buffer -> ale#path#FindNearestDirectory(buffer, '.git')},
\ })
augroup END
```
--------------------------------
### Install Herb Formatter as a Dev Dependency
Source: https://github.com/marcoroth/herb/blob/main/javascript/packages/formatter/README.md
Install the Herb Formatter as a development dependency in your project using npm, pnpm, yarn, or bun.
```shell
npm add -D @herb-tools/formatter
```
```shell
pnpm add -D @herb-tools/formatter
```
```shell
yarn add -D @herb-tools/formatter
```
```shell
bun add -D @herb-tools/formatter
```
--------------------------------
### Install Herb VS Code Extension
Source: https://github.com/marcoroth/herb/blob/main/docs/docs/integrations/editors/vscode.md
Install the Herb extension from the VS Code Marketplace to enable code generation and analysis features.
```bash
code --install-extension herb.herb-vscode
```
--------------------------------
### Inspect General Configuration with `herb config`
Source: https://github.com/marcoroth/herb/blob/main/docs/docs/configuration.md
Use the `bundle exec herb config` command to view the overall resolved configuration, including project root, config file path, and all include/exclude patterns.
```bash
bundle exec herb config
```
--------------------------------
### Invalid ARIA Attributes Example
Source: https://github.com/marcoroth/herb/blob/main/javascript/packages/linter/docs/rules/html-aria-attribute-must-be-valid.md
Examples of incorrectly used ARIA attributes, including typos and unsupported attributes, which will be ignored by assistive technologies.
```html
Hello