react-scrubbing-timeline - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

dist/index.es.js

@@ -1,1 +0,1 @@
-import e,{useState as t}from"react";import i from"react-ace";import"ace-builds/src-noconflict/theme-monokai";if("production"!==process.env.NODE_ENV){var r=require("react-is");module.exports=require("./factoryWithTypeCheckers")(r.isElement,!0)}else module.exports=require("./factoryWithThrowingShims")();var o=Object.freeze({__proto__:null});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(":root{--timeline-bar-height:20px;--timeline-cursor-height:30px}.timeline-wrapper{margin:0 auto;position:relative;width:1100px}.timeline-bar{background-color:#a9a9a9;height:20px;position:relative}.timeline-cursor{border-radius:50%;height:30px;left:0;top:calc(var(--timeline-bar-height)/2 - var(--timeline-cursor-height)/2);width:30px}.timeline-cursor,.timeline-item{cursor:pointer;position:absolute}.timeline-item{height:100%;width:3px}.red{background-color:red}.white{background-color:#676767}.timeslot{background-color:#fff;display:none;padding:.3rem 0;position:absolute;right:-13.5px;top:-20px;width:30px;z-index:5}.timeslot p{font-size:10px;margin:0;text-align:center}.timeline-item:hover .timeslot{display:block}");const{arrayOf:a,exact:n,number:l,oneOf:s,string:c}=o;window.ace.config.set("basePath","https://cdn.jsdelivr.net/npm/ace-builds@1.4.13/src-noconflict/");const m=({timelineArray:r,duration:o,language:a="javascript"})=>{const[n,l]=t(r?.[0]);return e.createElement("div",{className:"timeline-wrapper"},e.createElement(i,{mode:n?.lang??a,theme:"monokai",name:"brace-editor",style:{width:r?"calc(100% + 3px)":"100%"},tabSize:4,readOnly:!0,value:n?.code??""}),e.createElement("div",{className:"timeline-bar"},r&&r.map(((t,i)=>e.createElement("div",{className:"timeline-item "+("PASTE"!==t.actionType?"white":"red"),key:`${t.lang}-${i}`,style:{left:t.time/o*100+"%"},onClick:()=>l(r[i])},e.createElement("div",{className:"timeslot"},e.createElement("p",null,t.time,"s")))))))},d=n({actionType:s(["PASTE","TEST","TYPE"]).isRequired,code:c.isRequired,time:l.isRequired,lang:c.isRequired});m.propTypes={timelineArray:a(d).isRequired,duration:l.isRequired,language:c};export{m as default};
+import{exact as e,oneOf as t,string as i,number as r,arrayOf as a}from"prop-types";import o,{useState as n}from"react";import l from"react-ace";import"ace-builds/src-noconflict/theme-monokai";!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(":root{--timeline-bar-height:20px;--timeline-cursor-height:30px}.timeline-wrapper{margin:0 auto;position:relative;width:1100px}.timeline-bar{background-color:#a9a9a9;height:20px;position:relative}.timeline-cursor{border-radius:50%;height:30px;left:0;top:calc(var(--timeline-bar-height)/2 - var(--timeline-cursor-height)/2);width:30px}.timeline-cursor,.timeline-item{cursor:pointer;position:absolute}.timeline-item{height:100%;width:3px}.red{background-color:red}.white{background-color:#676767}.timeslot{background-color:#fff;display:none;padding:.3rem 0;position:absolute;right:-13.5px;top:-20px;width:30px;z-index:5}.timeslot p{font-size:10px;margin:0;text-align:center}.timeline-item:hover .timeslot{display:block}"),window.ace.config.set("basePath","https://cdn.jsdelivr.net/npm/ace-builds@1.4.13/src-noconflict/");const m=({timelineArray:e,duration:t,language:i="javascript"})=>{const[r,a]=n(e?.[0]);return o.createElement("div",{className:"timeline-wrapper"},o.createElement(l,{mode:r?.lang??i,theme:"monokai",name:"brace-editor",style:{width:e?"calc(100% + 3px)":"100%"},tabSize:4,readOnly:!0,value:r?.code??""}),o.createElement("div",{className:"timeline-bar"},e&&e.map(((i,r)=>o.createElement("div",{className:"timeline-item "+("PASTE"!==i.actionType?"white":"red"),key:`${i.lang}-${r}`,style:{left:i.time/t*100+"%"},onClick:()=>a(e[r])},o.createElement("div",{className:"timeslot"},o.createElement("p",null,i.time,"s")))))))},c=e({actionType:t(["PASTE","TEST","TYPE"]).isRequired,code:i.isRequired,time:r.isRequired,lang:i.isRequired});m.propTypes={timelineArray:a(c).isRequired,duration:r.isRequired,language:i};export{m as default};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var e=require("react"),t=require("react-ace");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("ace-builds/src-noconflict/theme-monokai");var r=i(e),a=i(t);if("production"!==process.env.NODE_ENV){var n=require("react-is");module.exports=require("./factoryWithTypeCheckers")(n.isElement,!0)}else module.exports=require("./factoryWithThrowingShims")();var o=Object.freeze({__proto__:null});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(":root{--timeline-bar-height:20px;--timeline-cursor-height:30px}.timeline-wrapper{margin:0 auto;position:relative;width:1100px}.timeline-bar{background-color:#a9a9a9;height:20px;position:relative}.timeline-cursor{border-radius:50%;height:30px;left:0;top:calc(var(--timeline-bar-height)/2 - var(--timeline-cursor-height)/2);width:30px}.timeline-cursor,.timeline-item{cursor:pointer;position:absolute}.timeline-item{height:100%;width:3px}.red{background-color:red}.white{background-color:#676767}.timeslot{background-color:#fff;display:none;padding:.3rem 0;position:absolute;right:-13.5px;top:-20px;width:30px;z-index:5}.timeslot p{font-size:10px;margin:0;text-align:center}.timeline-item:hover .timeslot{display:block}");const{arrayOf:l,exact:s,number:c,oneOf:d,string:m}=o;window.ace.config.set("basePath","https://cdn.jsdelivr.net/npm/ace-builds@1.4.13/src-noconflict/");const u=({timelineArray:t,duration:i,language:n="javascript"})=>{const[o,l]=e.useState(t?.[0]);return r.default.createElement("div",{className:"timeline-wrapper"},r.default.createElement(a.default,{mode:o?.lang??n,theme:"monokai",name:"brace-editor",style:{width:t?"calc(100% + 3px)":"100%"},tabSize:4,readOnly:!0,value:o?.code??""}),r.default.createElement("div",{className:"timeline-bar"},t&&t.map(((e,a)=>r.default.createElement("div",{className:"timeline-item "+("PASTE"!==e.actionType?"white":"red"),key:`${e.lang}-${a}`,style:{left:e.time/i*100+"%"},onClick:()=>l(t[a])},r.default.createElement("div",{className:"timeslot"},r.default.createElement("p",null,e.time,"s")))))))},p=s({actionType:d(["PASTE","TEST","TYPE"]).isRequired,code:m.isRequired,time:c.isRequired,lang:m.isRequired});u.propTypes={timelineArray:l(p).isRequired,duration:c.isRequired,language:m},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("react"),i=require("react-ace");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("ace-builds/src-noconflict/theme-monokai");var a=r(t),n=r(i);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(":root{--timeline-bar-height:20px;--timeline-cursor-height:30px}.timeline-wrapper{margin:0 auto;position:relative;width:1100px}.timeline-bar{background-color:#a9a9a9;height:20px;position:relative}.timeline-cursor{border-radius:50%;height:30px;left:0;top:calc(var(--timeline-bar-height)/2 - var(--timeline-cursor-height)/2);width:30px}.timeline-cursor,.timeline-item{cursor:pointer;position:absolute}.timeline-item{height:100%;width:3px}.red{background-color:red}.white{background-color:#676767}.timeslot{background-color:#fff;display:none;padding:.3rem 0;position:absolute;right:-13.5px;top:-20px;width:30px;z-index:5}.timeslot p{font-size:10px;margin:0;text-align:center}.timeline-item:hover .timeslot{display:block}"),window.ace.config.set("basePath","https://cdn.jsdelivr.net/npm/ace-builds@1.4.13/src-noconflict/");const l=({timelineArray:e,duration:i,language:r="javascript"})=>{const[l,o]=t.useState(e?.[0]);return a.default.createElement("div",{className:"timeline-wrapper"},a.default.createElement(n.default,{mode:l?.lang??r,theme:"monokai",name:"brace-editor",style:{width:e?"calc(100% + 3px)":"100%"},tabSize:4,readOnly:!0,value:l?.code??""}),a.default.createElement("div",{className:"timeline-bar"},e&&e.map(((t,r)=>a.default.createElement("div",{className:"timeline-item "+("PASTE"!==t.actionType?"white":"red"),key:`${t.lang}-${r}`,style:{left:t.time/i*100+"%"},onClick:()=>o(e[r])},a.default.createElement("div",{className:"timeslot"},a.default.createElement("p",null,t.time,"s")))))))},o=e.exact({actionType:e.oneOf(["PASTE","TEST","TYPE"]).isRequired,code:e.string.isRequired,time:e.number.isRequired,lang:e.string.isRequired});l.propTypes={timelineArray:e.arrayOf(o).isRequired,duration:e.number.isRequired,language:e.string},module.exports=l;

