# babel-plugin-transform-twist

**Repository Path**: mirrors_adobe/babel-plugin-transform-twist

## Basic Information

- **Project Name**: babel-plugin-transform-twist
- **Description**: Babel plugin for the Twist library
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# babel-plugin-transform-twist

[![Build Status](https://travis-ci.org/adobe/babel-plugin-transform-twist.svg?branch=master)](https://travis-ci.org/adobe/babel-plugin-transform-twist)

This babel plugin provides support for the syntax features of [twist](https://github.com/adobe/twist) that are common to any UI framework that you might use twist with. Specifically, it implements:

* Configuring decorators for auto-import.
* Allowing
* Configuring JSX tags for auto-import.

## Quick Reference

Plugin Options:

```js
{
    autoImport: {
        'Store': {
            module: '@twist/core',
            export: 'StoreDecorator',
            inherits: {
                module: '@twist/core',
                export: 'Store'
            }
        }
        'ui:button': {
            module: 'my-ui-library',
            export: 'Button'
        }
    }
}
```

With the above options, the following code:

```js
@Store
class MyStore {
    getView() {
        return <ui:button>My Button</ui:button>;
    }
}
```

becomes:

```js
import { StoreDecorator, Store } from '@twist/core';
import { Button } from 'my-ui-library';

@StoreDecorator
class MyStore extends Store {
    getView() {
        return <Button>My Button</Button>;
    }
}
```