How Immer is structuredAn interactive map of the Immer codebase. The immutable state library, the whole repo in 69 files. src/internal.ts gathers the internals, and src and its core/ folder lean on each other.

Files visualized: 69

Languages: TypeScript, JavaScript

Topics: immutability, typescript

Source repository: https://github.com/immerjs/immer

Structure69 files and 62 connections between their symbols.Most depended on

src/immer.ts, imported by 25 files

src/internal.ts, imported by 17 files

__tests__/spec_ts.ts, imported by 4 files

src/types/types-external.ts, imported by 2 files

src/utils/common.ts, imported by 2 files

Files

src/immer.ts: 2 functions; imports src/internal.ts, src/plugins/arrayMethods.ts, src/plugins/mapset.ts, src/plugins/patches.ts

src/internal.ts: no top-level classes or functions; imports src/core/current.ts, src/core/finalize.ts, src/core/immerClass.ts, src/core/proxy.ts, src/core/scope.ts, src/types/types-external.ts, src/types/types-internal.ts, src/utils/common.ts and 3 more

__tests__/spec_ts.ts: 1 class, 1 function

src/types/types-external.ts: 1 function; imports src/internal.ts

src/utils/common.ts: 25 functions; imports src/internal.ts

src/core/current.ts: 2 functions; imports src/internal.ts

src/core/finalize.ts: 10 functions; imports src/internal.ts

src/core/immerClass.ts: 1 class, 1 function; imports src/internal.ts

src/core/proxy.ts: 7 functions; imports src/internal.ts

src/core/scope.ts: 7 functions; imports src/internal.ts

src/plugins/arrayMethods.ts: 1 function; imports src/internal.ts

src/plugins/mapset.ts: 1 function; imports src/internal.ts

src/plugins/patches.ts: 1 function; imports src/immer.ts, src/internal.ts

src/types/types-internal.ts: no top-level classes or functions; imports src/internal.ts

src/utils/env.ts: no top-level classes or functions

src/utils/errors.ts: 1 function; imports src/internal.ts

src/utils/plugins.ts: 4 functions; imports src/internal.ts

__tests__/array-methods-filter-length.js: no top-level classes or functions; imports src/immer.ts, src/internal.ts

__tests__/base.js: 1 class, 5 functions; imports src/immer.ts, src/internal.ts

__tests__/current.js: 2 functions; imports src/immer.ts

__tests__/curry.js: 1 function; imports src/immer.ts

__tests__/draft.ts: 2 functions; imports __tests__/spec_ts.ts, src/immer.ts

__tests__/empty.ts: 1 function; imports src/immer.ts, src/internal.ts

__tests__/frozen.js: 1 function; imports src/immer.ts

__tests__/immutable.ts: no top-level classes or functions; imports __tests__/spec_ts.ts, src/immer.ts

__tests__/isDraftable.js: no top-level classes or functions; imports src/immer.ts

__tests__/isModified.js: no top-level classes or functions; imports src/immer.ts

__tests__/manual.js: 1 function; imports src/immer.ts

__tests__/map-set.js: 1 function; imports src/immer.ts, src/utils/common.ts

__tests__/not-strict-copy.ts: no top-level classes or functions; imports src/immer.ts

__tests__/null.js: no top-level classes or functions; imports src/immer.ts

__tests__/original.js: no top-level classes or functions; imports src/immer.ts

__tests__/patch.js: 2 functions; imports src/immer.ts

__tests__/plugins.js: no top-level classes or functions; imports src/immer.ts

__tests__/produce.ts: no top-level classes or functions; imports __tests__/spec_ts.ts, src/immer.ts

__tests__/prototype-inspection.js: 1 function; imports src/immer.ts

__tests__/readme.js: no top-level classes or functions; imports src/immer.ts

__tests__/redux.ts: no top-level classes or functions; imports __tests__/spec_ts.ts, src/immer.ts

__tests__/regressions.js: 1 function; imports src/immer.ts

__tests__/test-data.json: no top-level classes or functions

29 further files are in the graph but not listed here.Files that import each other

src/core/current.ts and src/internal.ts

src/core/finalize.ts and src/internal.ts

src/core/immerClass.ts and src/internal.ts

src/core/proxy.ts and src/internal.ts

src/core/scope.ts and src/internal.ts

src/immer.ts and src/plugins/patches.ts

src/internal.ts and src/types/types-external.ts

src/internal.ts and src/types/types-internal.ts

src/internal.ts and src/utils/common.ts

src/internal.ts and src/utils/errors.ts

src/internal.ts and src/utils/plugins.ts

NeedyNodes is a free, browser-based tool that turns a codebase into an interactive dependency map: folders become regions, files are laid out in the direction their imports run, and circular dependencies or dead exports are flagged automatically. Point at a file to see what it uses and what uses it, or double click it to see every file a change to it can reach. It parses JavaScript, TypeScript, Python, Go, Rust, Vue and Svelte, up to 1000 files per map. Nothing is uploaded: parsing runs entirely in the browser.Browse all visualized codebases · Visualize your own codebase