@cmmn/tools 1.2.2 → 1.2.3

package/bin.js

@@ -1,13 +1,13 @@
 #!/usr/bin/env node
-
-import {bundle} from "./bundle/bundle.js";
-import {compile} from "./compile/compile.js";
-import {gen} from "./gen/gen.js";
-
-const [action, ...args] = process.argv.slice(2);
-
-const actions = {
-    bundle, compile, gen
-}
-
-actions[action](...args);
+
+import {bundle} from "./bundle/bundle.js";
+import {compile} from "./compile/compile.js";
+import {gen} from "./gen/gen.js";
+
+const [action, ...args] = process.argv.slice(2);
+
+const actions = {
+    bundle, compile, gen
+}
+
+actions[action](...args);

package/bundle/bundle.js

@@ -1,116 +1,116 @@
-import {ConfigCreator} from "./rollup.config.js";
-import {rollup, watch} from "rollup";
-import fs from "fs";
-import path from "path";
-import fg from "fast-glob";
-
-function getProjectConfig(rootDir, cmmn, options) {
-    const configCreator = new ConfigCreator({
-        ...options,
-        ...cmmn,
-    });
-    configCreator.setRootDir(rootDir);
-    return configCreator.getConfig();
-}
-
-function getPackageConfigs(rootDir, options, name = null) {
-    const results = [];
-    const pkg = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json')));
-    if (name) {
-        results.push(...getProjectConfig(rootDir, pkg.cmmn[name], {
-            ...options,
-            name
-        }));
-    } else {
-        for (let name in pkg.cmmn) {
-            results.push(...getProjectConfig(rootDir, pkg.cmmn[name], {
-                ...options,
-                name
-            }));
-        }
-    }
-    return results;
-}
-
-function getLernaSubPackages(lernaFile, options) {
-    const config = JSON.parse(fs.readFileSync(lernaFile, 'utf8'));
-    const packages = config.packages;
-    const dirs = packages.flatMap(pkg => fg.sync([pkg], {
-        absolute: true,
-        globstar: true,
-        onlyDirectories: true,
-        cwd: path.dirname(lernaFile)
-    }));
-    return dirs.flatMap(dir => getPackageConfigs(dir, options));
-}
-
-function getConfigs(options) {
-    if (!options.input || options.project) {
-        const rootDir = process.cwd();
-        const lernaPath = path.join(rootDir, 'lerna.json');
-        if (fs.existsSync(lernaPath)) {
-            return getLernaSubPackages(lernaPath, options);
-        }
-        return getPackageConfigs(process.cwd(), options);
-    }
-    if (options.input && !fs.existsSync(options.input)) {
-        return getPackageConfigs(process.cwd(), options, options.input);
-    }
-    const creator = new ConfigCreator(options);
-    return creator.getConfig();
-}
-
-export async function bundle(...options) {
-    const configs = getConfigs({
-        input: options.filter(x => !x.startsWith('-'))[0],
-        project: options.includes('-b'),
-        minify: options.includes('--prod'),
-        devServer: options.includes('--run'),
-        stats: options.includes('--stats'),
-    });
-    if (!options.includes('--watch')) {
-        for (let config of configs) {
-            console.log(`1. ${config.input} -> ${config.output.file}`);
-            const build = await rollup(config);
-            await build.write(config.output);
-            console.log('SUCCESS');
-        }
-        return;
-    }
-    const watcher = watch(configs);
-    watcher.on('event', (event) => {
-        switch (event.code) {
-            case 'START':
-                console.clear();
-                console.log('START BUNDLING');
-                break;
-            case 'END':
-                console.log('FINISH');
-                break;
-            case 'BUNDLE_START':
-                console.log(`1. ${event.input} -> ${event.output}`);
-                break;
-            case 'BUNDLE_END':
-                console.log(`1. ${event.input} -> ${event.output}, (${event.duration / 1000}s)`);
-                break;
-
-            case 'ERROR':
-                switch (event.error.code) {
-                    case 'PARSE_ERROR':
-                        console.warn('Error parsing files:');
-                        console.log(`\t${event.error.parserError.message}`);
-                        console.log(`\tat: ${event.error.id}`);
-                        console.log(`\tline: ${event.error.frame}`);
-                        break;
-                    case 'UNRESOLVED_IMPORT':
-                        console.error(event.error.message);
-                        break;
-                    default:
-                        console.warn('Unknown error:', event.error.code);
-                        console.error(event.error);
-                        break;
-                }
-                break;
-        }
-    });
-}
+import {ConfigCreator} from "./rollup.config.js";
+import {rollup, watch} from "rollup";
+import fs from "fs";
+import path from "path";
+import fg from "fast-glob";
+
+function getProjectConfig(rootDir, cmmn, options) {
+    const configCreator = new ConfigCreator({
+        ...options,
+        ...cmmn,
+    });
+    configCreator.setRootDir(rootDir);
+    return configCreator.getConfig();
+}
+
+function getPackageConfigs(rootDir, options, name = null) {
+    const results = [];
+    const pkg = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json')));
+    if (name) {
+        results.push(...getProjectConfig(rootDir, pkg.cmmn[name], {
+            ...options,
+            name
+        }));
+    } else {
+        for (let name in pkg.cmmn) {
+            results.push(...getProjectConfig(rootDir, pkg.cmmn[name], {
+                ...options,
+                name
+            }));
+        }
+    }
+    return results;
+}
+
+function getLernaSubPackages(lernaFile, options) {
+    const config = JSON.parse(fs.readFileSync(lernaFile, 'utf8'));
+    const packages = config.packages;
+    const dirs = packages.flatMap(pkg => fg.sync([pkg], {
+        absolute: true,
+        globstar: true,
+        onlyDirectories: true,
+        cwd: path.dirname(lernaFile)
+    }));
+    return dirs.flatMap(dir => getPackageConfigs(dir, options));
+}
+
+function getConfigs(options) {
+    if (!options.input || options.project) {
+        const rootDir = process.cwd();
+        const lernaPath = path.join(rootDir, 'lerna.json');
+        if (fs.existsSync(lernaPath)) {
+            return getLernaSubPackages(lernaPath, options);
+        }
+        return getPackageConfigs(process.cwd(), options);
+    }
+    if (!options.input.includes('.') || !fs.existsSync(options.input)) {
+        return getPackageConfigs(process.cwd(), options, options.input);
+    }
+    const creator = new ConfigCreator(options);
+    return creator.getConfig();
+}
+
+export async function bundle(...options) {
+    const configs = getConfigs({
+        input: options.filter(x => !x.startsWith('-'))[0],
+        project: options.includes('-b'),
+        minify: options.includes('--prod'),
+        devServer: options.includes('--run'),
+        stats: options.includes('--stats'),
+    });
+    if (!options.includes('--watch')) {
+        for (let config of configs) {
+            console.log(`1. ${config.input} -> ${config.output.file}`);
+            const build = await rollup(config);
+            await build.write(config.output);
+            console.log('SUCCESS');
+        }
+        return;
+    }
+    const watcher = watch(configs);
+    watcher.on('event', (event) => {
+        switch (event.code) {
+            case 'START':
+                console.clear();
+                console.log('START BUNDLING');
+                break;
+            case 'END':
+                console.log('FINISH');
+                break;
+            case 'BUNDLE_START':
+                console.log(`1. ${event.input} -> ${event.output}`);
+                break;
+            case 'BUNDLE_END':
+                console.log(`1. ${event.input} -> ${event.output}, (${event.duration / 1000}s)`);
+                break;
+
+            case 'ERROR':
+                switch (event.error.code) {
+                    case 'PARSE_ERROR':
+                        console.warn('Error parsing files:');
+                        console.log(`\t${event.error.parserError.message}`);
+                        console.log(`\tat: ${event.error.id}`);
+                        console.log(`\tline: ${event.error.frame}`);
+                        break;
+                    case 'UNRESOLVED_IMPORT':
+                        console.error(event.error.message);
+                        break;
+                    default:
+                        console.warn('Unknown error:', event.error.code);
+                        console.error(event.error);
+                        break;
+                }
+                break;
+        }
+    });
+}

