refactor: use bun for package management

+ add package.json to each packages
+ update import path

app/src/components/QuestMap.vue

@@ -2,7 +2,7 @@
 import { useI18n } from 'vue-i18n'
 import { ref, onMounted, watch, computed } from 'vue'
 import { useToast } from 'vue-toastification'
-import { DAG } from '../../../packages/utils'
+import { DAG } from '@odyssey/utils'
 import { trpc } from '../utils/trpc'
 import useUserProfile from '../store/userProfile'
 import QuestIntro from './QuestIntro.vue'

app/src/components/game/ControlPalette.vue

@@ -2,10 +2,10 @@
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useToast } from 'vue-toastification'
+import type { QuestLocale } from '@odyssey/constants'
 import { useSession } from '../../store/session'
 import { openBugReport, openQuestSurvey } from '../../utils/formbricks'
 import { trpc } from '../../utils/trpc'
-import type { QuestLocale } from '../../../../packages/constants'
 
 const { t, locale } = useI18n()
 const toast = useToast()

app/src/components/header/LanguageSelector.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
+import type { QuestLocale } from '@odyssey/constants'
+import { SUPPORTED_LOCALES, LOCALE_NAME_MAP } from '@odyssey/constants'
 import { setLocale } from '../../i18n'
-import type { QuestLocale } from '../../../../packages/constants'
-import {
-  SUPPORTED_LOCALES,
-  LOCALE_NAME_MAP,
-} from '../../../../packages/constants'
 
 const { t, locale } = useI18n({ useScope: 'global' })
 

app/src/i18n/index.ts

@@ -1,6 +1,6 @@
 import { createI18n } from 'vue-i18n'
-import type { QuestLocale } from '../../../packages/constants'
-import { SUPPORTED_LOCALES } from '../../../packages/constants'
+import type { QuestLocale } from '@odyssey/constants'
+import { SUPPORTED_LOCALES } from '@odyssey/constants'
 import en from './locales/en.json'
 import zhTW from './locales/zh-TW.json'
 

app/src/store/session.ts

@@ -1,10 +1,7 @@
 import { defineStore } from 'pinia'
-import type { QuestLocale } from '../../../packages/constants'
-import {
-  FileGraph,
-  type FileGraphUpdateEvent,
-} from '../../../packages/file-graph'
-import type { IResponse, ITask } from '../../../packages/game'
+import type { QuestLocale } from '@odyssey/constants'
+import { FileGraph, type FileGraphUpdateEvent } from '@odyssey/file-graph'
+import type { IResponse, ITask } from '@odyssey/game'
 import type { SessionDetail } from '../../../server/src/routers/sessionRouter'
 import Socket from '../utils/socket'
 import SocketTerminal from '../utils/terminal'

app/src/types.ts

@@ -1,5 +1,5 @@
-import type { FileGraph } from '../../packages/file-graph'
-import type { IResponse, ITask } from '../../packages/game'
+import type { FileGraph } from '@odyssey/file-graph'
+import type { IResponse, ITask } from '@odyssey/game'
 
 export interface Task {
   id: number

app/src/views/ChooseUsernamePage.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { isValidUsername } from '../../../packages/utils'
+import { isValidUsername } from '@odyssey/utils'
 import AuthForm from '../components/AuthForm.vue'
 import DynamicBackground from '../components/DynamicBackground.vue'
 import HeaderPart from '../components/header/HeaderPart.vue'

app/src/views/RegisterPage.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import validator from 'validator'
-import { isValidUsername } from '../../../packages/utils'
-import { passwordPolicy } from '../../../packages/constants'
+import { isValidUsername } from '@odyssey/utils'
+import { passwordPolicy } from '@odyssey/constants'
 import AuthForm from '../components/AuthForm.vue'
 import DynamicBackground from '../components/DynamicBackground.vue'
 import HeaderPart from '../components/header/HeaderPart.vue'