{"id":20412,"library":"prettier-plugin-ripple","title":"prettier-plugin-ripple","description":"A Prettier plugin for formatting Ripple (.ripple) files, version 0.2.152. It integrates with Prettier to provide consistent formatting for Ripple source files. The plugin requires Prettier >= 2.0.0 and the ripple package as peer dependencies. It is part of the Ripple ecosystem, a reactive UI library. Release frequency appears to be patch updates tied to ripple releases. Key differentiators: dedicated Prettier plugin for Ripple files, ensuring code style consistency across projects.","status":"active","version":"0.2.152","language":"javascript","source_language":"en","source_url":"https://github.com/trueadm/ripple","tags":["javascript","prettier","plugin","ripple","formatter"],"install":[{"cmd":"npm install prettier-plugin-ripple","lang":"bash","label":"npm"},{"cmd":"yarn add prettier-plugin-ripple","lang":"bash","label":"yarn"},{"cmd":"pnpm add prettier-plugin-ripple","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"required as peer dependency for plugin functionality","package":"prettier","optional":false},{"reason":"required as peer dependency for parsing ripple files","package":"ripple","optional":false}],"imports":[{"note":"The plugin is used by adding it to Prettier's plugins array in config, not imported directly.","wrong":"const ripple = require('prettier-plugin-ripple')","symbol":"plugin (default)","correct":"module.exports = { plugins: ['prettier-plugin-ripple'] }"}],"quickstart":{"code":"// Install dependencies\nnpm install --save-dev prettier prettier-plugin-ripple\n\n// Create .prettierrc.json\n{\n  \"plugins\": [\"prettier-plugin-ripple\"],\n  \"semi\": true,\n  \"singleQuote\": true,\n  \"tabWidth\": 2\n}\n\n// Format a .ripple file\nnpx prettier --write input.ripple","lang":"javascript","description":"Install the plugin, configure Prettier to use it, and format a Ripple file."},"warnings":[{"fix":"Update Prettier to version 2.0.0 or later.","message":"The plugin only works with Prettier version 2.x or higher. Older versions are not supported.","severity":"gotcha","affected_versions":"<2.0.0"},{"fix":"Install the `ripple` package alongside prettier-plugin-ripple.","message":"The plugin requires the `ripple` package to be installed as a peer dependency. Skipping it will cause parsing errors.","severity":"gotcha","affected_versions":">=0"},{"fix":"Ensure your Prettier config is in CommonJS format or use dynamic import accordingly.","message":"The plugin is not compatible with Prettier 3.x's new module system if used in ESM projects without proper configuration.","severity":"gotcha","affected_versions":">=3.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run `npm install ripple` to install the missing peer dependency.","cause":"Missing peer dependency: `ripple` is not installed.","error":"The 'prettier-plugin-ripple' plugin failed to load: Cannot find module 'ripple'"},{"fix":"Ensure the plugin is installed: `npm install --save-dev prettier-plugin-ripple`. Also check Prettier version is >=2.0.0.","cause":"Plugin name typo or not installed; or Prettier version too old.","error":"Error: Invalid plugin in config: \"prettier-plugin-ripple\" is not a valid plugin name."},{"fix":"Check the Ripple file for syntax errors and ensure the `ripple` package version matches the plugin's expected version.","cause":"The ripple file contains syntax errors or unsupported Ripple version.","error":"TypeError: Cannot read properties of undefined (reading 'options')"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}