media-carousel - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

package.json

 {
   "name": "media-carousel",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Audio/Video navigation carousel with search and filtering capabilities",
@@ -22,13 +22,19 @@ "main": "dist/main.js",
     "node-sass": "^4.13.0",
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.1.2",
+    "video.js": "^7.6.6",
     "webpack": "^4.41.5",
     "webpack-cli": "^3.3.10",
     "webpack-dev-server": "^3.10.1",
-    "webpack-merge": "^4.2.2",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "classnames": "^2.2.6"
+    "antd": "^3.26.7",
+    "classnames": "^2.2.6",
+    "jquery": "^3.4.1",
+    "react-slick": "^0.25.2",
+    "resolve-url-loader": "^3.1.1",
+    "slick-carousel": "^1.8.1"
   },
@@ -43,6 +49,6 @@ "peerDependencies": {
   "files": [
-      "dist"
-    ],
+    "dist"
+  ],
   "author": "decooda International, Inc.",
   "license": "ISC"
 }

README.md

 # media-carousel
+
+The purpose of media-carousel is navigation between a gallery of video and audio files presented in a form of carousel.
+The media-carousel component at its very naked form has a carousel at the bottom (top) that let the user slide through the files and select one to load the player stacked at the top (bottom).
+
+Each file comes with following meta data information:  
+
+```javascript
+file = {
+  src: 'url',
+  creator:{
+    name:'Carla Severe'
+  },
+  upload_date:11111,
+  meta:{
+    emotions:[],
+    personas:[],
+    valence:0, // -1 or 1
+    topics:[]
+  }
+}
+```
+
+### Filters
+There should be following UIs to filter media files:  
+1 - Valence Tri-Switch: positive, negative, all  
+2 - Emotion dropdown: Crave, Happiness, Gratitude, Excitement, Anger, Disappointment, Frustration, Confusion  
+3 - Persona dropdown: Advocate, Lover, hater, detractors, green_buyer, deal_hunter  
+4 - Topic selection - there could be many topics and user must be able to select multiple or none  
+
+### Sorting
+There should be sorting by date (increasing and decreasing).  
+
+### Player
+For player please use video.js react library: https://docs.videojs.com/tutorial-react.html  
+
+### Info
+The information for the current video in focus must be shown in appropriate manner:  
+1 - creator  
+2 - Upload time  
+3 - emotions/topics/persona  

New alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Fixed alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1376413

increased by32524.15%

Lines of code

10

increased byInfinity%

Number of low quality alerts

3

decreased by-25%

Number of lines in readme file

42

increased by2000%

Worsened metrics

Dependency count

8

increased by166.67%

Dev dependency count

18

increased by5.88%

Dependency changes

• + Addedantd@^3.26.7

• + Addedjquery@^3.4.1

• + Addedreact-slick@^0.25.2

• + Addedresolve-url-loader@^3.1.1

• + Addedslick-carousel@^1.8.1

• + Added@ant-design/colors@3.2.2(transitive)

• + Added@ant-design/create-react-context@0.2.6(transitive)

• + Added@ant-design/css-animation@1.7.3(transitive)

• + Added@ant-design/icons@2.1.1(transitive)

• + Added@ant-design/icons-react@2.0.1(transitive)

• + Added@types/prop-types@15.7.12(transitive)

• + Added@types/react@18.3.3(transitive)

• + Added@types/react-slick@0.23.13(transitive)

• + Addedadd-dom-event-listener@1.1.0(transitive)

• + Addedadjust-sourcemap-loader@3.0.0(transitive)

• + Addedansi-styles@3.2.1(transitive)

• + Addedantd@3.26.20(transitive)

• + Addedarity-n@1.0.4(transitive)

• + Addedarray-tree-filter@2.1.0(transitive)

• + Addedasap@2.0.6(transitive)

• + Addedasync-validator@1.11.5(transitive)

• + Addedatob@2.1.2(transitive)

• + Addedbabel-runtime@6.26.0(transitive)

• + Addedbig.js@5.2.2(transitive)

• + Addedcamelcase@5.3.1(transitive)

• + Addedchalk@2.4.2(transitive)

• + Addedclassnames@2.2.6(transitive)

• + Addedcolor-convert@1.9.3(transitive)

• + Addedcolor-name@1.1.3(transitive)

• + Addedcomponent-classes@1.2.6(transitive)

• + Addedcomponent-indexof@0.0.3(transitive)

• + Addedcompose-function@3.0.3(transitive)

• + Addedconvert-source-map@0.3.51.7.0(transitive)

• + Addedcopy-to-clipboard@3.3.3(transitive)

• + Addedcore-js@1.2.72.6.12(transitive)

• + Addedcreate-react-class@15.7.0(transitive)

• + Addedcss@2.2.4(transitive)

