@formatjs/cli-lib 5.1.8 → 5.1.11

package/src/vue_extractor.ts

@@ -1,96 +0,0 @@
-import {parse} from '@vue/compiler-sfc'
-import type {
-  TemplateChildNode,
-  SimpleExpressionNode,
-  ElementNode,
-  InterpolationNode,
-  CompoundExpressionNode,
-  DirectiveNode,
-} from '@vue/compiler-core'
-import {NodeTypes} from '@vue/compiler-core'
-
-export type ScriptParseFn = (source: string) => void
-
-function walk(
-  node: TemplateChildNode | CompoundExpressionNode['children'][0],
-  visitor: (
-    node:
-      | ElementNode
-      | InterpolationNode
-      | CompoundExpressionNode
-      | SimpleExpressionNode
-  ) => void
-) {
-  if (typeof node !== 'object') {
-    return
-  }
-  if (
-    node.type !== NodeTypes.ELEMENT &&
-    node.type !== NodeTypes.COMPOUND_EXPRESSION &&
-    node.type !== NodeTypes.INTERPOLATION
-  ) {
-    return
-  }
-  visitor(node)
-  if (node.type === NodeTypes.INTERPOLATION) {
-    visitor(node.content)
-  } else if (node.type === NodeTypes.ELEMENT) {
-    node.children.forEach(n => walk(n, visitor))
-    node.props
-      .filter(
-        (prop): prop is DirectiveNode => prop.type === NodeTypes.DIRECTIVE
-      )
-      .filter(prop => !!prop.exp)
-      .forEach(prop => visitor(prop.exp!))
-  } else {
-    node.children.forEach(n => walk(n, visitor))
-  }
-}
-
-function templateSimpleExpressionNodeVisitor(parseScriptFn: ScriptParseFn) {
-  return (
-    n:
-      | ElementNode
-      | CompoundExpressionNode
-      | CompoundExpressionNode['children'][0]
-  ) => {
-    if (typeof n !== 'object') {
-      return
-    }
-    if (n.type !== NodeTypes.SIMPLE_EXPRESSION) {
-      return
-    }
-
-    const {content} = n as SimpleExpressionNode
-    // Wrap this in () since a vue comp node attribute can just be
-    // an object literal which, by itself is invalid TS
-    // but with () it becomes an ExpressionStatement
-    parseScriptFn(`(${content})`)
-  }
-}
-
-export function parseFile(
-  source: string,
-  filename: string,
-  parseScriptFn: ScriptParseFn
-): any {
-  const {descriptor, errors} = parse(source, {
-    filename,
-  })
-  if (errors.length) {
-    throw errors[0]
-  }
-  const {script, scriptSetup, template} = descriptor
-
-  if (template) {
-    walk(template.ast, templateSimpleExpressionNodeVisitor(parseScriptFn))
-  }
-
-  if (script) {
-    parseScriptFn(script.content)
-  }
-
-  if (scriptSetup) {
-    parseScriptFn(scriptSetup.content)
-  }
-}

package/tests/unit/__snapshots__/pseudo_locale.test.ts.snap

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`pseudo-locale: xx-LS works with messages that ends with a tag 1`] = `
-Array [
-  Object {
-    "type": 0,
-    "value": "Foo ",
-  },
-  Object {
-    "children": Array [
-      Object {
-        "type": 0,
-        "value": "bar",
-      },
-    ],
-    "type": 8,
-    "value": "a",
-  },
-  Object {
-    "type": 0,
-    "value": "SSSSSSSSSSSSSSSSSSSSSSSSS",
-  },
-]
-`;

package/tests/unit/__snapshots__/unit.test.ts.snap

@@ -1,42 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`unit it passes camelCase-converted arguments to typescript API 1`] = `
-Array [
-  Array [
-    ";",
-    Object {
-      "compilerOptions": Object {
-        "allowJs": true,
-        "experimentalDecorators": true,
-        "noEmit": true,
-        "target": 99,
-      },
-      "fileName": "file1.js",
-      "reportDiagnostics": true,
-      "transformers": Object {
-        "before": Array [
-          [Function],
-        ],
-      },
-    },
-  ],
-  Array [
-    ";",
-    Object {
-      "compilerOptions": Object {
-        "allowJs": true,
-        "experimentalDecorators": true,
-        "noEmit": true,
-        "target": 99,
-      },
-      "fileName": "file2.tsx",
-      "reportDiagnostics": true,
-      "transformers": Object {
-        "before": Array [
-          [Function],
-        ],
-      },
-    },
-  ],
-]
-`;

package/tests/unit/__snapshots__/vue_extractor.test.ts.snap

@@ -1,36 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`vue_extractor 1`] = `
-Array [
-  Object {
-    "defaultMessage": "in template",
-    "description": "in template desc",
-    "id": "f6d14",
-  },
-  Object {
-    "defaultMessage": "in script",
-    "description": "in script desc",
-    "id": "1ebd4",
-  },
-]
-`;
-
-exports[`vue_extractor for bind attr 1`] = `
-Array [
-  Object {
-    "defaultMessage": "Delete",
-    "description": "delete button text",
-    "id": "0705a",
-  },
-  Object {
-    "defaultMessage": "Send the item to the trash.",
-    "description": "delete button title",
-    "id": "5b09c",
-  },
-  Object {
-    "defaultMessage": "The item has been deleted.",
-    "description": "delete result message",
-    "id": "8fba7",
-  },
-]
-`;

