Merge pull request #79 from pqx/tooling-upgrade

rollup & webpack & babel upgrade

Author: wangzuo

.babelrc

@@ -1,32 +1,79 @@
+### https://raw.github.com/github/gitignore/ea28c14da0faf75047165c10223635ba95566ad7/Node.gitignore
+
 # Logs
 logs
 *.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
 # Runtime data
 pids
 *.pid
 *.seed
+*.pid.lock
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
 # Coverage directory used by tools like istanbul
 coverage
 
+# nyc test coverage
+.nyc_output
+
 # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 
+# Bower dependency directory (https://bower.io/)
+bower_components
+
 # node-waf configuration
 .lock-wscript
 
-# Compiled binary addons (http://nodejs.org/api/addons.html)
+# Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
-# Dependency directory
-# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
-node_modules
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
 
+dist/
 example/bundle*
-.publish
 
-dist

.gitignore

@@ -0,0 +1 @@
+package.json

.npmignore

@@ -0,0 +1,47 @@
+import Tree from '../lib/tree';
+
+describe('tree', () => {
+  const tree = new Tree({
+    module: 'root',
+    collapsed: false,
+    children: [
+      {
+        module: 'a',
+        collapsed: false,
+        children: [
+          {
+            module: 'c',
+            collapsed: false
+          }
+        ]
+      },
+      {
+        module: 'b',
+        collapsed: false
+      }
+    ]
+  });
+
+  it('updateNodesPosition()', () => {
+    tree.updateNodesPosition();
+    expect(tree.getIndex(1).top).toEqual(1);
+    expect(tree.getIndex(1).left).toEqual(1);
+    expect(tree.getIndex(2).top).toEqual(2);
+    expect(tree.getIndex(2).left).toEqual(2);
+    expect(tree.getIndex(3).top).toEqual(3);
+    expect(tree.getIndex(3).left).toEqual(3);
+    expect(tree.getIndex(4).top).toEqual(4);
+    expect(tree.getIndex(4).left).toEqual(2);
+  });
+
+  it('move()', () => {
+    tree.move();
+  });
+
+  it('getNodeByTop()', () => {
+    expect(tree.getNodeByTop(1).id).toEqual(1);
+    expect(tree.getNodeByTop(2).id).toEqual(2);
+    expect(tree.getNodeByTop(3).id).toEqual(3);
+    expect(tree.getNodeByTop(4).id).toEqual(4);
+  });
+});

.prettierignore

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: [['@babel/env', { loose: true }], '@babel/preset-react'],
+  plugins: [['@babel/proposal-class-properties', { loose: true }]]
+};

Makefile

@@ -1,4 +1,6 @@
-*, *:before, *:after {
+*,
+*:before,
+*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -12,9 +14,9 @@ body {
 
 .inspector {
   margin-left: 400px;
+}
 
-  pre {
-    font-family: Menlo;
-    font-size: 13px;
-  }
+.inspector pre {
+  font-family: Menlo;
+  font-size: 13px;
 }

__tests__/tree.js

@@ -1,6 +1,6 @@
-import '../lib/react-ui-tree.less';
-import './theme.less';
-import './app.less';
+import '../lib/react-ui-tree.css';
+import './theme.css';
+import './app.css';
 import cx from 'classnames';
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom';

babel.config.js

@@ -7,8 +7,6 @@
   <a href="https://github.com/pqx/react-ui-tree"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
 
   <div id="app"></div>
-  <script src="https://unpkg.com/react@16.4.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.4.0/umd/react-dom.development.js"></script>
   <script src="bundle.js"></script>
 </body>
 </html>