innetjs 2.0.0 → 2.0.3

package/README.md

@@ -58,9 +58,6 @@ Use the command in the project folder to build it.
 innetjs build
 ```
 
-## Links
-Check [README.md](https://github.com/d8corp/innetjs/tree/main/src/templates/fe) of `fe` template
-
 ## Issues
 If you find a bug or have a suggestion, please file an issue on [GitHub](https://github.com/d8corp/innetjs/issues).
 

package/bin/innet

@@ -23,6 +23,9 @@ var proxy = require('express-http-proxy');
 var selector = require('cli-select');
 var jsx = require('rollup-plugin-innet-jsx');
 var filesize = require('rollup-plugin-filesize');
+var image = require('@rollup/plugin-image');
+var eslint = require('@rollup/plugin-eslint');
+var linesAndColumns = require('lines-and-columns');
 var unzipper = require('unzipper');
 var commander = require('commander');
 
@@ -47,6 +50,8 @@ var proxy__default = /*#__PURE__*/_interopDefaultLegacy(proxy);
 var selector__default = /*#__PURE__*/_interopDefaultLegacy(selector);
 var jsx__default = /*#__PURE__*/_interopDefaultLegacy(jsx);
 var filesize__default = /*#__PURE__*/_interopDefaultLegacy(filesize);
+var image__default = /*#__PURE__*/_interopDefaultLegacy(image);
+var eslint__default = /*#__PURE__*/_interopDefaultLegacy(eslint);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -115,13 +120,35 @@ function Extract(opts, template) {
     return extract;
 }
 
-const livereload = require('rollup-plugin-livereload');
-const { string } = require('rollup-plugin-string');
-const { exec, spawn } = require('child_process');
-const readline = require('readline');
-const execAsync = util.promisify(exec);
-const copyFiles = util.promisify(fs__default["default"].copy);
-require('dotenv').config();
+const lintIncludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+];
+const stringExcludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+    '**/*.css',
+    '**/*.scss',
+    '**/*.webp',
+    '**/*.gif',
+    '**/*.png',
+    '**/*.jpeg',
+    '**/*.jpg',
+    '**/*.svg',
+];
+const stringExcludeNode = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+];
+
 function getFile(file) {
     file = path__default["default"].resolve(file);
     if (!fs__default["default"].existsSync(file)) {
@@ -154,7 +181,15 @@ function convertIndexFile(data, version) {
 const reporter = (options, outputOptions, info) => {
     logger__default["default"].log(`${chalk__default["default"].yellow(info.fileName)} ${chalk__default["default"].green(info.bundleSize)} [ gzip: ${chalk__default["default"].green(info.gzipSize)} ]`);
     return '';
-};
+};
+
+const livereload = require('rollup-plugin-livereload');
+const { string } = require('rollup-plugin-string');
+const { exec, spawn } = require('child_process');
+const readline = require('readline');
+const execAsync = util.promisify(exec);
+const copyFiles = util.promisify(fs__default["default"].copy);
+require('dotenv').config();
 class InnetJS {
     constructor({ projectFolder = process.env.PROJECT_FOLDER || '', publicFolder = process.env.PUBLIC_FOLDER || 'public', buildFolder = process.env.BUILD_FOLDER || 'build', srcFolder = process.env.SRC_FOLDER || 'src', sourcemap = process.env.SOURCEMAP ? process.env.SOURCEMAP === 'true' : false, cssModules = process.env.CSS_MODULES ? process.env.CSS_MODULES === 'true' : true, cssInJs = process.env.CSS_IN_JS ? process.env.CSS_IN_JS === 'true' : true, sslKey = process.env.SSL_KEY || 'localhost.key', sslCrt = process.env.SSL_CRT || 'localhost.crt', proxy = process.env.PROXY || '', port = process.env.PORT ? +process.env.PORT : 3000, api = process.env.API || '*', } = {}) {
         this.projectFolder = path__default["default"].resolve(projectFolder);
@@ -248,35 +283,30 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.buildFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }));
             }
             else {
-                inputOptions.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles__default["default"]({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer__default["default"]()],
-                    modules: this.cssModules,
-                    sourceMap: this.sourcemap,
-                    minimize: true,
-                }));
+                inputOptions.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...inputOptions.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: this.sourcemap,
+                        minimize: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                ];
                 outputOptions.format = 'es';
                 outputOptions.plugins = [
                     rollupPluginTerser.terser(),
@@ -344,13 +374,7 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.srcFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }), this.createServer(options.external));
             }
             else {
@@ -365,29 +389,49 @@ class InnetJS {
                         ? fs__default["default"].readFileSync(this.sslCrt)
                         : undefined;
                 options.output.format = 'es';
-                options.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles__default["default"]({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer__default["default"]()],
-                    modules: this.cssModules,
-                    sourceMap: true,
-                }), this.createClient(key, cert, pkg), livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {}))));
+                options.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...options.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                    this.createClient(key, cert, pkg),
+                    livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {})))
+                ];
             }
             const watcher = rollup__default["default"].watch(options);
             watcher.on('event', (e) => __awaiter(this, void 0, void 0, function* () {
                 if (e.code == 'ERROR') {
-                    logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    if (e.error.code === 'UNRESOLVED_IMPORT') {
+                        const [, importer, file] = e.error.message.match(/^Could not resolve '(.+)' from (.+)$/) || [];
+                        const text = (yield fs__default["default"].readFile(file)).toString();
+                        const lines = new linesAndColumns.LinesAndColumns(text);
+                        const { line, column } = lines.locationForIndex(text.indexOf(importer));
+                        logger__default["default"].end('Bundling', e.error.message);
+                        console.log(`ERROR in ${file}:${line + 1}:${column + 1}`);
+                    }
+                    else if (e.error.code === 'PLUGIN_ERROR' && ['rpt2', 'commonjs'].includes(e.error.plugin)) {
+                        const [, file, line, column] = e.error.message.match(/^[^(]+(src[^(]+)\((\d+),(\d+)\)/) || [];
+                        logger__default["default"].end('Bundling', e.error.message);
+                        if (file) {
+                            console.log(`ERROR in ${file}:${line}:${column}`);
+                        }
+                    }
+                    else {
+                        logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    }
                 }
                 else if (e.code === 'BUNDLE_START') {
                     logger__default["default"].start('Bundling');
@@ -536,7 +580,7 @@ class InnetJS {
     }
 }
 
-var version = "2.0.0";
+var version = "2.0.3";
 
 require('dotenv').config();
 const innetJS = new InnetJS();

package/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const lintIncludeDom: string[];
+export declare const stringExcludeDom: string[];
+export declare const stringExcludeNode: string[];

package/declaration.d.ts

@@ -0,0 +1,39 @@
+declare module '*.scss' {
+  const content: Record<string, string>
+  export default content
+}
+
+declare module '*.css' {
+  const content: Record<string, string>
+  export default content
+}
+
+declare module '*.svg' {
+  const content: string
+  export default content
+}
+
+declare module '*.jpg' {
+  const content: string
+  export default content
+}
+
+declare module '*.jpeg' {
+  const content: string
+  export default content
+}
+
+declare module '*.png' {
+  const content: string
+  export default content
+}
+
+declare module '*.gif' {
+  const content: string
+  export default content
+}
+
+declare module '*.webp' {
+  const content: string
+  export default content
+}

package/helpers.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+import { FileSizeRender } from 'rollup-plugin-filesize';
+export declare function getFile(file: any): any;
+export declare function convertIndexFile(data: Buffer, version: string): Promise<string>;
+export declare const reporter: FileSizeRender<string | Promise<string>>;

package/index.es6.js

@@ -20,6 +20,9 @@ import proxy from 'express-http-proxy';
 import selector from 'cli-select';
 import jsx from 'rollup-plugin-innet-jsx';
 import filesize from 'rollup-plugin-filesize';
+import image from '@rollup/plugin-image';
+import eslint from '@rollup/plugin-eslint';
+import { LinesAndColumns } from 'lines-and-columns';
 import { Parse } from 'unzipper';
 
 /******************************************************************************
@@ -89,13 +92,35 @@ function Extract(opts, template) {
     return extract;
 }
 
-const livereload = require('rollup-plugin-livereload');
-const { string } = require('rollup-plugin-string');
-const { exec, spawn } = require('child_process');
-const readline = require('readline');
-const execAsync = promisify(exec);
-const copyFiles = promisify(fs.copy);
-require('dotenv').config();
+const lintIncludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+];
+const stringExcludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+    '**/*.css',
+    '**/*.scss',
+    '**/*.webp',
+    '**/*.gif',
+    '**/*.png',
+    '**/*.jpeg',
+    '**/*.jpg',
+    '**/*.svg',
+];
+const stringExcludeNode = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+];
+
 function getFile(file) {
     file = path$1.resolve(file);
     if (!fs.existsSync(file)) {
@@ -128,7 +153,15 @@ function convertIndexFile(data, version) {
 const reporter = (options, outputOptions, info) => {
     logger.log(`${chalk.yellow(info.fileName)} ${chalk.green(info.bundleSize)} [ gzip: ${chalk.green(info.gzipSize)} ]`);
     return '';
-};
+};
+
+const livereload = require('rollup-plugin-livereload');
+const { string } = require('rollup-plugin-string');
+const { exec, spawn } = require('child_process');
+const readline = require('readline');
+const execAsync = promisify(exec);
+const copyFiles = promisify(fs.copy);
+require('dotenv').config();
 class InnetJS {
     constructor({ projectFolder = process.env.PROJECT_FOLDER || '', publicFolder = process.env.PUBLIC_FOLDER || 'public', buildFolder = process.env.BUILD_FOLDER || 'build', srcFolder = process.env.SRC_FOLDER || 'src', sourcemap = process.env.SOURCEMAP ? process.env.SOURCEMAP === 'true' : false, cssModules = process.env.CSS_MODULES ? process.env.CSS_MODULES === 'true' : true, cssInJs = process.env.CSS_IN_JS ? process.env.CSS_IN_JS === 'true' : true, sslKey = process.env.SSL_KEY || 'localhost.key', sslCrt = process.env.SSL_CRT || 'localhost.crt', proxy = process.env.PROXY || '', port = process.env.PORT ? +process.env.PORT : 3000, api = process.env.API || '*', } = {}) {
         this.projectFolder = path$1.resolve(projectFolder);
@@ -222,35 +255,30 @@ class InnetJS {
                     moduleDirectories: [path$1.resolve(this.buildFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }));
             }
             else {
-                inputOptions.plugins.push(nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer()],
-                    modules: this.cssModules,
-                    sourceMap: this.sourcemap,
-                    minimize: true,
-                }));
+                inputOptions.plugins = [
+                    eslint({
+                        include: lintIncludeDom,
+                    }),
+                    ...inputOptions.plugins,
+                    nodeResolve(),
+                    image(),
+                    styles({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer()],
+                        modules: this.cssModules,
+                        sourceMap: this.sourcemap,
+                        minimize: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                ];
                 outputOptions.format = 'es';
                 outputOptions.plugins = [
                     terser(),
@@ -318,13 +346,7 @@ class InnetJS {
                     moduleDirectories: [path$1.resolve(this.srcFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }), this.createServer(options.external));
             }
             else {
@@ -339,29 +361,49 @@ class InnetJS {
                         ? fs.readFileSync(this.sslCrt)
                         : undefined;
                 options.output.format = 'es';
-                options.plugins.push(nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer()],
-                    modules: this.cssModules,
-                    sourceMap: true,
-                }), this.createClient(key, cert, pkg), livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {}))));
+                options.plugins = [
+                    eslint({
+                        include: lintIncludeDom,
+                    }),
+                    ...options.plugins,
+                    nodeResolve(),
+                    image(),
+                    styles({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer()],
+                        modules: this.cssModules,
+                        sourceMap: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                    this.createClient(key, cert, pkg),
+                    livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {})))
+                ];
             }
             const watcher = rollup.watch(options);
             watcher.on('event', (e) => __awaiter(this, void 0, void 0, function* () {
                 if (e.code == 'ERROR') {
-                    logger.end('Bundling', error ? e.error.stack : e.error.message);
+                    if (e.error.code === 'UNRESOLVED_IMPORT') {
+                        const [, importer, file] = e.error.message.match(/^Could not resolve '(.+)' from (.+)$/) || [];
+                        const text = (yield fs.readFile(file)).toString();
+                        const lines = new LinesAndColumns(text);
+                        const { line, column } = lines.locationForIndex(text.indexOf(importer));
+                        logger.end('Bundling', e.error.message);
+                        console.log(`ERROR in ${file}:${line + 1}:${column + 1}`);
+                    }
+                    else if (e.error.code === 'PLUGIN_ERROR' && ['rpt2', 'commonjs'].includes(e.error.plugin)) {
+                        const [, file, line, column] = e.error.message.match(/^[^(]+(src[^(]+)\((\d+),(\d+)\)/) || [];
+                        logger.end('Bundling', e.error.message);
+                        if (file) {
+                            console.log(`ERROR in ${file}:${line}:${column}`);
+                        }
+                    }
+                    else {
+                        logger.end('Bundling', error ? e.error.stack : e.error.message);
+                    }
                 }
                 else if (e.code === 'BUNDLE_START') {
                     logger.start('Bundling');

package/index.js

@@ -22,6 +22,9 @@ var proxy = require('express-http-proxy');
 var selector = require('cli-select');
 var jsx = require('rollup-plugin-innet-jsx');
 var filesize = require('rollup-plugin-filesize');
+var image = require('@rollup/plugin-image');
+var eslint = require('@rollup/plugin-eslint');
+var linesAndColumns = require('lines-and-columns');
 var unzipper = require('unzipper');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -45,6 +48,8 @@ var proxy__default = /*#__PURE__*/_interopDefaultLegacy(proxy);
 var selector__default = /*#__PURE__*/_interopDefaultLegacy(selector);
 var jsx__default = /*#__PURE__*/_interopDefaultLegacy(jsx);
 var filesize__default = /*#__PURE__*/_interopDefaultLegacy(filesize);
+var image__default = /*#__PURE__*/_interopDefaultLegacy(image);
+var eslint__default = /*#__PURE__*/_interopDefaultLegacy(eslint);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -113,13 +118,35 @@ function Extract(opts, template) {
     return extract;
 }
 
-const livereload = require('rollup-plugin-livereload');
-const { string } = require('rollup-plugin-string');
-const { exec, spawn } = require('child_process');
-const readline = require('readline');
-const execAsync = util.promisify(exec);
-const copyFiles = util.promisify(fs__default["default"].copy);
-require('dotenv').config();
+const lintIncludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+];
+const stringExcludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+    '**/*.css',
+    '**/*.scss',
+    '**/*.webp',
+    '**/*.gif',
+    '**/*.png',
+    '**/*.jpeg',
+    '**/*.jpg',
+    '**/*.svg',
+];
+const stringExcludeNode = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+];
+
 function getFile(file) {
     file = path__default["default"].resolve(file);
     if (!fs__default["default"].existsSync(file)) {
@@ -152,7 +179,15 @@ function convertIndexFile(data, version) {
 const reporter = (options, outputOptions, info) => {
     logger__default["default"].log(`${chalk__default["default"].yellow(info.fileName)} ${chalk__default["default"].green(info.bundleSize)} [ gzip: ${chalk__default["default"].green(info.gzipSize)} ]`);
     return '';
-};
+};
+
+const livereload = require('rollup-plugin-livereload');
+const { string } = require('rollup-plugin-string');
+const { exec, spawn } = require('child_process');
+const readline = require('readline');
+const execAsync = util.promisify(exec);
+const copyFiles = util.promisify(fs__default["default"].copy);
+require('dotenv').config();
 class InnetJS {
     constructor({ projectFolder = process.env.PROJECT_FOLDER || '', publicFolder = process.env.PUBLIC_FOLDER || 'public', buildFolder = process.env.BUILD_FOLDER || 'build', srcFolder = process.env.SRC_FOLDER || 'src', sourcemap = process.env.SOURCEMAP ? process.env.SOURCEMAP === 'true' : false, cssModules = process.env.CSS_MODULES ? process.env.CSS_MODULES === 'true' : true, cssInJs = process.env.CSS_IN_JS ? process.env.CSS_IN_JS === 'true' : true, sslKey = process.env.SSL_KEY || 'localhost.key', sslCrt = process.env.SSL_CRT || 'localhost.crt', proxy = process.env.PROXY || '', port = process.env.PORT ? +process.env.PORT : 3000, api = process.env.API || '*', } = {}) {
         this.projectFolder = path__default["default"].resolve(projectFolder);
@@ -246,35 +281,30 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.buildFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }));
             }
             else {
-                inputOptions.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles__default["default"]({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer__default["default"]()],
-                    modules: this.cssModules,
-                    sourceMap: this.sourcemap,
-                    minimize: true,
-                }));
+                inputOptions.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...inputOptions.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: this.sourcemap,
+                        minimize: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                ];
                 outputOptions.format = 'es';
                 outputOptions.plugins = [
                     rollupPluginTerser.terser(),
@@ -342,13 +372,7 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.srcFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }), this.createServer(options.external));
             }
             else {
@@ -363,29 +387,49 @@ class InnetJS {
                         ? fs__default["default"].readFileSync(this.sslCrt)
                         : undefined;
                 options.output.format = 'es';
-                options.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), styles__default["default"]({
-                    mode: this.cssInJs ? 'inject' : 'extract',
-                    url: true,
-                    plugins: [autoprefixer__default["default"]()],
-                    modules: this.cssModules,
-                    sourceMap: true,
-                }), this.createClient(key, cert, pkg), livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {}))));
+                options.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...options.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                    this.createClient(key, cert, pkg),
+                    livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {})))
+                ];
             }
             const watcher = rollup__default["default"].watch(options);
             watcher.on('event', (e) => __awaiter(this, void 0, void 0, function* () {
                 if (e.code == 'ERROR') {
-                    logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    if (e.error.code === 'UNRESOLVED_IMPORT') {
+                        const [, importer, file] = e.error.message.match(/^Could not resolve '(.+)' from (.+)$/) || [];
+                        const text = (yield fs__default["default"].readFile(file)).toString();
+                        const lines = new linesAndColumns.LinesAndColumns(text);
+                        const { line, column } = lines.locationForIndex(text.indexOf(importer));
+                        logger__default["default"].end('Bundling', e.error.message);
+                        console.log(`ERROR in ${file}:${line + 1}:${column + 1}`);
+                    }
+                    else if (e.error.code === 'PLUGIN_ERROR' && ['rpt2', 'commonjs'].includes(e.error.plugin)) {
+                        const [, file, line, column] = e.error.message.match(/^[^(]+(src[^(]+)\((\d+),(\d+)\)/) || [];
+                        logger__default["default"].end('Bundling', e.error.message);
+                        if (file) {
+                            console.log(`ERROR in ${file}:${line}:${column}`);
+                        }
+                    }
+                    else {
+                        logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    }
                 }
                 else if (e.code === 'BUNDLE_START') {
                     logger__default["default"].start('Bundling');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "innetjs",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "CLI for innet boilerplate",
   "homepage": "https://github.com/d8corp/innetjs",
   "author": "Mikhail Lysikov <d8corp@mail.ru>",
@@ -33,6 +33,8 @@
   "dependencies": {
     "@cantinc/logger": "^1.1.0",
     "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-eslint": "^8.0.2",
+    "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "autoprefixer": "^10.4.8",
@@ -44,12 +46,12 @@
     "express": "^4.18.1",
     "express-http-proxy": "^1.6.3",
     "fs-extra": "^10.1.0",
+    "lines-and-columns": "^2.0.3",
     "node-sass": "^7.0.1",
     "postcss": "^8.4.16",
     "rollup": "^2.77.2",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-innet-jsx": "^1.3.0",
-    "rollup-plugin-lit-css": "^4.0.0",
     "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-styles": "^4.0.0",