📘 Description

What is this?

To prevent code duplication and enhance re-usability, a centralized configuration including all of your environment variables might be handy. Rather of generating a .env file for each package, we may utilize a single .env file at the project's root.

This is a package that allows monorepo applications and packages to share and load a centralized dotenv. It's based over dotenv package.

It also includes some extra features such as manipulation and saving of changes to the dotenv file, a default centralized file, and a file loader with ordering and priorities.

The plugin dotenv-expand is enabled by default.

Structure Example

1├── .env
2├── .env.production
3├── .env.defaults
4├── packages
5│   ├── ui-library
6│   ├── other-library
7├── apps
8│   ├── web
9│   │   ├── .storybook
10│   ├── docs

How it works?

The package search the first .env file, matching with some priority criteria, by walking up the parent directories.

Priorities

Starting from the current process directory, this package finds the first file that matches the best filepath and filename criteria with the highest priority. The greater the depth of the up folder, the lesser its priority.

The priority can be customized on the configuration with the priorities property, see the example below on the usage section.

Note: The allowed values for NODE_ENV are usually test, development and production.

Priority	Filename
75	.env.$(NODE_ENV).local
50	.env.local
25	.env.$(NODE_ENV)
1	.env

Example

Given the following folder structure with dotenv files:

1├── .env
2├── .env.production
3├── apps
4│   ├── .env.development
5│   ├── web
6│   ├── docs
7│   │   ├── .env
8│   │   ├── .env.local

Having the following priority order:

Path	Priority	Depth
.env	1	2
.env.production	25	2
apps/.env.development	25	1
apps/docs/.env	1	0
apps/docs/.env.local	50	0

Then we will have the following outcome scenarios:

Current working directory	Env	Match
/	development	.env
/	production	.env.production
apps/web	development	.env
apps/web	development	apps/.env.development
apps/docs	development	apps/docs/.env.local

📖 Install

Install the library from npm or yarn just running one of the following command lines:

npm	yarn
npm install dotenv-mono --save	yarn add dotenv-mono

Install on Next.js

For custom advanced configuration of Next.js, you can create a next.config.js or next.config.mjs file in the root of your project directory (next to package.json).

Add the following line at the top of the file:

1require("dotenv-mono").load();

Example

1require("dotenv-mono").load();
2
3/**
4 * @type {import('next').NextConfig}
5 */
6const nextConfig = {
7	/* config options here */
8};
9
10module.exports = nextConfig;

Install on Storybook

The main configuration file is .storybook/main.js. This file controls the Storybook server's behavior, so you must restart Storybook’s process when you change it.

Add the following lines on the file:

1const dotenv = require("dotenv-mono").load();
2
3const config = {
4	/* config options here */
5	env: (config) => {
6		return {
7			...config,
8			...dotenv.env,
9		};
10	},
11};
12
13module.exports = config;

💻 Usage

Load

Simple methods to export environment variables from the dotenv into the working process. Here are several potential implementation approaches based on your preferences.

1// Inline
2require("dotenv-mono").load(/* config */);
3
4// Using the function
5const {dotenvLoad} = require("dotenv-mono");
6dotenvLoad(/* config */);
7
8// Using import
9import {dotenvLoad} from "dotenv-mono";
10const dotenv = dotenvLoad(); // Dotenv instance
11
12// Using the class
13const {Dotenv} = require("dotenv-mono");
14const dotenv = new Dotenv(/* config */);
15dotenv.load();

Having the dotenv output

If you need a fast way to replace dotenv package with dotenv-mono, and you need also to have a retro-compatible feature, you can have back directly the output like dotenv package using the config method.

1// Inline
2const output = require("dotenv-mono").config(/* config */);
3
4// Using the function
5const {dotenvConfig} = require("dotenv-mono");
6const output = dotenvConfig(/* config */);

Load file with extension

1// Use `.dotenv.server` or `.dotenv.server.local`, etc...
2load({extension: "server"});

Load specific file

1// You can specify the file path
2load({path: "../../configs/.env"});

Load without dotenv-expand extension

1load({expand: false});

Change default filename

1load({defaults: ".env.def"});

Change priorities

1// If `.dotenv.overwrite` is present use it with max priority
2load({
3	priorities: {
4		".env.overwrite": 100,
5	},
6});

Make changes

1const dotenv = require("dotenv-mono").load();
2dotenv.save({"MY_ENV_1": "enjoy"});
3
4// Without loading into the working process
5const {Dotenv} = require("dotenv-mono");
6const dotenv = new Dotenv();
7dotenv.loadFile(); // Skip loading into the process
8dotenv.save({
9	"MY_ENV_1": "enjoy",
10	"MY_ENV_2": "'enjoy quotes'",
11	"MY_ENV_3": 999,
12});

Preload

As on the dotenv package on the CLI/Console, you can use the --require (-r) command line option to preload dotenv. By doing this, you do not need to require and load dotenv in your application code.

1$ node -r dotenv-mono/load your_script.js

The configuration options below are supported as command line arguments in the format dotenv_config_<option>=value

1$ node -r dotenv-mono/load your_script.js dotenv_config_path=/custom/path/to/.env dotenv_config_debug=true

Additionally, you can use environment variables to set configuration options. Command line arguments will precede these.

1$ DOTENV_CONFIG_<OPTION>=value node -r dotenv-mono/load your_script.js

1$ DOTENV_CONFIG_ENCODING=latin1 DOTENV_CONFIG_DEBUG=true node -r dotenv-mono/load your_script.js dotenv_config_path=/custom/path/to/.env

💡 Methods

Config

Setting	Description	Default
cwd	Specify the current working directory	process.cwd()
debug	Turn on/off logging to help debug why certain keys or values are not being set as you expect	false
defaults	Specify the defaults dotenv filename (it can't override any environment variables)	.env.defaults
depth	Specify the max depth to reach finding up the folder from the children directory	4
encoding	Specify the encoding of your file containing environment variables	utf8
expand	Turn on/off the dotenv-expand plugin	true
extension	Specify to load specific dotenv file used only on specific apps/packages (ex. .env.server...)
override	Override any environment variables that have already been set on your machine with values from your .env file	false
path	Specify a custom path if your file containing environment variables is located elsewhere
priorities	Specify the criteria of the filename priority to load as dotenv file	See Priorities

Dotenv Methods

Load Environments

It will read your .env file following the criteria, parse the contents, assign it to process.env.

Note: This method differs from the previous load function. In that it requires the configuration to be loaded on the class instance via the constructor.

public load(loadOnProcess: boolean): Dotenv;

Load File

It will read your .env file following the criteria, parse the contents, ready to be read or changed programmatically.

public loadFile(): Dotenv;

Save

Merge the data on input with the loaded data from load or loadFile, and save the changes on the original dotenv file.

Note: If .env.defaults is present, it won't be overwritten, you can just save the changes on the main dotenv file (.env, .env.local, etc...)

public save(changes: Record<string, any>): Dotenv;

Parse

See the dotenv documentation HERE

public parse<T extends Record<string, any> = Record<string, any>>(src: string | Buffer): T;

🤔 How to contribute

Have an idea? Found a bug? Please raise to ISSUES or PULL REQUEST. Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.