• + Addedcss-animation@1.6.1(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedd@1.0.2(transitive)

• + Addeddecode-uri-component@0.2.2(transitive)

• + Addeddom-align@1.12.4(transitive)

• + Addeddom-closest@0.2.0(transitive)

• + Addeddom-matches@2.0.0(transitive)

• + Addeddom-scroll-into-view@1.2.1(transitive)

• + Addeddraft-js@0.10.5(transitive)

• + Addedemojis-list@3.0.0(transitive)

• + Addedencoding@0.1.13(transitive)

• + Addedenquire.js@2.1.6(transitive)

• + Addedes5-ext@0.10.64(transitive)

• + Addedes6-iterator@2.0.3(transitive)

• + Addedes6-symbol@3.1.4(transitive)

• + Addedescape-string-regexp@1.0.5(transitive)

• + Addedesniff@2.0.1(transitive)

• + Addedevent-emitter@0.3.5(transitive)

• + Addedeventlistener@0.0.1(transitive)

• + Addedext@1.7.0(transitive)

• + Addedfbjs@0.8.18(transitive)

• + Addedgud@1.0.0(transitive)

• + Addedhammerjs@2.0.8(transitive)

• + Addedhas-flag@3.0.0(transitive)

• + Addedhoist-non-react-statics@2.5.53.3.2(transitive)

• + Addediconv-lite@0.6.3(transitive)

• + Addedimmutable@3.7.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedis-mobile@2.2.2(transitive)

• + Addedis-stream@1.1.0(transitive)

• + Addedisomorphic-fetch@2.2.1(transitive)

• + Addedjquery@3.7.1(transitive)

• + Addedjson2mq@0.2.0(transitive)

• + Addedjson5@1.0.22.2.3(transitive)

• + Addedloader-utils@1.4.22.0.4(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedlodash.debounce@4.0.8(transitive)

• + Addedlodash.throttle@4.1.1(transitive)

• + Addedmini-store@2.0.0(transitive)

• + Addedminimist@1.2.8(transitive)

• + Addedmoment@2.30.1(transitive)

• + Addedmutationobserver-shim@0.3.7(transitive)

• + Addednext-tick@1.1.0(transitive)

• + Addednode-fetch@1.7.3(transitive)

• + Addedomit.js@1.0.2(transitive)

• + Addedperformance-now@2.1.0(transitive)

• + Addedpostcss@7.0.36(transitive)

• + Addedpromise@7.3.1(transitive)

• + Addedraf@3.4.1(transitive)

• + Addedrc-align@2.4.5(transitive)

• + Addedrc-animate@2.11.13.1.1(transitive)

• + Addedrc-calendar@9.15.11(transitive)

• + Addedrc-cascader@0.17.5(transitive)

• + Addedrc-checkbox@2.1.8(transitive)

• + Addedrc-collapse@1.11.8(transitive)

• + Addedrc-dialog@7.6.1(transitive)

• + Addedrc-drawer@3.1.3(transitive)

• + Addedrc-dropdown@2.4.1(transitive)

• + Addedrc-editor-core@0.8.10(transitive)

• + Addedrc-editor-mention@1.1.13(transitive)

• + Addedrc-form@2.4.12(transitive)

• + Addedrc-hammerjs@0.6.10(transitive)

• + Addedrc-input-number@4.5.9(transitive)

• + Addedrc-mentions@0.4.2(transitive)

• + Addedrc-menu@7.5.5(transitive)

• + Addedrc-notification@3.3.1(transitive)

• + Addedrc-pagination@1.20.15(transitive)

• + Addedrc-progress@2.5.3(transitive)

• + Addedrc-rate@2.5.1(transitive)

• + Addedrc-resize-observer@0.1.3(transitive)

• + Addedrc-select@9.2.3(transitive)

• + Addedrc-slider@8.7.1(transitive)

• + Addedrc-steps@3.5.0(transitive)

• + Addedrc-switch@1.9.2(transitive)

• + Addedrc-table@6.10.15(transitive)

• + Addedrc-tabs@9.7.0(transitive)

• + Addedrc-time-picker@3.7.3(transitive)

• + Addedrc-tooltip@3.7.3(transitive)

• + Addedrc-tree@2.1.4(transitive)

• + Addedrc-tree-select@2.9.4(transitive)

• + Addedrc-trigger@2.6.53.0.0(transitive)

• + Addedrc-upload@2.9.4(transitive)

• + Addedrc-util@4.21.1(transitive)

• + Addedreact-lazy-load@3.1.14(transitive)

• + Addedreact-lifecycles-compat@3.0.4(transitive)

• + Addedreact-slick@0.25.2(transitive)

• + Addedregenerator-runtime@0.11.1(transitive)

• + Addedregex-parser@2.3.0(transitive)

• + Addedresize-observer-polyfill@1.5.1(transitive)

• + Addedresolve-url@0.2.1(transitive)

• + Addedresolve-url-loader@3.1.5(transitive)

• + Addedrework@1.0.1(transitive)

• + Addedrework-visit@1.0.0(transitive)

• + Addedrmc-feedback@2.0.0(transitive)

• + Addedsafe-buffer@5.1.2(transitive)

• + Addedsafer-buffer@2.1.2(transitive)

• + Addedsetimmediate@1.0.5(transitive)

• + Addedshallow-equal@1.2.1(transitive)

• + Addedshallowequal@1.1.0(transitive)

• + Addedslick-carousel@1.8.1(transitive)

• + Addedsource-map@0.6.1(transitive)

• + Addedsource-map-resolve@0.5.3(transitive)

• + Addedsource-map-url@0.4.1(transitive)

• + Addedstring-convert@0.2.1(transitive)

• + Addedsupports-color@5.5.06.1.0(transitive)

• + Addedtinycolor2@1.6.0(transitive)

• + Addedtoggle-selection@1.0.6(transitive)

• + Addedtype@2.7.3(transitive)

• + Addedua-parser-js@0.7.38(transitive)

• + Addedurix@0.1.0(transitive)

• + Addedwarning@4.0.3(transitive)

• + Addedwhatwg-fetch@3.6.20(transitive)