rollup-plugin-ripple

0.2.152 verified Mon Apr 27 auth: no javascript maintenance

A Rollup plugin for building Ripple applications. Ripple is a React-based framework for building user interfaces, and this plugin integrates it with Rollup. The current stable version is 0.2.152, but it is rarely updated and likely unmaintained. Differentiators: it allows developers to use Rollup as a bundler for Ripple projects instead of the default Ripple CLI. However, usage is minimal and documentation is scarce.

Common errors

error Error: Cannot find module 'rollup-plugin-ripple' ↓

cause Package not installed or not installed in the correct node_modules.

fix

Run 'npm install rollup-plugin-ripple' or 'yarn add rollup-plugin-ripple' in your project directory.

error TypeError: ripple is not a function ↓

cause Named import used instead of default import.

fix

Change 'import { ripple } from 'rollup-plugin-ripple'' to 'import ripple from 'rollup-plugin-ripple''.

error AssertionError [ERR_ASSERTION]: The plugin 'ripple' must be a function or an object with a 'name' and 'transform' key. ↓

cause Plugin added as an object to the plugins array instead of calling the function.

fix

Change 'plugins: [ripple]' to 'plugins: [ripple()]'.

Warnings

deprecated Package is rarely updated and may have breaking changes with newer Rollup and Ripple versions. ↓

fix Consider using the official Ripple CLI or evaluate if this plugin is still needed.

gotcha Default import is required; named import does not work. ↓

fix Use 'import ripple from 'rollup-plugin-ripple'' or 'const ripple = require('rollup-plugin-ripple')'.

gotcha Plugin must be called as a function in the plugins array (ripple()) not as an object. ↓

fix Ensure plugins array includes ripple() not just ripple.

Install

npm install rollup-plugin-ripple

yarn add rollup-plugin-ripple

pnpm add rollup-plugin-ripple

Imports

ripple
wrong
```
const ripple = require('rollup-plugin-ripple')
```
correct
```
import ripple from 'rollup-plugin-ripple'
```
ESM default import is correct; CommonJS require works but may not be type-safe.
ripple (named)
wrong
```
import Ripple from 'rollup-plugin-ripple'
```
correct
```
import { ripple } from 'rollup-plugin-ripple'
```
The package exports a default export, not a named export. Using named export will fail.
ripple (CommonJS)
```
const ripple = require('rollup-plugin-ripple')
```
CJS require works for Node.js; ensure Rollup is configured for CJS?

Quickstart

Basic setup of rollup-plugin-ripple in a Rollup config file.

// rollup.config.js
import ripple from 'rollup-plugin-ripple';

export default {
  input: 'src/main.js',
  output: {
    file: 'dist/bundle.js',
    format: 'esm'
  },
  plugins: [ripple()]
};