vue-d3js - npm Package Compare versions

Comparing version 0.0.0-1 to 0.0.0-2

.babelrc

+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false
+      }
+    ]
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": false
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions"
+  ],
+  "env": {
+    "test": {
+      "presets": [
+        "@babel/preset-env"
+      ],
+      "plugins": [
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-syntax-import-meta",
+        "@babel/plugin-proposal-class-properties",
+        "@babel/plugin-proposal-json-strings",
+        [
+          "@babel/plugin-proposal-decorators",
+          {
+            "legacy": true
+          }
+        ],
+        "@babel/plugin-proposal-function-sent",
+        "@babel/plugin-proposal-export-namespace-from",
+        "@babel/plugin-proposal-numeric-separator",
+        "@babel/plugin-proposal-throw-expressions"
+      ]
+    }
+  }
+}

.eslintrc.js

+module.exports = {
+  env: {
+    jest: true,
+  },
+  extends: [
+    'buefy',
+  ],
+  rules: {
+    // disable now, but enable in the future
+    'vue/attributes-order': 'off'
+  }
+}

build/build-lib.js

+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+var ora = require('ora')
+var rm = require('rimraf')
+var path = require('path')
+var config = require('../config')
+var webpack = require('webpack')
+var webpackConfig = require('./webpack.lib.conf')
+
+var spinner = ora('building for library...')
+spinner.start()
+
+rm(path.join(config.lib.assetsRoot, config.lib.assetsSubDirectory), err => {
+  if (err) throw err
+
+  var configs = [
+    webpackConfig({
+      minimize: true,
+    }),
+    webpackConfig({
+      minimize: false,
+    }),
+    webpackConfig({
+      components: true,
+      minimize: true
+    })
+  ]
+
+  var promises = []
+
+  configs.forEach(function (config) {
+    var promise = new Promise(function (resolve, reject) {
+      webpack(config, function(err, stats) {
+        if (err) reject(err)
+        else resolve(stats)
+      })
+    })
+    promises.push(promise)
+  })
+
+  Promise.all(promises).then(function (results) {
+    results.forEach(function (stats) {
+      process.stdout.write(stats.toString({
+        colors: true,
+        modules: false,
+        children: false,
+        chunks: false,
+        chunkModules: false
+      }) + '\n\n')
+    })
+    spinner.stop()
+    spinner.succeed('Build complete!')
+  }).catch(function (err) {
+    throw err
+  })
+})

build/check-versions.js