package/bundle/rollup.config.js

@@ -1,183 +1,196 @@
-import commonjs from '@rollup/plugin-commonjs';
-import nodeResolve from '@rollup/plugin-node-resolve';
-import {terser} from "rollup-plugin-terser"
-import {visualizer} from 'rollup-plugin-visualizer';
-import styles from "rollup-plugin-styles";
-import builtins from "rollup-plugin-node-builtins";
-import {string} from "rollup-plugin-string";
-import serve from 'rollup-plugin-serve'
-import livereload from 'rollup-plugin-livereload'
-import fs from "fs";
-import path from "path";
-import html  from '@open-wc/rollup-plugin-html';
-/**
- * @typedef {import(rollup).RollupOptions} RollupOptions
- * @typedef {import(rollup).OutputOptions} OutputOptions
- */
-
-export class ConfigCreator {
-
-    /**
-     * @type {{
-     *     minify: boolean,
-     *     input: string,
-     *     devServer: boolean,
-     *     module: string,
-     *     external: string[],
-     *     stats: boolean,
-     *     name: string,
-     *     outDir: string,
-     *     html: string,
-     *     dedupe: string[]
-     * }}
-     */
-    options;
-
-    /**
-     * @type {string}
-     */
-    root = process.cwd();
-
-
-    constructor(options) {
-        this.options = {
-            ...options
-        };
-    }
-
-    setRootDir(rootDir){
-        this.root = rootDir;
-    }
-
-    get outDir(){
-        return path.join(this.root, this.options.outDir);
-    }
-
-    /**
-     *
-     * @returns {OutputOptions}
-     */
-    get output() {
-        // const output = `${this.options.name ?? 'index'}-${this.options.module}${this.options.minify ? '.min' : ''}.js`;
-        return {
-            entryFileNames: `[name]-${this.options.module}${this.options.minify ? '.min' : ''}.js`,
-            // file: output,
-            dir: this.outDir,
-            sourcemap: !this.options.minify,
-            format: this.options.module,
-            name: 'global',
-        };
-    }
-
-    get html(){
-        return html({
-            publicPath: '/',
-            dir: this.outDir,
-            template: () => fs.readFileSync(path.join(this.root, this.options.html), 'utf8')
-        });
-    }
-    get devServer(){
-        return serve({
-            open: false,
-            contentBase: [this.outDir, path.join(this.root, 'assets')],
-            port: 3001,
-            historyApiFallback: true
-        });
-    }
-
-    get livereload(){
-        return livereload({
-            watch: [this.outDir, path.join(this.root, 'assets')],
-            verbose: false, // Disable console output
-            // other livereload options
-            port: 12345,
-            delay: 300,
-        })
-    }
-
-    get visualizer(){
-        return visualizer({
-            open: true,
-            sourcemap: true,
-            template: 'treemap',
-            brotliSize: true,
-            filename: path.join(this.outDir, '/stats.html')
-        })
-    }
-
-    get plugins() {
-        const result = [
-            builtins(),
-            nodeResolve({
-                browser: true,
-                dedupe: this.options.dedupe || []
-            }),
-            commonjs({
-                 requireReturnsDefault: "namespace",
-            }),
-            styles({
-                mode: "emit",
-            }),
-            string({
-                include: /\.(html|svg|less|css)$/,
-            }),
-        ];
-        if (this.options.html || this.options.input.endsWith('.html')){
-            result.push(this.html);
-        }
-        if (this.options.minify) {
-            result.push(terser({
-                module: true,
-                ecma: 2020,
-                compress: true,
-                keep_classnames: false,
-                keep_fnames: false,
-                mangle: true,
-                output: {
-                    comments: false
-                }
-            }));
-        }
-        if (this.options.devServer) {
-            result.push(this.devServer, this.livereload);
-        }
-        if (this.options.stats){
-            result.push(this.visualizer);
-        }
-        return result;
-    }
-
-    /**
-     * @returns {RollupOptions[]}
-     */
-    getConfig() {
-        Object.assign(this.options,{
-            module: this.options.module || 'es',
-            external: this.options.external || [],
-            name: this.options.name || 'index',
-            outDir: this.options.outDir || 'dist'
-        });
-        if (this.options.external && typeof this.options.external === "string")
-            this.options.external = [this.options.external]
-        console.log(this.options);
-        return [{
-            input: {
-                [this.options.name]: path.join(this.root,this.options.input)
-            },
-            output: this.output,
-            external: (this.options.external || []).map(s => new RegExp(s)),
-            onwarn(warning) {
-                // Silence circular dependency warning for moment package
-                if (
-                    warning.code === 'CIRCULAR_DEPENDENCY'
-                ) {
-                    return
-                }
-
-                console.warn(`(!) ${warning.message}`)
-            },
-            plugins: this.plugins,
-            treeshake: this.options.minify ? "smallest" : "recommended"
-        }]
-    }
-}
+import commonjs from '@rollup/plugin-commonjs';
+import nodeResolve from '@rollup/plugin-node-resolve';
+import {terser} from "rollup-plugin-terser"
+import {visualizer} from 'rollup-plugin-visualizer';
+import styles from "rollup-plugin-styles";
+import {string} from "rollup-plugin-string";
+import serve from 'rollup-plugin-serve'
+import livereload from 'rollup-plugin-livereload'
+import fs from "fs";
+import path from "path";
+import html from '@open-wc/rollup-plugin-html';
+import json from '@rollup/plugin-json';
+import alias from '@rollup/plugin-alias';
+
+/**
+ * @typedef {import(rollup).RollupOptions} RollupOptions
+ * @typedef {import(rollup).OutputOptions} OutputOptions
+ */
+
+export class ConfigCreator {
+
+    /**
+     * @type {{
+     *     minify: boolean,
+     *     input: string,
+     *     devServer: boolean,
+     *     module: string,
+     *     external: string[],
+     *     stats: boolean,
+     *     name: string,
+     *     outDir: string,
+     *     html: string,
+     *     browser: boolean,
+     *     dedupe: string[]
+     * }}
+     */
+    options;
+
+    /**
+     * @type {string}
+     */
+    root = process.cwd();
+
+
+    constructor(options) {
+        this.options = {
+            ...options
+        };
+    }
+
+    setRootDir(rootDir) {
+        this.root = rootDir;
+    }
+
+    get outDir() {
+        return path.join(this.root, this.options.outDir);
+    }
+
+    /**
+     *
+     * @returns {OutputOptions}
+     */
+    get output() {
+        // const output = `${this.options.name ?? 'index'}-${this.options.module}${this.options.minify ? '.min' : ''}.js`;
+        return {
+            entryFileNames: `[name]-${this.options.module}${this.options.minify ? '.min' : ''}.js`,
+            // file: output,
+            dir: this.outDir,
+            sourcemap: true,
+            format: this.options.module,
+            name: 'global',
+        };
+    }
+
+    get html() {
+        return html({
+            publicPath: '/',
+            dir: this.outDir,
+            template: () => fs.readFileSync(path.join(this.root, this.options.html), 'utf8')
+        });
+    }
+
+    get devServer() {
+        return serve({
+            open: false,
+            contentBase: [this.outDir, path.join(this.root, 'assets')],
+            port: 3001,
+            historyApiFallback: true
+        });
+    }
+
+    get livereload() {
+        return livereload({
+            watch: [this.outDir, path.join(this.root, 'assets')],
+            verbose: false, // Disable console output
+            // other livereload options
+            port: 12345,
+            delay: 300,
+        })
+    }
+
+    get visualizer() {
+        return visualizer({
+            open: true,
+            sourcemap: true,
+            template: 'treemap',
+            brotliSize: true,
+
+            filename: path.join(this.outDir, '/stats.html')
+        })
+    }
+
+    get plugins() {
+        const result = [
+            // builtins(),
+            nodeResolve({
+                browser: this.options.browser,
+                dedupe: this.options.dedupe || []
+            }),
+            commonjs({
+                requireReturnsDefault: "namespace",
+            }),
+            styles({
+                mode: "emit",
+            }),
+            string({
+                include: /\.(html|svg|less|css)$/,
+            }),
+            json(),
+
+        ];
+        if (this.options.alias) {
+            result.unshift(alias({
+                entries: this.options.alias
+            }));
+            console.log(this.options.alias)
+        }
+        if (this.options.html || this.options.input.endsWith('.html')) {
+            result.push(this.html);
+        }
+        if (this.options.minify) {
+            result.push(terser({
+                module: true,
+                ecma: 2020,
+                compress: true,
+                keep_classnames: false,
+                keep_fnames: false,
+                mangle: true,
+                output: {
+                    comments: false
+                }
+            }));
+        }
+        if (this.options.devServer) {
+            result.push(this.devServer, this.livereload);
+        }
+        if (this.options.stats) {
+            result.push(this.visualizer);
+        }
+        return result;
+    }
+
+    /**
+     * @returns {RollupOptions[]}
+     */
+    getConfig() {
+        Object.assign(this.options, {
+            module: this.options.module || 'es',
+            external: this.options.external || [],
+            name: this.options.name || 'index',
+            outDir: this.options.outDir || 'dist'
+        });
+        if (this.options.external && typeof this.options.external === "string")
+            this.options.external = [this.options.external]
+        console.log(this.options);
+        return [{
+            input: {
+                [this.options.name]: path.join(this.root, this.options.input)
+            },
+            output: this.output,
+            external: (this.options.external || []).map(s => new RegExp(s)),
+            onwarn(warning) {
+                // Silence circular dependency warning for moment package
+                if (
+                    warning.code === 'CIRCULAR_DEPENDENCY'
+                ) {
+                    return
+                }
+
+                console.warn(`(!) ${warning.message}`)
+            },
+            plugins: this.plugins,
+            treeshake: this.options.minify ? "smallest" : "recommended",
+        }]
+    }
+}

