Add pre-compiled JavaScript artifacts for Perspective package

.gitignore

@@ -121,6 +121,7 @@ website/static/css/material.dark.css
 
 # CPP Compile
 /src/include/boost
+es
 obj
 packages/perspective/es5
 cppbuild

packages/perspective-jupyterlab/babel.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+    "presets": [
+        [
+            "@babel/preset-env",
+            {
+                "useBuiltIns": "usage"
+            }
+        ]
+    ],
+    "sourceType": "unambiguous",
+    "plugins": [
+        "module:fast-async",
+        ["@babel/plugin-proposal-decorators", {"legacy": true}],
+        "transform-custom-element-classes",
+        [
+            "@babel/plugin-transform-for-of",
+            {
+                "loose": true
+            }
+        ]
+    ]
+}

packages/perspective-jupyterlab/src/config/plugin.config.js

@@ -15,7 +15,7 @@ module.exports = {
     entry: "./src/ts/index.ts",
     resolveLoader: {
         alias: {
-            "file-worker-loader": "@jpmorganchase/perspective/src/loader/file_worker_loader.js"
+            "file-worker-loader": "@jpmorganchase/perspective/loader/file_worker_loader.js"
         }
     },
     resolve: {
@@ -25,11 +25,45 @@ module.exports = {
     plugins: [new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /(en|es|fr)$/), new PerspectivePlugin()],
     module: {
         rules: [
+            {
+                test: /\.less$/,
+                exclude: /themes/,
+                use: [
+                    {
+                        loader: "css-loader"
+                    },
+                    {
+                        loader: "clean-css-loader",
+                        options: {
+                            level: 2
+                        }
+                    },
+                    {
+                        loader: "less-loader"
+                    }
+                ]
+            },
+            {
+                test: /\.(html)$/,
+                loader: "html-loader"
+            },
+            {
+                test: /\.(arrow)$/,
+                loader: "arraybuffer-loader"
+            },
+            {
+                test: /\.js$/,
+                exclude: /node_modules[/\\](?!\@jpmorganchase)|psp\.(asmjs|async|sync)\.js|perspective\.(asmjs|wasm)\.worker\.js/,
+                loader: "babel-loader"
+            },
             {
                 test: /\.css$/,
                 use: [{loader: "css-loader"}]
             },
-            {test: /\.ts?$/, loader: "ts-loader"}
+            {
+                test: /\.ts?$/,
+                loader: "ts-loader"
+            }
         ]
     },
     output: {

packages/perspective-webpack-plugin/index.js

@@ -0,0 +1 @@
+module.exports = require("@jpmorganchase/perspective/webpack-plugin");

packages/perspective-webpack-plugin/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "@jpmorganchase/perspective-webpack-plugin",
+    "version": "0.2.11",
+    "description": "Perspective.js Webpack Plugin",
+    "main": "index.js",
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/jpmorganchase/perspective"
+    },
+    "author": "",
+    "license": "Apache-2.0",
+    "dependencies": {
+        "@jpmorganchase/perspective": "^0.2.11",
+        "@webpack-contrib/schema-utils": "^1.0.0-beta.0",
+        "file-loader": "^2.0.0",
+        "loader-utils": "^1.2.3",
+        "worker-loader": "^2.0.0"
+    },
+    "peerDependencies": {
+        "webpack": ">=3.5 <4"
+    }
+}

packages/perspective/babel.config.js

@@ -1,22 +1,22 @@
 module.exports = {
-    presets: [
+    "presets": [
         [
             "@babel/preset-env",
             {
-                useBuiltIns: "usage"
+                "useBuiltIns": "usage"
             }
         ]
     ],
-    sourceType: "unambiguous",
-    plugins: [
+    "sourceType": "unambiguous",
+    "plugins": [
         "module:fast-async",
-        ["@babel/plugin-proposal-decorators", {legacy: true}],
+        ["@babel/plugin-proposal-decorators", {"legacy": true}],
         "transform-custom-element-classes",
         [
             "@babel/plugin-transform-for-of",
             {
-                loose: true
+                "loose": true
             }
         ]
     ]
-};
+}

packages/perspective/src/loader/cross_origin_file_loader.js → packages/perspective/loader/cross_origin_file_loader.js

@@ -10,16 +10,20 @@
 var path = require("path");
 
 var loaderUtils = require("loader-utils");
-var validateOptions = require("schema-utils");
+var validateOptions = require("@webpack-contrib/schema-utils");
 var fs = require("fs");
 
 var schema = {
     type: "object",
     properties: {
-        name: {},
-        regExp: {},
+        name: {
+            type: "string"
+        },
         context: {
             type: "string"
+        },
+        regExp: {
+            type: "string"
         }
     },
     additionalProperties: true
@@ -29,10 +33,10 @@ exports.default = function loader() {};
 
 exports.pitch = function pitch(request) {
     var options = loaderUtils.getOptions(this) || {};
-    validateOptions(schema, options, "Cross Origin File Loader");
+    validateOptions({ name: "Cross Origin File Loader", schema, target: options });
 
     var context = options.context || this.rootContext || (this.options && this.options.context);
-    var content = fs.readFileSync(request.replace("src/js", "build").replace("wasm.js", "wasm"));
+    var content = fs.readFileSync(request.replace("es/js", "build").replace("wasm.js", "wasm"));
     var url = loaderUtils.interpolateName(this, options.name, {
         context,
         content,

packages/perspective/src/loader/file_worker_loader.js → packages/perspective/loader/file_worker_loader.js

@@ -10,7 +10,7 @@
 const path = require("path");
 
 const loaderUtils = require("loader-utils");
-const validateOptions = require("schema-utils");
+const validateOptions = require("@webpack-contrib/schema-utils");
 
 const fs = require("fs");
 
@@ -37,7 +37,7 @@ exports.default = function loader(content) {
         return "module.exports = function() {};";
     }
     const options = loaderUtils.getOptions(this) || {};
-    validateOptions(schema, options, "File Worker Loader");
+    validateOptions({ schema, target: options, name: "File Worker Loader" });
     const context = options.context || this.rootContext || (this.options && this.options.context);
     const url = loaderUtils.interpolateName(this, options.name, {
         context,
@@ -52,7 +52,7 @@ exports.default = function loader(content) {
             inputPath = inputPath
                 .replace(path.join("perspective", "build"), "perspective")
                 .replace(/\.js/, ".worker.js")
-                .replace(/(src\/js)/, "build");
+                .replace(/(es\/js)/, "build");
         }
         content = fs.readFileSync(inputPath).toString();
         if (!options.compiled) {

packages/perspective/package.json

@@ -3,23 +3,23 @@
     "version": "0.2.11",
     "description": "Perspective.js",
     "main": "build/perspective.node.js",
-    "browser": "src/js/perspective.parallel.js",
+    "browser": "es/js/perspective.parallel.js",
     "publishConfig": {
         "access": "public"
     },
     "files": [
         "build/*",
         "index.d.ts",
-        "src/**/*",
-        "webpack-plugin.js",
-        "babel.config.js"
+        "loader/*",
+        "webpack-plugin.js"
     ],
     "typings": "index.d.ts",
     "scripts": {
         "bench": "node ../../scripts/bench.js",
         "prebuild": "mkdir -p build && mkdir -p obj",
         "cpp": "npm-run-all build:cpp test:cpp",
-        "build": "npm-run-all build:webpack",
+        "build": "npm-run-all build:babel build:webpack",
+        "build:babel": "babel src/js --out-dir es/js",
         "build:webpack": "npm-run-all -p build:webpack:*",
         "build:webpack:umd": "webpack --color --config src/config/perspective.config.js",
         "build:webpack:node": "webpack --color --config src/config/perspective.node.config.js",
@@ -49,42 +49,42 @@
     "author": "",
     "license": "Apache-2.0",
     "dependencies": {
+        "@babel/polyfill": "^7.0.0",
+        "@babel/runtime": "^7.1.5",
+        "bufferutil": "~3.0.0",
+        "d3-array": "^1.2.1",
+        "flatbuffers": "^1.10.2",
+        "less": "^2.7.2",
+        "moment": "^2.19.1",
+        "papaparse": "^4.3.6",
+        "text-encoding-utf-8": "^1.0.2",
+        "tslib": "^1.9.3",
+        "underscore": "^1.8.3",
+        "utf-8-validate": "~4.0.0",
+        "ws": "^6.1.2"
+    },
+    "devDependencies": {
+        "@jpmorganchase/perspective-webpack-plugin": "^0.2.11",
+        "@babel/cli": "^7.2.3",
         "@babel/core": "^7.1.0",
         "@babel/plugin-proposal-decorators": "^7.1.2",
         "@babel/plugin-transform-for-of": "^7.0.0",
         "@babel/plugin-transform-runtime": "^7.1.0",
-        "@babel/polyfill": "^7.0.0",
         "@babel/preset-env": "^7.1.5",
-        "@babel/runtime": "^7.1.5",
-        "@webpack-contrib/schema-utils": "^1.0.0-beta.0",
         "arraybuffer-loader": "^1.0.2",
         "babel-loader": "^8.0.4",
         "babel-plugin-transform-custom-element-classes": "^0.1.0",
         "base64-font-loader": "0.0.4",
-        "bufferutil": "~3.0.0",
         "clean-css-cli": "4.2.1",
         "clean-css-loader": "^1.1.0",
         "core-js": "^2.5.7",
         "css-loader": "^0.28.7",
-        "d3-array": "^1.2.1",
         "extract-text-webpack-plugin": "^3.0.2",
         "file-loader": "^2.0.0",
-        "flatbuffers": "^1.10.2",
         "html-loader": "^0.5.1",
-        "less": "^2.7.2",
         "less-loader": "^4.0.5",
-        "moment": "^2.19.1",
-        "papaparse": "^4.3.6",
         "style-loader": "^0.18.2",
-        "text-encoding-utf-8": "^1.0.2",
-        "tslib": "^1.9.3",
         "uglifyjs-webpack-plugin": "^0.4.6",
-        "underscore": "^1.8.3",
-        "utf-8-validate": "~4.0.0",
-        "worker-loader": "^2.0.0",
-        "ws": "^6.1.2"
-    },
-    "peerDependencies": {
-        "webpack": ">=3.5 <4"
+        "worker-loader": "^2.0.0"
     }
 }

packages/perspective/src/config/common.config.js

@@ -1,10 +1,16 @@
+const path = require("path");
 const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
 const webpack = require("webpack");
-const PerspectivePlugin = require("../../webpack-plugin");
-
-const plugins = [new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /(en|es|fr)$/)];
+const PerspectivePlugin = require("@jpmorganchase/perspective-webpack-plugin");
 
 module.exports = function({build_worker, no_minify} = {}) {
+    const plugins = [
+        new PerspectivePlugin({
+            build_worker
+        }),
+        new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /(en|es|fr)$/)
+    ];
+
     if (!process.env.PSP_NO_MINIFY && !process.env.PSP_DEBUG && !no_minify) {
         plugins.push(
             new UglifyJSPlugin({
@@ -18,9 +24,44 @@ module.exports = function({build_worker, no_minify} = {}) {
         );
     }
 
-    plugins.push(new PerspectivePlugin({build_worker: build_worker}));
     return {
-        plugins: plugins,
+        module: {
+            rules: [
+                {
+                    test: /\.less$/,
+                    exclude: /themes/,
+                    use: [
+                        {
+                            loader: "css-loader"
+                        },
+                        {
+                            loader: "clean-css-loader",
+                            options: {
+                                level: 2
+                            }
+                        },
+                        {
+                            loader: "less-loader"
+                        }
+                    ]
+                },
+                {
+                    test: /\.(html)$/,
+                    loader: "html-loader"
+                },
+                {
+                    test: /\.(arrow)$/,
+                    loader: "arraybuffer-loader"
+                },
+                {
+                    test: /\.js$/,
+                    exclude: /node_modules[/\\](?!\@jpmorganchase)|psp\.(asmjs|async|sync)\.js|perspective\.(asmjs|wasm)\.worker\.js/,
+                    loader: "babel-loader",
+                    options: require(path.join(__dirname, "..", "..", "babel.config"))
+                }
+            ]
+        },
+        plugins,
         devtool: "source-map",
         node: {
             fs: "empty"

packages/perspective/src/config/perspective.config.js

@@ -2,7 +2,7 @@ const path = require("path");
 const common = require("./common.config.js");
 
 module.exports = Object.assign({}, common({build_worker: true}), {
-    entry: "./src/js/perspective.parallel.js",
+    entry: "./es/js/perspective.parallel.js",
     output: {
         filename: "perspective.js",
         library: "perspective",

packages/perspective/src/config/perspective.node.config.js

@@ -2,7 +2,7 @@ const path = require("path");
 const common = require("./common.config.js");
 
 module.exports = Object.assign({}, common(), {
-    entry: "./src/js/perspective.node.js",
+    entry: "./es/js/perspective.node.js",
     target: "node",
     externals: [/^([a-z0-9]|\@(?!apache\-arrow)).*?(?!wasm)$/g],
     node: {