🔒 Enables sensetive data to be passed by env var

src/components/Widgets/AdGuardDnsInfo.vue

@@ -26,7 +26,7 @@ export default {
     /* URL/ IP or hostname to the AdGuardHome instance, without trailing slash */
     hostname() {
       if (!this.options.hostname) this.error('You must specify the path to your AdGuard server');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
     showFullInfo() {
       return this.options.showFullInfo;
@@ -39,7 +39,9 @@ export default {
     },
     authHeaders() {
       if (this.options.username && this.options.password) {
-        const encoded = window.btoa(`${this.options.username}:${this.options.password}`);
+        const password = this.parseAsEnvVar(this.options.password);
+        const username = this.parseAsEnvVar(this.options.username);
+        const encoded = window.btoa(`${username}:${password}`);
         return { Authorization: `Basic ${encoded}` };
       }
       return {};

src/components/Widgets/AdGuardFilterStatus.vue

@@ -38,7 +38,7 @@ export default {
     /* URL/ IP or hostname to the AdGuardHome instance, without trailing slash */
     hostname() {
       if (!this.options.hostname) this.error('You must specify the path to your AdGuard server');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
     showOnOffStatusOnly() {
       return this.options.showOnOffStatusOnly;
@@ -48,7 +48,9 @@ export default {
     },
     authHeaders() {
       if (this.options.username && this.options.password) {
-        const encoded = window.btoa(`${this.options.username}:${this.options.password}`);
+        const username = this.parseAsEnvVar(this.options.username);
+        const password = this.parseAsEnvVar(this.options.password);
+        const encoded = window.btoa(`${username}:${password}`);
         return { Authorization: `Basic ${encoded}` };
       }
       return {};

src/components/Widgets/AdGuardStats.vue

@@ -20,14 +20,16 @@ export default {
     /* URL/ IP or hostname to the AdGuardHome instance, without trailing slash */
     hostname() {
       if (!this.options.hostname) this.error('You must specify the path to your AdGuard server');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
     endpoint() {
       return `${this.hostname}/control/stats`;
     },
     authHeaders() {
       if (this.options.username && this.options.password) {
-        const encoded = window.btoa(`${this.options.username}:${this.options.password}`);
+        const username = this.parseAsEnvVar(this.options.username);
+        const password = this.parseAsEnvVar(this.options.password);
+        const encoded = window.btoa(`${username}:${password}`);
         return { Authorization: `Basic ${encoded}` };
       }
       return {};

src/components/Widgets/AdGuardTopDomains.vue

@@ -36,11 +36,13 @@ export default {
     /* URL/ IP or hostname to the AdGuardHome instance, without trailing slash */
     hostname() {
       if (!this.options.hostname) this.error('You must specify the path to your AdGuard server');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
     authHeaders() {
       if (this.options.username && this.options.password) {
-        const encoded = window.btoa(`${this.options.username}:${this.options.password}`);
+        const username = this.parseAsEnvVar(this.options.username);
+        const password = this.parseAsEnvVar(this.options.password);
+        const encoded = window.btoa(`${username}:${password}`);
         return { Authorization: `Basic ${encoded}` };
       }
       return {};

src/components/Widgets/AnonAddy.vue

@@ -113,7 +113,7 @@ export default {
   },
   computed: {
     hostname() {
-      return this.options.hostname || widgetApiEndpoints.anonAddy;
+      return this.parseAsEnvVar(this.options.hostname) || widgetApiEndpoints.anonAddy;
     },
     apiVersion() {
       return this.options.apiVersion || 'v1';
@@ -132,7 +132,7 @@ export default {
     },
     apiKey() {
       if (!this.options.apiKey) this.error('An apiKey is required');
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     hideMeta() {
       return this.options.hideMeta;

src/components/Widgets/BlacklistCheck.vue

@@ -35,7 +35,7 @@ export default {
     },
     apiKey() {
       if (!this.options.apiKey) this.error('Missing API Key');
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     endpoint() {
       return `${widgetApiEndpoints.blacklistCheck}/${this.ipAddress}`;

src/components/Widgets/CodeStats.vue

@@ -38,12 +38,12 @@ export default {
     /* The username to fetch data from - REQUIRED */
     username() {
       if (!this.options.username) this.error('You must specify a username');
-      return this.options.username;
+      return this.parseAsEnvVar(this.options.username);
     },
     /* Optionally override hostname, if using a self-hosted instance */
     hostname() {
       if (this.options.hostname) return this.options.hostname;
-      return widgetApiEndpoints.codeStats;
+      return this.parseAsEnvVar(widgetApiEndpoints.codeStats);
     },
     hideMeta() {
       return this.options.hideMeta || false;

src/components/Widgets/DomainMonitor.vue

@@ -63,11 +63,11 @@ export default {
   computed: {
     apiKey() {
       if (!this.options.apiKey) this.error('Missing API Key');
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     domain() {
       if (!this.options.domain) this.error('Missing Domain Name Key');
-      return this.options.domain;
+      return this.parseAsEnvVar(this.options.domain);
     },
     endpoint() {
       return `${widgetApiEndpoints.domainMonitor}/?domain=${this.domain}&r=whois&apikey=${this.apiKey}`;

src/components/Widgets/DroneCi.vue

@@ -106,7 +106,7 @@ export default {
       if (!this.options.apiKey) {
         this.error('An API key is required, please see the docs for more info');
       }
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
   },
   methods: {

src/components/Widgets/ExchangeRates.vue

@@ -45,7 +45,7 @@ export default {
   computed: {
     /* The users API key for exchangerate-api.com */
     apiKey() {
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     /* The currency to convert results into */
     inputCurrency() {

src/components/Widgets/Flights.vue

@@ -71,7 +71,7 @@ export default {
         this.error('An API key must be supplied');
         return '';
       }
-      return usersChoice;
+      return this.parseAsEnvVar(usersChoice);
     },
     /* The direction of flights: Arrival, Departure or Both */
     direction() {

src/components/Widgets/GluetunStatus.vue

@@ -58,7 +58,7 @@ export default {
     },
     hostname() {
       if (!this.options.hostname) this.error('`hostname` is required');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
   },
   methods: {

src/components/Widgets/HealthChecks.vue

@@ -56,7 +56,7 @@ export default {
         this.error('An API key is required, please see the docs for more info');
       }
       if (typeof this.options.apiKey === 'string') {
-        return [this.options.apiKey];
+        return [this.parseAsEnvVar(this.options.apiKey)];
       }
       return this.options.apiKey;
     },

src/components/Widgets/Linkding.vue

@@ -30,11 +30,11 @@ export default {
   computed: {
     endpoint() {
       if (!this.options.host) this.error('linkgding Host is required');
-      return `${this.options.host}/api/bookmarks`;
+      return `${this.parseAsEnvVar(this.options.host)}/api/bookmarks`;
     },
     apiKey() {
       if (!this.options.apiKey) this.error('linkgding apiKey is required');
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     filtertags() {
       return this.options.tags;

src/components/Widgets/NewsHeadlines.vue

@@ -29,7 +29,7 @@ export default {
   computed: {
     apiKey() {
       if (!this.options.apiKey) this.error('An API key is required, see docs for more info');
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     country() {
       return this.options.country ? `&country=${this.options.country}` : '';

src/components/Widgets/NextcloudNotifications.vue

@@ -22,7 +22,7 @@
           </span>
           <span v-if="canDeleteNotification('delete')">
             <a @click="deleteNotification(notification.notification_id)"
-               class="action secondary">{{ tt('delete-notification') }}</a>
+              class="action secondary">{{ tt('delete-notification') }}</a>
           </span>
         </p>
       </div>

src/components/Widgets/NextcloudStats.vue

@@ -44,7 +44,7 @@
         <em v-html="formatNumber(shares.num_shares)"></em>
         <strong>{{ tt('local') }}</strong> <small> {{ tt('and') }}</small>
         <em v-html="formatNumber(shares.num_fed_shares_sent
-                 + shares.num_fed_shares_received)"></em>
+          + shares.num_fed_shares_received)"></em>
         <strong>
           {{ tt('federated-shares') }}
         </strong>

src/components/Widgets/Proxmox.vue

@@ -34,22 +34,22 @@ export default {
   computed: {
     clusterUrl() {
       if (!this.options.cluster_url) this.error('The cluster URL is required.');
-      return this.options.cluster_url || '';
+      return this.parseAsEnvVar(this.options.cluster_url) || '';
     },
     userName() {
       if (!this.options.user_name) this.error('The user name is required.');
-      return this.options.user_name || '';
+      return this.parseAsEnvVar(this.options.user_name) || '';
     },
     tokenName() {
       if (!this.options.token_name) this.error('The token name is required.');
-      return this.options.token_name || '';
+      return this.parseAsEnvVar(this.options.token_name) || '';
     },
     tokenUuid() {
       if (!this.options.token_uuid) this.error('The token uuid is required.');
-      return this.options.token_uuid || '';
+      return this.parseAsEnvVar(this.options.token_uuid) || '';
     },
     node() {
-      return this.options.node || '';
+      return this.parseAsEnvVar(this.options.node) || '';
     },
     nodeData() {
       return this.options.node_data || false;

src/components/Widgets/PublicIp.vue

@@ -35,7 +35,7 @@ export default {
     },
     provider() {
       // Can be either `ip-api`, `ipapi.co` or `ipgeolocation`
-      return this.options.provider || 'ipapi.co';
+      return this.parseAsEnvVar(this.options.provider) || 'ipapi.co';
     },
   },
   data() {

src/components/Widgets/RssFeed.vue

@@ -51,7 +51,7 @@ export default {
       return this.options.rssUrl || '';
     },
     apiKey() {
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     parseLocally() {
       return this.options.parseLocally;

src/components/Widgets/SportsScores.vue

@@ -93,7 +93,7 @@ export default {
       return this.options.leagueId;
     },
     apiKey() {
-      return this.options.apiKey || '50130162';
+      return this.parseAsEnvVar(this.options.apiKey) || '50130162';
     },
     limit() {
       return this.options.limit || 20;

src/components/Widgets/StockPriceChart.vue

@@ -29,7 +29,7 @@ export default {
     },
     /* The users API key for AlphaVantage */
     apiKey() {
-      return this.options.apiKey;
+      return this.parseAsEnvVar(this.options.apiKey);
     },
     /* The formatted GET request API endpoint to fetch stock data from */
     endpoint() {

src/components/Widgets/SynologyDownload.vue

@@ -45,15 +45,15 @@ export default {
   computed: {
     hostname() {
       if (!this.options.hostname) this.error('A hostname is required');
-      return this.options.hostname;
+      return this.parseAsEnvVar(this.options.hostname);
     },
     username() {
       if (!this.options.username) this.error('A username is required');
-      return this.options.username;
+      return this.parseAsEnvVar(this.options.username);
     },
     password() {
       if (!this.options.password) this.error('A password is required');
-      return this.options.password;
+      return this.parseAsEnvVar(this.options.password);
     },
     endpointLogin() {
       return `${this.hostname}/webapi/auth.cgi?api=SYNO.API.Auth&version=3&method=login&account=${this.username}&passwd=${this.password}&session=DownloadStation&format=sid`;

src/components/Widgets/UptimeKuma.vue

@@ -52,15 +52,11 @@ export default {
   computed: {
     /* Get API key for access to instance */
     apiKey() {
-      const { apiKey } = this.options;
+      return this.parseAsEnvVar(this.options.apiKey);
-
-      return apiKey;
     },
     /* Get instance URL */
     url() {
-      const { url } = this.options;
+      return this.parseAsEnvVar(this.options.url);
-
-      return url;
     },
     /* Create authorisation header for the instance from the apiKey */
     authHeaders() {

src/components/Widgets/WalletBalance.vue

@@ -53,7 +53,7 @@ export default {
     },
     address() {
       if (!this.options.address) this.error('You must specify a public address');
-      return this.options.address;
+      return this.parseAsEnvVar(this.options.address);
     },
     network() {
       return this.options.network || 'main';

src/components/Widgets/Weather.vue

@@ -46,13 +46,12 @@ export default {
       return this.options.units || 'metric';
     },
     endpoint() {
-      const {
+      const apiKey = this.parseAsEnvVar(this.options.apiKey);
-        apiKey, city, lat, lon,
+      const { city, lat, lon } = this.options;
-      } = this.options;
+      const params = (lat && lon)
-      if (lat && lon) {
+        ? `lat=${lat}&lon=${lon}&appid=${apiKey}&units=${this.units}`
-        return `${widgetApiEndpoints.weather}?lat=${lat}&lon=${lon}&appid=${apiKey}&units=${this.units}`;
+        : `q=${city}&appid=${apiKey}&units=${this.units}`;
-      }
+      return `${widgetApiEndpoints.weather}?${params}`;
-      return `${widgetApiEndpoints.weather}?q=${city}&appid=${apiKey}&units=${this.units}`;
     },
     tempDisplayUnits() {
       switch (this.units) {