chore: v1.3.0 (#162)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.dockerignore

@@ -0,0 +1,2 @@
+node_modules/
+

apps/app/.nvmrc

@@ -1 +1 @@
-20.15.1
+20.17.0

apps/app/Dockerfile

@@ -0,0 +1,28 @@
+FROM oven/bun:latest as builder
+
+# Définir le répertoire de travail à la racine du monorepo
+WORKDIR /monorepo
+
+# Copier les fichiers nécessaires du monorepo
+COPY package.json .
+COPY bun.lockb .
+COPY apps/app ./apps/app
+COPY packages ./packages
+
+# Installer les dépendances
+RUN bun install
+
+# Construire l'application
+WORKDIR /monorepo/apps/app
+RUN bun run build
+
+FROM oven/bun:latest as production
+WORKDIR /app
+
+# Copier les fichiers nécessaires depuis le builder
+COPY --from=builder /monorepo/apps/app /app
+COPY --from=builder /monorepo/node_modules /app/node_modules
+
+EXPOSE 3000
+
+CMD ["bun", "run", "start"]

apps/app/app/app.config.ts

@@ -5,7 +5,7 @@ export default defineAppConfig({
     button: {
       default: {
         size: 'xs',
-        loadingIcon: 'i-lucide-loader',
+        loadingIcon: 'lucide:loader',
       }
     },
     card: {

apps/app/app/components/DropdownMenu.vue

@@ -34,7 +34,7 @@ const items = [
   [
     {
       label: 'Sign out',
-      icon: 'i-heroicons-arrow-left-on-rectangle',
+      icon: 'heroicons:arrow-left-on-rectangle',
       iconClass: 'text-red-500 dark:text-red-500',
       click: () => useSession().clear()
     }

apps/app/app/components/Loader.vue

@@ -8,9 +8,5 @@ defineProps({
 </script>
 
 <template>
-  <UIcon name="i-lucide-loader" class="animate-spin" :size />
+  <UIcon name="lucide:loader" class="animate-spin" :size />
 </template>
-
-<style scoped>
-
-</style>

apps/app/app/components/auth/Session.vue

@@ -36,7 +36,7 @@ async function logoutSession() {
             {{ session.device }}
             <UTooltip v-if="session.isCli" text="Connected from CLI" :popper="{ placement: 'top' }">
               <div class="flex  items-center justify-center rounded-lg bg-gray-700 p-1 text-white">
-                <span class="i-lucide-terminal size-4" />
+                <UIcon name="lucide:terminal" class="size-4" />
               </div>
             </UTooltip>
           </h3>

apps/app/app/components/landing/Faq.vue

@@ -2,28 +2,28 @@
 const items = [
   {
     label: 'Is Shelve free?',
-    icon: 'i-lucide-wallet',
+    icon: 'lucide:wallet',
     defaultOpen: true,
     content: 'Yes, Shelve is under heavy development and is currently free to use. We may introduce a paid plan in the future, but the free plan will always be available.',
   },
   {
     label: 'Is Shelve secure?',
-    icon: 'i-lucide-lock',
+    icon: 'lucide:lock',
     content: 'Yes, Shelve is secure. We use industry-standard encryption (AES-256) to protect your data. We never store your secrets in plain text, and we never share your data with third parties. You can also check the source code on GitHub to verify our security practices.',
   },
   {
     label: 'How can I contribute to Shelve?',
-    icon: 'i-lucide-github',
+    icon: 'lucide:github',
     content: 'You can contribute to Shelve by submitting a pull request to the GitHub repository. You can also contribute by reporting bugs, suggesting features, or sharing Shelve with your friends.',
   },
   {
     label: 'Is Shelve open source?',
-    icon: 'i-lucide-code',
+    icon: 'lucide:code',
     content: 'Yes, Shelve is open source. You can view the source code on GitHub and contribute to the project if you wish.',
   },
   {
     label: 'How can I contact the Shelve team?',
-    icon: 'i-lucide-mail',
+    icon: 'lucide:mail',
     content: 'For the moment you can send me an email at [email protected]',
   }
 ]
@@ -49,7 +49,3 @@ const items = [
     </div>
   </div>
 </template>
-
-<style scoped>
-
-</style>

apps/app/app/components/landing/Features.vue

@@ -3,34 +3,34 @@ const features = [
   {
     title: 'Manage your projects secrets',
     description: 'End Slack messages like "Can you send me .env file?", keep your secrets in one place and share them with your team.',
-    icon: 'i-lucide-lock',
+    icon: 'lucide:lock',
   },
   {
     title: 'Collaborate with your team',
     description: 'Create, invite and manage your team members to work together on your projects in seconds.',
-    icon: 'i-lucide-users',
+    icon: 'lucide:users',
   },
   {
     title: 'Powerful CLI',
     description: 'Manage your projects secrets, files and more withour leaving your terminal.',
-    icon: 'i-lucide-terminal',
+    icon: 'lucide:terminal',
   },
   {
     title: 'Shared env variables',
     description: 'Create shared env variables that can be used across all your projects.',
-    icon: 'i-lucide-share',
+    icon: 'lucide:share',
     soon: true,
   },
   {
     title: 'Sync with your favorite tools',
     description: 'Integrate with your favorite tools like GitHub, Vercel, etc...',
-    icon: 'i-custom-github',
+    icon: 'custom:github',
     soon: true,
   },
   {
     title: 'Talk to project',
     description: 'Talk to your project with built in trained AI on your project data.',
-    icon: 'i-lucide-message-square',
+    icon: 'lucide:message-square',
     soon: true,
   }
 ]
@@ -56,7 +56,7 @@ const features = [
       >
         <div class="flex items-center">
           <div class="flex items-center justify-center rounded border border-white/5 bg-white/5 p-1">
-            <span :class="feature.icon" class="size-5 text-gray-300" />
+            <UIcon :name="feature.icon" class="size-5 fill-white text-gray-300" />
           </div>
 
           <div class="ml-4 font-semibold text-gray-300">
@@ -71,7 +71,3 @@ const features = [
     </div>
   </div>
 </template>
-
-<style scoped>
-
-</style>

apps/app/app/components/landing/GithubStar.vue

@@ -24,13 +24,9 @@ await fetchRepo()
     class="flex items-center gap-2 text-gray-200"
     to="https://github.com/HugoRCD/shelve"
   >
-    <span class="i-custom-github text-xl" />
+    <UIcon name="custom:github" class="fill-white text-xl" />
     <span class="text-sm font-bold">
       {{ githubStars }}
     </span>
   </NuxtLink>
 </template>
-
-<style scoped>
-
-</style>

apps/app/app/components/layout/Footer.vue

@@ -2,7 +2,7 @@
 const nav = [
   {
     name: 'Support',
-    icon: 'i-lucide-life-buoy',
+    icon: 'lucide:life-buoy',
     sub: [
       {
         name: 'Documentation',
@@ -24,7 +24,7 @@ const nav = [
   },
   {
     name: 'Community',
-    icon: 'i-lucide-users',
+    icon: 'lucide:users',
     sub: [
       {
         name: 'GitHub',
@@ -34,7 +34,7 @@ const nav = [
   },
   {
     name: 'Legal',
-    icon: 'i-lucide-shield',
+    icon: 'lucide:shield',
     sub: [
       {
         name: 'Privacy',
@@ -66,7 +66,7 @@ const nav = [
       <div class="flex gap-10">
         <div v-for="item in nav" :key="item.name" class="flex flex-col gap-3">
           <div class="flex items-center gap-1.5">
-            <span :class="item.icon" class="text-gray-300" />
+            <UIcon :name="item.icon" class="text-gray-300" />
             <div class="text-sm font-semibold text-gray-200 sm:text-lg">
               {{ item.name }}
             </div>

apps/app/app/components/layout/NavItem.vue

@@ -16,7 +16,7 @@ defineProps({
 
 <template>
   <div class="nav-item select-none" :class="{ active }" @click="$router.push(navItem.to)">
-    <span :class="`${navItem.icon}`" class="font-medium" />
+    <UIcon :name="navItem.icon" class="font-medium" />
     <span class="text-sm font-medium">
       {{ capitalize(navItem.name) }}
     </span>

apps/app/app/components/layout/Sidebar.vue

@@ -8,7 +8,7 @@ const handleProjectNavigation = () => {
   const isCryptoRoute = route.path.includes('/app/project/')
   const projectNavigation = {
     title: 'Project Details',
-    icon: 'i-lucide-folder-open',
+    icon: 'lucide:folder-open',
     to: route.path,
     name: 'Project Details',
   }
@@ -59,7 +59,7 @@ watch(() => route.path, handleProjectNavigation, { immediate: true })
       </UTooltip>
       <UTooltip text="Need help?" placement="top">
         <NuxtLink to="https://github.com/HugoRCD/shelve/issues">
-          <span class="i-lucide-life-buoy size-5" />
+          <UIcon name="lucide:life-buoy" size="size-5" />
         </NuxtLink>
       </UTooltip>
     </div>

apps/app/app/components/project/Create.vue

@@ -73,7 +73,7 @@ function importProject() {
   <div>
     <UButton
       size="xs"
-      icon="i-heroicons-plus-20-solid"
+      icon="heroicons:plus-20-solid"
       :loading="projectLoading"
       label="Add project"
       @click="isOpen = true"
@@ -124,7 +124,7 @@ function importProject() {
                       color="red"
                       class="text-xs"
                       label="Unlink"
-                      icon="i-lucide-unlink"
+                      icon=":lucide-unlink"
                       @click="removeTeam"
                     />
                   </div>

apps/app/app/components/project/CreateVariables.vue

@@ -37,17 +37,17 @@ const items = [
   [
     {
       label: 'For production',
-      icon: 'i-lucide-clipboard',
+      icon: 'lucide:clipboard',
       click: () => copyEnv(variables!, 'production')
     },
     {
       label: 'For preview',
-      icon: 'i-lucide-clipboard',
+      icon: 'lucide:clipboard',
       click: () => copyEnv(variables!, 'preview')
     },
     {
       label: 'For development',
-      icon: 'i-lucide-clipboard',
+      icon: 'lucide:clipboard',
       click: () => copyEnv(variables!, 'development')
     }
   ],
@@ -60,17 +60,17 @@ const items = [
   [
     {
       label: 'For production',
-      icon: 'i-lucide-download',
+      icon: 'lucide:download',
       click: () => downloadEnv(variables!, 'production')
     },
     {
       label: 'For preview',
-      icon: 'i-lucide-download',
+      icon: 'lucide:download',
       click: () => downloadEnv(variables!, 'preview')
     },
     {
       label: 'For development',
-      icon: 'i-lucide-download',
+      icon: 'lucide:download',
       click: () => downloadEnv(variables!, 'development')
     }
   ],
@@ -116,7 +116,7 @@ onMounted(() => {
             </p>
           </div>
           <UDropdown :items>
-            <UButton color="gray" variant="ghost" icon="i-heroicons-ellipsis-horizontal-20-solid" />
+            <UButton color="gray" variant="ghost" icon="heroicons:ellipsis-horizontal-20-solid" />
           </UDropdown>
         </div>
       </template>
@@ -163,7 +163,7 @@ onMounted(() => {
       </div>
       <template #footer>
         <div class="flex justify-between gap-4">
-          <UButton label="Add variable" color="white" icon="i-heroicons-plus-circle-20-solid" @click="addVariable" />
+          <UButton label="Add variable" color="white" icon="heroicons:plus-circle-20-solid" @click="addVariable" />
           <UButton label="Save" color="primary" :loading="createLoading" type="submit" />
         </div>
       </template>