package/compile/compile.js

@@ -1,38 +1,33 @@
-import ts from "ttypescript";
-import {resolve} from 'path';
-
-const rootDir = process.cwd();
-
-export function compile(...flags) {
-
-    const host = ts.createSolutionBuilderWithWatchHost(ts.sys, createProgram);
-    host.useCaseSensitiveFileNames();
-
-    const builderFactory = flags.includes('--watch') ?
-        ts.createSolutionBuilderWithWatch :
-        ts.createSolutionBuilder;
-
-    const builder = builderFactory(host, [rootDir], {
-        incremental: true,
-        dry: false
-    }, {
-        excludeDirectories: ["node_modules", "dist"]
-    });
-    if (flags.includes('-b')) {
-        builder.cleanReferences(rootDir);
-        builder.buildReferences(rootDir);
-    } else {
-        builder.clean(rootDir);
-        builder.build(rootDir);
-    }
-}
-
-function createProgram(rootNames, options, host, oldProgram, configFileParsingDiagnostics, projectReferences) {
-    options.outDir = resolve(options.configFilePath, '../dist/esm');
-    options.declarationDir = resolve(options.configFilePath, '../dist/typings');
-    options.baseUrl = resolve(options.configFilePath, '../');
-    console.log('build', options.configFilePath);
-    return ts.createEmitAndSemanticDiagnosticsBuilderProgram(
-        rootNames, options, host, oldProgram, configFileParsingDiagnostics, projectReferences
-    )
-}
+import ts from "ttypescript";
+import {resolve} from 'path';
+
+const rootDir = process.cwd();
+
+export function compile(...flags) {
+
+    const host = ts.createSolutionBuilderWithWatchHost(ts.sys, createProgram);
+    host.useCaseSensitiveFileNames();
+
+    const builderFactory = flags.includes('--watch') ?
+        ts.createSolutionBuilderWithWatch :
+        ts.createSolutionBuilder;
+
+    const builder = builderFactory(host, [rootDir], {
+        incremental: true,
+        dry: false
+    }, {
+        excludeDirectories: ["node_modules", "dist"]
+    });
+        builder.clean(rootDir);
+        builder.build(rootDir);
+}
+
+function createProgram(rootNames, options, host, oldProgram, configFileParsingDiagnostics, projectReferences) {
+    options.outDir = resolve(options.configFilePath, '../dist/esm');
+    options.declarationDir = resolve(options.configFilePath, '../dist/typings');
+    options.baseUrl = resolve(options.configFilePath, '../');
+    console.log('build', options.configFilePath);
+    return ts.createEmitAndSemanticDiagnosticsBuilderProgram(
+        rootNames, options, host, oldProgram, configFileParsingDiagnostics, projectReferences
+    )
+}

