Get dynamic config from process.env.REACT_SERVER_CONFIGS #871

mocheng · 2017-02-07T09:04:13Z

There is a hidden feature in packages/react-server/core/config.js, it read config.json file from folder specified by process.env.REACT_SERVER_CONFIGS and client side gets same config by rehydration. However, since it is json file, there is no way to config dynamically. For example, different API endpoint for dev env and production env.

This PR make react-server try to load config.js file in process.env.REACT_SERVER_CONFIGS folder first. If config.js doesn't exist, then config.json file is used.

An exmaple of .config.js file might be like below.

if (process.env.NODE_ENV==='production') {
  module.exports = {
     api: 'http://some-domain/'
  };
} else {
  module.exports = {
     api: 'http://dev.some-domain/'
  };
]

This might be helpful for a lot of application.

mocheng · 2017-02-07T09:06:19Z

packages/react-server/core/config.js

 				var configFile = fs.readFileSync(process.env.REACT_SERVER_CONFIGS + "/config.json");
-				/*eslint-disable no-process-env */


eslint-disable in original code actually disable eslint check for all below code. So, I just update it with eslint-disable-next-line.

karlhorky · 2017-02-07T12:04:28Z

The integration tests I introduced in #828 are failing. These are starting an actual react-server via the CLI - not sure if this is an issue.

drewpc · 2017-02-07T13:50:35Z

The guide for Running a Production Server describes how to use different configs per-environment. Do you think that accomplishes what you're trying to do here?

mocheng · 2017-02-08T01:17:14Z

@drewpc It is feasible to have different REACT_SERVER_CONFIGS in npm script. But, in case there are a lot common config values in different config files, e.g. 100 config values is same for both development and beta env, it would be a burden to keep two config json file same. In this case, yaml file would be a better choice which need to be run by js not json.

drewpc · 2017-02-10T03:16:17Z

Closing & reopening PR to force a Travis rebuild.

drewpc

How about instead of adding a second variable, simply change the fs.readFileSync() to be a require statement if the either config.js or config.json exist? Node can require() both file types and return the appropriate values: https://gist.github.com/bennadel/b1d15ab50a4fe80ba9bc#file-implicit-ext-js

mocheng · 2017-02-11T03:13:35Z

@drewpc Nice suggestion.

mocheng · 2017-02-13T02:46:01Z

Update code per @drewpc 's suggestion.

mocheng · 2017-02-13T02:48:01Z

I have rebased this branch to master, but the travis unit test still failed.
Interestingly, I beheld some PR passed the travis check. Anybody has any clue to make it work?

Add Object.freeze() and remove duplicate declaration of configFilePath so it passes eslint checks.

roblg · 2017-02-13T16:53:29Z

packages/react-server/core/config.js

+				// Node.js tries to load `config.js` file first. If `config.js` doesn't exist, Node.js
+				// then try to load `config.json`.
+				configFilePath = path.join(process.cwd(), configFilePath + "/config");
+				config = Object.freeze(configFilePath);


should this be Object.freeze(require("configFilePath"))?

Whoops. I had to add the Object.freeze and removed the require() part. Fixed!

gigabo · 2017-03-09T22:37:48Z

@roblg Have your concerns been addressed here?

roblg · 2017-03-09T22:52:17Z

@gigabo yeah, seems reasonable to me

gigabo · 2017-03-09T22:52:48Z

Thanks @mocheng. 👍

Looks like redfin#871 introduced a regression where absolute paths are no longer supported in the `REACT_SERVER_CONFIGS` environment variable. This can be addressed by using `path.resolve`: ```js > path.resolve("/home/foo", "bar/baz", "config"); '/home/foo/bar/baz/config' > path.resolve("/home/foo", "/bar/baz", "config"); '/bar/baz/config' ``` In place of `path.join`: ```js > path.join("/home/foo", "bar/baz", "config"); '/home/foo/bar/baz/config' > path.join("/home/foo", "/bar/baz", "config"); '/home/foo/bar/baz/config' ``` I also removed the path concatenation (`... + "/config"`).

