Add basic command to export translations

Author: Demivan

__tests__/commands/hello.spec.ts renamed to __tests__/commands/export.spec.ts

@@ -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>

example/App.vue

@@ -12,6 +12,7 @@
     "@oclif/config": "^1",
     "@oclif/errors": "^1.3.5",
     "@oclif/plugin-help": "^3",
+    "fast-glob": "^3.2.7",
     "tslib": "^1"
   },
   "files": [

package.json

@@ -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)
+        }
+      }
+    }
+  }
+}

pnpm-lock.yaml

@@ -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'

src/commands/export.ts

@@ -1,4 +1,5 @@
 export interface MessagesWithLocale {
   locale: string
   messages: Record<string, string>
+  source: string
 }

src/commands/hello.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[]
 }

src/index.ts

@@ -0,0 +1,5 @@
+# Comment
+user-name = World
+aria-key = Aria value
+greeting = Hello, {$name}
+  .aria-label = Label value