7770a9b521
This commit improves the dependency injection mechanism by introducing a custom `injectKey` function. Key improvements are: - Enforced type consistency during dependency registration and instantiation. - Simplified injection process, abstracting away the complexity with a uniform API, regardless of the dependency's lifetime. - Eliminated the possibility of `undefined` returns during dependency injection, promoting fail-fast behavior. - Removed the necessity for type casting to `symbol` for injection keys in unit tests by using existing types. - Consalidated imports, combining keys and injection functions in one `import` statement.
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 } from 'vue';
|
|
import { injectKey } from '@/presentation/injectionSymbols';
|
|
|
|
export default defineComponent({
|
|
setup() {
|
|
const { info } = injectKey((keys) => keys.useApplication);
|
|
const { isDesktop } = injectKey((keys) => keys.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>
|