@cmmn/tools 1.6.26 → 1.6.27

package/bundle/styles.js

@@ -1,4 +1,3 @@
-import loader from 'postcss-modules/build/css-loader-core/loader.js';
 import postCssImport from 'postcss-import';
 import postCssAssets from 'postcss-assets';
 import cssModules from '@modular-css/rollup';
@@ -6,22 +5,6 @@ import slug from "unique-slug";
 import styles from "rollup-plugin-styles";
 import {images} from "./images.js";
 
-class Loader extends loader.default {
-    failStart = '/' + process.cwd();
-
-    fetch(_newPath, relativeTo, _trace) {
-        if (relativeTo.startsWith(this.failStart))
-            relativeTo = relativeTo.substring(1);
-        // let newPath = _newPath.replace(/^["']|["']$/g, "");
-        // let relativeDir = path.dirname(relativeTo),
-        //     rootRelativePath = path.resolve(relativeDir, newPath),
-        //     fileRelativePath = path.resolve(path.join(this.root, relativeDir), newPath);
-        // relativeTo = path.relative(process.cwd(), relativeTo);
-        // console.log({root: this.root, newPath, relativeTo, relativeDir, rootRelativePath, fileRelativePath});
-        return super.fetch(_newPath, relativeTo, _trace);
-    }
-}
-
 /**
  *
  * @param {ConfigCreator} config

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmmn/tools",
-  "version": "1.6.26",
+  "version": "1.6.27",
   "description": "Compilation, bundling, code generator, testing.",
   "main": "dist/rollup.config.js",
   "type": "module",
@@ -83,5 +83,5 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "c817edf78be83ca444f7eb3ba9516f0faf0f40cc"
+  "gitHead": "e4e3cb40b5249ed8022dbec45db78c2c1a91b6c5"
 }

package/serve/serve.js

@@ -15,7 +15,7 @@ export function serve(...options) {
         const server = await liveServer.start({
             root: root,
             file: 'index.html',
-            port: x.port,
+            port: process.env.PORT || x.port,
             open: false,
             mount: x.mount && Object.entries(x.mount)
                 .map(([from, to]) => [from, path.resolve(x.rootDir, to)])
@@ -36,15 +36,23 @@ function getModuleName(path) {
 
 const mappingCache = {};
 
-async function getFileName(moduleName, root){
+// for resolve modules and files inside modules
+async function getFileName(moduleName, root) {
     // console.log(moduleName, root);
     if (moduleName in mappingCache)
         return mappingCache[moduleName];
-    const file = (await moduleResolve(moduleName, root, new Set(['module','import', 'browser', 'node'])));
-    mappingCache[moduleName] = file.href;
-    return file.href;
+    let file;
+    if (moduleName.match('\.[cm]?js')) {
+        const module = moduleName.match(/^(@[^/]+\/)?[^/]+/)[0];
+        const main = (await moduleResolve(module, root, new Set(['module', 'import', 'browser', 'main', 'node'])));
+        const file = main.href.replace(new RegExp('node_modules/' + module + '.*$'), 'node_modules/' + moduleName);
+        console.log(file)
+        return mappingCache[moduleName] = file;
+    } else {
+        const file = (await moduleResolve(moduleName, root, new Set(['module', 'import', 'browser', 'main', 'node'])));
+        return mappingCache[moduleName] = file.href;
+    }
 }
-
 const resolveESModule = (rootDir, configs) => async function (req, res, next) {
     const name = getModuleName(req.url);
     if (!name)
@@ -79,4 +87,4 @@ const resolveESModule = (rootDir, configs) => async function (req, res, next) {
     }
     res.end();
     return;
-}
+}