motiondeveloper/rollup-plugin-ae-jsx

RollupJS plugin to turn output into After Effects compatible `.jsx` JSON files

rollup-plugin-ae-jsx

A Rollup plugin which converts the ouput to After Effects compatible JSON for .jsx files.

Requirements

This plugin requires an LTS Node version (v8.0.0+) and Rollup v1.20.0+.

Install

Using npm:

npm install rollup-plugin-ae-jsx --save-dev

Usage

Create a rollup.config.js configuration file, import the plugin, and add it to the plugins array:

import afterEffectJsx from "./rollup-plugin-ae-jsx";
import pkg from "./package.json";

export default {
  input: "src/index.ts",
  output: {
    file: "dist/index.jsx",
    format: "es",
  },
  external: Object.keys(pkg.dependencies),
  plugins: [afterEffectJsx()],
};

• The output extension should be .jsx and format es to ensure After Effects compatible files.
• rollup-plugin-ae-jsx should be placed in plugins after any other plugins.

Then call rollup either via the CLI or the API.

Proccess

1. Creating a list of the exported functions and variables from the index file
2. Removing non-compatible statements: ['ExpressionStatement', 'DebuggerStatement', 'ImportDeclaration', 'ExportNamedDeclaration'];
3. Converting function and variable declarations into .jsx compliant syntax
4. Wrapping in braces ({})

Meta

CONTRIBUTING

LICENSE (MIT)