@afiniti/footer
Advanced tools
Comparing version 0.0.7 to 0.0.8
{ | ||
"name": "@afiniti/footer", | ||
"version": "0.0.7", | ||
"description": "React component for footer", | ||
"version": "0.0.8", | ||
"description": "React component for parallax slider for videos and images", | ||
"license": "MIT", | ||
@@ -10,3 +10,2 @@ "repository": { | ||
}, | ||
"author": "Syed Shah Hassan (https://www.linkedin.com/in/syed-shah-hassan/)", | ||
"homepage": "https://gitlab.com/afiniti/footer#readme", | ||
@@ -16,13 +15,13 @@ "keywords": [ | ||
"react-footer", | ||
"footer-package", | ||
"graphcms", | ||
"graph-cms", | ||
"react video player", | ||
"npm video player", | ||
"npm", | ||
"react", | ||
"video", | ||
"player", | ||
"package", | ||
"afiniti", | ||
"syed.hassan", | ||
"shahhassan" | ||
"nehaakram12" | ||
], | ||
"main": "./lib/main.js", | ||
"main": "./lib/footer.js", | ||
"scripts": { | ||
@@ -46,10 +45,11 @@ "build": "webpack" | ||
"babel-preset-stage-0": "^6.24.1", | ||
"css-loader": "^0.28.0", | ||
"node-sass": "^4.13.0", | ||
"mini-css-extract-plugin": "^0.8.0", | ||
"webpack": "^4.5.0", | ||
"webpack-cli": "^3.2.1", | ||
"css-loader": "3.2.0", | ||
"node-sass": "^4.13.0", | ||
"sass-loader": "8.0.0", | ||
"style-loader": "1.0.0" | ||
"style-loader": "1.0.0", | ||
"mini-css-extract-plugin": "^0.8.0", | ||
"file-loader": "1.1.11" | ||
} | ||
} |
@@ -1,2 +0,57 @@ | ||
# footer | ||
# @afiniti/video-player | ||
### Description | ||
React video player module built for vimeo and graph cms bases videos. | ||
### Note | ||
This is a work in progress, not ready for production yet. Your feedback would be | ||
appreciated, custom features can also be requested. Only meant for within | ||
organization private usage. | ||
### Installation | ||
npm i @afiniti/video-player | ||
### Features | ||
- Chapters | ||
- Bookmarks | ||
- Play/pause/mute full control over the player | ||
### Props | ||
| Name | Type | Description | | ||
| --------------- | -------- | ------------------------------------------ | | ||
| `data` | `object` | video sources in specified format. | | ||
| `poster` | `string` | graphcms full url. | | ||
| `apiUrl` | `string` | graphcms api url. | | ||
| `autoplay` | `bool` | Autoplay slider or not. Defaults to `true` | | ||
| `playerApi` | `method` | Returns reference to player | | ||
| `closeCallback` | `method` | Action to perform on video close button | | ||
### Example Usage | ||
The package can be integrated inside a react component as follows: | ||
```jsx | ||
import React from 'react'; | ||
import VideoPlayer from '@afiniti/video-player'; | ||
import '@afiniti/video-player/main.css'; | ||
const myVideoPlayer = ({ autoplay }) => { | ||
return ( | ||
<VideoPlayer | ||
apiUrl="https://api-euwest.graphcms.com/v1/sdkasndkasndknas/master" | ||
slug="welcome-home" | ||
closeCallback={() => { | ||
setShowVideo(false); | ||
}} | ||
autoplay={autoplay} | ||
/> | ||
); | ||
}; | ||
export default myVideoPlayer; | ||
``` |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
206642
58
0
13
5
662
2
2