Add basic command to export translations

Demivan · Demivan · commit 735ccb05789a · 2021-09-09T22:04:20.000+03:00
diff --git a/__tests__/commands/export.spec.ts b/__tests__/commands/export.spec.ts
diff --git a/example/App.vue b/example/App.vue
@@ -0,0 +1,12 @@
+<script>
+export default {
+}
+</script>
+
+<fluent locale="en">
+# Comment
+user-name = World
+aria-key = Aria value
+greeting = Hello, {$name}
+  .aria-label = Label value
+</fluent>
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "@oclif/config": "^1",
     "@oclif/errors": "^1.3.5",
     "@oclif/plugin-help": "^3",
+    "fast-glob": "^3.2.7",
     "tslib": "^1"
   },
   "files": [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/commands/export.ts b/src/commands/export.ts
@@ -0,0 +1,56 @@
+import { Command, flags } from '@oclif/command'
+import { stream } from 'fast-glob'
+import { promises as fs, existsSync } from 'fs'
+import { resolve, dirname } from 'path'
+
+import { getVueMessages, mergeFtl } from '..'
+
+export default class Export extends Command {
+  static description = 'Exports translation from Vue.js SFC files into ftl files.'
+
+  static examples = [
+    `$ fluent-vue-cli export **/*.src --outDir translations/`,
+  ]
+
+  static flags = {
+    help: flags.help({ char: 'h' }),
+    outDir: flags.string({ name: 'out-dir', char: 'd', description: 'output directory', default: 'translations' }),
+    clean: flags.boolean({ name: 'clean', char: 'c', description: 'clean output directory', default: true })
+  }
+
+  static args = [{
+    name: 'FILES',
+    description: 'list of Vue.js files',
+    required: true
+  }]
+
+  static strict = false
+
+  async run() {
+    const { argv, flags } = this.parse(Export)
+
+    for await (const file of stream(argv)) {
+      const data = await fs.readFile(file)
+
+      const vueMessages = getVueMessages(data.toString())
+
+      for (const { locale, source, messages } of vueMessages) {
+        const outputPath = resolve(flags.outDir, locale, `${file}.ftl`)
+
+        await fs.mkdir(dirname(outputPath), { recursive: true })
+
+        if (flags.clean || !existsSync(outputPath)) {
+          console.log('clean')
+          await fs.writeFile(outputPath, source)
+        } else {
+          console.log('merge')
+          const existingFtlData = await fs.readFile(outputPath)
+
+          const newData = mergeFtl(existingFtlData.toString(), messages)
+
+          await fs.writeFile(outputPath, newData)
+        }
+      }
+    }
+  }
+}
diff --git a/src/commands/hello.ts b/src/commands/hello.ts
diff --git a/src/index.ts b/src/index.ts
@@ -2,5 +2,5 @@ export { merge as mergeVue, getMessages as getVueMessages } from './vue'
 export { merge as mergeFtl, getMessages as getFtlMessages } from './ftl'
 export { MessagesWithLocale } from './types'
 
-export { default as Hello } from './commands/hello'
+export { default as Hello } from './commands/export'
 export { run } from '@oclif/command'
diff --git a/src/types.ts b/src/types.ts
@@ -1,4 +1,5 @@
 export interface MessagesWithLocale {
   locale: string
   messages: Record<string, string>
+  source: string
 }
diff --git a/src/vue.ts b/src/vue.ts
@@ -76,7 +76,8 @@ function extractFromCustomBlocks (blocks: SFCBlock[]): MessagesWithLocale[] {
 
     return {
       locale,
-      messages: getFtlMessages(block.content)
+      messages: getFtlMessages(block.content),
+      source: block.content.trimStart()
     }
   }).filter(Boolean) as MessagesWithLocale[]
 }
diff --git a/translations/en/example/App.vue.ftl b/translations/en/example/App.vue.ftl
@@ -0,0 +1,5 @@
+# Comment
+user-name = World
+aria-key = Aria value
+greeting = Hello, {$name}
+  .aria-label = Label value

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`export interface MessagesWithLocale {`
`2`	`2`	`locale: string`
`3`	`3`	`messages: Record<string, string>`
	`4`	`+ source: string`
`4`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,8 @@ function extractFromCustomBlocks (blocks: SFCBlock[]): MessagesWithLocale[] {`
`76`	`76`
`77`	`77`	`return {`
`78`	`78`	`locale,`
`79`		`- messages: getFtlMessages(block.content)`
	`79`	`+ messages: getFtlMessages(block.content),`
	`80`	`+ source: block.content.trimStart()`
`80`	`81`	`}`
`81`	`82`	`}).filter(Boolean) as MessagesWithLocale[]`
`82`	`83`	`}`