powerbi-visuals-tools 5.5.1 → 6.0.0

package/Changelog.md

@@ -2,6 +2,16 @@
 
 This page contains information about changes to the PowerBI Visual Tools (pbiviz).
 
+## 6.0.0
+* **Introduced pbiviz.js support.** This feature allows generate configuration dynamically using benefits of JavaScript.
+  It allows you to easily use any js logic to build your pbiviz file using environment variables or other parameters.
+* Updated dependencies to the latest versions.
+
+## 5.6.0
+* Updated to ESLint v9
+* Updated to TypeScript v5
+* `--use-default` flag for `pbiviz package` and `pbiviz lint` commands is deprecated. Recommeded config is used by default
+
 ## 5.5.1
 * Fixed subtotal feature check
 

package/bin/pbiviz.js

@@ -32,7 +32,7 @@ import CommandManager from '../lib/CommandManager.js';
 import { readJsonFromRoot } from '../lib/utils.js';
 import { program, Option } from 'commander';
 
-const npmPackage = readJsonFromRoot('package.json');
+const npmPackage = await readJsonFromRoot('package.json');
 const rootPath = process.cwd();
 const pbivizFile = 'pbiviz.json';
 
@@ -72,7 +72,6 @@ pbiviz
 pbiviz
     .command('lint')
     .option('--fix', 'Enable autofixing of lint errors')
-    .option('--use-default', 'Use recommended eslintrc file')
     .action(options => {
         CommandManager.lint({ ...options, verbose: true }, rootPath);
     });
@@ -85,7 +84,7 @@ pbiviz
     .option('--no-stats', "Doesn't generate statistics files")
     .option('--skip-api', "Skips powerbi-visuals-api verifying")
     .option('-l, --all-locales', "Keeps all locale files in the package. By default only used inside stringResources folder locales are included.")
-    .option('-p, --pbiviz-file <pbiviz-file>', "Path to pbiviz.json file (useful for debugging)", pbivizFile)
+    .option('-f, --pbiviz-file <pbiviz-file>', "Path to visual config file (pbiviz.json / pbiviz.mjs)", pbivizFile)
     .action(async (options) => {
         CommandManager.start(options, rootPath);
     });
@@ -101,8 +100,7 @@ pbiviz
     .option('-l, --all-locales', "Keeps all locale files in the package. By default only used inside stringResources folder locales are included.")
     .option('-v, --verbose', "Enables verbose logging")
     .option('--fix', 'Enable autofixing of lint errors')