+var chalk = require('chalk')
+var semver = require('semver')
+var packageConfig = require('../package.json')
+var shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+var versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function() {
+  var warnings = []
+
+  for (var i = 0; i < versionRequirements.length; i++) {
+    var mod = versionRequirements[i]
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(
+        mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+    for (var i = 0; i < warnings.length; i++) {
+      var warning = warnings[i]
+      console.log('  ' + warning)
+    }
+    console.log()
+    process.exit(1)
+  }
+}

build/utils.js

+var path = require('path')
+var config = require('../config')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+exports.assetsPath = function (_path) {
+  var assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.assetsLibPath = function (_path) {
+  return path.posix.join(config.lib.assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  var cssLoader = {
+    loader: 'css-loader',
+    options: {
+      minimize: options.minimize,
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders(loader, loaderOptions) {
+    var loaders = [cssLoader]
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap,
+          minimize: options.minimize
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  var output = []
+  var loaders = exports.cssLoaders(options)
+  for (var extension in loaders) {
+    var loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+  return output
+}

build/vue-loader.conf.js

+var utils = require('./utils')
+var config = require('../config')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: isProduction
+      ? config.build.productionSourceMap
+      : config.dev.cssSourceMap,
+    extract: isProduction
+  })
+}

build/webpack.base.conf.js

+var path = require('path')
+var utils = require('./utils')
+var config = require('../config')
+var vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve(dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+module.exports = {
+  entry: {
+    app: './docs/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('docs'),
+      '@components': resolve('src/components'),
+      '@utils': resolve('src/utils')
+    }
+  },
+  module: {
+    rules: [
+      // {
+      //   test: /\.(js|vue)$/,
+      //   loader: 'eslint-loader',
+      //   enforce: 'pre',
+      //   include: [resolve('src'), resolve('docs')],
+      //   options: {
+      //     formatter: require('eslint-friendly-formatter')
+      //   }
+      // },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('docs')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  }
+}

build/webpack.lib.conf.js

+var path = require('path')
+var utils = require('./utils')
+var webpack = require('webpack')
+var fs = require('fs')
+var config = require('../config')
+var pack = require('../package.json')
+var merge = require('webpack-merge')
+var OfflinePlugin = require('offline-plugin')
+var baseWebpackConfig = require('./webpack.base.conf')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var OptimizeJsPlugin = require('optimize-js-plugin')
+const { VueLoaderPlugin } = require('vue-loader')
+var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+
+function getFilename(ext, minimize) {
+  return '[name]' + (minimize ? '.min' : '') + ext
+}
+
+module.exports = function (options) {
+
+  if (options.components) {
+    var root = './src/components'
+    baseWebpackConfig.entry = {
+      'components/index': [`${root}/index`]
+    }
+    var files = fs.readdirSync(root)
+    files.forEach(component => {
+      if (fs.statSync(path.join(root, component)).isDirectory()) {
+        var entryKey = `components/${component}/index`
+        var entryValue = `${root}/${component}/index`
+        baseWebpackConfig.entry[entryKey] = [entryValue]
+      }
+    })
+  } else {
+    baseWebpackConfig.entry = {
+      [config.lib.filename]: './src/index.js'
+    }
+  }
+
+  var webpackConfig = merge(baseWebpackConfig, {
+    module: {
+      rules: utils.styleLoaders({
+        sourceMap: false,
+        extract: true,
+        minimize: options.minimize
+      })
+    },
+    externals: {
+      vue: {
+        commonjs: 'vue',
+        commonjs2: 'vue',
+        amd: 'vue',
+        root: 'Vue'
+      }
+    },
+    output: {
+      path: config.lib.assetsRoot,
+      filename: utils.assetsLibPath(getFilename('.js', options.minimize)),
+      library: config.lib.name,
+      libraryTarget: 'umd'
+    },
+    plugins: [
+      // http://vuejs.github.io/vue-loader/en/workflow/production.html
+      new webpack.DefinePlugin({
+        'process.env': config.lib.env
+      }),
+      // extract css into its own file
+      new ExtractTextPlugin({
+        filename: utils.assetsLibPath(getFilename('.css', options.minimize))
+      }),
+      new webpack.BannerPlugin({
+        banner: `/*! VueD3js v${pack.version} | MIT License | github.com/ElonSalfati/vue-d3js */ `,
+        raw: true,
+        entryOnly: true
+      }),
+      new OfflinePlugin({
+        caches: 'all',
+        AppCache: false,
+        ServiceWorker: {
+          minify: false,
+        },
+      }),
+      new VueLoaderPlugin(),
+      new webpack.optimize.ModuleConcatenationPlugin()
+    ]
+  })
+
+  if (options.minimize) {
+    webpackConfig.plugins.push(
+      new OptimizeJsPlugin({
+        sourceMap: false
+      })
+    )
+    webpackConfig.plugins.push(
+      new webpack.optimize.OccurrenceOrderPlugin()
+    )
+    webpackConfig.plugins.push(
+      new OptimizeCSSPlugin({
+        cssProcessorOptions: {
+          safe: true
+        }
+      })
+    )
+  }
+
+  if (options.components) {
+    delete webpackConfig.output.library
+    webpackConfig.output.filename = utils.assetsLibPath(getFilename('.js', false))
+  }
+
+  if (config.lib.productionGzip) {
+    var CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+    webpackConfig.plugins.push(
+      new CompressionWebpackPlugin({
+        asset: '[path].gz[query]',
+        algorithm: 'gzip',
+        test: new RegExp(
+          '\\.(' +
+          config.lib.productionGzipExtensions.join('|') +
+          ')$'
+        ),
+        threshold: 10240,
+        minRatio: 0.8
+      })
+    )
+  }
+
+  if (config.lib.bundleAnalyzerReport) {
+    var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+    webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+  }
+
+  return webpackConfig
+}

config/dev.env.js

+var merge = require('webpack-merge')
+var prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"'
+})

config/index.js

+var path = require('path')
+
+module.exports = {
+  build: {
+    env: require('./prod.env'),
+    index: path.resolve(__dirname, '../dist-docs/index.html'),
+    assetsRoot: path.resolve(__dirname, '../dist-docs'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    productionSourceMap: true,
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  },
+  lib: {
+    env: require('./prod.env'),
+    filename: 'vue-d3js',
+    name: 'VueD3js',
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: '',
+    productionSourceMap: true,
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+    bundleAnalyzerReport: process.env.npm_config_report
+  },
+  dev: {
+    env: require('./dev.env'),
+    port: 8080,
+    autoOpenBrowser: true,
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+    // CSS Sourcemaps off by default because relative paths are "buggy"
+    // with this option, according to the CSS-Loader README
+    // (https://github.com/webpack/css-loader#sourcemaps)
+    // In our experience, they generally work as expected,
+    // just be aware of this issue when enabling this option.
+    cssSourceMap: false
+  }
+}

config/prod.env.js

+module.exports = {
+  NODE_ENV: '"production"'
+}

config/test.env.js

+var merge = require('webpack-merge')
+var devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

dist/components/index.js

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */
+!(function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}})(window,(function(){return (function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)})([(function(e,t,n){"use strict";n.r(t);var o=(function(e,t,n,o,r,i,u,a){var f,s="function"==typeof e?e.options:e;if(t&&(s.render=t,s.staticRenderFns=n,s._compiled=!0),o&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),u?(f=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},s._ssrRegister=f):r&&(f=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r),f)if(s.functional){s._injectStyles=f;var c=s.render;s.render=function(e,t){return f.call(t),c(e,t)}}else{var l=s.beforeCreate;s.beforeCreate=l?[].concat(l,f):[f]}return{exports:e,options:s}})({name:"VdAreaChart"},(function(){var e=this.$createElement;return(this._self._c||e)("div",[this._v("VDAREADCHART")])}),[],!1,null,null,null);o.options.__file="VdAreaChart.vue";var r=o.exports;n.d(t,"VdAreaChart",(function(){return r})),n(1).install();var i={install:function(e){!(function(e,t){e.component(t.name,t)})(e,r)}};!(function(e){"undefined"!=typeof window&&window.Vue&&window.Vue.use(e)})(i);t.default=i}),(function(e,t){function n(){return"serviceWorker"in navigator&&("https:"===window.location.protocol||"localhost"===window.location.hostname||0===window.location.hostname.indexOf("127."))}t.install=function(e){e||(e={}),n()&&navigator.serviceWorker.register("/sw.js",{})},t.applyUpdate=function(e,t){},t.update=function(){n()&&navigator.serviceWorker.getRegistration().then((function(e){if(e)return e.update()}))}}),(function(e,t,n){e.exports=n(3)}),(function(e,t,n){"use strict";n.r(t);var o=n(0);n.d(t,"VdAreaChart",(function(){return o.default}))})])}));

