Feature/add build request2026

.dockerignore

@@ -1,4 +1,7 @@
 node_modules
+.output
+.nuxt
+dist
 Dockerfile*
 docker-compose*
 .dockerignore

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

Dockerfile

@@ -7,6 +7,7 @@ WORKDIR /app
 # this will cache them and speed up future builds
 FROM base AS install
 COPY package.json bun.lock ./
+COPY vendor ./vendor
 COPY . .
 ENV npm_config_optional=true
 ENV npm_config_platform=linux

README.md

@@ -14,12 +14,14 @@
 - [x] List Issue from versions 
 - [x] New Dev Tracker (Program Spec / Defect / Feature)
 - [x] Set your own access Token
-- [ ] New Build Tracker (Build Request)
+- [x] New Build Common Tracker (Build Request)
 - [x] Add Unit Test (Initial)
 - [x] Add API admin/release/thisweek-release to get current week release data (Version with due date in current week) and send to Line Notify
 - [x] Add API admin/release/send-release-mail to send current week release data to specific email address
 - [x] Add Admin Page to manage Release Notii Email Template (Subject / Body) with some variable such as {{versionName}} / {{versionDueDate}} / {{versionIssues}} (List of Issues in Version with name and tracker type)
 - [x] Add Simple Auth with password (No Register / No User Management) to protect Admin Page
+- [x] Add API to List Branches from GitLab and Cache in Memory with Incremental Sync (Pull Latest 100 Events and Merge to Cache) 
+- [x] Add Admin Page to List Branches with Pagination (PER_PAGE = 5) and Search (Search by Branch Name)
 
 # Plan List
 
@@ -29,6 +31,7 @@
 - Refactor Code eq. remove hardcode to config such as List Versions (On Specific Project Id) / Tracker Template with some hardcode id of custom field
 - Add MCP
 - Add Chat 
+- Add Build Dotnet Set Build Tracker with some custom field such as Target Version / Git Branch / Build Status
 
 # Nuxt Minimal Starter
 
@@ -116,14 +119,14 @@ bun add axios
 ## Build & Run
 
 ```
-docker build --pull -t bun-redmine:0.3.0rc15 .
+docker build --pull -t bun-redmine:0.3.3rc9 .
 
-docker build --pull -t bun-redmine:0.3.0rc15 . --no-cache --progress=plain 
+docker build --pull -t bun-redmine:0.3.3rc9 . --no-cache --progress=plain 
 
-docker run -d -p 3000:3000 --env-file .\.env --name bun-redmine bun-redmine:0.3.0rc15
+docker run -d -p 3000:3000 --env-file .\.env --name bun-redmine bun-redmine:0.3.3rc9
 
-docker tag bun-redmine:0.3.0rc15 pingkunga/bun-redmine:0.3.0rc15
-docker push pingkunga/bun-redmine:0.3.0rc15
+docker tag bun-redmine:0.3.3rc9 pingkunga/bun-redmine:0.3.3rc9
+docker push pingkunga/bun-redmine:0.3.3rc9
 ```
 
 ## Test

app/components/devtrackers/ClientAccessKey.vue

@@ -0,0 +1,36 @@
+<template>
+  <ClientOnly>
+    <!--check if found access key in local storage-->
+    <div v-if="!accessKey" class="text-red-500 mb-4">
+      Please set your access key in Client Setting
+    </div>
+    <div v-else class="mb-2 space-y-2 pt-2">
+      <UFormField label="Encrypt Access Key">
+        <UInput
+          :model-value="accessKey"
+          readonly
+          type="password"
+          icon="i-heroicons-lock-closed"
+        />
+      </UFormField>
+      <div class="flex items-center gap-6">
+        <USwitch
+          :model-value="isUseServerToken"
+          @update:model-value="$emit('update:isUseServerToken', $event)"
+        />
+        <span class="text-sm text-gray-700 dark:text-gray-200">Use Server Token</span>
+      </div>
+    </div>
+  </ClientOnly>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  accessKey: string | null;
+  isUseServerToken: boolean;
+}>();
+
+defineEmits<{
+  (e: 'update:isUseServerToken', value: boolean): void;
+}>();
+</script>

