@cmmn/tools 1.6.13 → 1.6.17

package/bundle/rollup.config.js

@@ -14,7 +14,6 @@ import alias from '@rollup/plugin-alias';
 import replace from '@rollup/plugin-replace';
 import sourcemaps from 'rollup-plugin-sourcemaps';
 import {Styles} from "./styles.js";
-
 /**
  * @typedef {import(rollup).RollupOptions} RollupOptions
  * @typedef {import(rollup).OutputOptions} OutputOptions
@@ -89,6 +88,10 @@ export class ConfigCreator {
             assetFileNames: "assets/[name][extname]",
             chunkFileNames: "chunks/[name].js",
             name: this.options.global ?? 'global',
+            sourcemapPathTransform: sourceMap => {
+                const p = path.relative(this.root, path.resolve(this.outDir, sourceMap));
+                return path.join('/', this.options.package, p);
+            }
         }));
     }
 
@@ -98,19 +101,22 @@ export class ConfigCreator {
             dir: this.outDir,
             inject: false,
             template: (x) => {
-                const inject = Object.keys(x.bundle.bundle).map(key => {
+                let inject = Object.keys(x.bundle.bundle).map(key => {
                     if (key.endsWith('css'))
                         return `<link rel="stylesheet" href="/${key}" >`;
                     if (key.endsWith('js'))
                         return `<script type="module" defer src="/${key}"></script>`;
-                });
-                const importMaps = Object.fromEntries(Object.entries(this.options.external)
-                    .map(([key,value]) => [key.replace('.*', '/'), `/external/${value}`]));
-                const injectImportMaps = `<script type="importmap" >${JSON.stringify({
-                    imports: importMaps
-                })}</script>`;
+                }).join('\n');
+                if (!this.options.minify) {
+                    const importMaps = Object.fromEntries(this.options.external
+                        .map(key => key.replace('.*', '/'))
+                        .map(key => [key, `/external/${this.options.alias[key] ?? key}`]));
+                    inject = `<script type="importmap" >${JSON.stringify({
+                        imports: importMaps
+                    })}</script>` + inject;
+                }
                 const html = fs.readFileSync(path.join(this.root, this.options.html), 'utf8')
-                return html.replace('</head>', injectImportMaps + inject.join('\n') + '</head>');
+                return html.replace('</head>', inject + '</head>');
             }
         });
     }
@@ -190,12 +196,15 @@ export class ConfigCreator {
         ];
         if (this.options.alias) {
             result.unshift(alias({
-                entries: this.options.alias
+                entries: Object.entries(this.options.alias).map(([key, value]) => ({
+                    find: key,
+                    replacement: value
+                }))
             }));
-            console.log(this.options.alias)
         }
         if (this.options.html || this.options.input.endsWith('.html')) {
             result.push(this.html);
+            result.push(watcher([path.join(this.root, this.options.html)]))
         }
         if (this.options.stats) {
             result.push(this.visualizer);
@@ -239,7 +248,7 @@ export class ConfigCreator {
                 [this.options.name]: path.join(this.root, this.options.input)
             },
             output: this.output,
-            external: this.getExternals(),
+            external: (this.options.minify && this.options.browser) ? [] : this.getExternals(),
             manualChunks: this.options.chunks,
             onwarn(warning) {
                 switch (warning.code) {
@@ -264,8 +273,15 @@ export class ConfigCreator {
                 buildDelay: 300,
                 clearScreen: false,
                 exclude: this.getExternals().concat(path.join(this.root, this.outDir)),
-                // include: path.join(this.root, 'dist/esm')
             }
         }]
     }
 }
+
+const watcher = (files) => ({
+    buildStart() {
+        for (const file of files) {
+            this.addWatchFile(file);
+        }
+    },
+});

package/compile/compile.js

@@ -1,6 +1,6 @@
 import ts from "ttypescript";
 import {resolve, relative} from 'path';
-
+import fs from "fs";
 const rootDir = process.cwd();
 
 export function compile(...flags) {
@@ -22,12 +22,18 @@ export function compile(...flags) {
         builder.clean(rootDir);
         builder.build(rootDir);
 }
-
+const cleanedBaseDirs = new Set();
 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, '../');
     options.tsBuildInfoFile = resolve(options.configFilePath, '../dist/ts.buildinfo');
+    if (!cleanedBaseDirs.has(options.baseUrl)){
+        fs.rmSync(options.outDir, {recursive: true, force: true});
+        fs.rmSync(options.declarationDir, {recursive: true, force: true});
+        fs.rmSync(options.tsBuildInfoFile, {force: true});
+        cleanedBaseDirs.add(options.baseUrl);
+    }
     console.log('\t', relative(process.cwd(), options.baseUrl));
     return ts.createEmitAndSemanticDiagnosticsBuilderProgram(
         rootNames, options, host, oldProgram, configFileParsingDiagnostics, projectReferences

package/compile/tsconfig.json

@@ -4,7 +4,7 @@
     "moduleResolution": "Node",
     "target": "ES2019",
     "composite": true,
-    "sourceMap": true,
+    "sourceMap": false,
     "baseUrl": "./",
     "experimentalDecorators": true,
     "checkJs": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmmn/tools",
-  "version": "1.6.13",
+  "version": "1.6.17",
   "description": "Compilation, bundling, code generator, testing.",
   "main": "dist/rollup.config.js",
   "type": "module",
@@ -81,5 +81,5 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "4be23c7c2d8afd9f179531b33c32f51fe915e47d"
+  "gitHead": "b4664b7dddc9ca6b490b62a922f560d447bb532d"
 }

package/serve/readme.md

@@ -0,0 +1,8 @@
+# serve 
+### запускает сервер, который отдает статический контент
+в бразуер загружаются es-модули как таковые, с import {...} from "some-external-module"
+браузер видит, что ему нужно загрузить еще модули и смотрит в специальный json importmaps который лежит в head. Там маппинг вроде @gm/ -> /external/@gm/ что означает что все модули начинающиеся на @gm/  резолвятся через указанный path.
+serve теперь тоже "умный". Он во-первых "маунтит" все модули из проекта в external, так что /external/@gm/domain-api зарезолвится в (root)/packages/api/dist/bundle/index.js например, и watch этот файл. Во-вторых, на все остальные запросы на /external он начинает резолвить файлы (эта фигня оч противно теперь работает в node) и отдавать js. При этом он их не watch, а просто отдает.
+К чему это привело: все модули загружаются на сайт независимо, а поэтому их можно собирать независимо. Модули маленькие => собираются быстро. Изменения в одном модуле могут не обновлять другие (теоретически, если не изменился .d.ts, но я еще не поборол tsc в этом)
+
+**chunk**: react собирается в отдельный чанк => модуль main.js маленький