-    .option('--use-default', 'Use recommended eslintrc file')
-    .option('-p, --pbiviz-file <pbiviz-file>', "Path to pbiviz.json file (useful for debugging)", pbivizFile)
+    .option('-p, --pbiviz-file <pbiviz-file>', "Path to visual config file (pbiviz.json / pbiviz.mjs)", pbivizFile)
     .addOption(new Option('-c, --compression <compressionLevel>', "Enables compression of visual package")
         .choices(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'])
         .default('6')

package/eslint.config.mjs

@@ -0,0 +1,37 @@
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+
+export default [ 
+    {
+        files: ["*.ts", "*tsx"],
+        ignores: [
+            "node_modules/",
+            "dist/",
+            "templates/",
+            "spec/*/**",
+            "**/lib/",
+            "bin/",
+            "eslint.config.mjs",
+        ],
+        plugins: {
+            "@typescript-eslint": typescriptEslint,
+        },
+        languageOptions: {
+            globals: {
+                ...globals.node,
+            },
+            parser: tsParser,
+            ecmaVersion: 2023,
+            sourceType: "module",
+            parserOptions: {
+                project: "tsconfig.json",
+                tsconfigRootDir: ".",
+            },
+        },
+        rules: {
+            "no-unused-vars": "off",
+            "@typescript-eslint/no-unused-vars": "error",
+        },
+    }
+];

package/lib/CertificateTools.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-case-declarations */
 /*
  *  Power BI Visual CLI
  *
@@ -33,7 +32,7 @@ import crypto from "crypto";
 import { readJsonFromRoot } from './utils.js';
 import ConsoleWriter from './ConsoleWriter.js';
 const certSafePeriod = 1000 * 60 * 60 * 24; // 24 hours
-const config = readJsonFromRoot('config.json');
+const config = await readJsonFromRoot('config.json');
 const pathToCertFolder = path.join(os.homedir(), config.server.certificateFolder);
 const secretFilesPath = {
     certPath: path.join(pathToCertFolder, config.server.certificate),

package/lib/CommandManager.js

@@ -17,17 +17,15 @@ export default class CommandManager {
             pbivizFile: options.pbivizFile,
         };
         const visualManager = new VisualManager(rootPath);
-        await visualManager
-            .prepareVisual(options.pbivizFile)
-            .validateVisual()
-            .initializeWebpack(webpackOptions);
+        await visualManager.prepareVisual(options.pbivizFile);
+        await visualManager.validateVisual();
+        await visualManager.initializeWebpack(webpackOptions);
         visualManager.startWebpackServer(options.drop);
     }
     static async lint(options, rootPath) {
         const visualManager = new VisualManager(rootPath);
-        await visualManager
-            .prepareVisual()
-            .runLintValidation(options);
+        await visualManager.prepareVisual();
+        await visualManager.runLintValidation(options);
     }
     static async package(options, rootPath) {
         if (!options.pbiviz && !options.resources) {
@@ -49,13 +47,13 @@ export default class CommandManager {
         const lintOptions = {
             verbose: options.verbose,
             fix: options.fix,
-            useDefault: options.useDefault
         };
-        const visual = new VisualManager(rootPath).prepareVisual(options.pbivizFile);
+        const visualManager = new VisualManager(rootPath);
+        const visual = await visualManager.prepareVisual(options.pbivizFile);
         await visual.runLintValidation(lintOptions);
-        visual.validateVisual(options.verbose)
-            .initializeWebpack(webpackOptions)
-            .then(visualManager => visualManager.generatePackage(options.verbose));
+        await visual.validateVisual(options.verbose);
+        await visual.initializeWebpack(webpackOptions)
+            .then(manager => manager.generatePackage(options.verbose));
     }
     static new({ force, template }, name, rootPath) {
         const generateOptions = {
@@ -64,10 +62,10 @@ export default class CommandManager {
         };
         VisualManager.createVisual(rootPath, name, generateOptions);
     }
-    static info(rootPath) {
-        new VisualManager(rootPath)
-            .prepareVisual()
-            .displayInfo();
+    static async info(rootPath) {
+        const visualManager = new VisualManager(rootPath);
+        await visualManager.prepareVisual();
+        await visualManager.displayInfo();
     }
     static async installCert() {
         await createCertificate();

package/lib/LintValidator.js

@@ -1,21 +1,18 @@
 import { ESLint } from "eslint";
-import path from 'path';
-import fs from 'fs-extra';
+import powerbiPlugin from 'eslint-plugin-powerbi-visuals';
 import ConsoleWriter from "./ConsoleWriter.js";
 import { getRootPath } from "./utils.js";
 export class LintValidator {
     visualPath;
     rootPath;
     isVerboseMode;
-    useDefault;
     shouldFix;
     config;
     linterInstance;
-    constructor({ verbose, fix, useDefault }) {
+    constructor({ verbose, fix }) {
         this.visualPath = process.cwd();
         this.rootPath = getRootPath();
         this.isVerboseMode = verbose;
-        this.useDefault = useDefault;
         this.shouldFix = fix;
         this.prepareConfig();
         this.linterInstance = new ESLint(this.config);
@@ -25,7 +22,7 @@ export class LintValidator {
      */
     async runLintValidation() {
         ConsoleWriter.info("Running lint check...");
-        // By default it will lint all files in the src of current working directory, but some files can be excluded in .eslintignore
+        // By default it will lint all files in the src of current working directory
         const results = await this.linterInstance.lintFiles("src/");
         if (this.shouldFix) {
             await this.fixErrors(results);
@@ -54,41 +51,11 @@ export class LintValidator {
         }
     }
     prepareConfig() {
-        const requiredConfig = {
-            extensions: [".js", ".jsx", ".ts", ".tsx"],
+        ConsoleWriter.warning("Using recommended eslint config.");
+        this.config = {
+            overrideConfig: powerbiPlugin.configs.recommended,
+            overrideConfigFile: true,
             fix: this.shouldFix,
-            resolvePluginsRelativeTo: this.getPluginPath()
         };
-        const eslintrcExtensions = ['.json', '.js', '.cjs', '.ts', ''];
-        if (!this.useDefault && eslintrcExtensions.some(el => fs.existsSync(path.join(this.visualPath, `.eslintrc${el}`)))) {
-            this.config = requiredConfig;
-        }
-        else {
-            ConsoleWriter.warning("Using recommended eslint config.");
-            this.config = {
-                ...requiredConfig,
-                overrideConfig: {
-                    env: {
-                        browser: true,
-                        es6: true,
-                        es2022: true
-                    },
-                    plugins: [
-                        "powerbi-visuals"
-                    ],
-                    extends: [
-                        "plugin:powerbi-visuals/recommended"
-                    ]
-                },
-                useEslintrc: false,
-            };
-        }
-    }
-    getPluginPath() {
-        const pluginPaths = [
-            path.resolve(this.visualPath, "node_modules", "eslint-plugin-powerbi-visuals"),
-            path.resolve(this.rootPath, "node_modules", "eslint-plugin-powerbi-visuals")
-        ];
-        return pluginPaths.find(fs.existsSync);
     }
 }

package/lib/TemplateFetcher.js

@@ -5,7 +5,7 @@ import VisualGenerator from "./VisualGenerator.js";
 import { exec } from 'child_process';
 import fs from 'fs-extra';
 import path from 'path';
-const config = readJsonFromRoot('config.json');
+const config = await readJsonFromRoot('config.json');
 export default class TemplateFetcher {
     templateName;
     visualName;

package/lib/VisualGenerator.js

@@ -31,7 +31,7 @@ import fs from 'fs-extra';
 import lodashDefaults from 'lodash.defaults';
 import path from 'path';
 import template from '../templates/pbiviz-json-template.js';
-const config = readJsonFromRoot('config.json');
+const config = await readJsonFromRoot('config.json');
 const VISUAL_TEMPLATES_PATH = path.join(getRootPath(), config.templates.visuals);
 const API_VERSION = config.generate.apiVersion;
 const minAPIversion = config.constants.minAPIversion;
@@ -191,7 +191,7 @@ export default class VisualGenerator {
      */
     static checkVisualName(name) {
         const regexES3ReservedWord = /^(?:do|if|in|for|int|new|try|var|byte|case|char|else|enum|goto|long|null|this|true|void|with|break|catch|class|const|false|final|float|short|super|throw|while|delete|double|export|import|native|public|return|static|switch|throws|typeof|boolean|default|extends|finally|package|private|abstract|continue|debugger|function|volatile|interface|protected|transient|implements|instanceof|synchronized)$/;
-        const regexNumber = /^(?![+-])([0-9\+\-\.]+)/; // eslint-disable-line no-useless-escape
+        const regexNumber = /^(?![+-])([0-9\+\-\.]+)/;
         const regexZeroWidth = /\u200c|\u200d/;
         const regexpWrongSymbols = /^[a-zA-Z0-9]+$/;
         const valueAsUnescapedString = name.replace(/\\u([a-fA-F0-9]{4})|\\u\{([0-9a-fA-F]{1,})\}/g, ($0, $1, $2) => {

package/lib/VisualManager.js

@@ -39,7 +39,7 @@ import { FeatureManager, Status } from "./FeatureManager.js";
 import { Severity, Stage } from "./features/FeatureTypes.js";
 import TemplateFetcher from "./TemplateFetcher.js";
 import { LintValidator } from "./LintValidator.js";
-const globalConfig = readJsonFromRoot('config.json');
+const globalConfig = await readJsonFromRoot('config.json');
 const PBIVIZ_FILE = 'pbiviz.json';
 /**
  * Represents an instance of a visual package based on file path
@@ -57,10 +57,10 @@ export default class VisualManager {
     constructor(rootPath) {
         this.basePath = rootPath;
     }
-    prepareVisual(pbivizFile = PBIVIZ_FILE) {
-        if (this.doesPBIVIZExists(pbivizFile)) {
-            this.pbivizConfig = readJsonFromVisual(pbivizFile, this.basePath);
-            this.createVisualInstance();
+    async prepareVisual(pbivizFile = PBIVIZ_FILE) {
+        this.pbivizConfig = await readJsonFromVisual(pbivizFile, this.basePath);
+        if (this.pbivizConfig) {
+            await this.createVisualInstance();
         }
         else {
             ConsoleWriter.error(pbivizFile + ' not found. You must be in the root of a visual project to run this command.');
@@ -80,8 +80,8 @@ export default class VisualManager {
             }
         }
     }
-    createVisualInstance() {
-        this.capabilities = readJsonFromVisual("capabilities.json", this.basePath);
+    async createVisualInstance() {
+        this.capabilities = await readJsonFromVisual("capabilities.json", this.basePath);
         this.visual = new Visual(this.capabilities, this.pbivizConfig);
     }
     async initializeWebpack(webpackOptions) {
@@ -188,7 +188,7 @@ export default class VisualManager {
             ConsoleWriter.warning('Running with force flag. Existing files will be overwritten');
         }
         try {
-            const config = readJsonFromRoot('config.json');
+            const config = await readJsonFromRoot('config.json');
             if (config.visualTemplates[generateOptions.template]) {
                 new TemplateFetcher(generateOptions.template, visualName, undefined)
                     .fetch();
@@ -224,32 +224,40 @@ export default class VisualManager {
         return fs.existsSync(pbivizFile);
     }
     prepareDropFiles() {
-        this.webpackConfig.devServer.onBeforeSetupMiddleware = (devServer) => {
+        this.webpackConfig.devServer.setupMiddlewares = (middlewares, devServer) => {
             const { headers, publicPath, static: { directory } } = this.webpackConfig.devServer;
             const assets = ['visual.js`', 'visual.css', 'pbiviz.json'];
             const setHeaders = (res) => {
                 Object.getOwnPropertyNames(headers)
                     .forEach(property => res.header(property, headers[property]));
             };
-            const readFile = (file, res) => {
-                fs.readFile(file).then(function (content) {
-                    res.write(content);
-                    res.end();
+            const readFile = (file, res, name) => {
+                middlewares.unshift({
+                    name,
+                    middleware: (req, middlewareRes) => {
+                        fs.readFile(file).then(function (content) {
+                            middlewareRes.write(content);
+                            console.log(`Serving ${name} to `);
+                            middlewareRes.end();
+                        });
+                    },
                 });
+                res.end();
             };
             assets.forEach(asset => {
                 devServer.app.get(`${publicPath}/${asset}`, function (req, res) {
                     setHeaders(res);
-                    readFile(path.join(directory, asset), res);
+                    readFile(path.join(directory, asset), res, asset);
                 });
             });
+            return middlewares;
         };
     }
-    stopServer() {
+    async stopServer() {
         ConsoleWriter.blank();
         ConsoleWriter.info("Stopping server...");
         if (this.webpackDevServer) {
-            this.webpackDevServer.close();
+            await this.webpackDevServer.stop();
             this.webpackDevServer = null;
         }
     }

package/lib/WebPackWrap.js

@@ -13,8 +13,8 @@ import { PowerBICustomVisualsWebpackPlugin, LocalizationLoader } from 'powerbi-v
 import ConsoleWriter from './ConsoleWriter.js';
 import { resolveCertificate } from "./CertificateTools.js";
 import { readJsonFromRoot, readJsonFromVisual } from './utils.js';
-const config = readJsonFromRoot('config.json');
-const npmPackage = readJsonFromRoot('package.json');
+const config = await readJsonFromRoot('config.json');
+const npmPackage = await readJsonFromRoot('package.json');
 const visualPlugin = "visualPlugin.ts";
 const encoding = "utf8";
 export default class WebPackWrap {
@@ -123,7 +123,7 @@ export default class WebPackWrap {
             await this.configureAPIVersion();
         }
         const api = await WebPackWrap.loadAPIPackage();
-        const dependenciesPath = this.pbiviz.dependencies && path.join(process.cwd(), this.pbiviz.dependencies);
+        const dependenciesPath = typeof this.pbiviz.dependencies === "string" && path.join(process.cwd(), this.pbiviz.dependencies);
         let pluginConfiguration = {
             ...lodashCloneDeep(visualPackage.pbivizConfig),
             apiVersion: api.version,
@@ -149,8 +149,14 @@ export default class WebPackWrap {
         const regexFullVersion = /(?<=powerbi-visuals-api@)((?:\d+\.?){1,3})/g;
         //get only first 2 parts of version
         const regexMajorVersion = /\d+(?:\.\d+)?/;
-        const listResults = (await exec('npm list powerbi-visuals-api version')).stdout;
-        const installedAPIVersion = listResults.match(regexFullVersion)[0] ?? "not found";
+        let listResults;
+        try {
+            listResults = (await exec('npm list powerbi-visuals-api version')).stdout;
+        }
+        catch (error) {
+            listResults = error.stdout;
+        }
+        const installedAPIVersion = listResults.match(regexFullVersion)?.[0] ?? "not found";
         const doesAPIExist = fs.pathExistsSync(path.join(process.cwd(), "node_modules", "powerbi-visuals-api"));
         // if the powerbi-visual-api package wasn't installed install the powerbi-visual-api,
         // with version from apiVersion in pbiviz.json or the latest API, if apiVersion is absent in pbiviz.json
@@ -200,7 +206,7 @@ export default class WebPackWrap {
         });
         if (!includeAllLocales) {
             this.webpackConfig.module.rules.push({
-                test: /powerbiGlobalizeLocales\.js$/,
+                test: /powerbiGlobalizeLocales\.js$/, // path to file with all locales declared in formattingutils
                 loader: LocalizationLoader
             });
         }
@@ -244,8 +250,8 @@ export default class WebPackWrap {
         allLocales: false,
         pbivizFile: 'pbiviz.json',
     }) {
-        const tsconfig = readJsonFromVisual('tsconfig.json');
-        this.pbiviz = readJsonFromVisual(options.pbivizFile);
+        const tsconfig = await readJsonFromVisual('tsconfig.json');
+        this.pbiviz = await readJsonFromVisual(options.pbivizFile);
         const capabilitiesPath = this.pbiviz.capabilities;
         visualPackage.pbivizConfig.capabilities = capabilitiesPath;
         const dependenciesPath = this.pbiviz.dependencies && path.join(process.cwd(), this.pbiviz.dependencies);

package/lib/features/APIVersion.js

@@ -7,8 +7,8 @@ export default class APIVersion {
     static visualFeatureType = VisualFeatureType.NonSlicer;
     static minAPIversion;
     static errorMessage;
-    static isSupported(visual) {
-        const globalConfig = readJsonFromRoot('config.json');
+    static async isSupported(visual) {
+        const globalConfig = await readJsonFromRoot('config.json');
         this.minAPIversion = globalConfig.constants.minAPIversion;
         this.errorMessage = `API version must be at least ${this.minAPIversion}.`;
         return visual.doesAPIVersionMatch(this.minAPIversion);

package/lib/utils.js

@@ -22,12 +22,22 @@ export function getRootPath() {
     const pathToDirectory = fileURLToPath(import.meta.url);
     return path.join(pathToDirectory, "..", "..");
 }
-function readFileFromRoot(filePath) {
-    return fs.readFileSync(path.join(getRootPath(), filePath), "utf8");
+export function getJsPath(filePath) {
+    return filePath.replace(/\.json$/, '.mjs');
 }
-export function readJsonFromRoot(filePath) {
-    return JSON.parse(readFileFromRoot(filePath));
+async function safelyImport(filePath) {
+    return fs.existsSync(filePath) && (await import(`file://${filePath}`)).default;
 }
-export function readJsonFromVisual(filePath, visualPath) {
-    return JSON.parse(fs.readFileSync(path.join(visualPath ?? process.cwd(), filePath), "utf8"));
+function safelyParse(filePath) {
+    return fs.existsSync(filePath) && JSON.parse(fs.readFileSync(filePath, "utf-8"));
+}
+export async function readJsonFromRoot(jsonFilename) {
+    const jsonPath = path.join(getRootPath(), jsonFilename);
+    const jsPath = getJsPath(jsonPath);
+    return (await safelyImport(jsPath)) || safelyParse(jsonPath);
+}
+export async function readJsonFromVisual(filePath, visualPath) {
+    const jsonPath = path.join(visualPath ?? process.cwd(), filePath);
+    const jsPath = getJsPath(jsonPath);
+    return (await safelyImport(jsPath)) || safelyParse(jsonPath);
 }

package/lib/webpack.config.js

@@ -3,7 +3,7 @@ import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import TerserPlugin from "terser-webpack-plugin";
 import path from "path";
 import webpack from "webpack";
-const config = readJsonFromRoot("/config.json");
+const config = await readJsonFromRoot("/config.json");
 const rootPath = getRootPath();
 const webpackConfig = {
     entry: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerbi-visuals-tools",
-  "version": "5.5.1",
+  "version": "6.0.0",
   "description": "Command line tool for creating and publishing visuals for Power BI",
   "main": "./bin/pbiviz.js",
   "type": "module",
@@ -8,12 +8,11 @@
     "build": "tsc",
     "pbiviz": "node ./bin/pbiviz.js",
     "start": "npm run pbiviz start",
-    "test": "npm run build && npm run clean-tests && npm run lint && npm run jasmine",
+    "test": "npm run build && npm run lint && npm run jasmine",
     "jasmine": "node spec/jasmine-runner.js",
     "jasmine-inspect": "node --inspect spec/jasmine-runner.js",
-    "lint": "npx eslint . --ext .ts,.tsx",
-    "clean-tests": "node spec/clean-tests.js",
-    "debug-tests": "npm run clean-tests && npm run lint && npm run jasmine-inspect"
+    "lint": "npx eslint .",
+    "debug-tests": "npm run lint && npm run jasmine-inspect"
   },
   "bin": {
     "pbiviz": "./bin/pbiviz.js"
@@ -29,64 +28,64 @@
   },
   "homepage": "https://github.com/Microsoft/PowerBI-visuals-tools#readme",
   "dependencies": {
-    "@typescript-eslint/parser": "^7.12.0",
+    "@typescript-eslint/parser": "^8.26.0",
     "assert": "^2.1.0",
-    "async": "^3.2.5",
+    "async": "^3.2.6",
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
-    "chalk": "^5.3.0",
-    "commander": "^11.1.0",
-    "compare-versions": "^6.1.0",
+    "chalk": "^5.4.1",
+    "commander": "^13.1.0",
+    "compare-versions": "^6.1.1",
     "console-browserify": "^1.2.0",
     "constants-browserify": "^1.0.0",
-    "crypto-browserify": "^3.12.0",
-    "css-loader": "^6.11.0",
+    "crypto-browserify": "^3.12.1",
+    "css-loader": "^7.1.2",
     "domain-browser": "^5.7.0",
     "events": "^3.3.0",
     "extra-watch-webpack-plugin": "^1.0.3",
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.0",
     "https-browserify": "^1.0.0",
     "inline-source-map": "^0.6.3",
     "json-loader": "0.5.7",
     "jszip": "^3.10.1",
-    "less": "^4.2.0",
+    "less": "^4.2.2",
     "less-loader": "^12.2.0",
     "lodash.clonedeep": "4.5.0",
     "lodash.defaults": "4.2.0",
     "lodash.isequal": "4.5.0",
     "lodash.ismatch": "^4.4.0",
-    "mini-css-extract-plugin": "^2.9.0",
+    "mini-css-extract-plugin": "^2.9.2",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
     "powerbi-visuals-webpack-plugin": "4.1.0",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
     "process": "^0.11.10",
     "punycode": "^2.3.1",
     "querystring-es3": "^0.2.1",
-    "readable-stream": "^4.5.2",
+    "readable-stream": "^4.7.0",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",
     "string_decoder": "^1.3.0",
-    "terser-webpack-plugin": "^5.3.10",
+    "terser-webpack-plugin": "^5.3.14",
     "timers-browserify": "^2.0.12",
-    "ts-loader": "^9.5.1",
+    "ts-loader": "^9.5.2",
     "tty-browserify": "^0.0.1",
-    "typescript": "^4.9.5",
-    "url": "^0.11.3",
+    "typescript": "^5.8.2",
+    "url": "^0.11.4",
     "util": "^0.12.5",
     "vm-browserify": "^1.1.2",
-    "webpack": "^5.91.0",
+    "webpack": "^5.98.0",
     "webpack-bundle-analyzer": "4.10.2",
-    "webpack-dev-server": "^4.15.2"
+    "webpack-dev-server": "^5.2.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "jasmine": "5.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "eslint": "^9.22.0",
+    "jasmine": "5.3.1",
     "jasmine-spec-reporter": "7.0.0",
-    "semver": "7.6.2",
+    "semver": "7.7.1",
     "tree-kill": "1.2.2",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^6.0.1"
   },
   "optionalDependencies": {
     "fsevents": "*"

package/templates/visuals/default/eslint.config.mjs

@@ -0,0 +1,8 @@
+import powerbiVisualsConfigs from "eslint-plugin-powerbi-visuals";
+
+export default [
+    powerbiVisualsConfigs.configs.recommended,
+    {
+        ignores: ["node_modules/**", "dist/**", ".vscode/**", ".tmp/**"],
+    },
+];

package/templates/visuals/default/package.json

@@ -11,18 +11,18 @@
     "pbiviz": "pbiviz",
     "start": "pbiviz start",
     "package": "pbiviz package",
-    "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx"
+    "lint": "npx eslint ."
   },
   "dependencies": {
-    "@types/d3": "7.4.0",
-    "d3": "7.8.5",
-    "powerbi-visuals-api": "5.4.0",
-    "powerbi-visuals-utils-formattingmodel": "6.0.0"
+    "@types/d3": "7.4.3",
+    "d3": "7.9.0",
+    "powerbi-visuals-api": "5.11.0",
+    "powerbi-visuals-utils-formattingmodel": "6.0.4"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "eslint": "^8.42.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "typescript": "4.9.3"
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
+    "typescript": "5.5.4"
   }
 }

package/templates/visuals/rhtml/eslint.config.mjs

@@ -0,0 +1,8 @@
+import powerbiVisualsConfigs from "eslint-plugin-powerbi-visuals";
+
+export default [
+    powerbiVisualsConfigs.configs.recommended,
+    {
+        ignores: ["node_modules/**", "dist/**", ".vscode/**", ".tmp/**"],
+    },
+];

package/templates/visuals/rhtml/package.json

@@ -4,17 +4,17 @@
     "powerbi-visuals-utils-formattingmodel": "6.0.0"
   },
   "devDependencies": {
-    "powerbi-visuals-api": "5.4.0",
-    "ts-loader": "9.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "eslint": "^8.42.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "typescript": "5.1.3"
+    "powerbi-visuals-api": "5.11.0",
+    "ts-loader": "9.5.1",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
+    "typescript": "5.5.4"
   },
   "scripts": {
     "pbiviz": "pbiviz",
     "start": "pbiviz start",
     "package": "pbiviz package",
-    "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx"
+    "lint": "npx eslint ."
   }
 }

package/templates/visuals/rhtml/src/htmlInjectionUtility.ts

@@ -39,7 +39,7 @@ function createScriptNode(refNode: Element): HTMLElement {
       };
     }
   }
-  // tslint:disable-next-line
+  
   script.innerHTML = refNode.innerHTML;
   return script;
 }

package/templates/visuals/rhtml/src/visual.ts

@@ -128,7 +128,6 @@ export class Visual implements IVisual {
     }
 
     public onResizing(finalViewport: IViewport): void {
-        // tslint:disable-next-line
         /* add code to handle resizing of the view port */
     }
 
@@ -146,7 +145,6 @@ export class Visual implements IVisual {
         // create 'virtual' HTML, so parsing is easier
         let el: HTMLHtmlElement = document.createElement("html");
         try {
-            // tslint:disable-next-line
             el.innerHTML = window.atob(payloadBase64);
         } catch (err) {
             return;

package/templates/visuals/rvisual/eslint.config.mjs

@@ -0,0 +1,8 @@
+import powerbiVisualsConfigs from "eslint-plugin-powerbi-visuals";
+
+export default [
+    powerbiVisualsConfigs.configs.recommended,
+    {
+        ignores: ["node_modules/**", "dist/**", ".vscode/**", ".tmp/**"],
+    },
+];

package/templates/visuals/rvisual/package.json

@@ -4,16 +4,16 @@
     "powerbi-visuals-utils-formattingmodel": "6.0.0"
   },
   "devDependencies": {
-    "powerbi-visuals-api": "5.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "eslint": "^8.42.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "typescript": "4.9.3"
+    "powerbi-visuals-api": "5.11.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
+    "typescript": "5.5.4"
   },
   "scripts": {
     "pbiviz": "pbiviz",
     "start": "pbiviz start",
     "package": "pbiviz package",
-    "lint": "tslint -c tslint.json -p tsconfig.json"
+    "lint": "eslint ."
   }
 }

package/templates/visuals/slicer/eslint.config.mjs

@@ -0,0 +1,8 @@
+import powerbiVisualsConfigs from "eslint-plugin-powerbi-visuals";
+
+export default [
+    powerbiVisualsConfigs.configs.recommended,
+    {
+        ignores: ["node_modules/**", "dist/**", ".vscode/**", ".tmp/**"],
+    },
+];

package/templates/visuals/slicer/package.json

@@ -4,18 +4,18 @@
     "pbiviz": "pbiviz",
     "start": "pbiviz start",
     "package": "pbiviz package",
-    "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx"
+    "lint": "npx eslint ."
   },
   "dependencies": {
-    "d3": "7.8.5",
-    "powerbi-visuals-utils-formattingmodel": "6.0.0"
+    "d3": "7.9.0",
+    "powerbi-visuals-utils-formattingmodel": "6.0.4"
   },
   "devDependencies": {
-    "@types/d3": "7.4.0",
-    "powerbi-visuals-api": "5.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "eslint": "^8.42.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "typescript": "4.9.3"
+    "@types/d3": "7.4.3",
+    "powerbi-visuals-api": "5.11.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
+    "typescript": "5.5.4"
   }
 }

package/templates/visuals/table/eslint.config.mjs

@@ -0,0 +1,8 @@
+import powerbiVisualsConfigs from "eslint-plugin-powerbi-visuals";
+
+export default [
+    powerbiVisualsConfigs.configs.recommended,
+    {
+        ignores: ["node_modules/**", "dist/**", ".vscode/**", ".tmp/**"],
+    },
+];

package/templates/visuals/table/package.json

@@ -4,18 +4,18 @@
     "pbiviz": "pbiviz",
     "start": "pbiviz start",
     "package": "pbiviz package",
-    "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx"
+    "lint": "npx eslint ."
   },
   "dependencies": {
-    "d3": "7.8.5",
-    "powerbi-visuals-utils-formattingmodel": "6.0.0"
+    "d3": "7.9.0",
+    "powerbi-visuals-utils-formattingmodel": "6.0.4"
   },
   "devDependencies": {
-    "powerbi-visuals-api": "5.4.0",
-    "@types/d3": "7.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "eslint": "^8.42.0",
-    "eslint-plugin-powerbi-visuals": "^0.8.1",
-    "typescript": "4.9.3"
+    "powerbi-visuals-api": "5.11.0",
+    "@types/d3": "7.4.3",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-powerbi-visuals": "^1.0.0",
+    "typescript": "5.5.4"
   }
 }

package/templates/visuals/table/tsconfig.json

@@ -18,6 +18,6 @@
     ],
     "exclude": [
         "node_modules",
-        "templates",
+        "templates"
     ]
   }

package/templates/visuals/_global/tslint.json

@@ -1,79 +0,0 @@
-{
-    "rules": {
-        "class-name": true,
-        "comment-format": [
-            true,
-            "check-space"
-        ],
-        "indent": [
-            true,
-            "spaces"
-        ],
-        "no-duplicate-variable": true,
-        "no-eval": true,
-        "no-internal-module": false,
-        "no-trailing-whitespace": true,
-        "no-unsafe-finally": true,
-        "no-var-keyword": true,
-        "one-line": [
-            true,
-            "check-open-brace",
-            "check-whitespace"
-        ],
-        "quotemark": [
-            false,
-            "double"
-        ],
-        "semicolon": [
-            true,
-            "always"
-        ],
-        "triple-equals": [
-            true,
-            "allow-null-check"
-        ],
-        "typedef-whitespace": [
-            true,
-            {
-                "call-signature": "nospace",
-                "index-signature": "nospace",
-                "parameter": "nospace",
-                "property-declaration": "nospace",
-                "variable-declaration": "nospace"
-            }
-        ],
-        "variable-name": [
-            true,
-            "ban-keywords"
-        ],
-        "whitespace": [
-            true,
-            "check-branch",
-            "check-decl",
-            "check-operator",
-            "check-separator",
-            "check-type"
-        ],
-        "insecure-random": true,
-        "no-banned-terms": true,
-        "no-cookies": true,
-        "no-delete-expression": true,
-        "no-disable-auto-sanitization": true,
-        "no-document-domain": true,
-        "no-document-write": true,
-        "no-exec-script": true,
-        "no-function-constructor-with-string-args": true,
-        "no-http-string": [true, "http://www.example.com/?.*", "http://www.examples.com/?.*"],
-        "no-inner-html": true,
-        "no-octal-literal": true,
-        "no-reserved-keywords": true,
-        "no-string-based-set-immediate": true,
-        "no-string-based-set-interval": true,
-        "no-string-based-set-timeout": true,
-        "non-literal-require": true,
-        "possible-timing-attack": true,
-        "react-anchor-blank-noopener": true,
-        "react-iframe-missing-sandbox": true,
-        "react-no-dangerous-html": true
-    }
-}

package/templates/visuals/default/.eslintignore

@@ -1,5 +0,0 @@
-assets
-style
-dist
-node_modules
-.eslintrc.js

package/templates/visuals/default/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-    env: {
-        "browser": true,
-        "es6": true,
-        "es2017": true
-    },
-    root: true,
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        project: "tsconfig.json",
-        tsconfigRootDir: ".",
-    },
-    plugins: [
-        "powerbi-visuals"
-    ],
-    extends: [
-        "plugin:powerbi-visuals/recommended"
-    ],
-    rules: {}
-};