dist/components/VdAreaChart/index.js

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */
+!(function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}})(window,(function(){return (function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=4)})([(function(e,t,n){"use strict";n.r(t);var o=(function(e,t,n,o,r,i,u,a){var f,s="function"==typeof e?e.options:e;if(t&&(s.render=t,s.staticRenderFns=n,s._compiled=!0),o&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),u?(f=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},s._ssrRegister=f):r&&(f=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r),f)if(s.functional){s._injectStyles=f;var c=s.render;s.render=function(e,t){return f.call(t),c(e,t)}}else{var l=s.beforeCreate;s.beforeCreate=l?[].concat(l,f):[f]}return{exports:e,options:s}})({name:"VdAreaChart"},(function(){var e=this.$createElement;return(this._self._c||e)("div",[this._v("VDAREADCHART")])}),[],!1,null,null,null);o.options.__file="VdAreaChart.vue";var r=o.exports;n.d(t,"VdAreaChart",(function(){return r})),n(1).install();var i={install:function(e){!(function(e,t){e.component(t.name,t)})(e,r)}};!(function(e){"undefined"!=typeof window&&window.Vue&&window.Vue.use(e)})(i);t.default=i}),(function(e,t){function n(){return"serviceWorker"in navigator&&("https:"===window.location.protocol||"localhost"===window.location.hostname||0===window.location.hostname.indexOf("127."))}t.install=function(e){e||(e={}),n()&&navigator.serviceWorker.register("/sw.js",{})},t.applyUpdate=function(e,t){},t.update=function(){n()&&navigator.serviceWorker.getRegistration().then((function(e){if(e)return e.update()}))}}),,,(function(e,t,n){e.exports=n(0)})])}));

