{"id":21985,"library":"rollup-plugin-dependency-flow","title":"rollup-plugin-dependency-flow","description":"A Rollup plugin (v0.3.0) for visualizing module dependency graphs as interactive HTML or live webserver. Generates static HTML files or serves a real-time updated graph during watch mode. Lightweight, no external UI dependencies, configurable output and ports.","status":"active","version":"0.3.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","rollup-plugin"],"install":[{"cmd":"npm install rollup-plugin-dependency-flow","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-dependency-flow","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-dependency-flow","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export. Use ESM import for modern bundlers.","wrong":"const deps = require('rollup-plugin-dependency-flow')","symbol":"default","correct":"import deps from 'rollup-plugin-dependency-flow'"},{"note":"Do not destructure – the default export is the function.","wrong":"import { deps } from 'rollup-plugin-dependency-flow'","symbol":"default as named","correct":"import deps from 'rollup-plugin-dependency-flow'"},{"note":"CJS require works fine; no .default needed.","wrong":"const deps = require('rollup-plugin-dependency-flow').default","symbol":"require","correct":"const deps = require('rollup-plugin-dependency-flow')"}],"quickstart":{"code":"// rollup.config.js\nimport deps from 'rollup-plugin-dependency-flow';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    dir: 'dist',\n    format: 'esm'\n  },\n  plugins: [\n    deps({\n      build: {\n        dir: './dependency-visualization',\n        name: 'dep-graph.html'\n      }\n    })\n  ]\n};","lang":"javascript","description":"Generates a static HTML file visualizing Rollup module dependencies."},"warnings":[{"fix":"Use deps(false, { port: 8085 }) to enable serve mode.","message":"Calling deps() without arguments uses default build config, not server mode. To start a server, pass serve config explicitly.","severity":"gotcha","affected_versions":">=0.1"},{"fix":"Switch to import deps from 'rollup-plugin-dependency-flow'.","message":"CommonJS require pattern may not be supported in future versions; prefer ESM imports.","severity":"deprecated","affected_versions":">=0.3"}],"env_vars":null,"search_vec":"'configur':41 'depend':4,13,40 'extern':38 'file':24 'flow':5 'generat':21 'graph':14,32 'html':17,23 'interact':16 'javascript':45 'lightweight':36 'live':19 'mode':35 'modul':12 'output':42 'plugin':3,8,48 'port':44 'real':29 'real-tim':28 'rollup':2,7,47 'rollup-plugin':46 'rollup-plugin-dependency-flow':1 'serv':26 'static':22 'time':30 'ui':39 'updat':31 'v0.3.0':9 'visual':11 'watch':34 'webserv':20","created_at":"2026-04-27T17:02:47.694193+00:00","updated_at":"2026-04-27T17:02:47.694193+00:00","problems":[{"fix":"Run npm install rollup-plugin-dependency-flow","cause":"Package not installed or typo in package name.","error":"Error: Cannot find module 'rollup-plugin-dependency-flow'"},{"fix":"Use import deps from 'rollup-plugin-dependency-flow' (without braces).","cause":"Incorrect import – destructured named export instead of default.","error":"TypeError: deps is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/rollup-plugin-dependency-flow","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-18","next_check":"2026-07-26","install_tag":null}}