babel-plugin-reactylon 1.0.8 → 1.1.1

package/README.md

@@ -83,7 +83,7 @@ export default defineConfig({
 ```
 
 ### Additional configurations
-Additionally you can manually define extra side effects (see [Babylon.js ES6 support FAQ](https://doc.babylonjs.com/setup/frameworkPackages/es6Support/#faq)) or specify a custom `node_modules` path (useful if you are working with a monorepo setup).
+Additionally you can manually define extra side effects (see [Babylon.js ES6 support FAQ](https://doc.babylonjs.com/setup/frameworkPackages/es6Support/#faq)).
 
 ```js
 ['babel-plugin-reactylon', {
@@ -91,8 +91,6 @@ Additionally you can manually define extra side effects (see [Babylon.js ES6 sup
   sideEffects: [
     '@babylonjs/core/Engines/Extensions/engine.query.js'
   ]
-  // node modules path (optional)
-  nodeModulesPath: '../../node_modules'
 }]
 ```
 

package/build/ParserUtils.js

@@ -1,5 +1,6 @@
 import path from 'path';
 import fs from 'fs';
+import { createRequire } from 'module';
 class ParserUtils {
     /**
     * It extracts exports and side effects from a file
@@ -60,16 +61,19 @@ class ParserUtils {
     * @param dir - directory to scan
     * @param exportsMap - exports map to populate
     * @param sideEffectsMap - side effects map to populate
+    * @param pkgRoot - package root (real path or symlinked path if the consumer is using npm/yarn link)
+    * @param pkgName - package name (es. "@babylonjs/core")
     */
-    static scanDirectory(dir, exportsMap, sideEffectsMap) {
+    static scanDirectory(dir, exportsMap, sideEffectsMap, pkgRoot, pkgName) {
         const files = fs.readdirSync(dir);
         files.forEach(file => {
             const fullPath = path.join(dir, file);
             if (fs.statSync(fullPath).isDirectory()) {
-                this.scanDirectory(fullPath, exportsMap, sideEffectsMap);
+                this.scanDirectory(fullPath, exportsMap, sideEffectsMap, pkgRoot, pkgName);
             }
             else if (file.endsWith('.js') || file.endsWith('.mjs') || file.endsWith('.ts')) {
-                const importPath = (fullPath.replace(/\.(js|mjs|ts)$/, '')).replace(/\\/g, '/').replace(/^.*?node_modules\//, '');
+                const rel = path.relative(pkgRoot, fullPath).replace(/\.(js|mjs|ts)$/, '');
+                const importPath = path.posix.join(pkgName, rel.split(path.sep).join('/'));
                 const { exports, sideEffects } = this.getExportsAndSideEffects(fullPath);
                 exports.forEach(exp => {
                     exportsMap[exp] = importPath;
@@ -85,14 +89,20 @@ class ParserUtils {
     * @param moduleName - module name to analyze
     * @returns an object containing the discovered exports and side effects maps
     */
-    static generateExportsAndSideEffects(moduleName, nodeModulesPath) {
-        const modulePath = path.join(nodeModulesPath, moduleName);
-        if (!fs.existsSync(modulePath)) {
-            console.error(`The module "${moduleName}" doesn't exist.`);
+    static generateExportsAndSideEffects(moduleName) {
+        const requireFromHere = createRequire(import.meta.url);
+        let pkgJsonPath;
+        try {
+            pkgJsonPath = requireFromHere.resolve(`${moduleName}/package.json`);
         }
+        catch (_a) {
+            console.error(`The module "${moduleName}" doesn't exist or cannot be resolved.`);
+            return { exports: {}, sideEffects: {} };
+        }
+        const modulePath = fs.realpathSync(path.dirname(pkgJsonPath));
         const exportsMap = {};
         const sideEffectsMap = {};
-        this.scanDirectory(modulePath, exportsMap, sideEffectsMap);
+        this.scanDirectory(modulePath, exportsMap, sideEffectsMap, modulePath, moduleName);
         return {
             exports: exportsMap,
             sideEffects: sideEffectsMap

package/build/index.js

@@ -23,11 +23,10 @@ export default declare((api) => {
             var _a;
             if (!initialized) {
                 const options = this.opts;
-                const nodeModulesPath = options.nodeModulesPath || 'node_modules';
-                const coreExportsAndSideEffects = ParserUtils.generateExportsAndSideEffects('@babylonjs/core', nodeModulesPath);
+                const coreExportsAndSideEffects = ParserUtils.generateExportsAndSideEffects('@babylonjs/core');
                 coreExportsMap = coreExportsAndSideEffects.exports;
                 coreSideEffectsMap = coreExportsAndSideEffects.sideEffects;
-                const guiExportsAndSideEffects = ParserUtils.generateExportsAndSideEffects('@babylonjs/gui', nodeModulesPath);
+                const guiExportsAndSideEffects = ParserUtils.generateExportsAndSideEffects('@babylonjs/gui');
                 guiExportsMap = guiExportsAndSideEffects.exports;
                 //guiSideEffectsMap = guiExportsAndSideEffects.sideEffects;
                 // Add explicit side effects (additional side effects declared by user)
@@ -167,7 +166,7 @@ export default declare((api) => {
                                 const property = callee.property;
                                 if (t.isIdentifier(property)) {
                                     const sideEffectPath = coreSideEffectsMap[property.name];
-                                    // exclude assets folder where there are .wasm and relative .js files
+                                    // exclude assets folder containing .wasm and relative .js files
                                     if (sideEffectPath && !sideEffectPath.startsWith('@babylonjs/core/assets/')) {
                                         sideEffects.push(t.importDeclaration([], t.stringLiteral(sideEffectPath)));
                                         // callPath.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-reactylon",
-  "version": "1.0.8",
+  "version": "1.1.1",
   "description": "Babel plugin to enable tree-shaking of Babylon.js classes within a Reactylon application.",
   "main": "build/index.js",
   "type": "module",