dist/sw.js

+var __wpo = {
+  "assets": {
+    "main": [
+      "/vue-d3js.min.js",
+      "/vue-d3js.min.css"
+    ],
+    "additional": [],
+    "optional": []
+  },
+  "externals": [],
+  "hashesMap": {
+    "c51dee4218f362be3096b9ff61a428892dcd150f": "/vue-d3js.min.js",
+    "0c3b2fc7ea3ad41475e09d229c2b19c530b36ce7": "/vue-d3js.min.css"
+  },
+  "strategy": "changed",
+  "responseStrategy": "cache-first",
+  "version": "10/10/2018, 12:34:51 PM",
+  "name": "webpack-offline",
+  "pluginVersion": "5.0.5",
+  "relativePaths": false
+};
+
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(r,i,function(n){return e[n]}.bind(null,i));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="/",t(t.s=0)}([function(e,n,t){"use strict";var r,i,o;if(r=ExtendableEvent.prototype.waitUntil,i=FetchEvent.prototype.respondWith,o=new WeakMap,ExtendableEvent.prototype.waitUntil=function(e){var n=this,t=o.get(n);if(!t)return t=[Promise.resolve(e)],o.set(n,t),r.call(n,Promise.resolve().then(function e(){var r=t.length;return Promise.all(t.map(function(e){return e.catch(function(){})})).then(function(){return t.length!=r?e():(o.delete(n),Promise.all(t))})}));t.push(Promise.resolve(e))},FetchEvent.prototype.respondWith=function(e){return this.waitUntil(e),i.call(this,e)},void 0===a)var a=!1;function u(e,n){return caches.match(e,{cacheName:n}).then(function(t){return c(t)?t:s(t).then(function(t){return caches.open(n).then(function(n){return n.put(e,t)}).then(function(){return t})})}).catch(function(){})}function c(e){return!e||!e.redirected||!e.ok||"opaqueredirect"===e.type}function s(e){return c(e)?Promise.resolve(e):("body"in e?Promise.resolve(e.body):e.blob()).then(function(n){return new Response(n,{headers:e.headers,status:e.status})})}function f(e,n){n.forEach(function(e){})}!function(e,n){var t=n.cacheMaps,r=n.navigationPreload,i=e.strategy,o=e.responseStrategy,a=e.assets,c=e.hashesMap,l=e.externals,h=e.prefetchRequest||{credentials:"same-origin",mode:"cors"},d=e.name,p=e.version,v=d+":"+p,m=d+"$preload",g="__offline_webpack__data";Object.keys(a).forEach(function(e){a[e]=a[e].map(function(e){var n=new URL(e,location);return n.hash="",-1===l.indexOf(e)&&(n.search=""),n.toString()})}),c=Object.keys(c).reduce(function(e,n){var t=new URL(c[n],location);return t.search="",t.hash="",e[n]=t.toString(),e},{}),l=l.map(function(e){var n=new URL(e,location);return n.hash="",n.toString()});var y=[].concat(a.main,a.additional,a.optional);function w(n){var t=a[n];return caches.open(v).then(function(r){return q(r,t,{bust:e.version,request:h,failAll:"main"===n})}).then(function(){f(0,t)}).catch(function(e){throw e})}function P(n){return caches.keys().then(function(e){for(var n=e.length,t=void 0;n--&&0!==(t=e[n]).indexOf(d););if(t){var r=void 0;return caches.open(t).then(function(e){return r=e,e.match(new URL(g,location).toString())}).then(function(e){if(e)return Promise.all([r,r.keys(),e.json()])})}}).then(function(t){if(!t)return w(n);var r=t[0],i=t[1],o=t[2],u=o.hashmap,s=o.version;if(!o.hashmap||s===e.version)return w(n);var l=Object.keys(u).map(function(e){return u[e]}),d=i.map(function(e){var n=new URL(e.url);return n.search="",n.hash="",n.toString()}),p=a[n],m=[],g=p.filter(function(e){return-1===d.indexOf(e)||-1===l.indexOf(e)});Object.keys(c).forEach(function(e){var n=c[e];if(-1!==p.indexOf(n)&&-1===g.indexOf(n)&&-1===m.indexOf(n)){var t=u[e];t&&-1!==d.indexOf(t)?m.push([t,n]):g.push(n)}}),f(0,g),f(0,m);var y=Promise.all(m.map(function(e){return r.match(e[0]).then(function(n){return[e[1],n]})}));return caches.open(v).then(function(t){var r=y.then(function(e){return Promise.all(e.map(function(e){return t.put(e[0],e[1])}))});return Promise.all([r,q(t,g,{bust:e.version,request:h,failAll:"main"===n,deleteFirst:"main"!==n})])})})}function b(){return caches.keys().then(function(e){var n=e.map(function(e){if(0===e.indexOf(d)&&0!==e.indexOf(v))return caches.delete(e)});return Promise.all(n)})}function O(){return caches.open(v).then(function(n){var t=new Response(JSON.stringify({version:e.version,hashmap:c}));return n.put(new URL(g,location).toString(),t)})}self.addEventListener("install",function(e){var n=void 0;n="changed"===i?P("main"):w("main"),e.waitUntil(n)}),self.addEventListener("activate",function(e){var n=function(){if(!a.additional.length)return Promise.resolve();return("changed"===i?P("additional"):w("additional")).catch(function(e){})}();n=(n=(n=n.then(O)).then(b)).then(function(){if(self.clients&&self.clients.claim)return self.clients.claim()}),r&&self.registration.navigationPreload&&(n=Promise.all([n,self.registration.navigationPreload.enable()])),e.waitUntil(n)}),self.addEventListener("fetch",function(e){if("GET"===e.request.method&&("only-if-cached"!==e.request.cache||"same-origin"===e.request.mode)){var n=new URL(e.request.url);n.hash="";var i=n.toString();-1===l.indexOf(i)&&(n.search="",i=n.toString());var a=-1!==y.indexOf(i),c=i;if(!a){var s=function(e){var n=e.url,r=new URL(n),i=void 0;i=function(e){return"navigate"===e.mode||e.headers.get("Upgrade-Insecure-Requests")||-1!==(e.headers.get("Accept")||"").indexOf("text/html")}(e)?"navigate":r.origin===location.origin?"same-origin":"cross-origin";for(var o=0;o<t.length;o++){var a=t[o];if(a&&(!a.requestTypes||-1!==a.requestTypes.indexOf(i))){var u=void 0;if((u="function"==typeof a.match?a.match(r,e):n.replace(a.match,a.to))&&u!==n)return u}}}(e.request);s&&(c=s,a=!0)}if(a){var f=void 0;f="network-first"===o?function(e,n,t){return U(e).then(function(e){if(e.ok)return e;throw e}).catch(function(e){return u(t,v).then(function(n){if(n)return n;if(e instanceof Response)return e;throw e})})}(e,0,c):function(e,n,t){return function(e){if(r&&"function"==typeof r.map&&e.preloadResponse&&"navigate"===e.request.mode){var n=r.map(new URL(e.request.url),e.request);n&&function(e,n){var t=new URL(e,location),r=n.preloadResponse;x.set(r,{url:t,response:r});var i=function(){return x.has(r)},o=r.then(function(e){if(e&&i()){var n=e.clone();return caches.open(m).then(function(e){if(i())return e.put(t,n).then(function(){if(!i())return caches.open(m).then(function(e){return e.delete(t)})})})}});n.waitUntil(o)}(n,e)}}(e),u(t,v).then(function(r){return r||fetch(e.request).then(function(r){return r.ok?(t===n&&(i=r.clone(),o=caches.open(v).then(function(e){return e.put(n,i)}).then(function(){}),e.waitUntil(o)),r):r;var i,o})})}(e,i,c),e.respondWith(f)}else{if("navigate"===e.request.mode&&!0===r)return void e.respondWith(U(e));if(r){var h=function(e){var n=new URL(e.request.url);if(self.registration.navigationPreload&&r&&r.test&&r.test(n,e.request)){var t=function(e){if(x){var n=void 0,t=void 0;return x.forEach(function(r,i){r.url.href===e.href&&(n=r.response,t=i)}),n?(x.delete(t),n):void 0}}(n),i=e.request;return t?(e.waitUntil(caches.open(m).then(function(e){return e.delete(i)})),t):u(i,m).then(function(n){return n&&e.waitUntil(caches.open(m).then(function(e){return e.delete(i)})),n||fetch(e.request)})}}(e);if(h)return void e.respondWith(h)}}}}),self.addEventListener("message",function(e){var n=e.data;if(n)switch(n.action){case"skipWaiting":self.skipWaiting&&self.skipWaiting()}});var x=new Map;function q(e,n,t){var r=t.bust,i=!1!==t.failAll,o=!0===t.deleteFirst,a=t.request||{credentials:"omit",mode:"cors"},u=Promise.resolve();return o&&(u=Promise.all(n.map(function(n){return e.delete(n).catch(function(){})}))),Promise.all(n.map(function(e){var n,t,i;return r&&(t=r,i=-1!==(n=e).indexOf("?"),e=n+(i?"&":"?")+"__uncache="+encodeURIComponent(t)),fetch(e,a).then(s).then(function(e){return e.ok?{response:e}:{error:!0}},function(){return{error:!0}})})).then(function(t){return i&&t.some(function(e){return e.error})?Promise.reject(new Error("Wrong response status")):(i||(t=t.filter(function(e){return!e.error})),u.then(function(){var r=t.map(function(t,r){var i=t.response;return e.put(n[r],i)});return Promise.all(r)}))})}function U(e){return e.preloadResponse&&!0===r?e.preloadResponse.then(function(n){return n||fetch(e.request)}):fetch(e.request)}}(__wpo,{loaders:{},cacheMaps:[],navigationPreload:!1}),e.exports=t(1)},function(e,n){}]);

