Monorepo missing features (#1273)

* fix tauri config * fix package patch * regen pnpm lock * use new workflow * New GH actions * Update lockfile * update scripts * Fix build script * Fix missing deps * Fix assets eslint * Update libraries lint * Fix all lint configs * update lockfile * add fmt + clippy fails * Separate App Tauri portion * fix app features * Fix lints * install tauri cli * update lockfile * corepack, fix lints * add store path * fix unused import * Fix tests * Issue templates + port over tauri release * fix actions * fix before build command * Add X86 target * Update build matrix * finalize actions * make debug build smaller * Use debug build to make cache smaller * dummy commit * change proj name * update file name * Use release builds for less space use * Remove rust cache * Readd for app build * add merge queue trigger
2024-07-09 15:17:38 -07:00
parent dab284f339
commit d1bc65c266
265 changed files with 1810 additions and 1871 deletions
--- a/apps/app-frontend/src/pages/Index.vue
+++ b/apps/app-frontend/src/pages/Index.vue
@@ -0,0 +1,136 @@
+<script setup>
+import { ref, onUnmounted, shallowRef, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import RowDisplay from '@/components/RowDisplay.vue'
+import { list } from '@/helpers/profile.js'
+import { offline_listener, profile_listener } from '@/helpers/events'
+import { useBreadcrumbs } from '@/store/breadcrumbs'
+import { useFetch } from '@/helpers/fetch.js'
+import { handleError } from '@/store/notifications.js'
+import dayjs from 'dayjs'
+import { isOffline } from '@/helpers/utils'
+
+const featuredModpacks = ref({})
+const featuredMods = ref({})
+const filter = ref('')
+
+const route = useRoute()
+const breadcrumbs = useBreadcrumbs()
+
+breadcrumbs.setRootContext({ name: 'Home', link: route.path })
+
+const recentInstances = shallowRef([])
+
+const offline = ref(await isOffline())
+
+const getInstances = async () => {
+  const profiles = await list(true).catch(handleError)
+  recentInstances.value = Object.values(profiles).sort((a, b) => {
+    return dayjs(b.metadata.last_played ?? 0).diff(dayjs(a.metadata.last_played ?? 0))
+  })
+
+  let filters = []
+  for (const instance of recentInstances.value) {
+    if (instance.metadata.linked_data && instance.metadata.linked_data.project_id) {
+      filters.push(`NOT"project_id"="${instance.metadata.linked_data.project_id}"`)
+    }
+  }
+  filter.value = filters.join(' AND ')
+}
+
+const getFeaturedModpacks = async () => {
+  const response = await useFetch(
+    `https://api.modrinth.com/v2/search?facets=[["project_type:modpack"]]&limit=10&index=follows&filters=${filter.value}`,
+    'featured modpacks',
+    offline.value,
+  )
+  if (response) {
+    featuredModpacks.value = response.hits
+  } else {
+    featuredModpacks.value = []
+  }
+}
+const getFeaturedMods = async () => {
+  const response = await useFetch(
+    'https://api.modrinth.com/v2/search?facets=[["project_type:mod"]]&limit=10&index=follows',
+    'featured mods',
+    offline.value,
+  )
+  if (response) {
+    featuredMods.value = response.hits
+  } else {
+    featuredModpacks.value = []
+  }
+}
+
+await getInstances()
+
+await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
+
+const unlistenProfile = await profile_listener(async (e) => {
+  await getInstances()
+  if (e.event === 'created' || e.event === 'removed') {
+    await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
+  }
+})
+
+const unlistenOffline = await offline_listener(async (b) => {
+  offline.value = b
+  if (!b) {
+    await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
+  }
+})
+
+// computed sums of recentInstances, featuredModpacks, featuredMods, treating them as arrays if they are not
+const total = computed(() => {
+  return (
+    (recentInstances.value?.length ?? 0) +
+    (featuredModpacks.value?.length ?? 0) +
+    (featuredMods.value?.length ?? 0)
+  )
+})
+
+onUnmounted(() => {
+  unlistenProfile()
+  unlistenOffline()
+})
+</script>
+
+<template>
+  <div class="page-container">
+    <RowDisplay
+      v-if="total > 0"
+      :instances="[
+        {
+          label: 'Jump back in',
+          route: '/library',
+          instances: recentInstances,
+          downloaded: true,
+        },
+        {
+          label: 'Popular packs',
+          route: '/browse/modpack',
+          instances: featuredModpacks,
+          downloaded: false,
+        },
+        {
+          label: 'Popular mods',
+          route: '/browse/mod',
+          instances: featuredMods,
+          downloaded: false,
+        },
+      ]"
+      :can-paginate="true"
+    />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+</style>