package/compile/tsconfig.json

@@ -1,47 +1,47 @@
-{
-  "compilerOptions": {
-    "module": "ES6",
-    "moduleResolution": "Node",
-    "target": "ES2019",
-    "composite": true,
-    "sourceMap": true,
-    "baseUrl": "./",
-    "experimentalDecorators": true,
-    "checkJs": false,
-    "outDir": "./dist/esm",
-    "skipLibCheck": true,
-    "skipDefaultLibCheck": true,
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "emitDecoratorMetadata": true ,
-    "noEmitHelpers": true,
-    "declarationDir": "./dist/typings",
-    "declaration": true,
-    "types": [
-    ],
-    "lib": [
-      "ES2020.BigInt",
-      "ESNext",
-      "DOM"
-    ],
-    "plugins": [
-      {
-        "transform": "@cmmn/tools/plugins/absolute-plugin.cjs",
-        "after": true
-      },
-      //       Transform paths in output .js files
-      {
-        "transform": "typescript-transform-paths"
-      },
-      //       Transform paths in output .d.ts files (Include this line if you output declarations files)
-      {
-        "transform": "typescript-transform-paths",
-        "afterDeclarations": true
-      }
-    ]
-  },
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "Node",
+    "target": "ES2019",
+    "composite": true,
+    "sourceMap": true,
+    "baseUrl": "./",
+    "experimentalDecorators": true,
+    "checkJs": false,
+    "outDir": "./dist/esm",
+    "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "emitDecoratorMetadata": true ,
+    "noEmitHelpers": true,
+    "declarationDir": "./dist/typings",
+    "declaration": true,
+    "types": [
+    ],
+    "lib": [
+      "ES2020.BigInt",
+      "ESNext",
+      "DOM"
+    ],
+    "plugins": [
+      {
+        "transform": "@cmmn/tools/plugins/absolute-plugin.cjs",
+        "after": true
+      },
+      //       Transform paths in output .js files
+      {
+        "transform": "typescript-transform-paths"
+      },
+      //       Transform paths in output .d.ts files (Include this line if you output declarations files)
+      {
+        "transform": "typescript-transform-paths",
+        "afterDeclarations": true
+      }
+    ]
+  },
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/gen/component.ts.tpl

