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

react-live-clock

Package Overview
Dependencies
Maintainers
1
Versions
92
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-live-clock - npm Package Compare versions

Comparing version 0.0.5 to 1.0.0

_config.yml

75

package.json
{
"name": "react-live-clock",
"version": "0.0.5",
"version": "1.0.0",
"description": "React Live Clock",
"main": "build/react-live-clock.js",
"bin": {
"react-live-clock": "cli.js"
},
"main": "lib/index.js",
"config": {

@@ -13,7 +10,9 @@ "component": "ReactLiveClock"

"scripts": {
"start": "p-s",
"start": "react-component-template",
"test": "npm start test",
"template": "cf-react-component-template",
"precommit": "npm start precommit",
"prepush": "npm start prepush",
"postversion": "npm start postversion"
"postversion": "npm start postversion",
"prepublish": "npm start prepublish"
},

@@ -25,8 +24,5 @@ "repository": {

"keywords": [
"clock",
"date",
"moment",
"react",
"time",
"timezones"
"component",
"react-component",
"react"
],

@@ -39,52 +35,15 @@ "author": "Pavlo Vozniuk <pavlo.vozniuk@gmail.com>",

"homepage": "https://github.com/pvoznyuk/react-live-clock",
"peerDependencies": {
"react": "^0.14 || ^15"
},
"devDependencies": {
"babel-cli": "6.24.1",
"babel-core": "6.24.1",
"babel-eslint": "7.2.3",
"babel-istanbul": "0.12.2",
"babel-loader": "7.0.0",
"babel-plugin-transform-class-properties": "6.24.1",
"babel-plugin-transform-object-rest-spread": "6.23.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.1",
"babel-preset-es2015": "6.24.1",
"babel-preset-react": "6.24.1",
"codecov": "2.1.0",
"cross-env": "4.0.0",
"css-loader": "0.28.0",
"css-modules-require-hook": "4.0.6",
"eslint": "3.19.0",
"eslint-plugin-react": "6.10.3",
"gh-pages": "0.12.0",
"glob": "7.1.1",
"html-webpack-plugin": "2.28.0",
"husky": "0.13.3",
"nightwatch-autorun": "3.1.0",
"p-s": "3.1.0",
"react": "15.5.4",
"react-dom": "15.5.4",
"rimraf": "2.6.1",
"sinon": "2.1.0",
"style-loader": "0.16.1",
"tap-nyan": "1.1.0",
"tap-xunit": "1.7.0",
"tape": "4.6.3",
"webpack": "2.4.1",
"webpack-dev-server": "2.4.4"
"react-component-template": "0.1.8",
"cf-react-component-template": "0.1.8"
},
"files": [
"/test/index.js",
"/test-e2e/Smoketest.js",
"/.eslintrc",
"/cli.js",
"/nightwatch.json",
"/package-scripts.js",
"/README.md",
"/webpack.config.js"
],
"dependencies": {
"prop-types": "15.5.10",
"react-moment": "0.2.2",
"moment": "2.18.1",
"moment-timezone": "0.5.13",
"prop-types": "15.5.10",
"react-moment": "0.2.2"
"moment-timezone": "0.5.13"
}
}

@@ -1,16 +0,40 @@

# react-live-clock
React clock with time-zones
# react-live-clock [![npm](https://img.shields.io/npm/v/react-live-clock.svg?style=flat-square)](https://www.npmjs.com/package/react-live-clock)
[![Gitter](https://img.shields.io/gitter/room/pvoznyuk/help.svg?style=flat-square)](https://gitter.im/pvoznyuk/help)
[![CircleCI](https://img.shields.io/circleci/project/pvoznyuk/react-live-clock.svg?style=flat-square&label=nix-build)](https://circleci.com/gh/pvoznyuk/react-live-clock)
[![AppVeyor](https://img.shields.io/appveyor/ci/pvoznyuk/react-live-clock.svg?style=flat-square&label=win-build)](https://ci.appveyor.com/project/pvoznyuk/react-live-clock)
[![Coverage](https://img.shields.io/codecov/c/github/pvoznyuk/react-live-clock.svg?style=flat-square)](https://codecov.io/github/pvoznyuk/react-live-clock?branch=master)
[![Dependencies](https://img.shields.io/david/pvoznyuk/react-live-clock.svg?style=flat-square)](https://david-dm.org/pvoznyuk/react-live-clock)
[![Dev Dependencies](https://img.shields.io/david/dev/pvoznyuk/react-live-clock.svg?style=flat-square)](https://david-dm.org/pvoznyuk/react-live-clock#info=devDependencies)
React clock with time-zones
[DEMO](https://pvoznyuk.github.io/react-live-clock/)
### Installing
Use npm to install react-react-live-clock
## Installation
### NPM
```sh
npm install --save react-live-clock
npm install --save react react-live-clock
```
Don't forget to manually install peer dependencies (`react`) if you use npm@3.
### Quick Start
### Bower:
```sh
bower install --save https://unpkg.com/react-live-clock/bower.zip
```
## Demo
[http://pvoznyuk.github.io/react-live-clock](http://pvoznyuk.github.io/react-live-clock)
## Codepen demo
```js
// TODO
```
## Usage
```js
import React from 'react';

@@ -35,24 +59,54 @@ import Clock from 'react-live-clock';

### Formatting
### Formatting
```js
import React from 'react';
import Clock from 'react-live-clock';
```js
import React from 'react';
import Clock from 'react-live-clock';
exports default class MyComponent extends React.Component {
render() {
<Clock format="YYYY/MM/DD">1976-04-19T12:59-0500</Clock>
}
}
```
exports default class MyComponent extends React.Component {
render() {
<Clock format="YYYY/MM/DD">1976-04-19T12:59-0500</Clock>
}
}
```
Outputs:
Outputs:
```html
<time>1976/04/19</time>
```html
<time>1976/04/19</time>
```
** you can use any formatting from [moment](http://momentjs.com/) date library
## Development and testing
Currently is being developed and tested with the latest stable `Node 7` on `OSX` and `Windows`.
To run example covering all `ReactLiveClock` features, use `npm start dev`, which will compile `src/example/Example.js`
```bash
git clone git@github.com:pvoznyuk/react-live-clock.git
cd react-live-clock
npm install
npm start dev
# then
open http://localhost:8080
```
** you can use any formatting from [moment](http://momentjs.com/) date library
## Tests
```bash
# to run tests
npm start test
# to generate test coverage (./reports/coverage)
npm start test.cov
# to run end-to-end tests
npm start test.e2e
```
### License

@@ -59,0 +113,0 @@ This software is released under the MIT license. See LICENSE for more details.

Sorry, the diff of this file is not supported yet

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