Compare commits

...

3 Commits

Author SHA1 Message Date
Lykin 3900052adb chore: remove chart animations to reduce performance costs (#187) (#188) 2024-03-18 20:10:22 +08:00
Lykin bb9c25a880 perf: disable tracking in development environment 2024-03-15 16:31:39 +08:00
Lykin af6748ac59 chore: update README 2024-03-15 16:30:40 +08:00
4 changed files with 12 additions and 20 deletions

View File

@ -70,25 +70,25 @@ Available to download for free from [here](https://github.com/tiny-craft/tiny-rd
* Node.js >= 16 * Node.js >= 16
* NPM >= 9 * NPM >= 9
### Install wails ### Install Wails
```bash ```bash
go install github.com/wailsapp/wails/v2/cmd/wails@latest go install github.com/wailsapp/wails/v2/cmd/wails@latest
``` ```
### Clone the code ### Pull the Code
```bash ```bash
git clone https://github.com/tiny-craft/tiny-rdm --depth=1 git clone https://github.com/tiny-craft/tiny-rdm --depth=1
``` ```
### Build frontend ### Build Frontend
```bash ```bash
npm install --prefix ./frontend npm install --prefix ./frontend
``` ```
### Compile and run ### Compile and Run
```bash ```bash
wails dev wails dev

View File

@ -14,7 +14,7 @@ import useConnectionStore from './stores/connections.js'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { darkTheme, NButton, NSpace } from 'naive-ui' import { darkTheme, NButton, NSpace } from 'naive-ui'
import KeyFilterDialog from './components/dialogs/KeyFilterDialog.vue' import KeyFilterDialog from './components/dialogs/KeyFilterDialog.vue'
import { WindowSetDarkTheme, WindowSetLightTheme } from 'wailsjs/runtime/runtime.js' import { Environment, WindowSetDarkTheme, WindowSetLightTheme } from 'wailsjs/runtime/runtime.js'
import { darkThemeOverrides, themeOverrides } from '@/utils/theme.js' import { darkThemeOverrides, themeOverrides } from '@/utils/theme.js'
import AboutDialog from '@/components/dialogs/AboutDialog.vue' import AboutDialog from '@/components/dialogs/AboutDialog.vue'
import FlushDbDialog from '@/components/dialogs/FlushDbDialog.vue' import FlushDbDialog from '@/components/dialogs/FlushDbDialog.vue'
@ -22,8 +22,7 @@ import ExportKeyDialog from '@/components/dialogs/ExportKeyDialog.vue'
import ImportKeyDialog from '@/components/dialogs/ImportKeyDialog.vue' import ImportKeyDialog from '@/components/dialogs/ImportKeyDialog.vue'
import { Info } from 'wailsjs/go/services/systemService.js' import { Info } from 'wailsjs/go/services/systemService.js'
import DecoderDialog from '@/components/dialogs/DecoderDialog.vue' import DecoderDialog from '@/components/dialogs/DecoderDialog.vue'
import { enableTrack, loadModule, trackEvent } from '@/utils/analytics.js' import { loadModule, trackEvent } from '@/utils/analytics.js'
import { endsWith } from 'lodash'
const prefStore = usePreferencesStore() const prefStore = usePreferencesStore()
const connectionStore = useConnectionStore() const connectionStore = useConnectionStore()
@ -38,13 +37,10 @@ onMounted(async () => {
if (prefStore.autoCheckUpdate) { if (prefStore.autoCheckUpdate) {
prefStore.checkForUpdate() prefStore.checkForUpdate()
} }
loadModule(prefStore.general.allowTrack !== false).then(() => { const env = await Environment()
loadModule(env.buildType !== 'dev' && prefStore.general.allowTrack !== false).then(() => {
Info().then(({ data }) => { Info().then(({ data }) => {
if (endsWith(data.version, 'dev')) { trackEvent('startup', data, true)
enableTrack(false)
} else {
trackEvent('startup', data, true)
}
}) })
}) })

View File

@ -427,6 +427,7 @@ const networkRate = shallowRef({
const chartOption = computed(() => { const chartOption = computed(() => {
return { return {
animation: false,
responsive: true, responsive: true,
maintainAspectRatio: false, maintainAspectRatio: false,
events: [], events: [],
@ -464,6 +465,7 @@ const chartOption = computed(() => {
const byteChartOption = computed(() => { const byteChartOption = computed(() => {
return { return {
animation: false,
responsive: true, responsive: true,
maintainAspectRatio: false, maintainAspectRatio: false,
events: [], events: [],

View File

@ -1,5 +1,4 @@
let inited = false let inited = false
let allow = false
/** /**
* load umami analytics module * load umami analytics module
@ -7,7 +6,6 @@ let allow = false
* @return {Promise<void>} * @return {Promise<void>}
*/ */
export const loadModule = async (allowTrack = true) => { export const loadModule = async (allowTrack = true) => {
allow = allowTrack !== false
await new Promise((resolve, reject) => { await new Promise((resolve, reject) => {
const script = document.createElement('script') const script = document.createElement('script')
script.setAttribute('src', 'https://analytics.tinycraft.cc/script.js') script.setAttribute('src', 'https://analytics.tinycraft.cc/script.js')
@ -27,11 +25,7 @@ export const loadModule = async (allowTrack = true) => {
} }
const enable = () => { const enable = () => {
return inited && allow && umami return inited && umami
}
export const enableTrack = (enable) => {
allow = enable
} }
export const trackEvent = async (event, data) => { export const trackEvent = async (event, data) => {