Add an option to parse FTL during build

Author: Demivan

__tests__/fixtures/errors.vue

@@ -19,4 +19,6 @@ shared-photos =
     [female] her stream
    *[other] their stream
   }.
+
+entry-without-error = Hello, World!
 </fluent>

__tests__/frameworks/vite/__snapshots__/sfc.spec.ts.snap

@@ -23,6 +23,46 @@ describe('Vite SFC', () => {
     expect(code).toMatchSnapshot()
   })
 
+  describe('parseFtl', () => {
+    it('parses ftl syntax during compilation', async () => {
+      // Arrange
+      // Act
+      const code = await compile({
+        plugins: [
+          vue3({
+            compiler,
+          }),
+          SFCFluentPlugin({
+            parseFtl: true,
+            checkSyntax: false,
+          }),
+        ],
+      }, '/fixtures/test.vue')
+
+      // Assert
+      expect(code).toMatchSnapshot()
+    })
+
+    it('generates block code even if it has errors', async () => {
+      // Arrange
+      // Act
+      const code = await compile({
+        plugins: [
+          vue3({
+            compiler,
+          }),
+          SFCFluentPlugin({
+            parseFtl: true,
+            checkSyntax: false,
+          }),
+        ],
+      }, '/fixtures/errors.vue')
+
+      // Assert
+      expect(code).toMatchSnapshot()
+    })
+  })
+
   it('supports custom blockType', async () => {
     // Arrange
     // Act

__tests__/frameworks/vite/sfc.spec.ts

@@ -95,6 +95,7 @@
     "release": "dotenv release-it"
   },
   "peerDependencies": {
+    "@fluent/bundle": "*",
     "@nuxt/kit": "^3"
   },
   "peerDependenciesMeta": {
@@ -111,6 +112,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^3.8.0",
+    "@fluent/bundle": "^0.18.0",
     "@nuxt/kit": "^3.14.159",
     "@nuxt/schema": "^3.14.159",
     "@release-it-plugins/lerna-changelog": "7.0.0",

package.json

@@ -7,6 +7,7 @@ import MagicString from 'magic-string'
 
 import { createUnplugin } from 'unplugin'
 import { isCustomBlock, parseVueRequest } from '../loader-query'
+import { getInjectFtl } from './ftl/inject'
 import { getSyntaxErrors } from './ftl/parse'
 
 const isVue = createFilter(['**/*.vue'])
@@ -137,20 +138,15 @@ export const unplugin = createUnplugin((options: ExternalPluginOptions) => {
             this.error(errorsText)
         }
 
-        const magic = new MagicString(source, { filename: id })
+        const injectFtl = getInjectFtl(resolvedOptions)
 
-        if (source.length > 0)
-          magic.update(0, source.length, JSON.stringify(source))
-        else
-          magic.append('""')
-        magic.prepend(`
-import { FluentResource } from '@fluent/bundle'
-export default /*#__PURE__*/ new FluentResource(`)
-        magic.append(')\n')
+        const result = injectFtl`
+export default /*#__PURE__*/ new FluentResource(${source})
+`
 
         return {
-          code: magic.toString(),
-          map: magic.generateMap(),
+          code: result.toString(),
+          map: result.generateMap(),
         }
       }
 

pnpm-lock.yaml

@@ -0,0 +1,41 @@
+import type { SFCPluginOptions } from 'src/types'
+
+import { FluentResource } from '@fluent/bundle'
+import MagicString from 'magic-string'
+
+type InjectFtlFn = (template: TemplateStringsArray, locale?: string, source?: string) => MagicString
+
+export function getInjectFtl(options: SFCPluginOptions): InjectFtlFn {
+  return (template, locale, source) => {
+    if (source == null) {
+      source = locale
+      locale = undefined
+    }
+
+    if (source == null)
+      throw new Error('Missing source')
+
+    let magic = new MagicString(source)
+    const importString = options.parseFtl === true ? '' : '\nimport { FluentResource } from \'@fluent/bundle\'\n'
+    const localeString = locale == null ? '' : locale
+
+    if (options.parseFtl === true) {
+      const resource = new FluentResource(source)
+      magic.overwrite(0, source.length, JSON.stringify(resource))
+    }
+    else {
+      // Escape string
+      magic.replace(/"/g, '\\"')
+      magic.replace(/\n/g, '\\n')
+      magic = magic.snip(1, -1)
+      magic.prepend('new FluentResource("')
+      magic.append('")')
+    }
+
+    magic.prepend(importString + template[0] + localeString + template[1])
+    if (template[2] != null)
+      magic.append(template[2])
+
+    return magic
+  }
+}