Html-reusable NPM

html-reusable

A simple library to create reusable components in HTML.

Installation

Install the library using npm:

npm install html-reusable

Make sure to install the required dependencies as well:

npm install node-html-transformers puppeteer

Usage

const reuse = require('html-reusable');

// Example usage
const MyComponent = reuse('my-component', {
    htmlFilePath: 'path/to/my-component.html',
    encoding: 'utf-8',
    content: 'Hello, this is my component!',
    // Optional parameters: isShadow, isBody
});

API

reuse(componentName, options, isShadow, isBody)

Create and register a reusable web component.

componentName: String, the name for the custom element.
options: Object, containing HTML file details {htmlFilePath, encoding, content}.
htmlFilePath: String, the path to the HTML file.
encoding: String, the encoding of the HTML file.
content: String, the content of the HTML file.
isShadow (optional): Boolean, indicates whether to use shadow DOM (default: false).
isBody (optional): Boolean, indicates whether to append to the document body (default: true).
Returns the created reusable class.