package.json

 {
   "name": "react-scrubbing-timeline",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "author": "MahdiBZ",
@@ -5,0 +5,0 @@ "private": false,

rollup.config.js

@@ -8,31 +8,32 @@ import babel from 'rollup-plugin-babel';
 const config = [
-    {
-      input: './src/lib/index.js',
-      output: [
-        {
-          file: 'dist/index.js',
-          format: 'cjs',
-        },
-        {
-          file: 'dist/index.es.js',
-          format: 'es',
-          exports: 'named',
-        }
-      ],
-      plugins: [
-        postcss({
-          plugins: [],
-          minimize: true,
-        }),
-        babel({
-          exclude: 'node_modules/**',
-          presets: ['@babel/preset-react']
-        }),
-        external(),
-        resolve(),
-        terser(),
-      ]
-    }
-  ];
+  {
+    input: './src/lib/index.js',
+    output: [
+      {
+        file: 'dist/index.js',
+        format: 'cjs',
+      },
+      {
+        file: 'dist/index.es.js',
+        format: 'es',
+        exports: 'named',
+      }
+    ],
+    plugins: [
+      postcss({
+        plugins: [],
+        minimize: true,
+      }),
+      babel({
+        exclude: 'node_modules/**',
+        presets: ['@babel/preset-react']
+      }),
+      external(),
+      resolve(),
+      terser(),
+    ],
+    external: ['prop-types'],
+  }
+];
 
 export default config

src/lib/components/Timeline.js

@@ -1,2 +0,2 @@
-import * as PropTypes from "prop-types";
+import { arrayOf, exact, number, oneOf, string } from "prop-types";
 import React, { useState } from "react";
@@ -7,7 +7,5 @@ import ReactAce from "react-ace";
 
-const { arrayOf, exact, number, oneOf, string } = PropTypes
 
 
 
-
 window.ace.config.set(
@@ -14,0 +12,0 @@ "basePath",

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

36256

decreased by-1.27%

Lines of code

276

decreased by-0.36%

No dependency changes