Registry / web-framework / rehype-remove-script-type-javascript

rehype-remove-script-type-javascript

library4.0.1jsnpmunverified

This `rehype` plugin, `rehype-remove-script-type-javascript`, is designed to optimize HTML documents by automatically removing redundant `type` and `language` attributes from `<script>` elements that inherently contain JavaScript. It intelligently identifies and targets scripts with types like `text/javascript` or `language` attributes, leaving module scripts (`type="module"`) and other non-JavaScript script types untouched. The package's current stable version is `4.0.1`. It operates within the `unified` ecosystem, processing `hast` syntax trees. While `rehype-remove-script-type-javascript` has its own versioning, it is part of the `rehype-minify` monorepo, which recently underwent a significant `7.0.0` major release, introducing ecosystem-wide changes such as a strict Node.js 16+ requirement and exclusive ESM distribution. This plugin helps improve page load performance by reducing the byte size of HTML, as these attributes are often unnecessary in modern browsers where JavaScript is the default script type. It offers a focused, declarative approach to HTML optimization within a `unified` pipeline.

web-framework

npm install rehype-remove-script-type-javascript

github ↗package ↗

INSTALL

IMPORT

SIG · REHYPE-REMOVE-SCRI

rehype-remove-script-type-javascript

web-frameworkjavascriptv4.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.

rehypeRemoveScriptTypeJavaScript

✓ import rehypeRemoveScriptTypeJavaScript from 'rehype-remove-script-type-javascript';

✗ const rehypeRemoveScriptTypeJavaScript = require('rehype-remove-script-type-javascript');

This package is ESM-only since v4.0.0, aligning with the unified ecosystem's transition to ESM and Node.js 16+ requirement.

Demonstrates how to integrate `rehype-remove-script-type-javascript` into a `unified` processing pipeline to remove redundant script type attributes from an HTML file.

import rehypeParse from 'rehype-parse'; import rehypeRemoveScriptTypeJavaScript from 'rehype-remove-script-type-javascript'; import rehypeStringify from 'rehype-stringify'; import {unified} from 'unified'; import {VFile} from 'vfile'; async function processExampleHtml() { const htmlInput = `<!doctype html><html><head></head><body> <script type="text/javascript">console.log('Legacy JS');</script> <script language="javascript">alert('Another legacy JS');</script> <script type="module">import './modern.js';</script> <script type="application/json">{"data": "json-script"}</script> <script src="external.js" type="text/javascript"></script> </body></html>`; const inputVFile = new VFile({ path: 'input.html', value: htmlInput }); const outputVFile = await unified() .use(rehypeParse, { fragment: false }) // Process as a full document .use(rehypeRemoveScriptTypeJavaScript) .use(rehypeStringify) .process(inputVFile); console.log('Original HTML:\n', htmlInput); console.log('\nProcessed HTML:\n', String(outputVFile)); } processExampleHtml();

Debug

Known issues

breakingThe `rehype` ecosystem, including this plugin, transitioned to requiring Node.js 16 or newer with the `rehype-minify` monorepo v7.0.0 release. Older Node.js versions will encounter compatibility issues.

fix

Upgrade Node.js to version 16 or higher.

affects: >=4.0.0

breakingThis package is now distributed as an ES Module (ESM) only, affecting how it's imported in Node.js applications. CommonJS `require()` statements will fail.

fix

Use ES module syntax (e.g., `import rehypeRemoveScriptTypeJavaScript from 'rehype-remove-script-type-javascript';`) and ensure your project is configured for ESM (e.g., `'type': 'module'` in `package.json` or `.mjs` file extension).

affects: >=4.0.0

gotchaImproper handling of HTML with `rehype` can lead to Cross-Site Scripting (XSS) vulnerabilities. While this specific plugin removes attributes, the broader `rehype` processing can be unsafe if untrusted HTML is processed without sanitization.

fix

Always use `rehype-sanitize` as part of your unified pipeline when processing untrusted or user-generated HTML content.

affects: *

breakingThe `rehype-minify` monorepo v7.0.0 release involved significant updates to underlying `unified` and `@types/hast` dependencies, requiring users to also update their `unified` core and related utilities to maintain compatibility.

fix

Update all related `unified` ecosystem packages (e.g., `unified`, `rehype-parse`, `rehype-stringify`) to their latest compatible major versions.

affects: >=4.0.0

Errors

Common errors & fixes

Error [ERR_REQUIRE_ESM]: require() of ES Module .../node_modules/rehype-remove-script-type-javascript/index.js from ... not supported.

Attempting to use CommonJS `require()` to import an ESM-only package.

fix

Change `const rehypeRemoveScriptTypeJavaScript = require('rehype-remove-script-type-javascript');` to `import rehypeRemoveScriptTypeJavaScript from 'rehype-remove-script-type-javascript';`. Ensure your Node.js environment supports ESM (e.g., `type: 'module'` in `package.json` or `.mjs` file extension).

TypeError: unified(...).use(...).process is not a function

This usually indicates that the `process` call isn't `await`ed, or the Node.js version is too old for the async API, or `unified` itself is an old version not compatible with the async API.

fix

Ensure your code `await`s the `process` call (e.g., `await unified()...process(...)`). Verify Node.js is v16+ and `unified` package is updated to a compatible version (e.g., v11+).

SyntaxError: Cannot use import statement outside a module

Using `import` syntax in a file that Node.js interprets as a CommonJS module (e.g., a `.js` file without `type: "module"` in `package.json` in a directory).

fix

Add `"type": "module"` to your project's `package.json` or rename the file to have a `.mjs` extension. Ensure Node.js v16+ is used.

Upgrade

Version history

4.0.1latest on npm

Audit

Dependencies

unifiedrequiredCore processor for building content pipelines.

rehype-parserequiredRequired to parse HTML input into a HAST (HTML Abstract Syntax Tree) for processing.

rehype-stringifyrequiredRequired to serialize the processed HAST back into an HTML string.

vfilerequiredUsed for representing virtual files in the unified ecosystem, common for input/output.

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/rehypejs/rehype-minify.git#main ↗

packagehttps://www.npmjs.com/package/rehype-remove-script-type-javascript ↗