package/templates/visuals/rhtml/.eslintignore

@@ -1,5 +0,0 @@
-assets
-style
-dist
-node_modules
-.eslintrc.js

package/templates/visuals/rhtml/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-    env: {
-        "browser": true,
-        "es6": true,
-        "es2017": true
-    },
-    root: true,
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        project: "tsconfig.json",
-        tsconfigRootDir: ".",
-    },
-    plugins: [
-        "powerbi-visuals"
-    ],
-    extends: [
-        "plugin:powerbi-visuals/recommended"
-    ],
-    rules: {}
-};

package/templates/visuals/rvisual/.eslintignore

@@ -1,5 +0,0 @@
-assets
-style
-dist
-node_modules
-.eslintrc.js

package/templates/visuals/rvisual/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-    env: {
-        "browser": true,
-        "es6": true,
-        "es2017": true
-    },
-    root: true,
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        project: "tsconfig.json",
-        tsconfigRootDir: ".",
-    },
-    plugins: [
-        "powerbi-visuals"
-    ],
-    extends: [
-        "plugin:powerbi-visuals/recommended"
-    ],
-    rules: {}
-};

package/templates/visuals/slicer/.eslintignore

@@ -1,5 +0,0 @@
-assets
-style
-dist
-node_modules
-.eslintrc.js

package/templates/visuals/slicer/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-    env: {
-        "browser": true,
-        "es6": true,
-        "es2017": true
-    },
-    root: true,
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        project: "tsconfig.json",
-        tsconfigRootDir: ".",
-    },
-    plugins: [
-        "powerbi-visuals"
-    ],
-    extends: [
-        "plugin:powerbi-visuals/recommended"
-    ],
-    rules: {}
-};

package/templates/visuals/table/.eslintignore

@@ -1,5 +0,0 @@
-assets
-style
-dist
-node_modules
-.eslintrc.js

package/templates/visuals/table/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-    env: {
-        "browser": true,
-        "es6": true,
-        "es2017": true
-    },
-    root: true,
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        project: "tsconfig.json",
-        tsconfigRootDir: ".",
-    },
-    plugins: [
-        "powerbi-visuals"
-    ],
-    extends: [
-        "plugin:powerbi-visuals/recommended"
-    ],
-    rules: {}
-};