@tapni/auth 1.0.4 → 1.0.6-3.dev

package/src/App.vue

@@ -1,322 +1,392 @@
 <script setup>
-import { RouterView } from 'vue-router'
+import { RouterView } from 'vue-router';
 // add Buffer globally
 import { Buffer } from 'buffer/';
 window.Buffer = Buffer;
-document.addEventListener('DOMContentLoaded', function() {
-  const recaptchaScript = document.createElement('script');
-  recaptchaScript.src = `https://www.google.com/recaptcha/api.js?render=${import.meta.env.VITE_GOOGLE_RECAPTCHA_SITE_KEY}`;
-  document.head.appendChild(recaptchaScript);
+document.addEventListener('DOMContentLoaded', function () {
+	const recaptchaScript = document.createElement('script');
+	recaptchaScript.src = `https://www.google.com/recaptcha/api.js?render=${import.meta.env.VITE_GOOGLE_RECAPTCHA_SITE_KEY}`;
+	document.head.appendChild(recaptchaScript);
 });
 </script>
 
-
 <template>
-  <div id="ssoapp">
-    <a v-if="display === 'redirect' || renderView.includes('Auth')" href="/" class="header-logo"><img src="data:image/png;base64,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" onerror="this.onerror=null;this.src='https://cdn.tapni.co/images/logo-dark.png';" class="header-logo-img"></a>
-    <ModalOverlay />
-    <Language v-if="!isModal" />
-    <SSO v-if="!isModal" />
-    <SSOPick v-if="!isModal" />
-
-    <AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
-    <AuthLogin v-else-if="initialized && renderView === 'AuthLogin'" :isModal="isModal" />
-    <AuthRegister v-else-if="initialized && renderView === 'AuthRegister'" :isModal="isModal" />
-    <AuthVerify v-else-if="initialized && renderView === 'AuthVerify'" :isModal="isModal" />
-    <AuthSecurity v-else-if="initialized && renderView === 'AuthSecurity'" :isModal="isModal" :payload="payload" />
-    <AuthReset v-else-if="initialized && renderView === 'AuthReset'" />
-    <AuthCallback v-else-if="initialized && renderView === 'AuthCallback'" />
-    <RouterView v-else-if="display !== 'npm'" />
-
-    <div class="snackbar snackbar-boxed" id="snackbar">
-      <p class="snack-body" id="errorSnack">
-        <span id="errorMessage"> {{ ssoLang[appLanguage].error }} </span>
-        <a
-            @click="closeSnacks"
-            style="
-              position: absolute;
-              right: 10px;
-              top: 10px;
-              width: 50px;
-              height: 50px;
-            "
-        >
-          <img
-              src="https://cdn.tapni.co/icons/notification-close.png"
-              style="width: 100%;:"
-          />
-        </a>
-      </p>
-      <p class="snack-body" id="successSnack">
-        <span id="successMessage"> {{ ssoLang[appLanguage].success }} </span>
-        <a
-            @click="closeSnacks"
-            style="
-              position: absolute;
-              right: 10px;
-              top: 10px;
-              width: 50px;
-              height: 50px;
-            "
-        >
-          <img
-              src="https://cdn.tapni.co/icons/notification-close.png"
-              style="width: 100%"
-          />
-        </a>
-      </p>
-    </div>
-  </div>
+	<div id="ssoapp" :style="containerStyle">
+		<a v-if="display === 'redirect' || renderView.includes('Auth')" href="/" class="header-logo"><img :src="headerLogoUrl" class="header-logo-img" /></a>
+
+		<AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
+		<AuthLogin v-else-if="initialized && renderView === 'AuthLogin'" :isModal="isModal" />
+		<AuthGeneral v-else-if="initialized && renderView === 'AuthGeneral'" :isModal="isModal" @update:viewProp="setView" />
+		<AuthAccount v-else-if="initialized && renderView === 'AuthAccount'" :isModal="isModal" @update:viewProp="setView" />
+		<AuthRegister v-else-if="initialized && renderView === 'AuthRegister'" :isModal="isModal" />
+		<AuthVerify v-else-if="initialized && renderView === 'AuthVerify'" :isModal="isModal" />
+		<AuthSecurity v-else-if="initialized && renderView === 'AuthSecurity'" :isModal="isModal" :payload="payload" @update:viewProp="setView" />
+		<AuthReset v-else-if="initialized && renderView === 'AuthReset'" />
+		<AuthCallback v-else-if="initialized && renderView === 'AuthCallback'" />
+		<RouterView v-else-if="display !== 'npm'" />
+
+		<div class="snackbar snackbar-boxed" id="snackbar">
+			<p class="snack-body" id="errorSnack">
+				<span id="errorMessage"> {{ ssoLang[appLanguage].error }} </span>
+				<a @click="closeSnacks" style="position: absolute; right: 10px; top: 10px; width: 50px; height: 50px">
+					<img src="https://cdn.tapni.co/icons/notification-close.png" style="width: 100%" />
+				</a>
+			</p>
+			<p class="snack-body" id="successSnack">
+				<span id="successMessage"> {{ ssoLang[appLanguage].success }} </span>
+				<a @click="closeSnacks" style="position: absolute; right: 10px; top: 10px; width: 50px; height: 50px">
+					<img src="https://cdn.tapni.co/icons/notification-close.png" style="width: 100%" />
+				</a>
+			</p>
+		</div>
+	</div>
 </template>
 
 <script>
-import AuthWelcome from "@/views/Welcome.vue";
-import AuthLogin from "@/views/Login.vue";
-import AuthRegister from "@/views/Register.vue";
-import AuthVerify from "@/views/Verify.vue";
-import AuthSecurity from "@/views/Security.vue";
-import AuthReset from "@/views/Reset.vue";
-import AuthCallback from "@/views/Callback.vue";
-import ModalOverlay from "@/components/DELETE_ModalOverlay.vue";
-import SSO from "@/components/SSO.vue";
-import SSOPick from "@/components/SSOPick.vue";
-import {EventBus} from "./store/event-bus.js";
-import AuthMixin from "@/mixins/auth.mixin.js";
-import Language from "@/components/DELETE_Language.vue";
-import ReactiveStorage from '@tapni/capacitor-reactive-localstorage-vue3'
+import AuthWelcome from '@/views/Welcome.vue';
+import AuthLogin from '@/views/Login.vue';
+import AuthAccount from '@/views/Account.vue';
+import AuthRegister from '@/views/Register.vue';
+import AuthVerify from '@/views/Verify.vue';
+import AuthSecurity from '@/views/Security.vue';
+import AuthGeneral from '@/views/General.vue';
+import AuthReset from '@/views/Reset.vue';
+import AuthCallback from '@/views/Callback.vue';
+import { EventBus } from './store/event-bus.js';
+import AuthMixin from '@/mixins/auth.mixin.js';
+import ReactiveStorage from '@tapni/capacitor-reactive-localstorage-vue3';
 import store from './store/auth.js';
+import UtilService from './services/UtilService.js';
 
 export default {
-  store,
-  name: 'TapniAuth',
-  mixins: [ReactiveStorage, AuthMixin],
-  data () {
-    return {
-      storeInterval: null,
-      isSetup: false
-    }
-  },
-  components: {
-    Language,
-    SSOPick,
-    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthSecurity, AuthRegister, AuthLogin, AuthWelcome
-  },
-  props: {
-    viewProp: {
-      type: String,
-      default: ''
-    },
-    isModal: {
-      type: Boolean,
-      default: false
-    },
-    payload: {
-      type: Object,
-      default: {}
-    },
-    options: {
-      type: Object,
-      default: {
-        'token': '',
-        'refreshTokens': '',
-        'username': '',
-        'UserId': '',
-        'verifyEmail': '',
-        'subdomain': '',
-        'localUser': ''
-      }
-    }
-  },
-  computed: {
-    initialized () {
-      return this.isSetup || this.isModal;
-    }
-  },
-  async mounted() {
-    this.applyBgStyle()
-    this.setView(this.viewProp);
-
-    EventBus.$on('ssoEvent', this.ssoOutgoingEvent)
-    EventBus.$on('ssoLogout',(data) => this.logout(data))
-    EventBus.$on('getLoggedInAccounts',() => this.getLoggedInAccounts())
-    EventBus.$on('refreshTokenAction',(data) => this.refreshTokenAction({...data, storage: this.$storex}))
-    EventBus.$on('switchAccount',(data) => this.switchAccount(data))
-    EventBus.$on('setToken',(data) => this.setToken(data))
-    EventBus.$on('setStorageItem',(data) => this.setStorageItem(data))
-  },
-  methods: {
-    async init () {
-      this.$store.commit('auth/setApiRoot', this.$apiRoot || process.env.VUE_APP_API_ROOT);
-
-      // Set $storage into vuex $storex
-      this.setStorage(this.strg);
-
-      // Make sure the function is called just once
-      if (this.isSetup) return;
-      this.isSetup = true;
-
-      await this.getLoggedInAccounts();
-
-      // Let App know that the auth is ready
-      this.$emit('ssoLibraryReady', this.$storex);
-    },
-    ssoOutgoingEvent (data) {
-        this.$emit('ssoEvent', data)
-    },
-    ssoIncomingEvent (data) {
-      EventBus.$emit(data.name, data.data)
-    },
-    applyBgStyle () {
-      if (this.display === 'redirect') {
-        document.getElementsByTagName("html")[0].style = "background: #dfeefe;"
-      } else {
-        document.getElementsByTagName("html")[0].style = ""
-      }
-    },
-  },
-  watch: {
-    viewProp (nv) {
-      this.setView(nv);
-    },
-    display () {
-      this.applyBgStyle()
-    },
-    'strgReady.value' (nv) {
-      if (nv) {
-        // Initialize Library after all event listeners & storage are set
-        this.$nextTick(() => {
-          this.init()
-        })
-      }
-    },
-    '$storex': {
-      handler(nv) {
-        clearInterval(this.storeInterval);
-        this.storeInterval = setTimeout(() => {
-          Object.keys(nv).forEach(key => {
-            this.strg[key] = nv[key];
-          });
-        }, 250)
-      },
-      deep: true
+	store,
+	name: 'TapniAuth',
+	mixins: [ReactiveStorage, AuthMixin],
+	data() {
+		return {
+			storeInterval: null,
+			isSetup: false,
+			isTapstackOrigin: typeof window !== 'undefined' ? /(^|\.)tapstack\.com$/i.test(new URL(window.location.origin).hostname) : false
+		};
+	},
+	components: {
+		AuthCallback,
+		AuthReset,
+		AuthVerify,
+		AuthSecurity,
+		AuthRegister,
+		AuthLogin,
+		AuthAccount,
+		AuthWelcome,
+		AuthGeneral
+	},
+	props: {
+		viewProp: {
+			type: String,
+			default: ''
+		},
+		isModal: {
+			type: Boolean,
+			default: false
+		},
+		payload: {
+			type: Object,
+			default: {}
+		},
+		options: {
+			type: Object,
+			default: {
+				token: '',
+				refreshTokens: '',
+				username: '',
+				UserId: '',
+				verifyEmail: '',
+				subdomain: '',
+				localUser: ''
+			}
+		}
+	},
+	computed: {
+		initialized() {
+			return this.isSetup || this.isModal;
+		},
+		headerLogoUrl() {
+			return this.isTapstackOrigin ? 'https://cdn.tapni.co/company-media/e411a6e5-e8c1-40b3-aa4c-1214cfb43e8a/gallery/image/f910fa207addf7d3f7337faf098c4f82c79f755a3cf0032099655f2204e6a1e6.png' : 'https://cdn.tapni.co/images/logo-dark.png';
+		},
+		containerStyle() {
+			return {
+				maxHeight: this.isModal ? '90vh' : 'auto',
+				overflowY: this.isModal ? 'auto' : 'hidden'
+			};
+		}
+	},
+	async mounted() {
+		// Check for clean=true query parameter and clear storage if present
+		this.checkAndClearStorage();
+
+		this.applyBgStyle();
+		this.setView(this.viewProp);
+
+		// Update metadata based on platform
+		this.updateMetadata();
+
+		EventBus.$on('ssoEvent', this.ssoOutgoingEvent);
+		EventBus.$on('ssoLogout', (data) => this.logout(data));
+		EventBus.$on('getLoggedInAccounts', () => this.getLoggedInAccounts());
+		EventBus.$on('refreshTokenAction', (data) => this.refreshTokenAction({ ...data, storage: this.$storex }));
+		EventBus.$on('switchAccount', (data) => this.switchAccount(data));
+		EventBus.$on('setToken', (data) => this.setToken(data));
+		EventBus.$on('setStorageItem', (data) => this.setStorageItem(data));
+
+		if (import.meta.env.VITE_APP_COMPARE_LANGUAGE_KEYS === 'true') {
+			UtilService.compareLangKeys();
+		}
+
+    if (this.isNative) {
+      this.$store.auth.state.allowedOriginsAuth.push('capacitor://localhost');
     }
-  }
-}
+	},
+	methods: {
+		checkAndClearStorage() {
+			const urlParams = new URLSearchParams(window.location.search);
+			if (urlParams.get('clean') === 'true') {
+				// Clear all localStorage
+				localStorage.clear();
+
+				// Clear sessionStorage as well
+				sessionStorage.clear();
+
+				// Remove the clean parameter from URL without page reload
+				urlParams.delete('clean');
+				const newUrl = window.location.pathname + (urlParams.toString() ? '?' + urlParams.toString() : '') + window.location.hash;
+				window.history.replaceState({}, '', newUrl);
+
+				console.log('Storage cleared due to clean=true parameter');
+			}
+		},
+		async init() {
+			this.$store.commit('auth/setApiRoot', this.$apiRoot || process.env.VITE_APP_API_ROOT);
+
+			// Set $storage into vuex $storex
+			this.setStorage(this.strg);
+
+			// Make sure the function is called just once
+			if (this.isSetup) return;
+			this.isSetup = true;
+
+			await this.getLoggedInAccounts();
+
+			// Let App know that the auth is ready
+			this.$emit('ssoLibraryReady', this.$storex);
+		},
+		ssoOutgoingEvent(data) {
+			this.$emit('ssoEvent', data);
+		},
+		ssoIncomingEvent(data) {
+			EventBus.$emit(data.name, data.data);
+		},
+		updateMetadata() {
+			if (typeof window === 'undefined') return;
+
+			if (this.isTapstackOrigin) {
+				// Tapstack metadata
+				document.title = 'Tapstack - The modern stack for interactive docs and tools';
+
+				// Update meta description
+				const metaDescription = document.querySelector('meta[name="description"]');
+				if (metaDescription) {
+					metaDescription.setAttribute('content', 'The modern stack for interactive docs and tools. Build better documentation and developer experiences with Tapstack.');
+				}
+
+				// Update Open Graph metadata
+				const ogTitle = document.querySelector('meta[property="og:title"]');
+				if (ogTitle) {
+					ogTitle.setAttribute('content', 'Tapstack - The modern stack for interactive docs and tools');
+				}
+
+				const ogDescription = document.querySelector('meta[property="og:description"]');
+				if (ogDescription) {
+					ogDescription.setAttribute('content', 'The modern stack for interactive docs and tools. Build better documentation and developer experiences.');
+				}
+
+				// Update Twitter metadata
+				const twitterTitle = document.querySelector('meta[property="twitter:title"]');
+				if (twitterTitle) {
+					twitterTitle.setAttribute('content', 'Tapstack - The modern stack for interactive docs and tools');
+				}
+
+				const twitterDescription = document.querySelector('meta[property="twitter:description"]');
+				if (twitterDescription) {
+					twitterDescription.setAttribute('content', 'The modern stack for interactive docs and tools. Build better documentation and developer experiences with Tapstack.');
+				}
+			} else {
+				// Default Tapni metadata (already set in HTML)
+				document.title = 'Tapni - Share everything with just a tap';
+			}
+		},
+		applyBgStyle() {
+			if (this.display === 'redirect') {
+				document.getElementsByTagName('html')[0].style = 'background: #dfeefe;';
+			} else {
+				document.getElementsByTagName('html')[0].style = '';
+			}
+		}
+	},
+	watch: {
+		viewProp(nv) {
+			this.setView(nv);
+		},
+		display() {
+			this.applyBgStyle();
+		},
+		'strgReady.value'(nv) {
+			if (nv) {
+				// Initialize Library after all event listeners & storage are set
+				this.$nextTick(() => {
+					this.init();
+				});
+			}
+		},
+		$storex: {
+			handler(nv) {
+				clearInterval(this.storeInterval);
+				this.storeInterval = setTimeout(() => {
+					Object.keys(nv).forEach((key) => {
+						this.strg[key] = nv[key];
+					});
+				}, 250);
+			},
+			deep: true
+		}
+	}
+};
 </script>
 
 <style>
 html * {
-  font-family: "Inter", sans-serif;
+	font-family: 'Inter', sans-serif;
 }
 
 #bodyId {
-  padding-top: 3%;
-  max-width: 667px !important;
-  margin: auto;
-  height: 95%!important;
-  margin-top: 1.5%;
-  border-radius: 20px;
+	padding-top: 3%;
+	max-width: 667px !important;
+	margin: auto;
+	height: 95% !important;
+	margin-top: 1.5%;
+	border-radius: 20px;
 }
 
 .action-block-top .default-text,
 .action-block-top .default-text:after {
-  border-radius: 50%;
-  width: 10em !important;
-  height: 10em !important;
+	border-radius: 50%;
+	width: 10em !important;
+	height: 10em !important;
 }
 .action-block-top .default-text {
-  margin: 10px auto;
-  font-size: 3px;
-  position: relative;
-  text-indent: -9999em;
-  /*
+	margin: 10px auto;
+	font-size: 3px;
+	position: relative;
+	text-indent: -9999em;
+	/*
       border-left: 0.5em solid #ffffff;
       border-top: 0.5em solid rgba(255, 255, 255, 0.2);
       border-right: 0.5em solid rgba(255, 255, 255, 0.2);
       border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
       */
-  border-left: 0.5em solid #000000;
-  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-animation: load8 1.1s infinite linear;
-  animation: load8 1.1s infinite linear;
+	border-left: 0.5em solid #000000;
+	border-top: 0.5em solid rgba(0, 0, 0, 0.2);
+	border-right: 0.5em solid rgba(0, 0, 0, 0.2);
+	border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
+	-webkit-transform: translateZ(0);
+	-ms-transform: translateZ(0);
+	transform: translateZ(0);
+	-webkit-animation: load8 1.1s infinite linear;
+	animation: load8 1.1s infinite linear;
 }
 @-webkit-keyframes load8 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
 }
 @keyframes load8 {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
 }
 .smartbanner-ios {
-  background: linear-gradient(to bottom, #f4f4f4, #f4f4f4);
-  box-shadow: 0 0px 0px #ffffff;
-  border-bottom: 1px solid #dddddd;
+	background: linear-gradient(to bottom, #f4f4f4, #f4f4f4);
+	box-shadow: 0 0px 0px #ffffff;
+	border-bottom: 1px solid #dddddd;
 }
 .smartbanner-icon {
-  border-radius: 16px;
+	border-radius: 16px;
 }
 .smartbanner-ios .smartbanner-button {
-  font-size: 13px;
-  padding: 9px 0px;
-  height: 40px;
-  border-radius: 13px;
-  background: #f4f4f4;
-  color: #0a99d2;
-  border: none;
-  box-shadow: none;
-  text-transform: uppercase;
+	font-size: 13px;
+	padding: 9px 0px;
+	height: 40px;
+	border-radius: 13px;
+	background: #f4f4f4;
+	color: #0a99d2;
+	border: none;
+	box-shadow: none;
+	text-transform: uppercase;
 }
 
 .snack-body {
-  display: none;
-  border-radius: 40px;
-  font-size: 15px !important;
+	display: none;
+	border-radius: 40px;
+	font-size: 15px !important;
 }
 
 #errorSnack {
-  background-color: #fee3e3 !important;
-  border: 2px solid #edd9d9 !important;
-  color: #000000;
+	background-color: #fee3e3 !important;
+	border: 2px solid #edd9d9 !important;
+	color: #000000;
 }
 
 #successSnack {
-  background-color: #eff5eb !important;
-  border: 2px solid #e3ecd7 !important;
-  color: #000000;
+	background-color: #eff5eb !important;
+	border: 2px solid #e3ecd7 !important;
+	color: #000000;
 }
 
 .grecaptcha-badge {
-  visibility: hidden;
+	visibility: hidden;
 }
 
 .header-logo {
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  margin-top: 0px;
-  z-index: 2;
+	position: absolute;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	margin-top: 16px;
+	z-index: 2;
 }
 
 .header-logo-img {
-  height: 40px;
-  margin-top: 10px;
+	height: 40px;
+	margin-top: 10px;
+}
+
+@media (max-width: 768px) {
+	#bodyId {
+		margin-top: 0;
+		border-radius: 0;
+		height: 100% !important;
+	}
+
+	.header-logo {
+		margin-top: 16px;
+	}
 }
 </style>