dist/vue-d3js.css

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */ 

dist/vue-d3js.js

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueD3js=t():e.VueD3js=t()}(window,function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}([function(e,t){function n(){return"serviceWorker"in navigator&&("https:"===window.location.protocol||"localhost"===window.location.hostname||0===window.location.hostname.indexOf("127."))}t.install=function(e){e||(e={}),n()&&navigator.serviceWorker.register("/sw.js",{})},t.applyUpdate=function(e,t){},t.update=function(){n()&&navigator.serviceWorker.getRegistration().then(function(e){if(e)return e.update()})}},function(e,t,n){"use strict";n.r(t);n(2);var o=function(e,t,n,o,r,i,u,s){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),u?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},c._ssrRegister=a):r&&(a=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),a)if(c.functional){c._injectStyles=a;var f=c.render;c.render=function(e,t){return a.call(t),f(e,t)}}else{var l=c.beforeCreate;c.beforeCreate=l?[].concat(l,a):[a]}return{exports:e,options:c}}({name:"VdAreaChart"},function(){var e=this.$createElement;return(this._self._c||e)("div",[this._v("VDAREADCHART")])},[],!1,null,null,null);o.options.__file="VdAreaChart.vue";var r=o.exports,i=function(e){"undefined"!=typeof window&&window.Vue&&window.Vue.use(e)};n(0).install();var u={install:function(e){!function(e,t){e.component(t.name,t)}(e,r)}};i(u);var s={},a=s,c=function(e){s=e};n(0).install();var f={install:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};c(Object.assign(a,t)),(void 0)(function(t){return e.use(t)}),function(e,t,n){e.prototype[t]=n}(e,"$vued3js",{setOptions:function(e){c(Object.assign(a,e))}})}};i(f);t.default=f},function(e,t){}])});

