fix: '../' syntax in component files, close #4

src/loaders/common-js.ts

@@ -1,6 +1,9 @@
 import { readFileSync } from 'fs'
 import { extname, dirname, resolve } from 'path'
 import { isRelativePath } from '../parsers/dependency-resolver'
+import debugFactory from 'debug'
+
+const debug = debugFactory('san-ssr:common-js')
 
 export class Module {
     public filepath: string
@@ -30,7 +33,9 @@ export class CommonJS {
     }
 
     require (filepath: string) {
+        debug('global require called with', filepath)
         if (!this.cache.has(filepath)) {
+            debug('cache miss, reading', filepath)
             const fileContent = this.readFile(filepath) ||
                 this.readFile(filepath + '.ts') ||
                 this.readFile(filepath + '.js')
@@ -40,6 +45,7 @@ export class CommonJS {
             // eslint-disable-next-line
             const fn = new Function('module', 'exports', 'require', mod.content)
             fn(mod, mod.exports, path => {
+                debug('local require called with', path)
                 if (isRelativePath(path)) {
                     path = resolve(dirname(filepath), path)
                     return this.require(path)

src/parsers/dependency-resolver.ts

@@ -28,5 +28,5 @@ export function shouldInline (decl: ImportDeclaration) {
 }
 
 export function isRelativePath (importLiteralValue: string) {
-    return /^\.\//.test(importLiteralValue)
+    return /^\.+\//.test(importLiteralValue)
 }

src/utils/case.ts

@@ -8,13 +8,13 @@ import debugFactory from 'debug'
 
 process.env.SAN_SSR_PACKAGE_NAME = '../../..'
 
-const jsSSRUnables = ['multi-files']
+const jsSSRUnables = ['multi-files', 'import-files-from-parent-directory']
 const debug = debugFactory('case')
 const caseRoot = resolve(__dirname, '../../test/cases')
 const tsConfigFilePath = resolve(__dirname, '../../test/tsconfig.json')
 const cases = readdirSync(caseRoot)
 const sanProject = new SanProject({ tsConfigFilePath })
-const multiFileCases = ['multi-component-files', 'multi-files']
+const multiFileCases = ['multi-component-files', 'multi-files', 'import-files-from-parent-directory']
 
 export function supportJSSSR (caseName) {
     return !jsSSRUnables.includes(caseName)

test/cases/import-files-from-parent-directory/component.ts

@@ -0,0 +1,10 @@
+import { Component } from 'san'
+import { sum } from '../../stub/sum'
+
+export default class MyComponent extends Component {
+    static template = '<u>result {{ sum(a, b) }}</u>'
+
+    sum (a, b) {
+        return sum(a, b)
+    }
+}

test/cases/import-files-from-parent-directory/data.json

@@ -0,0 +1,4 @@
+{
+    "a": 2,
+    "b": 3
+}

test/cases/import-files-from-parent-directory/result.html

@@ -0,0 +1 @@
+<u><!--s-data:{"a":2,"b":3}-->result 5</u>

test/stub/sum.ts

@@ -0,0 +1,3 @@
+export function sum(a: number, b: number) {
+    return a + b
+}