🐣 adds support for .tsx

fixes #10
sverweij · Sep 27, 2017 · 436ed22 · 436ed22
1 parent 4c0a11e
commit 436ed22
Show file tree

Hide file tree

Showing 6 changed files with 85 additions and 6 deletions.
diff --git a/src/extract/transpile/meta.js b/src/extract/transpile/meta.js
@@ -10,6 +10,7 @@ const supportedTranspilers = require("../../../package.json").supportedTranspile
 const extension2wrapper = {
     ".js"        : javaScriptWrap,
     ".ts"        : typeScriptWrap,
+    ".tsx"       : typeScriptWrap,
     ".d.ts"      : typeScriptWrap,
     ".ls"        : liveScriptWrap,
     ".coffee"    : coffeeWrap,

diff --git a/test/extract/transpile/meta.spec.js b/test/extract/transpile/meta.spec.js
@@ -9,7 +9,7 @@ describe("transpiler meta", () => {
     it("tells which extensions can be scanned", () => {
         expect(
             meta.scannableExtensions
-        ).to.deep.equal([".js", ".ts", ".d.ts", ".coffee", ".litcoffee", ".coffee.md"]);
+        ).to.deep.equal([".js", ".ts", ".tsx", ".d.ts", ".coffee", ".litcoffee", ".coffee.md"]);
     });
 
     it("returns the 'js' wrapper for unknown extensions", () => {

diff --git a/test/main/fixtures/tsx.json b/test/main/fixtures/tsx.json
@@ -0,0 +1,56 @@
+{
+    "dependencies": [
+        {
+            "source": "test/main/fixtures/tsx/index.ts",
+            "dependencies": [
+                {
+                    "resolved": "test/main/fixtures/tsx/sub/render.tsx",
+                    "coreModule": false,
+                    "followable": true,
+                    "couldNotResolve": false,
+                    "dependencyTypes": [
+                        "local"
+                    ],
+                    "module": "./sub/render",
+                    "moduleSystem": "es6",
+                    "valid": true
+                }
+            ]
+        },
+        {
+            "source": "test/main/fixtures/tsx/sub/render.tsx",
+            "dependencies": [
+                {
+                    "resolved": "react-dom",
+                    "coreModule": false,
+                    "followable": false,
+                    "couldNotResolve": true,
+                    "dependencyTypes": [
+                        "unknown"
+                    ],
+                    "module": "react-dom",
+                    "moduleSystem": "es6",
+                    "valid": true
+                }
+            ]
+        },
+        {
+            "source": "react-dom",
+            "followable": false,
+            "coreModule": false,
+            "couldNotResolve": true,
+            "dependencyTypes": [
+                "unknown"
+            ],
+            "dependencies": []
+        }
+    ],
+    "summary": {
+        "violations": [],
+        "error": 0,
+        "warn": 0,
+        "info": 0,
+        "totalCruised": 3,
+        "optionsUsed": {}
+    }
+}
diff --git a/test/main/fixtures/tsx/index.ts b/test/main/fixtures/tsx/index.ts
@@ -0,0 +1,5 @@
+import {render as appRender} from './sub/render';
+
+console.log(
+    appRender()
+);
diff --git a/test/main/fixtures/tsx/sub/render.tsx b/test/main/fixtures/tsx/sub/render.tsx
@@ -0,0 +1,10 @@
+import * as ReactDOM from 'react-dom';
+
+export async function render(container: Element | null) {
+    ReactDOM.render(
+        <Provider store={store}>
+            <Index />
+        </Provider>,
+        container,
+    );
+};
diff --git a/test/main/main.spec.js b/test/main/main.spec.js
@@ -1,9 +1,10 @@
 "use strict";
-const chai      = require('chai');
-const expect    = chai.expect;
-const main      = require("../../src/main");
-const tsFixture = require('./fixtures/ts.json');
-const depSchema = require('../../src/extract/jsonschema.json');
+const chai       = require('chai');
+const expect     = chai.expect;
+const main       = require("../../src/main");
+const tsFixture  = require('./fixtures/ts.json');
+const tsxFixture = require('./fixtures/tsx.json');
+const depSchema  = require('../../src/extract/jsonschema.json');
 
 chai.use(require('chai-json-schema'));
 
@@ -14,4 +15,10 @@ describe("main", () => {
         expect(lResult).to.deep.equal(tsFixture);
         expect(lResult).to.be.jsonSchema(depSchema);
     });
+    it("Also processes tsx correctly", () => {
+        const lResult = main.cruise(["test/main/fixtures/tsx"]);
+
+        expect(lResult).to.deep.equal(tsxFixture);
+        expect(lResult).to.be.jsonSchema(depSchema);
+    });
 });