dist/vue-d3js.min.css

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */

dist/vue-d3js.min.js

+/*! VueD3js v0.0.0-0000000001 | MIT License | github.com/ElonSalfati/vue-d3js */
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueD3js=t():e.VueD3js=t()})(window,(function(){return (function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)})([(function(e,t){function n(){return"serviceWorker"in navigator&&("https:"===window.location.protocol||"localhost"===window.location.hostname||0===window.location.hostname.indexOf("127."))}t.install=function(e){e||(e={}),n()&&navigator.serviceWorker.register("/sw.js",{})},t.applyUpdate=function(e,t){},t.update=function(){n()&&navigator.serviceWorker.getRegistration().then((function(e){if(e)return e.update()}))}}),(function(e,t,n){"use strict";n.r(t);n(2);var o=(function(e,t,n,o,r,i,u,s){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),u?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(u)},c._ssrRegister=a):r&&(a=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),a)if(c.functional){c._injectStyles=a;var f=c.render;c.render=function(e,t){return a.call(t),f(e,t)}}else{var l=c.beforeCreate;c.beforeCreate=l?[].concat(l,a):[a]}return{exports:e,options:c}})({name:"VdAreaChart"},(function(){var e=this.$createElement;return(this._self._c||e)("div",[this._v("VDAREADCHART")])}),[],!1,null,null,null);o.options.__file="VdAreaChart.vue";var r=o.exports,i=function(e){"undefined"!=typeof window&&window.Vue&&window.Vue.use(e)};n(0).install();var u={install:function(e){!(function(e,t){e.component(t.name,t)})(e,r)}};i(u);var s={},a=s,c=function(e){s=e};n(0).install();var f={install:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};c(Object.assign(a,t)),(void 0)((function(t){return e.use(t)})),(function(e,t,n){e.prototype[t]=n})(e,"$vued3js",{setOptions:function(e){c(Object.assign(a,e))}})}};i(f);t.default=f}),(function(e,t){})])}));