app/components/sidebar/Sidebar.vue

@@ -11,9 +11,13 @@
           :key="i"
           class="mb-1"
         >
-          <NuxtLink :to="item.to" class="flex items-center p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800">
+          <NuxtLink
+            :to="item.to"
+            class="sidebar-link flex items-center rounded-lg p-2 transition-colors"
+            :class="{ 'sidebar-link-active': isActive(item.to) }"
+          >
             <UIcon :name="item.icon" class="mr-2" />
-            {{ item.title }}
+            <span class="sidebar-title">{{ item.title }}</span>
           </NuxtLink>
         </li>
         <!-- Admin Section -->
@@ -25,6 +29,10 @@
             <UIcon name="i-mdi-email-fast-outline" class="mr-2" />
             Release Mail
           </NuxtLink>
+          <NuxtLink to="/admin/branches" class="flex items-center p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 text-primary font-medium mt-1">
+            <UIcon name="i-mdi-source-branch" class="mr-2" />
+            GitLab Branches
+          </NuxtLink>
         </li>
       </ul>
     </div>
@@ -34,6 +42,15 @@
 <script setup lang="ts">
 import sidebarItems from "./sidebarItems";
 const sidebarMenu = ref(sidebarItems);
+const route = useRoute();
+
+const isActive = (path: string) => {
+  if (path === '/') {
+    return route.path === '/'
+  }
+
+  return route.path.startsWith(path)
+}
 
 const authCookie = useCookie('admin_session')
 const isLoggedInCookie = useCookie('is_logged_in')
@@ -47,6 +64,21 @@ const version = ref(config.public.appVersion || "0.2.0-DEV");
 </script>
 
 <style scoped>
+.sidebar-link {
+  color: inherit;
+}
+
+.sidebar-link:hover {
+  background: rgba(29, 158, 117, 0.08);
+}
+
+.sidebar-link-active {
+  background: linear-gradient(135deg, rgba(29, 158, 117, 0.18), rgba(29, 158, 117, 0.08));
+  color: #1d9e75;
+  border: 1px solid rgba(29, 158, 117, 0.24);
+  font-weight: 600;
+}
+
 .version-text {
   display: flex;
   justify-content: center; /* Center horizontally */
@@ -57,4 +89,8 @@ const version = ref(config.public.appVersion || "0.2.0-DEV");
   text-align: center; /* Ensure text alignment */
   padding-bottom: 0px;
 }
+
+.sidebar-title {
+  white-space: pre-line; /* honor \n in strings and wrap accordingly */
+}
 </style>

app/components/sidebar/sidebarItems.ts

@@ -19,6 +19,16 @@ export default [
       icon: "i-mdi-code-block-braces",
       to: "/devtrackers",
     },
