fix(sys): fix node resolving module w/out package.json main

Author: adamdbradley

src/compiler/style/css-imports.ts

@@ -136,7 +136,7 @@ export function resolveCssNodeModule(config: d.Config, diagnostics: d.Diagnostic
   try {
     const dir = config.sys.path.dirname(filePath);
     const moduleId = getModuleId(cssImportData.url);
-    cssImportData.filePath = config.sys.resolveModule(dir, moduleId);
+    cssImportData.filePath = config.sys.resolveModule(dir, moduleId, { manuallyResolve: true });
     cssImportData.filePath = config.sys.path.dirname(cssImportData.filePath);
     cssImportData.filePath += normalizePath(cssImportData.url.substring(moduleId.length + 1));
     cssImportData.updatedImport = `@import "${cssImportData.filePath}";`;

src/declarations/system.ts

@@ -36,7 +36,7 @@ export interface StencilSystem {
   optimizeCss?(inputOpts: d.OptimizeCssInput): Promise<d.OptimizeCssOutput>;
   path?: Path;
   requestLatestCompilerVersion?(): Promise<string>;
-  resolveModule?(fromDir: string, moduleId: string): string;
+  resolveModule?(fromDir: string, moduleId: string, opts?: ResolveModuleOptions): string;
   rollup?: RollupInterface;
   scopeCss?: (cssText: string, scopeId: string, hostScopeId: string, slotScopeId: string) => Promise<string>;
   semver?: Semver;
@@ -55,6 +55,11 @@ export interface StencilSystem {
 }
 
 
+export interface ResolveModuleOptions {
+  manuallyResolve?: boolean;
+}
+
+
 export interface RollupInterface {
   rollup: {
     (config: any): Promise<any>;

src/sys/node/node-resolve-module.ts

@@ -1,3 +1,4 @@
+import * as d from '../../declarations';
 import fs from 'graceful-fs';
 import path from 'path';
 import { normalizePath } from '../../compiler/util';
@@ -6,14 +7,18 @@ import { normalizePath } from '../../compiler/util';
 export class NodeResolveModule {
   private resolveModuleCache = new Map<string, string>();
 
-  resolveModule(fromDir: string, moduleId: string) {
+  resolveModule(fromDir: string, moduleId: string, opts?: d.ResolveModuleOptions) {
     const cacheKey = `${fromDir}:${moduleId}`;
 
     const cachedPath = this.resolveModuleCache.get(cacheKey);
     if (cachedPath) {
       return cachedPath;
     }
 
+    if (opts && opts.manuallyResolve) {
+      return this.resolveModuleManually(fromDir, moduleId, cacheKey);
+    }
+
     if (moduleId.startsWith('@types/')) {
       return this.resolveTypesModule(fromDir, moduleId, cacheKey);
     }
@@ -72,6 +77,28 @@ export class NodeResolveModule {
     throw new Error(`error loading "${moduleId}" from "${fromDir}"`);
   }
 
+  resolveModuleManually(fromDir: string, moduleId: string, cacheKey: string) {
+    const root = normalizePath(path.parse(fromDir).root);
+
+    let dir = normalizePath(path.join(fromDir, 'noop.js'));
+    let packageJsonFilePath: string;
+
+    while (dir !== root) {
+      dir = normalizePath(path.dirname(dir));
+      packageJsonFilePath = path.join(dir, 'node_modules', moduleId, 'package.json');
+
+      if (!hasAccess(packageJsonFilePath)) {
+        continue;
+      }
+
+      this.resolveModuleCache.set(cacheKey, packageJsonFilePath);
+
+      return packageJsonFilePath;
+    }
+
+    throw new Error(`error loading "${moduleId}" from "${fromDir}"`);
+  }
+
 }
 
 function hasAccess(filePath: string) {

src/sys/node/node-sys-main.ts

@@ -233,8 +233,8 @@ export class NodeSystem implements d.StencilSystem {
     return this.sysWorker.run('requestLatestCompilerVersion');
   }
 
-  resolveModule(fromDir: string, moduleId: string) {
-    return this.nodeResolveModule.resolveModule(fromDir, moduleId);
+  resolveModule(fromDir: string, moduleId: string, opts?: d.ResolveModuleOptions) {
+    return this.nodeResolveModule.resolveModule(fromDir, moduleId, opts);
   }
 
   get rollup() {