feat: support detection for js/ts/jsx/tsx, close #558

examples/by-frameworks/react-i18next/.vscode/settings.json

@@ -3,6 +3,7 @@
   "i18n-ally.enabledFrameworks": [
     "react",
     "i18next",
+    "general"
   ],
   "i18n-ally.namespace": true,
   "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",

package.json

@@ -751,7 +751,8 @@
               "globalize",
               "ui5",
               "next-translate",
-              "php-gettext"
+              "php-gettext",
+              "general"
             ]
           },
           "description": "%config.enabled_frameworks%"

src/frameworks/base.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { TextDocument } from 'vscode'
 import { LanguageId } from '~/utils'
 import { DirStructure, OptionalFeatures, RewriteKeySource, RewriteKeyContext, DataProcessContext, KeyStyle, Config } from '~/core'

src/frameworks/chrome-ext.ts

@@ -1,4 +1,4 @@
-import { RewriteKeySource, RewriteKeyContext } from '../core/types'
+import { RewriteKeySource } from '../core/types'
 import { Framework } from './base'
 import { LanguageId } from '~/utils'
 
@@ -26,7 +26,7 @@ class ChromeExtensionFramework extends Framework {
     ]
   }
 
-  rewriteKeys(key: string, source: RewriteKeySource, context: RewriteKeyContext = {}) {
+  rewriteKeys(key: string, source: RewriteKeySource) {
     if (source === 'reference' && !key.endsWith('.message'))
       return `${key}.message`
     if (source === 'write' && !key.endsWith('.message'))

src/frameworks/general.ts

@@ -0,0 +1,42 @@
+import { TextDocument } from 'vscode'
+import { Framework } from './base'
+import { LanguageId } from '~/utils'
+import { extractionsParsers, DefaultExtractionRules, DefaultDynamicExtractionsRules } from '~/extraction'
+
+class GeneralFramework extends Framework {
+  id ='general'
+  display = 'General'
+
+  detection = {
+    packageJSON: () => true,
+  }
+
+  languageIds: LanguageId[] = [
+    'javascript',
+    'typescript',
+    'javascriptreact',
+    'typescriptreact',
+  ]
+
+  refactorTemplates = () => []
+  usageMatchRegex = []
+
+  supportAutoExtraction = [
+    'javascript',
+    'typescript',
+    'javascriptreact',
+    'typescriptreact',
+  ]
+
+  detectHardStrings(doc: TextDocument) {
+    const text = doc.getText()
+
+    return extractionsParsers.babel.detect(
+      text,
+      DefaultExtractionRules,
+      DefaultDynamicExtractionsRules,
+    )
+  }
+}
+
+export default GeneralFramework

src/frameworks/index.ts

@@ -22,6 +22,7 @@ import GlobalizeFramework from './globalize'
 import UI5Framework from './ui5'
 import NextTranslateFramework from './next-translate'
 import PhpGettextFramework from './php-gettext'
+import GeneralFramework from './general'
 import i18n from '~/i18n'
 import { Log } from '~/utils'
 
@@ -52,6 +53,7 @@ export const frameworks: Framework[] = [
   new UI5Framework(),
   new NextTranslateFramework(),
   new PhpGettextFramework(),
+  new GeneralFramework(),
 
   // Vue SFC should be the last one
   new VueSFCFramework(),

src/frameworks/ui5.ts

@@ -1,5 +1,4 @@
 import { Framework } from './base'
-import { DirStructure, RewriteKeySource, RewriteKeyContext } from '~/core'
 import { LanguageId } from '~/utils'
 
 class UI5Framework extends Framework {
@@ -35,7 +34,7 @@ class UI5Framework extends Framework {
     ]
   }
 
-  rewriteKeys(key: string, source: RewriteKeySource, context: RewriteKeyContext = {}) {
+  rewriteKeys(key: string) {
     const regexI8n = /i18n>([\w\d\-.]*)/gm
     const matches = regexI8n.exec(key)
     if (matches && matches.length > 1)
@@ -45,7 +44,7 @@ class UI5Framework extends Framework {
 
   enabledParsers = ['properties']
 
-  pathMatcher(dirStructure?: DirStructure): string {
+  pathMatcher(): string {
     return 'i18n_{locale}.properties'
   }