docs/main.js

src/components/VdAreaChart/VdAreaChart.spec.js

+import { shallow } from '@vue/test-utils'
+import VdAreaChart from '@components/VdAreaChart/VdAreaChart'
+
+describe('VdAreaChart', () => {
+  it('is called', () => {
+    const wrapper = shallow(VdAreaChart)
+    expect(wrapper.name()).toBe('VdAreaChart')
+    expect(wrapper.isVueInstance()).toBeTruthy()
+  })
+})

src/components/VdAreaChart/VdAreaChart.vue

+<template>
+  <div>VDAREADCHART</div>
+</template>
+
+<script>
+export default {
+  name: 'VdAreaChart'
+}
+</script>

src/scss/vued3js.scss

src/utils/config.js

+let config = {
+  
+}
+
+export default config
+export const setOptions = (options) => { config = options }

src/utils/plugins.js

+
+export const use = (plugin) => {
+  if (typeof window !== 'undefined' && window.Vue) {
+    window.Vue.use(plugin)
+  }
+}
+
+export const registerComponent = (Vue, component) => {
+  Vue.component(component.name, component)
+}
+
+export const registerComponentProgrammatic = (Vue, property, component) => {
+  Vue.prototype[property] = component
+}

src/utils/ssr.js

+// Polyfills for SSR
+
+export const isSSR = typeof window === 'undefined'
+
+export const HTMLElement = isSSR ? Object : window.HTMLElement

