Log custom data

[mittalyashu]

Description

Possible data can be logged:

• [ ] Profile
• [ ] Settings
• [ ] Experimental features

<template>
	<div id="app">
		<menubar />
		<router-view />
		<div
			v-if="this.$store.state.model.isActive"
			class="model__placeholder"
		>
			<div class="model__container">
				<newRepository />
				<addLocalRepository />
				<about />
				<exportCommitData />
				<newRemote />
			</div>
		</div>
	</div>
</template>

<script>
import menubar from "./components/menubar";
import newRepository from "./components/model/newRepository";
import addLocalRepository from "./components/model/addLocalRepository";
import about from "./components/model/about";
import exportCommitData from "./components/model/exportCommitData";
import newRemote from "./components/model/newRemote";
import * as Sentry from "@sentry/electron";

export default {
	name: "App",
	components: {
		menubar,
		newRepository,
		addLocalRepository,
		about,
		exportCommitData,
		newRemote
	},
	beforeCreate() {
		this.$store.commit("repository/getRepositoryList");
		this.$store.commit("settings/getSettingsList");

		function getProfileData() {
			return this.$store.getters["settings/getProfile"];
		}

		console.log(getProfileData());

		function getExperimentalData() {
			return this.$store.getters["settings/getExperimental"];
		}

		console.log(getExperimentalData());

		Sentry.configureScope(scope => {
			scope.setUser({
				name: getProfileData().author.name,
				email: getProfileData().author.email
			});
			scope.setTag(
				"experimental_file_changes",
				getExperimentalData().fileChanges
			);
		});

		// Sentry.captureException("error");
	}
};
</script>

<style lang="sass">
.model
	&__placeholder
		position: fixed
		left: 0
		top: 0
		width: 100%
		height: 100%
		background-color: rgba(0, 0, 0, .5)
		z-index: 9

	&__container
		position: absolute
		top: 50%
		background-color: white
		border-radius: 5px
		left: 50%
		transform: translate(-50%, -50%)
		margin-left: 20px
		margin-right: 20px

	&--small
		width: 450px

	&--medium
		width: 700px

	&--large
		width: 100%
</style>

Additional data

This is something we set automatically in the SDK. You can modify the whole event before sending it off in the beforeSend option.

Screenshots