omi-render-to-string

v0.1.2

Render JSX to an HTML string, with support for Preact components.

NPM

README

GitHub

Website

MIT

Latest version published 3 years ago

    npm install omi-render-to-string

We couldn't find any similar packages Browse all packages

Package Health Score

61 / 100

Popularity
Limited
Maintenance
Inactive
Security
No known security issues
Community
Active

Make sure the open source you're using is safe to use

Secure my Project

Popularity

Limited

Weekly Downloads (1)

Dependents: 372
GitHub Stars: 410
Forks: 77
Contributors: 30

The npm package omi-render-to-string receives a total of 1 downloads a week. As such, we scored omi-render-to-string popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package omi-render-to-string, we found that it has been starred 410 times, and that 372 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

No known security issues

Security and license risk for significant versions

All Versions

Direct Vulnerabilities

0.1.2

Indirect Vulnerabilities

0.1.2

License Risks

0.1.2

All security vulnerabilities belong to production dependencies of direct and indirect packages.

License

MIT

Security Policy

We found a way for you to contribute to the project! Looks like omi-render-to-string is missing a security policy.

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

    # Install the Snyk CLI and test your project
npm i snyk && snyk test omi-render-to-string

Keep your project free of vulnerabilities with Snyk

Maintenance

Inactive

Commit Frequency

Open Issues: 9
Merged PR: 75
Open PR: 13
Last Commit: 15 days ago

Further analysis of the maintenance status of omi-render-to-string based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for omi-render-to-string is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Active

Readme.md: Yes
Contributing.md: No
Code of Conduct: Yes
Contributors: 30
Funding: Yes

With more than 10 contributors for the omi-render-to-string repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Package

Node.js Compatibility: not defined

Age: 3 years
Dependencies: 1 Direct
Versions: 4
Install Size: 137 kB
Dist-tags: 1
# of Files: 24
Maintainers: 1
TS Typings: No

omi-render-to-string has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

preact-render-to-string

Render JSX and Preact components to an HTML string.

Works in Node & the browser, making it useful for universal/isomorphic rendering.

>> Cute Fox-Related Demo (@ CodePen) <<

Render JSX/VDOM to HTML

import render from 'preact-render-to-string';
import { h } from 'preact';
/** @jsx h */

let vdom = <div class="foo">content</div>;

let html = render(vdom);
console.log(html);
// <div class="foo">content</div>

Render Preact Components to HTML

import render from 'preact-render-to-string';
import { h, Component } from 'preact';
/** @jsx h */

// Classical components work
class Fox extends Component {
	render({ name }) {
		return <span class="fox">{ name }</span>;
	}
}

// ... and so do pure functional components:
const Box = ({ type, children }) => (
	<div class={`box box-${type}`}>{ children }</div>
);

let html = render(
	<Box type="open">
		<Fox name="Finn" />
	</Box>
);

console.log(html);
// <div class="box box-open"><span class="fox">Finn</span></div>

Render JSX / Preact / Whatever via Express!

import express from 'express';
import { h } from 'preact';
import render from 'preact-render-to-string';
/** @jsx h */

// silly example component:
const Fox = ({ name }) => (
	<div class="fox">
		<h5>{ name }</h5>
		<p>This page is all about {name}.</p>
	</div>
);

// basic HTTP server via express:
const app = express();
app.listen(8080);

// on each request, render and return a component:
app.get('/:fox', (req, res) => {
	let html = render(<Fox name={req.params.fox} />);
	// send it back wrapped up as an HTML5 document:
	res.send(`<!DOCTYPE html><html><body>${html}</body></html>`);
});

License

MIT