infuse.host
Advanced tools
Readme
Infuse.host allows you to infuse HTML templates with dynamic content. The resulting infused HTML fragments can then be added to host elements. This is done by writing template literals or expressions in your HTML templates. It also allows you to:
host and other variables.npm install infuse.host
A working version of the following "Hello world" example can be found here.
<!DOCTYPE html>
<html>
<head>
<title>Basic infuse.host example</title>
</head>
<body>
<template>
<h1>${ data.title }</h1>
</template>
<header></header>
<script type="module">
// Import the infuse and parser modules.
import infuse from 'https://infuse.host/src/infuse.js';
import parseTemplate from 'https://infuse.host/src/parseTemplate.js';
// Find the <header> element (which will be used as `host`) and the <template> element.
const host = document.querySelector('header');
const template = document.querySelector('template');
// Parse the template.
parseTemplate(template);
// Data to infuse.
const data = { title: 'Hello World' };
// Clone and infuse the template.
const fragment = infuse(host, template, data);
// Add the resulting infused `fragment` to the <header> (the `host`).
host.appendChild(fragment);
</script>
</body>
</html>
For documentation and examples visit https://infuse.host/.
infuse-loader is a webpack loader that allows you to parse HTML templates and use infuse.host in webpack projects.
MIT.
FAQs
Infuse your HTML with dynamic content.
The npm package infuse.host receives a total of 5 weekly downloads. As such, infuse.host popularity was classified as not popular.
We found that infuse.host demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.