Registry / prettier-plugin-ember-hbs-tag

prettier-plugin-ember-hbs-tag

library2.0.1jsnpmunverified

A Prettier plugin to format JavaScript/TypeScript files containing `hbs` tagged template literals (Ember.js). Version 2.0.1 is the latest stable release, requiring Prettier ^3.0.0 and Node 22+ (dropped Node 20 in v2). Differs from `ember-template-lint-plugin-prettier` by natively formatting `hbs` tags without coupling to template lint, avoiding uglified code and API breakage. Works alongside `prettier-plugin-ember-template-tag` for `<template>` tags.

npm install prettier-plugin-ember-hbs-tag

github ↗package ↗

INSTALL

IMPORT

SIG · PRETTIER-PLUGIN-EM

prettier-plugin-ember-hbs-tag

javascriptv2.0.1

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ Add 'prettier-plugin-ember-hbs-tag' to plugins array in prettier config

✗ import plugin from 'prettier-plugin-ember-hbs-tag'

This is a Prettier plugin, not a module you import directly. Configure it via prettier.config.mjs or .prettierrc.

parser (configuration)

✓ parser: 'ember-hbs-tag' in prettier overrides

✗ parser: 'ember-template-tag'

Use 'ember-hbs-tag' for files with hbs tags; 'ember-template-tag' is from prettier-plugin-ember-template-tag.

require (CommonJS)

✓ plugins: ['prettier-plugin-ember-hbs-tag']

✗ const plugin = require('prettier-plugin-ember-hbs-tag')

Prettier configs typically use string references; direct require may not work as expected.

Configures Prettier to format hbs tags in test files, using the ember-hbs-tag parser.

// prettier.config.mjs export default { plugins: [ 'prettier-plugin-ember-hbs-tag', 'prettier-plugin-ember-template-tag', // optional, for <template> ], overrides: [ { files: ['tests/**/*-test.{js,ts}'], options: { parser: 'ember-hbs-tag', singleQuote: true, templateSingleQuote: false, }, }, ], }; // Run: prettier --write tests/"*"

Debug

Known issues

breakingDropped support for Node 20

fix

Use Node 22 or later. See https://github.com/ijlee2/prettier-plugin-ember-hbs-tag/releases/tag/v2.0.0

affects: >=2.0.0

breakingRequires Prettier ^3.0.0

fix

Upgrade Prettier to v3+. https://prettier.io/docs/en/install.html

affects: >=1.0.0

gotchaMust set parser to 'ember-hbs-tag' in overrides for files that contain hbs tags; Prettier's default parser 'babel' will not format them.

fix

Add overrides with parser: 'ember-hbs-tag' for relevant file patterns (e.g., tests/**/*-test.{js,ts}).

affects: >=1.0.0

gotchaDo not confuse with prettier-plugin-ember-template-tag; each formats different tag types (hbs vs <template>).

fix

Use both plugins as needed; ensure correct parser per file.

affects: >=1.0.0

deprecatedReplaces ember-template-lint-plugin-prettier; remove that plugin from package.json and template-lint config.

fix

Remove 'ember-template-lint-plugin-prettier' and update .template-lintrc.cjs as shown in README.

affects: >=1.0.0

Errors

Common errors & fixes

Error: Could not resolve 'prettier-plugin-ember-hbs-tag'

Plugin not installed or missing from package.json.

fix

npm install --save-dev prettier-plugin-ember-hbs-tag

TypeError: Cannot read properties of undefined (reading 'parse')

Prettier version <3.0.0 does not support plugin API used.

fix

Upgrade Prettier to ^3.0.0

Expected a string but received undefined in plugin option

Incorrect parser value or missing overrides.

fix

Ensure overrides section includes parser: 'ember-hbs-tag' for appropriate files.

Error: Node.js version 20.x is not supported

Using Node 20 with v2.0.0+.

fix

Upgrade Node to 22 or later.

Upgrade

Version history

2.0.1latest on npm

Audit

Dependencies

prettierrequiredpeer dependency required to operate as a Prettier plugin

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/ijlee2/prettier-plugin-ember-hbs-tag ↗

packagehttps://www.npmjs.com/package/prettier-plugin-ember-hbs-tag ↗