Registry / devops / heft-styled-components-plugin

heft-styled-components-plugin

library0.2.1jsnpmunverified

A Heft plugin (v0.2.1) that transpiles Heft TypeScript output using Babel with babel-plugin-styled-components. It runs after the TypeScript compilation phase to inject styled-components display names and other transforms. Currently in early development with no stable release; requires @rushstack/heft ^0.66.3 and styled-components >=5.3.11 as peer dependencies. Differentiates from direct Babel usage by integrating into the Heft build pipeline.

devops

npm install heft-styled-components-plugin

github ↗package ↗

INSTALL

IMPORT

SIG · HEFT-STYLED-COMPON

heft-styled-components-plugin

devopsjavascriptv0.2.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.

heft-styled-components-plugin

✓ none (Heft plugin, not directly imported)

✗ import { heft-styled-components-plugin } from 'heft-styled-components-plugin'

This is a Heft plugin registered in heft.json, not imported in source code.

Plugin

✓ none

✗ const Plugin = require('heft-styled-components-plugin')

Do not require or import the package; it is loaded by Heft's plugin system.

Configures the heft-styled-components-plugin in a Heft project's heft.json to transpile styled-components after TypeScript compilation.

// In config/heft.json { "$schema": "https://developer.microsoft.com/json-schemas/heft/v0/heft.schema.json", "plugins": [ { "plugin": "heft-styled-components-plugin", "options": {} } ] } // In heft.json (phase definition) { "plugins": [ { "plugin": "heft-styled-components-plugin", "options": {} } ] }

Debug

Known issues

breakingRequires Heft >=0.66.3

fix

Update @rushstack/heft to ^0.66.3

affects: <=0.2.0

breakingRequires styled-components >=5.3.11

fix

Install styled-components@^5.3.11

affects: >=0

gotchaPlugin is not imported; it's registered in Heft configuration

fix

Use JSON config, not import

affects: >=0

deprecatedNo active development; use with caution

fix

Consider alternative Babel integration

affects: >=0.2.1

Errors

Common errors & fixes

Cannot find module 'heft-styled-components-plugin'

Plugin not installed or missing from package.json

fix

Run 'npm install heft-styled-components-plugin --save-dev'

Plugin heft-styled-components-plugin not found

Heft cannot locate the plugin in node_modules

fix

Ensure the package is installed and listed in devDependencies

Cannot find module '@rushstack/heft'

Missing peer dependency @rushstack/heft

fix

Run 'npm install @rushstack/heft --save-dev'

Upgrade

Version history

0.2.1latest on npm

Audit

Dependencies

@rushstack/heftrequiredpeer dependency; Heft build system integration

styled-componentsrequiredpeer dependency; requires styled-components v5.3.11+

Agent activity

6 hits · last 30 days

node

Resources

githubhttps://github.com/priceline/design-system ↗

packagehttps://www.npmjs.com/package/heft-styled-components-plugin ↗