OPS-235: Proxy + PHP currency (#94)

.gitignore

@@ -48,5 +48,6 @@ Thumbs.db
 # Angular
 .angular
 
-# Configs
+# Env and configs
+.env*
 src/*Config*.json

_.env

@@ -0,0 +1 @@
+PROXY_TARGET="https://sample.vality.dev"

package.json

@@ -4,8 +4,8 @@
   "private": true,
   "scripts": {
     "postinstall": "ngcc",
-    "start": "ng serve --port 8000",
-    "stage": "ng serve --port 8001 --configuration=stage",
+    "start": "ng serve --proxy-config proxy.conf.js --port 8000",
+    "stage": "ng serve --proxy-config proxy.conf.js --port 8001 --configuration=stage",
     "fix": "npm run lint-fix && npm run prettier-fix",
     "build": "ng build --extra-webpack-config webpack.extra.js && npm run transloco:optimize",
     "test": "ng test",
@@ -104,6 +104,7 @@
     "@typescript-eslint/eslint-plugin": "5.31.0",
     "@typescript-eslint/parser": "5.31.0",
     "concurrently": "7.0.0",
+    "dotenv": "^16.0.3",
     "eslint": "8.20.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.26.0",

proxy.conf.js

@@ -0,0 +1,32 @@
+const url = require('url');
+
+require('dotenv').config({ path: ['.env', process.env.NODE_ENV].filter(Boolean).join('.') });
+
+const { PROXY_TARGET } = process.env;
+const REQUIRED_ENV = [PROXY_TARGET];
+
+if (REQUIRED_ENV.findIndex((e) => !e) !== -1) {
+    throw new Error('[proxy.conf.js] Set required environment variables!');
+}
+
+/**
+ * http://localhost/__subdomain to https://subdomain.target.com
+ */
+function createSubdomainByPathProxy(target, subdomainPathPrefix = '__') {
+    const SUBDOMAIN_PARAM_REGEXP = `^/${subdomainPathPrefix}(?<param>[a-zA-Z0-9-]+)`;
+    const { host, port, protocol } = url.parse(target);
+    return {
+        context: `/${subdomainPathPrefix}*/**`,
+        target: 'localhost',
+        router: function (req) {
+            const param = req.url.match(new RegExp(SUBDOMAIN_PARAM_REGEXP)).groups.param;
+            return `${protocol}//${param}.${host}${port ? `:${port}` : ''}`;
+        },
+        pathRewrite: { [SUBDOMAIN_PARAM_REGEXP]: '' },
+        secure: false,
+        logLevel: 'debug',
+        changeOrigin: true,
+    };
+}
+
+module.exports = [createSubdomainByPathProxy(PROXY_TARGET)];

src/app/shared/components/inputs/currency-autocomplete-field/currency-autocomplete-field.component.ts

@@ -14,7 +14,21 @@ export class CurrencyAutocompleteFieldComponent extends WrappedFormControlSuperc
     @Input() label: string;
     @Input() @coerceBoolean required = false;
 
-    options: Option<string>[] = ['RUB', 'USD', 'EUR', 'UAH', 'KZT', 'BYN', 'JPY', 'INR', 'AZN', 'BRL', 'BDT', 'TRY']
+    options: Option<string>[] = [
+        'RUB',
+        'USD',
+        'EUR',
+        'UAH',
+        'KZT',
+        'BYN',
+        'JPY',
+        'INR',
+        'AZN',
+        'BRL',
+        'BDT',
+        'TRY',
+        'PHP',
+    ]
         .sort()
         .map((currency) => ({ label: currency, value: currency }));