+    {
+      title: "New build request\n(NET INV PRODUCT)",
+      icon: "i-mdi-code-tags-check",
+      to: "/buildinvset",
+    },
+    {
+      title: "New Build Request\n(NET COMMON)",
+      icon: "i-mdi-code-tags-check",
+      to: "/buildnetcommon",
+    },
     {
       title: "Client Setting",
       icon: "i-mdi-window-shutter-cog",

app/composables/useBuildInvSetAPI.ts

@@ -0,0 +1,24 @@
+import type { BuildInvSetRequest } from '~/shared/types/BuildInvSet'
+
+export default function useBuildInvSetAPI() {
+  const submitBuildInvSet = async (request: BuildInvSetRequest, headers?: Record<string, string>) => {
+    const { data, error } = await useFetch('/api/buildinvset', {
+      method: 'POST',
+      body: JSON.stringify({ BuildInvSetRequest: request }),
+      headers: headers,
+    })
+
+    if (error.value) {
+      throw createError({
+        statusCode: error.value.statusCode ?? 500,
+        statusMessage: error.value.statusMessage ?? 'Failed to submit Build InvSet request',
+      })
+    }
+
+    return data.value
+  }
+
+  return {
+    submitBuildInvSet,
+  }
+}

app/composables/useBuildInvSetRelease.ts

@@ -0,0 +1,39 @@
+import type { BuildInvSetRequest } from '~~/shared/types/BuildInvSet'
+import type { Version, VersionWithReleaseNotes } from '~~/shared/types/Version'
+
+const formatDateInput = (date: Date) => date.toISOString().split('T')[0]
+
+const getDefaultDateRange = () => {
+  const today = new Date()
+  return {
+    startDate: formatDateInput(today),
+    endDate: formatDateInput(new Date(today.getFullYear(), today.getMonth(), today.getDate() + 4)),
+  }
+}
+
+export const clearThisWeekReleaseSelection = (formState: Pick<BuildInvSetRequest, 'targetVersion' | 'buildBranch' | 'startDate' | 'endDate'>) => {
+  formState.targetVersion = undefined
+  formState.buildBranch = ''
+  const { startDate, endDate } = getDefaultDateRange()
+  formState.startDate = startDate
+  formState.endDate = endDate
+}
+
+export const applyThisWeekReleaseSelection = (
+  formState: Pick<BuildInvSetRequest, 'targetVersion' | 'buildBranch' | 'startDate' | 'endDate'>,
+  release: VersionWithReleaseNotes | null | undefined,
+) => {
+  if (!release) {
+    clearThisWeekReleaseSelection(formState)
+    return
+  }
+
+  const releaseDate = release.due_date ? new Date(release.due_date) : new Date()
+  const startDate = formatDateInput(releaseDate)
+  const endDate = formatDateInput(new Date(releaseDate.getFullYear(), releaseDate.getMonth(), releaseDate.getDate() + 4))
+
+  formState.targetVersion = release as Version
+  formState.buildBranch = release.currentReleaseBranch || ''
+  formState.startDate = startDate
+  formState.endDate = endDate
+}

app/composables/useBuildInvSetTour.ts

@@ -0,0 +1,91 @@
+import { driver } from 'driver.js'
+import 'driver.js/dist/driver.css'
+
+export default function useBuildInvSetTour() {
+  const startTour = () => {
+    const driverObj = driver({
+      showProgress: true,
+      animate: true,
+      steps: [
+        {
+          element: '#tour-title-section',
+          popover: {
+            title: 'Build Request — Primary',
+            description: 'Welcome! This page allows you to create comprehensive build-request issues in Redmine for .NET projects, including optional Gateway and VB6 subtasks.',
+            side: 'bottom',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-access-key',
+          popover: {
+            title: 'Authentication',
+            description: 'Enter your Redmine Access Key here. You can also toggle "Use Server Token" if you want to use the pre-configured system token instead of your own.',
+            side: 'bottom',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-build-info',
+          popover: {
+            title: 'Build Details',
+            description: 'Select your layout (template), tracker, target version, and build branch. Use "Thisweek Release" to auto-fill current release information.',
+            side: 'bottom',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-dotnet-options',
+          popover: {
+            title: '.NET Options',
+            description: 'This is the primary build group. Configure flags like GEN_SBOM, SEND_NOTIFY, and CLEANUP_WS for Windows and Container builds.',
+            side: 'top',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-gateway-options',
+          popover: {
+            title: 'Gateway Subtask',
+            description: 'Enable this switch if your release needs a Gateway (Spring Boot) subtask created alongside the primary .NET build.',
+            side: 'top',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-vb6-options',
+          popover: {
+            title: 'VB6 Subtask',
+            description: 'Include a VB6 build subtask if needed by enabling this section.',
+            side: 'top',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-template-save',
+          popover: {
+            title: 'Save Template',
+            description: 'Check this to save your current configuration as a layout template for future use.',
+            side: 'top',
+            align: 'start',
+          },
+        },
+        {
+          element: '#tour-submit-actions',
+          popover: {
+            title: 'Final Step',
+            description: 'Click Submit to create the issues in Redmine. All results and links will be displayed in a toast message upon completion.',
+            side: 'top',
+            align: 'center',
+          },
+        },
+      ],
+    })
+
+    driverObj.drive()
+  }
+
+  return {
+    startTour,
+  }
+}