fix(native-tools): extract in projects with jsxRuntime "vue" (#291)

Author: andrii-bodnar

packages/native-tools/__test__/index.spec.ts

@@ -192,6 +192,16 @@ describe('createSwcExtractor', () => {
     expect(await extract(extractor, linguiConfig)).toEqual(['From custom package'])
   })
 
+  test('extracts with a jsxRuntime the native macro does not implement', async () => {
+    // `@lingui/vue/config` sets `jsxRuntime: "vue"`
+    const linguiConfig = makeConfig(
+      {locales: ['en'], macro: {jsxRuntime: 'vue'} as LinguiConfigNormalized['macro']},
+      {skipValidation: true},
+    )
+
+    expect(await extract(createSwcExtractor(), linguiConfig)).toEqual(['From default package'])
+  })
+
   describe('source maps', () => {
     const linguiConfig = makeConfig({locales: ['en']}, {skipValidation: true})
 

packages/native-tools/src-js/index.ts

@@ -189,10 +189,10 @@ export function createSwcExtractor(options: ExtractorOptions = {}): ExtractorTyp
         code += `\n//# sourceMappingURL=data:application/json;base64,${Buffer.from(JSON.stringify(ctx.sourceMaps)).toString('base64')}`
       }
 
-      const {messages} = await extractMessages(code, filename, {
-        ...options,
-        macro: mapOptions(ctx.linguiConfig, options.macro),
-      })
+      // `jsxRuntime` doesn't affect extracted messages, and the native side rejects values it doesn't know, e.g. "vue".
+      const {jsxRuntime: _jsxRuntime, ...macro} = mapOptions(ctx.linguiConfig, options.macro)
+
+      const {messages} = await extractMessages(code, filename, {...options, macro})
 
       messages.forEach((msg) => {
         onMessageExtracted(mapMessage(msg))