package.json

 {
   "name": "vue-d3js",
-  "version": "0.0.0-0000000001",
+  "version": "0.0.0-0000000002",
   "description": "D3.js Vue Components",
@@ -14,3 +14,13 @@ "author": {
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "node build/dev-server.js",
+    "lint": "eslint --ext .js,.vue src docs",
+    "lint:fix": "eslint --ext .js,.vue src docs --fix",
+    "lint:staged": "lint-staged",
+    "unit": "jest",
+    "test": "npm run lint && npm run unit",
+    "test:watch": "npm run unit -- --watchAll",
+    "build:lib": "node build/build-lib.js",
+    "build:docs": "node build/build.js",
+    "build": "npm run build:lib && npm run build:docs",
+    "cov": "./node_modules/codcov/bin/codcov"
   },
@@ -32,12 +42,60 @@ "repository": {
   ],
-  "dependencies": {},
+  "dependencies": {
+    "@babel/runtime": "^7.1.2"
+  },
   "devDependencies": {
+    "@babel/core": "^7.1.2",
+    "@babel/node": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.1.0",
+    "@babel/preset-env": "^7.1.0",
+    "@babel/register": "^7.0.0",
+    "@vue/test-utils": "^1.0.0-beta.25",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-loader": "^8.0.0",
+    "chalk": "^2.4.1",
+    "child_process": "^1.0.2",
+    "codecov": "^3.1.0",
+    "compression-webpack-plugin": "^2.0.0",
     "cross-env": "^5.2.0",
+    "css-loader": "^1.0.0",
+    "eslint": "^5.6.1",
+    "eslint-config-buefy": "0.0.2",
+    "eslint-friendly-formatter": "^4.0.1",
+    "eslint-loader": "^2.1.1",
+    "express": "^4.16.3",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "jest": "^23.6.0",
+    "jest-serializer-vue": "^2.0.2",
+    "node-sass": "^4.9.3",
+    "offline-plugin": "^5.0.5",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "optimize-js-plugin": "0.0.4",
+    "ora": "^3.0.0",
+    "rimraf": "^2.6.2",
+    "sass-loader": "^7.1.0",
+    "semver": "^5.5.1",
+    "shelljs": "^0.8.2",
+    "url-loader": "^1.1.1",
     "vue": "^2.5.17",
+    "vue-jest": "^2.6.0",
     "vue-loader": "^15.4.2",
+    "vue-progressbar": "^0.7.5",
     "vue-router": "^3.0.1",
+    "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.5.17",
     "webpack": "^4.20.2",
+    "webpack-bundle-analyzer": "^3.0.2",
     "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.9"
+    "webpack-dev-server": "^3.1.9",
+    "webpack-hot-middleware": "^2.24.3",
+    "webpack-merge": "^4.1.4"
   },
@@ -44,0 +102,0 @@ "peerDependencies": {

src/components/index.js

 import VdAreaChart from './VdAreaChart'
 
-module.exports = {
+export {
   VdAreaChart,
 }

src/components/VdAreaChart/index.js

@@ -1,7 +0,19 @@
-import VdAreaChart from './src/main'
+import VdAreaChart from './VdAreaChart'
 
-VdAreaChart.install = function(Vue) {
-  Vue.component(VdAreaChart.name, VdAreaChart);
+require('offline-plugin/runtime').install();
+
+import { use, registerComponent } from '../../utils/plugins'
+
+const Plugin = {
+  install(Vue) {
+    registerComponent(Vue, VdAreaChart)
+  }
 }
 
-export default VdAreaChart
+use(Plugin)
+
+export default Plugin
+
+export {
+  VdAreaChart
+}

src/index.js

@@ -5,39 +5,29 @@ /**
 
+import './scss/vued3js.scss'
 import * as components from './components'
+import config, { setOptions } from './utils/config'
+import { use, registerComponentProgrammatic } from './utils/plugins'
 
-(function() {
-  var VueD3js = {};
+require('offline-plugin/runtime').install();
 
-  // get D3
-  var D3 = typeof require === 'function'
-    ? require('d3')
-    : window.D3;
+const VueD3js = {
+  install(Vue, options={}) {
+    // options
+    setOptions(Object.assign(config, options))
 
-  if (!D3) {
-    throw new Error('VueD3js cannot locate d3');
-  }
+    // set components
+    components.forEach(component => Vue.use(component))
 
-  // Installation function
-  VueD3js.install = function (Vue) {
-    // Load D3 to vue instance
-    Vue.prototype.$d3 = D3
+    // config component
+    const VueD3jsProgrammatic = {
+      setOptions(options) {
+        setOptions(Object.assign(config, options))
+      }
+    }
 
-    // Load all components
-    components.forEach((component) => {
-      Vue.component(component.name, component)
-    })
-  };
+    registerComponentProgrammatic(Vue, '$vued3js', VueD3jsProgrammatic)
+  }
+}
 
-  // set version
-  VueD3js.version = '0.0.0'
-
-  // handle export
-  if (typeof exports === 'object') {
-    module.exports = VueD3js;
-  } else if (typeof define === 'function' && define.amd) {
-    define([], function() { return VueD3js; })
-  } else if (window.Vue) {
-    window.VueD3js = VueD3js
-    Vue.use(VueD3js)
-  }
-})();
+use(VueD3js)
+export default VueD3js

src/components/VdAreaChart/src/main.vue

-<template>
-  <div>
-    vd-area-chart
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'vd-area-chart',
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

New alerts

Major refactor

Supply chain risk

Package 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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Shell access

Supply chain risk

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

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

Found 3 instances in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

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

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

41643

979.11%

Number of package files

33

371.43%

Lines of code

524

1210%

Worsened metrics

Dependency count

2

100%

Dev dependency count

54

575%

Number of low quality alerts

7

133.33%

Number of low supply chain risk alerts

8

Infinity%

Number of medium supply chain risk alerts

9

800%

Dependency changes

• + Added

  @babel/runtime@^7.1.2

• + Added

  @babel/runtime@7.29.2
  (transitive)