Looks like #871 introduced a regression where absolute paths are no longer supported in the `REACT_SERVER_CONFIGS` environment variable. This can be addressed by using `path.resolve`: ```js > path.resolve("/home/foo", "bar/baz", "config"); '/home/foo/bar/baz/config' > path.resolve("/home/foo", "/bar/baz", "config"); '/bar/baz/config' ``` In place of `path.join`: ```js > path.join("/home/foo", "bar/baz", "config"); '/home/foo/bar/baz/config' > path.join("/home/foo", "/bar/baz", "config"); '/home/foo/bar/baz/config' ``` I also removed the path concatenation (`... + "/config"`).

mocheng commented Feb 7, 2017

View reviewed changes

mocheng force-pushed the dynamic_config branch from 5d3da3a to 4129c6b Compare February 7, 2017 09:26

mocheng force-pushed the dynamic_config branch from 4129c6b to e18acb6 Compare February 9, 2017 10:43

drewpc mentioned this pull request Feb 10, 2017

Fix react-server-cli AVA test issues #876

Merged

drewpc closed this Feb 10, 2017

drewpc reopened this Feb 10, 2017

drewpc requested changes Feb 10, 2017

View reviewed changes

mocheng force-pushed the dynamic_config branch from e18acb6 to 9019f07 Compare February 13, 2017 02:37

Get dynamic config from process.env.REACT_SERVER_CONFIGS.

4499043

mocheng force-pushed the dynamic_config branch from 9019f07 to 4499043 Compare February 13, 2017 02:42

mocheng changed the title ~~Get dynamic config from process.env.REACT_SERVER_CONFIG_SOURCE~~ Get dynamic config from process.env.REACT_SERVER_CONFIGS Feb 13, 2017

Update config.js

de8586c

Add Object.freeze() and remove duplicate declaration of configFilePath so it passes eslint checks.

drewpc approved these changes Feb 13, 2017

View reviewed changes

drewpc added the enhancement New functionality. label Feb 13, 2017

drewpc added this to the 0.6.1 milestone Feb 13, 2017

roblg reviewed Feb 13, 2017

View reviewed changes

Update config.js

b4ef19a

roblg approved these changes Mar 9, 2017

View reviewed changes

gigabo merged commit 9f68b0f into redfin:master Mar 9, 2017

mocheng deleted the dynamic_config branch March 10, 2017 02:50

gigabo mentioned this pull request Mar 21, 2017

Handle absolute paths in REACT_SERVER_CONFIGS #901

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Get dynamic config from process.env.REACT_SERVER_CONFIGS #871

Get dynamic config from process.env.REACT_SERVER_CONFIGS #871

mocheng commented Feb 7, 2017 •

edited

Loading

mocheng Feb 7, 2017

karlhorky commented Feb 7, 2017

drewpc commented Feb 7, 2017 •

edited

Loading

mocheng commented Feb 8, 2017

drewpc commented Feb 10, 2017

drewpc left a comment

mocheng commented Feb 11, 2017

mocheng commented Feb 13, 2017

mocheng commented Feb 13, 2017

roblg Feb 13, 2017

drewpc Feb 13, 2017

gigabo commented Mar 9, 2017

roblg commented Mar 9, 2017

gigabo commented Mar 9, 2017

		var configFile = fs.readFileSync(process.env.REACT_SERVER_CONFIGS + "/config.json");
		/eslint-disable no-process-env /

Get dynamic config from process.env.REACT_SERVER_CONFIGS #871

Get dynamic config from process.env.REACT_SERVER_CONFIGS #871

Conversation

mocheng commented Feb 7, 2017 • edited Loading

mocheng Feb 7, 2017

Choose a reason for hiding this comment

karlhorky commented Feb 7, 2017

drewpc commented Feb 7, 2017 • edited Loading

mocheng commented Feb 8, 2017

drewpc commented Feb 10, 2017

drewpc left a comment

Choose a reason for hiding this comment

mocheng commented Feb 11, 2017

mocheng commented Feb 13, 2017

mocheng commented Feb 13, 2017

roblg Feb 13, 2017

Choose a reason for hiding this comment

drewpc Feb 13, 2017

Choose a reason for hiding this comment

gigabo commented Mar 9, 2017

roblg commented Mar 9, 2017

gigabo commented Mar 9, 2017

mocheng commented Feb 7, 2017 •

edited

Loading

drewpc commented Feb 7, 2017 •

edited

Loading