eb096d07e2
This commit simplifies event handling, providing a unified and robust
way to handle event lifecycling. This way, it fixes events not being
unsubscribed when state is changed.
Introduce a new function in `EventSubscriptionCollection` to remove
existing events and adding new events. This provides an easier to use
API, which leads to code that's easier to understand. It also prevents
potential bugs that may occur due to forgetting to call both functions.
It fixes `TheScriptsMenu` not unregistering events on state change.
Other improvements include:
- Include a getter to get total amount of registered subcriptions.
This helps in unit testing.
- Have nullish checks to prevent potential errors further down the
execution.
- Use array instead of rest parameters to increase readability and
simplify tests.
Ensure `SliderHandler` stops resizes on unmount, unsubscribing from all
events and resetting state to default.
Update `injectionKeys` to do imports as types to avoid circular
dependencies. Simplify importing `injectionKeys` to enable and strict
typings for iterating injection keys.
Add tests covering new behavior.
83 lines
2.4 KiB
Vue
83 lines
2.4 KiB
Vue
<template>
|
|
<div class="privacy-policy">
|
|
<div v-if="!isDesktop" class="line">
|
|
<div class="line__emoji">🚫🍪</div>
|
|
<div>No cookies!</div>
|
|
</div>
|
|
<div v-if="isDesktop" class="line">
|
|
<div class="line__emoji">🚫🌐</div>
|
|
<div>
|
|
Everything is offline, except single request GitHub
|
|
to check for updates on application start.
|
|
</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🚫👀</div>
|
|
<div>No user behavior / IP address collection!</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🤖</div>
|
|
<div>
|
|
All transparent: Deployed automatically from the master branch
|
|
of the <a :href="repositoryUrl" target="_blank" rel="noopener noreferrer">source code</a> with no changes.
|
|
</div>
|
|
</div>
|
|
<div v-if="!isDesktop" class="line">
|
|
<div class="line__emoji">📈</div>
|
|
<div>
|
|
Basic <a href="https://aws.amazon.com/cloudfront/reporting/" target="_blank" rel="noopener noreferrer">CDN statistics</a>
|
|
are collected by AWS but they cannot be traced to you or your behavior.
|
|
You can download the offline version if you don't want any CDN data collection.
|
|
</div>
|
|
</div>
|
|
<div class="line">
|
|
<div class="line__emoji">🎉</div>
|
|
<div>
|
|
As almost no data is collected, the application gets better
|
|
only with your active feedback.
|
|
Feel free to <a :href="feedbackUrl" target="_blank" rel="noopener noreferrer">create an issue</a> 😊</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, computed, inject } from 'vue';
|
|
import { InjectionKeys } from '@/presentation/injectionSymbols';
|
|
|
|
export default defineComponent({
|
|
setup() {
|
|
const { info } = inject(InjectionKeys.useApplication);
|
|
const { isDesktop } = inject(InjectionKeys.useRuntimeEnvironment);
|
|
|
|
const repositoryUrl = computed<string>(() => info.repositoryUrl);
|
|
const feedbackUrl = computed<string>(() => info.feedbackUrl);
|
|
|
|
return {
|
|
repositoryUrl,
|
|
feedbackUrl,
|
|
isDesktop,
|
|
};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use "@/presentation/assets/styles/main" as *;
|
|
|
|
.privacy-policy {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: $font-normal;
|
|
text-align:center;
|
|
|
|
.line {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&:not(:first-child) {
|
|
margin-top:0.2rem;
|
|
}
|
|
}
|
|
}
|
|
</style>
|