feat(build)!: use a compromise solution

BREAKING CHANGE: This basically reverts the most breaking parts of the
previosly commited overhaul.

Use a compromise solution between backwards compatibility and easy of
maintenance. The old exports are restored and so is the file listing in
the package. However the libraries themselves may still introduce
breaking changes in their features etc.

.circleci/config.yml

@@ -49,11 +49,7 @@ jobs:
       - persist_to_workspace:
           root: .
           paths:
-            - declarations
-            - esnext
-            - peer
-            - standalone
-            - styles"
+            - dist
 
   test:
     executor: node

.gitignore

@@ -20,6 +20,7 @@ report.*.json
 vis-charts-*.tgz
 /.rpt2_cache/
 /declarations/
+/dist/
 /esnext/
 /examples/examples.css
 /examples/generated/

README.md

@@ -1,5 +1,7 @@
 # vis-charts
 
+**This is mostly (same export structure) a "plug'n & play replacement" for [vis](https://github.com/almende/vis), wich is no longer maintained**	
+
 Vis.js is a dynamic, browser based visualization library.
 The library is designed to be easy to use, handle large amounts
 of dynamic data, and enable manipulation of the data.
@@ -29,8 +31,6 @@ It also includes other external libraries:
 
 ## Badges
 
- [![Greenkeeper badge](https://badges.greenkeeper.io/visjs/vis-charts.svg)](https://greenkeeper.io/)
-
 [![Backers on Open Collective](https://opencollective.com/visjs/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/visjs/sponsors/badge.svg)](#sponsors)
 
 ## Usage

babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   exclude: require("vis-dev-utils").BABEL_IGNORE_RE,
-  presets: [["vis-dev-utils/babel-preset", { css: false }]]
+  presets: [["vis-dev-utils/babel-preset", { css: true }]]
 };

examples/all.html

@@ -4,6 +4,7 @@
     <title>Charts | All</title>
 
     <script src="../standalone/umd/vis-charts.min.js"></script>
+    <link href="../styles/vis-charts.min.css" rel="stylesheet" type="text/css" />
 
     <style type="text/css">
       body,

examples/graph3d.html

@@ -4,6 +4,7 @@
   <title>Charts | Graph3D</title>
 
   <script src="../standalone/umd/vis-charts.min.js"></script>
+  <link href="../styles/vis-charts.min.css" rel="stylesheet" type="text/css" />
 
   <style type="text/css">
     body {

examples/network.html

@@ -4,6 +4,7 @@
   <title>Charts | Network</title>
 
   <script src="../standalone/umd/vis-charts.min.js"></script>
+  <link href="../styles/vis-charts.min.css" rel="stylesheet" type="text/css" />
 
   <style type="text/css">
     #chart {

lib/header.js

@@ -1,13 +1,15 @@
-import moment from 'moment';
-import pkg from '../package.json';
+import moment from "moment";
+import pkg from "../package.json";
 
 const header = `
-${ pkg.homepage }
+${pkg.homepage}
 
-${ pkg.description }
+${pkg.description}
 
-@version ${ pkg.version }
-@date    ${ moment().utc().format() }
+@version ${pkg.version}
+@date    ${moment()
+  .utc()
+  .format()}
 
 @copyright (c) 2011-2017 Almende B.V, http://almende.com
 @copyright (c) 2018-2019 visjs contributors, https://github.com/visjs
@@ -27,18 +29,19 @@ vis.js may be distributed under either license.`;
 
 /**
  * Generate a dynamic header banner.
- * 
- * @param {String} component 
+ *
+ * @param {String} component
  * @returns {String} banner
  */
 function genHeader(component) {
-   return '/*\n' + [
-      pkg.name,
-      component ? ' - ' + component : '',
-      header
-   ].join('')
-   .replace(/^(?!\n)/gm, ' * ')
-   .replace(/^(?=\n)/gm, ' *') + '\n */';
+  return (
+    "/*\n" +
+    [pkg.name, component ? " - " + component : "", header]
+      .join("")
+      .replace(/^(?!\n)/gm, " * ")
+      .replace(/^(?=\n)/gm, " *") +
+    "\n */"
+  );
 }
 
 export default genHeader;