Add TypeScript support on CLI (#42)

cli/builder.js

@@ -42,15 +42,18 @@ function isNextInternal(pagePath) {
   return pagePath.startsWith(`${currentPagesDir}/_`)
 }
 
+function clearPageExt(page) {
+  const rgx = /(\/index.jsx)|(\/index.js)|(\/index.tsx)|(\/index.ts)|(\.jsx)|(\.js)|(\.tsx)|(\.ts)/gm
+
+  return page.replace(rgx, '')
+}
+
 /**
  * STEP 2: Read each page namespaces
  */
 function readPageNamespaces(langs) {
   readDirR(currentPagesDir).forEach(page => {
-    const pageId =
-      page
-        .replace(currentPagesDir, '')
-        .replace(/(\/index.js)|(\/index.jsx)|(\.js)|(\.jsx)/gm, '') || '/'
+    const pageId = clearPageExt(page.replace(currentPagesDir, '')) || '/'
 
     const namespaces = [...(pages['*'] || []), ...(pages[pageId] || [])]
 
@@ -66,11 +69,16 @@ function readPageNamespaces(langs) {
  * STEP 3: Build page in each lang path
  */
 function getPageTemplate(prefix, page, lang, namespaces) {
+  const isTypeScript = page.endsWith('.ts') || page.endsWith('.tsx')
+
   return `import I18nProvider from 'next-translate/I18nProvider'
 import React from 'react'
-import C from '${prefix}/${page}'
+import C from '${prefix}/${clearPageExt(page)}'
 ${namespaces
-  .map((ns, i) => `import ns${i} from '${prefix}/${localesPath}/${lang}/${ns}'`)
+  .map(
+    (ns, i) =>
+      `import ns${i} from '${prefix}/${localesPath}/${lang}/${ns}.json'`
+  )
   .join('\n')}
 
 const namespaces = { ${namespaces
@@ -85,7 +93,7 @@ export default function Page(p){
   )
 }
 
-Page.getInitialProps = C.getInitialProps
+Page.getInitialProps = ${isTypeScript ? '(C as any)' : 'C'}.getInitialProps
 `
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-translate",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Next.js utility to translate pages without the need of a server (static i18n pages generator).",
   "license": "MIT",
   "keywords": [