refactor: update config and scripts to ensure production mode

Author: mdatelle

web/components/UserProfile/DropdownLaunchpad.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import { BrandButton, BrandLoadingWhite } from '@unraid/ui';
+import { BrandButton, BrandLoading } from '@unraid/ui';
 import { useServerStore } from '~/store/server';
 import { useUnraidApiStore } from '~/store/unraidApi';
 import { storeToRefs } from 'pinia';
+import { h } from 'vue';
 import type { ComposerTranslation } from 'vue-i18n';
 
 defineProps<{ t: ComposerTranslation }>();
@@ -34,7 +35,11 @@ const showExpireTime = computed(
           <BrandButton
             class="w-full"
             :disabled="unraidApiStatus === 'connecting' || unraidApiStatus === 'restarting'"
-            :icon="unraidApiStatus === 'restarting' ? BrandLoadingWhite : unraidApiRestartAction?.icon"
+            :icon="
+              unraidApiStatus === 'restarting'
+                ? h(BrandLoading, { variant: 'white' })
+                : unraidApiRestartAction?.icon
+            "
             :text="
               unraidApiStatus === 'restarting' ? t('Restarting unraid-api…') : t('Restart unraid-api')
             "

web/nuxt.config.ts

@@ -47,7 +47,7 @@ export default defineNuxtConfig({
   },
 
   devtools: {
-    enabled: true,
+    enabled: process.env.NODE_ENV === 'development',
   },
 
   modules: [
@@ -78,6 +78,11 @@ export default defineNuxtConfig({
     componentDir: './components/shadcn',
   },
 
+  app: {
+    buildAssetsDir: '/_nuxt/',
+    cdnURL: process.env.NUXT_APP_CDN_URL,
+  },
+
   vite: {
     plugins: [
       // Only remove non-critical console methods when VITE_ALLOW_CONSOLE_LOGS is false
@@ -87,6 +92,10 @@ export default defineNuxtConfig({
           includes: ['log', 'info', 'debug'],
         }),
     ],
+    define: {
+      'globalThis.__DEV__': process.env.NODE_ENV === 'development',
+      __VUE_PROD_DEVTOOLS__: false,
+    },
     build: {
       minify: 'terser',
       terserOptions: {
@@ -151,9 +160,7 @@ export default defineNuxtConfig({
             name: 'UnraidWelcomeModal',
             path: '@/components/WelcomeModal.ce',
           },
-          { name: 'UnraidSsoButton', 
-            path: '@/components/SsoButton.ce' 
-          },
+          { name: 'UnraidSsoButton', path: '@/components/SsoButton.ce' },
         ],
       },
     ],

web/package.json

@@ -13,14 +13,14 @@
     "prebuild:webgui": "./scripts/prebuild-webgui-set-env.sh",
     "build:webgui": "npm run type-check && nuxt build && npm run manifest-ts && npm run copy-to-webgui-repo",
     "postbuild:webgui": "./scripts/postbuild-webgui-restore-env.sh",
-    "build": "npm run type-check && nuxt build && npm run manifest-ts",
+    "build": "NODE_ENV=production npm run type-check && nuxt build && npm run manifest-ts",
     "deploy-to-unraid:dev": "./scripts/deploy-dev.sh",
     "copy-to-webgui-repo": "./scripts/copy-to-webgui-repo.sh",
     "manifest-ts": "node ./scripts/add-timestamp-webcomponent-manifest.js",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "serve": "serve dist/nuxt-custom-elements/unraid-components",
+    "serve": "NODE_ENV=production PORT=4321 node .output/server/index.mjs",
     "codegen": "graphql-codegen --config codegen.ts -r dotenv/config",
     "codegen:watch": "graphql-codegen --config codegen.ts --watch -r dotenv/config",
     "test": "vitest",