Webpack based visual (#60)

* Webpack based visual

update d3 to v5
replace lodash by lodas-es
update all utils to the latest
update the visual API to 2.3.0

* Update Unit Tests

* Update the visual version, update API version to 2.3.0

.gitignore

@@ -6,3 +6,5 @@ typings
 .api
 *.log
 /coverage
+
+/webpack.statistics.*html

.vscode/settings.json

@@ -19,19 +19,19 @@
       "fileMatch": [
         "/pbiviz.json"
       ],
-      "url": "./.api/v1.13.0/schema.pbiviz.json"
+      "url": "./node_modules/powerbi-visuals-api/schema.pbiviz.json"
     },
     {
       "fileMatch": [
         "/capabilities.json"
       ],
-      "url": "./.api/v1.13.0/schema.capabilities.json"
+      "url": "./node_modules/powerbi-visuals-api/schema.capabilities.json"
     },
     {
       "fileMatch": [
         "/dependencies.json"
       ],
-      "url": "./.api/v1.13.0/schema.dependencies.json"
+      "url": "./node_modules/powerbi-visuals-api/schema.dependencies.json"
     }
   ]
 }

azure-pipelines.yml

@@ -0,0 +1,33 @@
+# Node.js
+# Build a general Node.js project with npm.
+# Add steps that analyze code, save build artifacts, deploy, and more:
+# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
+
+pool:
+  vmImage: 'Ubuntu 16.04'
+
+steps:
+- task: NodeTool@0
+  inputs:
+    versionSpec: '10.x'
+  displayName: 'Install Node.js'
+
+- script: |
+    npm install
+    npm run lint
+    npm run test
+  displayName: 'npm install, lint and test'
+
+- task: PublishTestResults@2
+  inputs:
+    testResultsFormat: 'JUnit'
+    testResultsFiles: '**/TESTS-*.xml'
+    testRunTitle: 'Custom Visual unit-tests'
+    mergeTestResults: true
+
+#- task: PublishCodeCoverageResults@1
+#  inputs:
+#    codeCoverageTool: 'cobertura' # Options: cobertura, jaCoCo
+#    summaryFileLocation: '**/*-coverage.xml'
+#    reportDirectory: '**/html-report'
+#    failIfCoverageEmpty: true

karma.conf.ts

@@ -0,0 +1,124 @@
+/*
+ *  Power BI Visualizations
+ *
+ *  Copyright (c) Microsoft Corporation
+ *  All rights reserved.
+ *  MIT License
+ *
+ *  Permission is hereby granted, free of charge, to any person obtaining a copy
+ *  of this software and associated documentation files (the ""Software""), to deal
+ *  in the Software without restriction, including without limitation the rights
+ *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ *  copies of the Software, and to permit persons to whom the Software is
+ *  furnished to do so, subject to the following conditions:
+ *
+ *  The above copyright notice and this permission notice shall be included in
+ *  all copies or substantial portions of the Software.
+ *
+ *  THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ *  THE SOFTWARE.
+ */
+
+"use strict";
+
+const webpackConfig = require("./test.webpack.config.js");
+const tsconfig = require("./test.tsconfig.json");
+const path = require("path");
+
+const testRecursivePath = "test/visualTest.ts";
+const srcOriginalRecursivePath = "src/**/*.ts";
+const coverageFolder = "coverage";
+
+process.env.CHROME_BIN = require("puppeteer").executablePath();
+
+import { Config, ConfigOptions } from "karma";
+
+module.exports = (config: Config) => {
+    config.set(<ConfigOptions>{
+        mode: "development",
+        browserNoActivityTimeout: 100000,
+        browsers: ["ChromeHeadless"],
+        colors: true,
+        frameworks: ["jasmine"],
+        reporters: [
+            "progress",
+            "junit",
+            "coverage-istanbul"
+        ],
+        junitReporter: {
+            outputDir: path.join(__dirname, coverageFolder),
+            outputFile: "TESTS-report.xml",
+            useBrowserName: false
+        },
+        singleRun: true,
+        plugins: [
+            "karma-coverage",
+            "karma-typescript",
+            "karma-webpack",
+            "karma-jasmine",
+            "karma-sourcemap-loader",
+            "karma-chrome-launcher",
+            "karma-junit-reporter",
+            "karma-coverage-istanbul-reporter"
+        ],
+        files: [
+            "node_modules/jquery/dist/jquery.min.js",
+            "node_modules/jasmine-jquery/lib/jasmine-jquery.js",
+            {
+                pattern: './capabilities.json',
+                watched: false,
+                served: true,
+                included: false
+            },
+            testRecursivePath,
+            {
+                pattern: srcOriginalRecursivePath,
+                included: false,
+                served: true
+            }
+        ],
+        preprocessors: {
+            [testRecursivePath]: ["webpack", "coverage"]
+        },
+        typescriptPreprocessor: {
+            options: tsconfig.compilerOptions
+        },
+        coverageIstanbulReporter: {
+            reports: ["html", "lcovonly", "text-summary", "cobertura"],
+            dir: path.join(__dirname, coverageFolder),
+            'report-config': {
+                html: {
+                    subdir: 'html-report'
+                }
+            },
+            combineBrowserReports: true,
+            fixWebpackSourcePaths: true,
+            verbose: false
+        },
+        coverageReporter: {
+            dir: path.join(__dirname, coverageFolder),
+            reporters: [
+                // reporters not supporting the `file` property
+                { type: 'html', subdir: 'html-report' },
+                { type: 'lcov', subdir: 'lcov' },
+                // reporters supporting the `file` property, use `subdir` to directly
+                // output them in the `dir` directory
+                { type: 'cobertura', subdir: '.', file: 'cobertura-coverage.xml' },
+                { type: 'lcovonly', subdir: '.', file: 'report-lcovonly.txt' },
+                { type: 'text-summary', subdir: '.', file: 'text-summary.txt' },
+            ]
+        },
+        mime: {
+            "text/x-typescript": ["ts", "tsx"]
+        },
+        webpack: webpackConfig,
+        webpackMiddleware: {
+            stats: "errors-only"
+        }
+    });
+};