타입스크립트 제거

- env 값 조정

Author: redgoose-dev

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20.5.0-slim
+FROM node:20.5.1-slim
 
 WORKDIR /app
 COPY . /app

package.json

@@ -1,6 +1,6 @@
 {
   "name": "goose-manager",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "main": "index.js",
   "private": false,
   "license": "MIT",
@@ -28,21 +28,19 @@
   "dependencies": {
     "cookie-parser": "^1.4.6",
     "express": "^4.18.2",
-    "ofetch": "^1.3.2"
+    "ofetch": "^1.3.3"
   },
   "devDependencies": {
-    "@redgoose/json-editor": "^1.0.7",
+    "@redgoose/json-editor": "^1.0.10",
     "@redgoose/markdown-style": "^1.1.6",
-    "@types/node": "^20.5.4",
-    "@vitejs/plugin-vue": "^4.3.3",
+    "@vitejs/plugin-vue": "^4.3.4",
     "croppie": "^2.6.5",
     "esbuild": "^0.19.2",
     "image-resize": "^1.3.2",
-    "marked": "^7.0.4",
+    "marked": "^8.0.0",
     "nodemon": "^3.0.1",
     "pinia": "^2.1.6",
     "sass": "^1.66.1",
-    "typescript": "^5.2.2",
     "vite": "^4.4.9",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4",

src/app.vue

@@ -37,7 +37,7 @@ const layout = computed(() => {
 })
 
 // children component error
-if (!DEVELOPMENT)
+if (!import.meta.env.DEV)
 {
   onErrorCaptured((e) => {
     if (typeof e === 'string')

src/libs/api.js

@@ -2,6 +2,7 @@ import { ofetch } from 'ofetch'
 import { authStore } from '../store/auth'
 import { getPath, serialize } from './string'
 
+const { VITE_API_URL } = import.meta.env
 let instance
 let headers
 let timer
@@ -10,7 +11,7 @@ function setup()
 {
   const auth = authStore()
   instance = ofetch.create({
-    baseURL: API_URL,
+    baseURL: VITE_API_URL,
     retry: 0,
     responseType: 'json',
   })
@@ -75,7 +76,7 @@ function refreshToken(token)
   const delay = 2000
   if (timer) clearTimeout(timer)
   timer = setTimeout(async () => {
-    let res = await ofetch(getPath(`${BASE_URL}/local/refresh-token/`), {
+    let res = await ofetch(getPath(`${import.meta.env.VITE_BASE_URL}/local/refresh-token/`), {
       method: 'post',
       responseType: 'json',
       retry: 0,

src/libs/error.js

@@ -1,5 +1,7 @@
+const { VITE_DEBUG } = import.meta.env
+
 export function err(path, type = 'warning', message)
 {
-  if (!window.DEBUG) return
+  if (VITE_DEBUG !== 'true') return
   console.error(path.join('/'), `${type.toUpperCase()}`, message)
 }

src/libs/storage.js

@@ -1,4 +1,5 @@
-const prefix = STORAGE_PREFIX || 'goose'
+const { VITE_STORAGE_PREFIX } = import.meta.env
+const prefix = VITE_STORAGE_PREFIX || 'goose'
 
 /**
  * check localStorage

src/main.js

@@ -9,10 +9,6 @@ import App from './app.vue'
 // set stylesheet
 import './assets/scss/main.scss'
 
-// set global values
-window.DEBUG = DEBUG
-window.DEVELOPMENT = DEVELOPMENT
-
 // setup pinia
 const pinia = createPinia()
 

src/pages/auth/login.vue

@@ -78,11 +78,12 @@ import { getPath } from '../../libs/string'
 import FormCheckbox from '../../components/forms/checkbox.vue'
 import { ButtonBasic } from '../../components/button'
 
+const { VITE_TITLE, VITE_DESCRIPTION, VITE_BASE_URL } = import.meta.env
 const router = useRouter()
 const auth = authStore()
 const loading = ref(false)
-const title = ref(import.meta.env.VITE_TITLE || '매니저')
-const description = ref(DESCRIPTION || '매니저 설명')
+const title = ref(VITE_TITLE || '매니저')
+const description = ref(VITE_DESCRIPTION || '매니저 설명')
 const processing = ref(false)
 const forms = reactive({
   email: '',
@@ -97,7 +98,7 @@ async function onSubmit()
     // on loading
     loading.value = true
     // request api
-    const { success, message, data } = await $fetch(getPath(`${BASE_URL}/local/login/`), {
+    const { success, message, data } = await $fetch(getPath(`${VITE_BASE_URL}/local/login/`), {
       method: 'post',
       responseType: 'json',
       body: {

src/pages/error/500.vue

@@ -25,12 +25,13 @@ import { iconRandomPick } from '../../components/icons/assets'
 import { ButtonBasic } from '../../components/button'
 import Icon from '../../components/icons/index.vue'
 
+const { VITE_DEBUG } = import.meta.env
 const props = defineProps({
   error: Error,
 })
 const iconName = iconRandomPick()
 const description = computed(() => {
-  return (window.DEBUG && props.error?.message) ? props.error.message : '알 수 없는 오류가 발생했습니다.'
+  return ((VITE_DEBUG === 'true') && props.error?.message) ? props.error.message : '알 수 없는 오류가 발생했습니다.'
 })
 </script>
 

src/pages/preference/general.vue

@@ -42,13 +42,15 @@ import { Fieldset, Field, Help } from '../../components/forms/fieldset'
 import { FormSelect } from '../../components/forms'
 import { Controller } from '../../components/navigation'
 import { ButtonBasic } from '../../components/button'
+import pkg from '../../../package.json'
 
-const version = VERSION || undefined
+const { VITE_TITLE } = import.meta.env
+const version = pkg.version || undefined
 
 const preference = preferenceStore()
 const head = headStore()
 const fields = reactive({
-  title: import.meta.env.VITE_TITLE,
+  title: VITE_TITLE,
   version,
   theme: {
     value: head.theme,