@@ -1,16 +1,16 @@
-import {component, HtmlComponent, property} from "@cmmn/ui";
-import {template, IState, IEvents} from "./$name$.template";
-import style from "./$name$.style.less";
-import {Injectable} from "@cmmn/core";
-
-@Injectable(true)
-@component({name: '$name$', template, style})
-export class $Name$Component extends HtmlComponent<IState, IEvents> {
-
-    @property()
-    private property!: any;
-
-    get State() {
-        return this.property;
-    }
-}
+import {component, HtmlComponent, property} from "@cmmn/ui";
+import {template, IState, IEvents} from "./$name$.template";
+import style from "./$name$.style.less";
+import {Injectable} from "@cmmn/core";
+
+@Injectable(true)
+@component({name: '$name$', template, style})
+export class $Name$Component extends HtmlComponent<IState, IEvents> {
+
+    @property()
+    private property!: any;
+
+    get State() {
+        return this.property;
+    }
+}

package/gen/gen.js

@@ -1,27 +1,27 @@
-import fs from "fs";
-import path from "path";
-import {fileURLToPath} from 'url';
-import {execSync} from "child_process";
-
-const currentDir = '__dirname' in global ? __dirname : path.dirname(fileURLToPath(import.meta.url));
-
-const templateTpl = fs.readFileSync(path.join(currentDir, './template.ts.tpl'), 'utf8');
-const componentTpl = fs.readFileSync(path.join(currentDir, './component.ts.tpl'), 'utf8');
-const styleTpl = fs.readFileSync(path.join(currentDir, './style.less.tpl'), 'utf8');
-
-
-export function gen(name, directory, nested = false) {
-    const Name = name.replace(/^./, c => c.toUpperCase());
-    name = Name.replace(/[A-Z]/g, (c, i) => (i ? '-' : '') + c.toLowerCase());
-    process.chdir(directory);
-    if (nested) {
-        fs.mkdirSync(name);
-        process.chdir(name);
-    }
-    fs.writeFileSync(name + '.component.ts', componentTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
-    fs.writeFileSync(name + '.template.ts', templateTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
-    fs.writeFileSync(name + '.style.less', styleTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
-    execSync(`git add ${name}.component.ts`);
-    execSync(`git add ${name}.template.ts`);
-    execSync(`git add ${name}.style.less`);
-}
+import fs from "fs";
+import path from "path";
+import {fileURLToPath} from 'url';
+import {execSync} from "child_process";
+
+const currentDir = '__dirname' in global ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+
+const templateTpl = fs.readFileSync(path.join(currentDir, './template.ts.tpl'), 'utf8');
+const componentTpl = fs.readFileSync(path.join(currentDir, './component.ts.tpl'), 'utf8');
+const styleTpl = fs.readFileSync(path.join(currentDir, './style.less.tpl'), 'utf8');
+
+
+export function gen(name, directory, nested = false) {
+    const Name = name.replace(/^./, c => c.toUpperCase());
+    name = Name.replace(/[A-Z]/g, (c, i) => (i ? '-' : '') + c.toLowerCase());
+    process.chdir(directory);
+    if (nested) {
+        fs.mkdirSync(name);
+        process.chdir(name);
+    }
+    fs.writeFileSync(name + '.component.ts', componentTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
+    fs.writeFileSync(name + '.template.ts', templateTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
+    fs.writeFileSync(name + '.style.less', styleTpl.replace(/\$Name\$/g, Name).replace(/\$name\$/g, name), 'utf8');
+    execSync(`git add ${name}.component.ts`);
+    execSync(`git add ${name}.template.ts`);
+    execSync(`git add ${name}.style.less`);
+}

package/gen/style.less.tpl

@@ -1,3 +1,3 @@
-$name$ {
-    display: block;
-}
+$name$ {
+    display: block;
+}

package/gen/template.ts.tpl

@@ -1,8 +1,8 @@
-import {ITemplate} from "@cmmn/ui";
-
-export const template: ITemplate<IState, IEvents> = (html, state, events) => html`
-`;
-
-export type IState = {}
-
-export type IEvents = {}
+import {ITemplate} from "@cmmn/ui";
+
+export const template: ITemplate<IState, IEvents> = (html, state, events) => html`
+`;
+
+export type IState = {}
+
+export type IEvents = {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmmn/tools",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "di, base extensions, useful functions",
   "main": "dist/rollup.config.js",
   "type": "module",
@@ -20,7 +20,9 @@
   ],
   "dependencies": {
     "@open-wc/rollup-plugin-html": "^1.2.5",
+    "@rollup/plugin-alias": "3",
     "@rollup/plugin-commonjs": "^21",
+    "@rollup/plugin-json": "4",
     "@rollup/plugin-node-resolve": "^13",
     "@rollup/plugin-typescript": "^8",
     "@web/rollup-plugin-html": "^1.10.1",
@@ -41,5 +43,5 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "66f94deba77ee833d4fca4350e7c98869afb8c6f"
+  "gitHead": "68d02f49f1ecba35975351e05ec1cb0519bf0ada"
 }

package/plugins/absolute-plugin.cjs

@@ -1,50 +1,90 @@
-const ts = require("typescript");
-const path = require("path");
-
-function visitImportNode(importNode, sourceFile) {
-    const file  = importNode.moduleSpecifier?.text;
-    if (!/\.(less|css|scss|sass|svg|png|html)/.test(file))
-        return;
-    const sourceFileDir = path.dirname(sourceFile.path);
-    const real = path.join(sourceFileDir, file);
-    return ts.updateImportDeclaration(importNode, importNode.decorators, importNode.modifiers, importNode.importClause, ts.createStringLiteral(real));
-}
-
-function visitRequireNode(importNode, sourceFile) {
-    if (!(importNode.expression.kind == ts.SyntaxKind.Identifier &&
-        importNode.expression.escapedText == "require")) {
-        return;
-    }
-    const file = importNode.arguments[0].text;
-    if (/\.(less|css|scss|sass|svg|png|html)/.test(file)) {
-        const sourceFileDir = path.dirname(sourceFile.path);
-        const real = path.join(sourceFileDir, file);
-        return ts.updateCall(importNode, importNode.expression, undefined, [ts.createStringLiteral(real)]);
-    }
-}
-
-const lessToStringTransformer = function (context) {
-    return (sourceFile) => {
-        function visitor(node) {
-            // if (node && node.kind == ts.SyntaxKind.ImportDeclaration) {
-            //     return visitImportNode(node as ts.ImportDeclaration);
-            // }
-            if (node && ts.isCallExpression(node)) {
-                const result = visitRequireNode(node, sourceFile);
-                if (result)
-                    return result;
-            }
-            if (node && ts.isImportDeclaration(node)) {
-                const result = visitImportNode(node, sourceFile);
-                if (result)
-                    return result;
-            }
-            return ts.visitEachChild(node, visitor, context);
-        }
-
-        return ts.visitEachChild(sourceFile, visitor, context);
-    };
-};
-exports.default = function (program, pluginOptions) {
-    return lessToStringTransformer;
-}
+const ts = require("typescript");
+const path = require("path");
+const fs = require("fs");
+
+function visitExportNode(exportNode, sourceFile) {
+    if (exportNode.typeOnly){
+        console.log('type olnly')
+        return ;
+    }
+    const file = exportNode.moduleSpecifier?.text ?? exportNode.test;
+    if (!file)
+        return;
+    const sourceFileDir = path.dirname(sourceFile.path);
+    const abs = path.resolve(sourceFileDir, file);
+    if (/\.(less|css|scss|sass|svg|png|html)$/.test(file)) {
+        return ts.updateExportDeclaration(exportNode, exportNode.decorators, exportNode.modifiers, exportNode.exportClause, ts.createStringLiteral(abs), exportNode.typeOnly);
+    }
+    if (fs.existsSync(abs + '.ts')) {
+        return ts.updateExportDeclaration(exportNode, exportNode.decorators, exportNode.modifiers, exportNode.exportClause, ts.createStringLiteral(file + '.js'), exportNode.typeOnly);
+    }
+    if (fs.existsSync(abs + '/')) {
+        const indexFile = './'+path.join(file, 'index.js');
+        console.log(sourceFileDir, file, indexFile);
+        return ts.updateExportDeclaration(exportNode, exportNode.decorators, exportNode.modifiers, exportNode.exportClause, ts.createStringLiteral(indexFile), exportNode.typeOnly);
+    }
+}
+
+function visitImportNode(importNode, sourceFile) {
+    const file = importNode.moduleSpecifier?.text;
+    if (!file)
+        return;
+    const sourceFileDir = path.dirname(sourceFile.path);
+    const abs = path.resolve(sourceFileDir, file);
+    if (/\.(less|css|scss|sass|svg|png|html)$/.test(file)) {
+        return ts.updateImportDeclaration(importNode, importNode.decorators, importNode.modifiers, importNode.importClause, ts.createStringLiteral(abs));
+    }
+    if (fs.existsSync(abs + '.ts')) {
+        return ts.updateImportDeclaration(importNode, importNode.decorators, importNode.modifiers, importNode.importClause, ts.createStringLiteral(file + '.js'));
+    }
+    if (fs.existsSync(abs + '/')) {
+        const indexFile = './' + path.join(file, 'index.js');
+        return ts.updateImportDeclaration(importNode, importNode.decorators, importNode.modifiers, importNode.importClause, ts.createStringLiteral(indexFile));
+    }
+}
+
+function visitRequireNode(importNode, sourceFile) {
+    if (!(importNode.expression.kind == ts.SyntaxKind.Identifier &&
+        importNode.expression.escapedText == "require")) {
+        return;
+    }
+    const file = importNode.arguments[0].text;
+    if (/\.(less|css|scss|sass|svg|png|html)/.test(file)) {
+        const sourceFileDir = path.dirname(sourceFile.path);
+        const real = path.join(sourceFileDir, file);
+        return ts.updateCall(importNode, importNode.expression, undefined, [ts.createStringLiteral(real)]);
+    }
+}
+
+const lessToStringTransformer = function (context) {
+    return (sourceFile) => {
+        function visitor(node) {
+            // if (node && node.kind == ts.SyntaxKind.ImportDeclaration) {
+            //     return visitImportNode(node as ts.ImportDeclaration);
+            // }
+            if (!node)
+                return ts.visitEachChild(node, visitor, context);
+            if (ts.isCallExpression(node)) {
+                const result = visitRequireNode(node, sourceFile);
+                if (result)
+                    return result;
+            }
+            if (ts.isImportDeclaration(node)) {
+                const result = visitImportNode(node, sourceFile);
+                if (result)
+                    return result;
+            }
+            if (ts.isExportDeclaration(node)) {
+                const result = visitExportNode(node, sourceFile);
+                if (result)
+                    return result;
+            }
+            return ts.visitEachChild(node, visitor, context);
+        }
+
+        return ts.visitEachChild(sourceFile, visitor, context);
+    };
+};
+exports.default = function (program, pluginOptions) {
+    return lessToStringTransformer;
+}

package/readme.md

@@ -1,11 +1,11 @@
-## Builder and bundler for your projects
-
-### Use cases:
-`cmmn compile [target] [-b] [--watch]`
-> Runs typescript compiler
-  
-`cmmn bundle [target] [-b] [--watch] [--run] [--prod]`
-> Runs rollup bundler
-  
-`cmmn gen name directory [-n]`
-> Generates component with template at directory
+## Builder and bundler for your projects
+
+### Use cases:
+`cmmn compile [target] [-b] [--watch]`
+> Runs typescript compiler
+  
+`cmmn bundle [target] [-b] [--watch] [--run] [--prod]`
+> Runs rollup bundler
+  
+`cmmn gen name directory [-n]`
+> Generates component with template at directory