package/tests/unit/fixtures/bind.vue

@@ -1,46 +0,0 @@
-<template>
-  <p>
-    Hello!
-
-    <button
-      target="_blank"
-      :title="
-        $formatMessage({
-          description: 'delete button title',
-          defaultMessage: 'Send the item to the trash.',
-        })
-      "
-      :class="{
-        toggled: toggle,
-      }"
-      @click="
-        alert(
-          $formatMessage({
-            description: 'delete result message',
-            defaultMessage: 'The item has been deleted.',
-          })
-        )
-      "
-    >
-      {{
-        $formatMessage({
-          description: 'delete button text',
-          defaultMessage: 'Delete',
-        })
-      }}
-    </button>
-  </p>
-</template>
-
-<script lang="ts">
-import {defineComponent} from 'vue'
-export default defineComponent({
-  name: 'App',
-
-  setup() {
-    const toggle = true
-
-    return {toggle, alert: (text: any) => alert(text)}
-  },
-})
-</script>

package/tests/unit/fixtures/comp.vue

@@ -1,17 +0,0 @@
-<template>
-  <p>
-    {{
-      $formatMessage({
-        defaultMessage: 'in template',
-        description: 'in template desc',
-      })
-    }}
-  </p>
-</template>
-
-<script>
-intl.formatMessage({
-  defaultMessage: 'in script',
-  description: 'in script desc',
-})
-</script>

package/tests/unit/pseudo_locale.test.ts

@@ -1,7 +0,0 @@
-import {generateXXLS} from '../../src/pseudo_locale'
-
-describe.only('pseudo-locale: xx-LS', () => {
-  it('works with messages that ends with a tag', () => {
-    expect(generateXXLS('Foo <a>bar</a>')).toMatchSnapshot()
-  })
-})

package/tests/unit/unit.test.ts

@@ -1,44 +0,0 @@
-import cliMain from '../../src/cli'
-const glob = require('fast-glob')
-const ts = require('typescript')
-const transpileModule = jest.spyOn(ts, 'transpileModule')
-// Commander.js will call this.
-jest.spyOn(process, 'exit').mockImplementation((() => null) as any)
-jest.spyOn(glob, 'sync').mockImplementation(p => (Array.isArray(p) ? p : [p]))
-
-jest.mock('fs-extra', () => ({
-  outputJSONSync: () => Promise.resolve(),
-  readFile: () => Promise.resolve(';'),
-}))
-
-describe('unit', function () {
-  beforeEach(() => {
-    jest.clearAllMocks()
-  })
-
-  it('it passes camelCase-converted arguments to typescript API', async () => {
-    await cliMain([
-      'node',
-      'path/to/formatjs-cli',
-      'extract',
-      '--extract-source-location',
-      '--remove-default-message',
-      '--throws',
-      '--additional-component-names',
-      'Foo,Bar',
-      '--ignore=file3.ts',
-      'file1.js',
-      'file2.tsx',
-    ])
-
-    expect(transpileModule.mock.calls).toMatchSnapshot()
-  })
-
-  it('does not read from stdin when the glob pattern does NOT match anything', async () => {
-    // Does not match anything
-    jest.spyOn(glob, 'sync').mockImplementation(() => [])
-    // This should not hang
-    await cliMain(['node', 'path/to/formatjs-cli', 'extract', '*.doesnotexist'])
-    expect(transpileModule).not.toHaveBeenCalled()
-  }, 500) // 500ms timeout
-})

package/tests/unit/vue_extractor.test.ts

@@ -1,38 +0,0 @@
-import {MessageDescriptor} from '@formatjs/ts-transformer'
-import {parseScript} from '../../src/parse_script'
-import {parseFile} from '../../src/vue_extractor'
-import {readFile} from 'fs-extra'
-import {join} from 'path'
-test('vue_extractor', async function () {
-  let messages: MessageDescriptor[] = []
-  const fixturePath = join(__dirname, './fixtures/comp.vue')
-  parseFile(
-    await readFile(fixturePath, 'utf8'),
-    fixturePath,
-    parseScript({
-      additionalFunctionNames: ['$formatMessage'],
-      onMsgExtracted(_, msgs) {
-        messages = messages.concat(msgs)
-      },
-      overrideIdFn: '[contenthash:5]',
-    })
-  )
-  expect(messages).toMatchSnapshot()
-})
-
-test('vue_extractor for bind attr', async function () {
-  let messages: MessageDescriptor[] = []
-  const fixturePath = join(__dirname, './fixtures/bind.vue')
-  parseFile(
-    await readFile(fixturePath, 'utf8'),
-    fixturePath,
-    parseScript({
-      additionalFunctionNames: ['$formatMessage'],
-      onMsgExtracted(_, msgs) {
-        messages = messages.concat(msgs)
-      },
-      overrideIdFn: '[contenthash:5]',
-    })
-  )
-  expect(messages).toMatchSnapshot()
-})

package/tsconfig.json

@@ -1,5 +0,0 @@
-// @generated
-{
-  // This is purely for IDE, not for compilation
-  "extends": "../../tsconfig.json"
-}