Use the published package also for the demo instance

.gitignore

@@ -4,7 +4,6 @@ npm-debug.log
 .idea
 /semantic/
 /dist
-/demo
 npm-debug.log*
 stats.html
 /jest/cache

jest/setup.js

@@ -1,4 +1,5 @@
 global.getBasePath = () => '/';
+global.isDemoInstance = () => false;
 
 window.$ = require('jquery');
 window.jQuery = require('jquery');

resources/index.ejs

@@ -25,7 +25,7 @@
  <div id="notifications-node"></div>
 
  <script type="text/javascript">
- function getBasePath(data) {
+ function getBasePath() {
  const pathTokens = window.location.pathname.split('/'); 
  
  // All basenames must used a fixed prefix because of URL routing
@@ -35,6 +35,10 @@
  
  return '/'; 
  }
+ 
+ function isDemoInstance() {
+ return window.location.host === 'webdemo.airdcpp.net';
+ };
 
  {
  // We must inject the main chunk dynamically as well because the final path is not known on compile time
@@ -90,20 +94,17 @@
  var manifestURL = URL.createObjectURL(blob);
  document.querySelector('#manifest-placeholder').setAttribute('href', manifestURL);
  }
- </script>
-
- <% if (htmlWebpackPlugin.options.googleAnalytics) { %>
- <script>
+
+ if (isDemoInstance()) {
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-77192807-2', 'auto');
  ga('send', 'pageview');
-
- </script>
- <% } %>
+ }
+ </script>
 
 </body>
 </html>

resources/locales/pt-br/webui.main.json

@@ -68,7 +68,7 @@
  "info": "INFO",
  "warning": "ALERTA",
  "error": "ERRO",
- "verbose": "VERBOSE",
+ "verbose": "VERBOSO",
  "actions": {
  "viewEvents": "Exibir eventos"
  }
@@ -261,6 +261,9 @@
  "common": {
  "actions": {
  "copy": "Copiar",
+ "copyPath": "Copiar caminho",
+ "copySize": "Copiar tamanho",
+ "copyTth": "Copiar TTH",
  "download": "Download",
  "downloadTo": "Baixar para...",
  "findNfo": "Procurar NFO",
@@ -280,6 +283,9 @@
  "notifications": {
  "ignoreUserSuccess": "Usuário {{item.nicks}} foi adicionado aos usuários ignorados",
  "unignoreUserSuccess": "Usuário {{item.nicks}} foi removido de usuários ignorados",
+ "copyPathSuccess": "O caminho foi copiado para a área de transferência",
+ "copySizeSuccess": "O tamanho foi copiado para a área de transferência",
+ "copyTTHSuccess": "O TTH foi copiado para a área de transferência",
  "copyMagnetSuccess": "Link magnet foi copiado para área de transferência",
  "copySuccess": "Texto foi copiado para área de transferência"
  },
@@ -662,7 +668,13 @@
  "iPv6Connectivity": "Conectividade IPv6",
  "manualConfiguration": "{{status}} (configuração manual)",
  "autoDetected": "{{status}} (auto detectado)",
- "detecting": "Detectando..."
+ "detecting": "Detectando...",
+ "transferPort": "Porta de transferência",
+ "encryptedTransferPort": "Porta de transferência criptografada",
+ "searchUdpPort": "Porta de pesquisa/UDP",
+ "boundInterfaceIPv4": "Interface vinculada (IPv4)",
+ "boundInterfaceIPv6": "Interface vinculada (IPv6)",
+ "viewAll": "Mostrar tudo"
  },
  "ports": {
  "portsAutoValuesNote": "Número das portas listadas nesta página pode ser sobrescrita por mapeadores (se habilitado)",

src/routes/Home/components/DemoIntro.tsx

@@ -3,7 +3,7 @@ import LinkConstants from 'constants/LinkConstants';
 import Message from 'components/semantic/Message';
 
 const DemoIntro = () => {
- if (process.env.DEMO_MODE !== '1') {
+ if (!isDemoInstance()) {
  return null;
  }
 

src/routes/Login/components/LoginLayoutComponents.tsx

@@ -58,7 +58,7 @@ export const SubmitButton: React.FC<SubmitButtonProps> = ({
 };
 
 export const BottomMessage = () => {
- if (process.env.DEMO_MODE !== '1') {
+ if (!isDemoInstance()) {
  return null;
  }
 

src/routes/Search/components/ResultTable.tsx

@@ -120,7 +120,7 @@ class ResultTable extends React.Component<ResultTableProps> {
 
  if (!searchString) {
  return (
- process.env.DEMO_MODE === '1' && (
+ isDemoInstance() && (
  <Message
  title="Demo content available"
  icon={IconConstants.TIP}

src/types/global.d.ts

@@ -1,4 +1,5 @@
 declare const getBasePath: () => string;
+declare const isDemoInstance: () => boolean;
 
 declare type RecursivePartial<T> = {
  [P in keyof T]?: RecursivePartial<T[P]>;

tsconfig.json

@@ -25,7 +25,6 @@
  "esModuleInterop": true
  },
  "exclude": [
- "demo",
  "devtools",
  "dist",
  "node_modules",

webpack.config.js

@@ -24,7 +24,6 @@ if (process.argv.indexOf('-p') !== -1 && !process.env.NODE_ENV) {
 process.env.SERVICEWORKER = 'sw.js';
 
 const release = process.env.NODE_ENV === 'production';
-const demo = process.env.DEMO_MODE === '1';
 const chalk = require('chalk');
 
 const parseLocaleRegex = () => {
@@ -49,7 +48,6 @@ let plugins = [
 
  new webpack.DefinePlugin({
  'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
- 'process.env.DEMO_MODE': JSON.stringify(process.env.DEMO_MODE),
  'process.env.SERVICEWORKER': JSON.stringify(process.env.SERVICEWORKER),
  UI_VERSION: JSON.stringify(require('./package.json').version),
  UI_BUILD_DATE: JSON.stringify(new Date().getTime()),
@@ -58,7 +56,6 @@ let plugins = [
  new HtmlWebpackPlugin({
  template: 'resources/index.ejs',
  inject: false,
- googleAnalytics: demo,
  chunksSortMode: 'none',
  }),
  new ForkTsCheckerWebpackPlugin(),
@@ -103,7 +100,6 @@ plugins = plugins.concat(release ? releasePlugins : debugPlugins);
 const mainEntries = ['./src/index.tsx'];
 
 console.log(chalk.bold('[webpack] Release: ' + release));
-console.log(chalk.bold('[webpack] Demo mode: ' + demo));
 
 const chunkFilename = release ? 'js/[name].[chunkhash].chunk.js' : 'js/[name].chunk.js';