From 3d5da901025a21dd882f2b22ba79292a59d67a8e Mon Sep 17 00:00:00 2001
From: Alexei Moisseev <alexeimoisseev@users.noreply.github.com>
Date: Mon, 10 Oct 2022 16:55:25 +0300
Subject: [PATCH] Read app base URL from env var (#165)

---
 .env.example      | 2 ++
 src/index.html    | 6 +++---
 webpack.config.js | 3 +++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.env.example b/.env.example
index 467f0efd3..6c3719e12 100644
--- a/.env.example
+++ b/.env.example
@@ -2,3 +2,5 @@ NODE_ENV=development
 
 TELEGRAM_T_API_ID=
 TELEGRAM_T_API_HASH=
+
+BASE_URL=https://web.telegram.org/z/
diff --git a/src/index.html b/src/index.html
index 65d1053ae..0179f75ce 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,19 +21,19 @@
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website">
-  <meta property="og:url" content="https://web.telegram.org/z/">
+  <meta property="og:url" content="<%= htmlWebpackPlugin.options.baseUrl %>">
   <meta property="og:title" content="<%= htmlWebpackPlugin.options.appName %>">
   <meta property="og:description" content="Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.">
   <meta property="og:image" content="./<%= htmlWebpackPlugin.options.mainIcon %>.png">
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image">
-  <meta property="twitter:url" content="https://web.telegram.org/z/">
+  <meta property="twitter:url" content="<%= htmlWebpackPlugin.options.baseUrl %>">
   <meta property="twitter:title" content="<%= htmlWebpackPlugin.options.appName %>">
   <meta property="twitter:description" content="Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.">
   <meta property="twitter:image" content="./<%= htmlWebpackPlugin.options.mainIcon %>.png">
 
-  <link rel="canonical" href="https://web.telegram.org/z/" />
+  <link rel="canonical" href="<%= htmlWebpackPlugin.options.baseUrl %>" />
   <link rel="apple-touch-icon" sizes="180x180" href="./<%= htmlWebpackPlugin.options.appleIcon %>.png">
   <link rel="icon" href="./favicon.svg" type="image/svg+xml">
   <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
diff --git a/webpack.config.js b/webpack.config.js
index c0eb41bcf..7b5a16466 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -23,6 +23,8 @@ const {
 
 dotenv.config();
 
+const { BASE_URL = 'https://web.telegram.org/z/' } = process.env;
+
 module.exports = (_env, { mode = 'production' }) => {
   return {
     mode,
@@ -145,6 +147,7 @@ module.exports = (_env, { mode = 'production' }) => {
         appleIcon: APP_ENV === 'production' ? 'apple-touch-icon' : 'apple-touch-icon-dev',
         mainIcon: APP_ENV === 'production' ? 'icon-192x192' : 'icon-dev-192x192',
         manifest: APP_ENV === 'production' ? 'site.webmanifest' : 'site_dev.webmanifest',
+        baseUrl: BASE_URL,
         template: 'src/index.html',
       }),
       new MiniCssExtractPlugin({