Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-lorem-component

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-lorem-component - npm Package Compare versions

Comparing version 0.6.2 to 0.6.3

8

example/client.js

@@ -17,6 +17,4 @@ /** @jsx React.DOM */

<body>
<div>
<h1>Lorem Ipsum</h1>
<Lorem count="10" seed="42" className="ipsum" />
</div>
<h1>Lorem Ipsum</h1>
<Lorem count="10" seed="42" className="ipsum" />
</body>

@@ -28,3 +26,3 @@ </html>

if (typeof window !== "undefined") {
if (typeof window !== 'undefined') {
window.onload = function() {

@@ -31,0 +29,0 @@ React.renderComponent(<App />, document);

@@ -1,14 +0,14 @@

"use strict";
'use strict';
var React = require("react");
var merge = require("react/lib/merge");
var loremIpsum = require("lorem-ipsum");
var random = require("seedable-random");
var React = require('react');
var merge = require('react/lib/merge');
var loremIpsum = require('lorem-ipsum');
var random = require('seedable-random');
var Lorem = React.createClass({
displayName: "Lorem",
displayName: 'Lorem',
getDefaultProps: function() {
return {
mode: "paragraphs", count: 5,
return {
mode: 'paragraphs', count: 5,
seed: 0, ordered: false

@@ -19,6 +19,6 @@ };

render: function() {
var options = merge(this.props, {
units: "paragraphs",
format: "html",
random: random
var options = merge(this.props, {
units: 'paragraphs',
format: 'html',
random: random
});

@@ -31,4 +31,4 @@

if (this.props.mode === "list") {
html = html.replace(/<p>(.*?)<\/p>/g, "<li>$1</li>");
if (this.props.mode === 'list') {
html = html.replace(/<p>(.*?)<\/p>/g, '<li>$1</li>');

@@ -35,0 +35,0 @@ if (this.props.ordered) {

{
"name": "react-lorem-component",
"version": "0.6.2",
"version": "0.6.3",
"description": "A component for React that renders paragraph or list item tags full of lorem ipsum placeholder text",

@@ -8,3 +8,3 @@ "main": "index.js",

"type": "git",
"url": "git://github.com/martinandert/react-lorem-component"
"url": "https://github.com/martinandert/react-lorem-component.git"
},

@@ -11,0 +11,0 @@ "keywords": [

@@ -14,3 +14,3 @@ var assert = require('assert');

it('transfers props', function() {
var markup = render(LoremIpsum({ className: "lorem-ipsum" }));
var markup = render(LoremIpsum({ className: 'lorem-ipsum' }));

@@ -17,0 +17,0 @@ assert.matches(markup, /^<div [^>]*?class="lorem-ipsum"/);

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc