commit 71ecdb34cc9ac385b5731f6b873e63eadcc3ca63
parent e34c7ba604c3e7ba122073d5b3e43256b36bbed5
Author: Sebastian <sebasjm@gmail.com>
Date: Wed, 10 Feb 2021 17:28:57 -0300
environment variables
Diffstat:
7 files changed, 35 insertions(+), 103 deletions(-)
diff --git a/.env b/.env
@@ -0,0 +1 @@
+BACKEND_ENDPOINT=http://localhost:9965
diff --git a/README.md b/README.md
@@ -1,17 +1,21 @@
# backoffice-preact
+First copy template.env into .env
+Replace evironment variables
+
+
## CLI Commands
-* `npm install`: Installs dependencies
+* `yarn install`: Installs dependencies
-* `npm run dev`: Run a development, HMR server
+* `yarn dev`: Run a development, HMR server
-* `npm run serve`: Run a production-like server
+* `yarn serve`: Run a production-like server
-* `npm run build`: Production-ready build
+* `yarn build`: Production-ready build
-* `npm run lint`: Pass TypeScript files using ESLint
+* `yarn lint`: Pass TypeScript files using ESLint
-* `npm run test`: Run Jest and Enzyme with
+* `yarn test`: Run Jest and Enzyme with
[`enzyme-adapter-preact-pure`](https://github.com/preactjs/enzyme-adapter-preact-pure) for
your tests
diff --git a/package.json b/package.json
@@ -54,6 +54,7 @@
"bulma-responsive-tables": "^1.2.3",
"bulma-switch-control": "^1.1.1",
"bulma-upload-control": "^1.2.0",
+ "dotenv": "^8.2.0",
"enzyme": "^3.11.0",
"enzyme-adapter-preact-pure": "^2.2.0",
"eslint": "^6.8.0",
diff --git a/preact.config.js b/preact.config.js
@@ -0,0 +1,14 @@
+import { DefinePlugin } from 'webpack';
+import { config } from 'dotenv';
+const { parsed } = config();
+
+export default {
+ webpack(config, env, helpers, options) {
+ config.node.process = 'mock'
+ config.plugins.push(
+ new DefinePlugin({
+ 'process.env.BACKEND_ENDPOINT': JSON.stringify(parsed['BACKEND_ENDPOINT']),
+ }),
+ );
+ }
+}
diff --git a/src/components/hooks/backend.ts b/src/components/hooks/backend.ts
@@ -17,7 +17,7 @@ class AuthError extends Error {
public readonly isAuth = true
}
-const BACKEND = 'http://localhost:9966'
+const BACKEND = process.env.BACKEND_ENDPOINT
const TOKEN_KEY = 'backend-token'
type Methods = 'get' | 'post' | 'patch' | 'delete' | 'put';
diff --git a/template.env b/template.env
@@ -0,0 +1 @@
+BACKEND_ENDPOINT=http://localhost:9965
diff --git a/yarn.lock b/yarn.lock
@@ -960,7 +960,7 @@
pirates "^4.0.0"
source-map-support "^0.5.16"
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.5", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.5", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4":
version "7.12.13"
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.13.tgz#0a21452352b02542db0ffb928ac2d3ca7cb6d66d"
integrity sha512-8+3UMPBrjFa/6TtKi/7sehPKqfAm4g6K+YQjyyFOLUTxzOngcRZTlAVY8sc2CORJYqdHQY8gRPHmn+qo15rCBw==
@@ -1018,7 +1018,7 @@
exec-sh "^0.3.2"
minimist "^1.2.0"
-"@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9":
+"@emotion/cache@^10.0.27":
version "10.0.29"
resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0"
integrity sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==
@@ -1028,7 +1028,7 @@
"@emotion/utils" "0.11.3"
"@emotion/weak-memoize" "0.2.5"
-"@emotion/core@^10.0.9", "@emotion/core@^10.1.1":
+"@emotion/core@^10.1.1":
version "10.1.1"
resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3"
integrity sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA==
@@ -1040,7 +1040,7 @@
"@emotion/sheet" "0.9.4"
"@emotion/utils" "0.11.3"
-"@emotion/css@^10.0.27", "@emotion/css@^10.0.9":
+"@emotion/css@^10.0.27":
version "10.0.27"
resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.27.tgz#3a7458198fbbebb53b01b2b87f64e5e21241e14c"
integrity sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw==
@@ -1655,31 +1655,6 @@
regenerator-runtime "^0.13.7"
ts-dedent "^2.0.0"
-"@storybook/addon-knobs@^6.1.17":
- version "6.1.17"
- resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-6.1.17.tgz#c7cdd5be813c2b80ce7f464eabf8ceb06486e82d"
- integrity sha512-WUkoGtHhXIurXFQybsMXZaphAtCNclZjZHvji8O5eg+ahx7pIM/Wldh3uJwOdOkW5LHxT76hLxPvuXvOEysnbw==
- dependencies:
- "@storybook/addons" "6.1.17"
- "@storybook/api" "6.1.17"
- "@storybook/channels" "6.1.17"
- "@storybook/client-api" "6.1.17"
- "@storybook/components" "6.1.17"
- "@storybook/core-events" "6.1.17"
- "@storybook/theming" "6.1.17"
- copy-to-clipboard "^3.0.8"
- core-js "^3.0.1"
- escape-html "^1.0.3"
- fast-deep-equal "^3.1.1"
- global "^4.3.2"
- lodash "^4.17.15"
- prop-types "^15.7.2"
- qs "^6.6.0"
- react-color "^2.17.0"
- react-lifecycles-compat "^3.0.4"
- react-select "^3.0.8"
- regenerator-runtime "^0.13.7"
-
"@storybook/addon-links@^6.1.16":
version "6.1.17"
resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.1.17.tgz#53cd2f85a83006950cd86cef9975ae8311ac1de4"
@@ -1698,26 +1673,6 @@
regenerator-runtime "^0.13.7"
ts-dedent "^2.0.0"
-"@storybook/addon-storysource@^6.1.17":
- version "6.1.17"
- resolved "https://registry.yarnpkg.com/@storybook/addon-storysource/-/addon-storysource-6.1.17.tgz#8db1ce2851227a2fe705d1b7f2d6cd4cff786481"
- integrity sha512-baRAlC8EErK0slK1GP8XgE34omiQP3zip7690yB2zj5aBdDiUUIjeBqzhluW840OEIGUrBicvLZaO8JmLSffTA==
- dependencies:
- "@storybook/addons" "6.1.17"
- "@storybook/api" "6.1.17"
- "@storybook/client-logger" "6.1.17"
- "@storybook/components" "6.1.17"
- "@storybook/router" "6.1.17"
- "@storybook/source-loader" "6.1.17"
- "@storybook/theming" "6.1.17"
- core-js "^3.0.1"
- estraverse "^4.2.0"
- loader-utils "^2.0.0"
- prettier "~2.0.5"
- prop-types "^15.7.2"
- react-syntax-highlighter "^13.5.0"
- regenerator-runtime "^0.13.7"
-
"@storybook/addon-toolbars@6.1.17":
version "6.1.17"
resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.1.17.tgz#15a015dc871e26be66340b5641631e649925c5e2"
@@ -5404,14 +5359,6 @@ dom-converter@^0.2:
dependencies:
utila "~0.4"
-dom-helpers@^5.0.1:
- version "5.2.0"
- resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.0.tgz#57fd054c5f8f34c52a3eeffdb7e7e93cd357d95b"
- integrity sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ==
- dependencies:
- "@babel/runtime" "^7.8.7"
- csstype "^3.0.2"
-
dom-serializer@0:
version "0.2.2"
resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -5533,7 +5480,7 @@ dotenv@^6.2.0:
resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-6.2.0.tgz#941c0410535d942c8becf28d3f357dbd9d476064"
integrity sha512-HygQCKUBSFl8wKQZBSemMywRWcEDNidvNbjGVyZu3nbZ8qq9ubiPoGLMdRDpfSrpkkm9BXYFkpKxxFX38o/76w==
-dotenv@^8.0.0:
+dotenv@^8.0.0, dotenv@^8.2.0:
version "8.2.0"
resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
@@ -5854,7 +5801,7 @@ escape-goat@^2.0.0:
resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
integrity sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==
-escape-html@^1.0.3, escape-html@~1.0.3:
+escape-html@~1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
@@ -9355,11 +9302,6 @@ media-typer@0.3.0:
resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
-memoize-one@^5.0.0:
- version "5.1.1"
- resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
- integrity sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA==
-
memoizerific@^1.11.3:
version "1.11.3"
resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a"
@@ -11204,7 +11146,7 @@ prompts@^2.0.1, prompts@^2.2.1:
kleur "^3.0.3"
sisteransi "^1.0.5"
-prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
version "15.7.2"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -11520,13 +11462,6 @@ react-hotkeys@2.0.0:
dependencies:
prop-types "^15.6.1"
-react-input-autosize@^3.0.0:
- version "3.0.0"
- resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-3.0.0.tgz#6b5898c790d4478d69420b55441fcc31d5c50a85"
- integrity sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==
- dependencies:
- prop-types "^15.5.8"
-
react-inspector@^5.0.1:
version "5.1.0"
resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-5.1.0.tgz#45a325e15f33e595be5356ca2d3ceffb7d6b8c3a"
@@ -11573,20 +11508,6 @@ react-refresh@0.8.3:
resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
-react-select@^3.0.8:
- version "3.2.0"
- resolved "https://registry.yarnpkg.com/react-select/-/react-select-3.2.0.tgz#de9284700196f5f9b5277c5d850a9ce85f5c72fe"
- integrity sha512-B/q3TnCZXEKItO0fFN/I0tWOX3WJvi/X2wtdffmwSQVRwg5BpValScTO1vdic9AxlUgmeSzib2hAZAwIUQUZGQ==
- dependencies:
- "@babel/runtime" "^7.4.4"
- "@emotion/cache" "^10.0.9"
- "@emotion/core" "^10.0.9"
- "@emotion/css" "^10.0.9"
- memoize-one "^5.0.0"
- prop-types "^15.6.0"
- react-input-autosize "^3.0.0"
- react-transition-group "^4.3.0"
-
react-sizeme@^2.5.2, react-sizeme@^2.6.7:
version "2.6.12"
resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-2.6.12.tgz#ed207be5476f4a85bf364e92042520499455453e"
@@ -11617,16 +11538,6 @@ react-textarea-autosize@^8.1.1:
use-composed-ref "^1.0.0"
use-latest "^1.0.0"
-react-transition-group@^4.3.0:
- version "4.4.1"
- resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9"
- integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==
- dependencies:
- "@babel/runtime" "^7.5.5"
- dom-helpers "^5.0.1"
- loose-envify "^1.4.0"
- prop-types "^15.6.2"
-
react@16.13.1:
version "16.13.1"
resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
