Data Extractor FAQs

Question 1

What is the Data Extractor tool?

Accepted Answer

The Data Extractor is a developer tool that extracts embedded data (like translations or configurations) and SVG components from your TypeScript/JavaScript code. It converts this data into structured JSON and SVG files, making it easier to manage and use.

Question 2

Can I extend the tool to support more data patterns?

Accepted Answer

Yes! The tool uses Babel to parse the code. You can modify the source code to add support for new node types, custom value processing, or custom AST traversal to handle different code patterns.

Question 3

What types of data can it extract?

Accepted Answer

It extracts string literals, template literals, complex nested objects, and SVG components. It handles both TypeScript and JavaScript files with JSX support, preserving template variables and nested object structures with dot notation.

Question 4

How does the SVG extraction work?

Accepted Answer

The tool extracts SVG components, removes React-specific code (like `className` and props), and saves them as individual `.svg` files. This allows you to easily reuse your SVG assets in different contexts.

Question 5

What happens to the original source file after extraction?

Accepted Answer

By default, after a successful extraction, the tool replaces the content of the source file with a 'MIGRATED TO <target path>' message. This helps you track which files have been processed and prevents duplicate extraction. You can disable this behavior via an environment variable.

Data Extractor

Data Extractor

Key Features

Use Cases

Key Features

Use Cases