chore: wip

Author: glennmichael123

storage/framework/.stacks/core/api/src/index.ts

@@ -1,22 +1,10 @@
 import { ofetch } from 'ofetch'
+import type { FetchOptions } from 'ofetch'
 interface Params {
   [key: string]: any // Replace 'any' with more specific types if possible
 }
 
-interface FetchParams {
-  headers: {
-    Accept: string
-    Authorization: string
-  }
-  parseResponse: (text: string) => any
-  method: string
-  baseURL: string
-  [key: string]: any // To account for the spread of the '...params'
-}
-
-interface FetchResponse {
-  data: any // Replace 'any' with more specific types if possible
-}
+type FetchResponse = string | Blob | ArrayBuffer | ReadableStream<Uint8Array>
 
 const loading = ref(false)
 const token = ref('')
@@ -28,10 +16,16 @@ export async function useHttpFetch(endpoint = '') {
     baseURL = endpoint
 
   async function post(url: string, params?: Params): Promise<any> {
-    const parameters: FetchParams = {
+    const headers: any = { Accept: 'application/json' };
+
+    if (token.value) {
+      headers.Authorization = `Bearer ${token.value}`;
+    }
+
+    const parameters: FetchOptions = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
+        headers,
         parseResponse: JSON.parse,
         method: 'POST',
         baseURL,
@@ -41,7 +35,7 @@ export async function useHttpFetch(endpoint = '') {
     loading.value = true
 
     try {
-      const result: FetchResponse = await ofetch(url, parameters)
+      const result: string | FetchResponse | Blob | ArrayBuffer | ReadableStream<Uint8Array> = await ofetch(url, parameters)
 
       loading.value = false
       return result
@@ -54,10 +48,16 @@ export async function useHttpFetch(endpoint = '') {
   }
 
   async function get(url: string, params?: Params): Promise<any> {
-    const parameters: FetchParams = {
+    const headers: any = { Accept: 'application/json' };
+
+    if (token.value) {
+      headers.Authorization = `Bearer ${token.value}`;
+    }
+    
+    const parameters: FetchOptions = {
       ...params,
       ...{
-        headers: { Accept: 'application/json' },
+        headers,
         parseResponse: JSON.parse,
         method: 'GET',
         baseURL,
@@ -74,10 +74,16 @@ export async function useHttpFetch(endpoint = '') {
   }
 
   async function patch(url: string, params?: Params): Promise<any> {
-    const parameters: FetchParams = {
+    const headers: any = { Accept: 'application/json' };
+
+    if (token.value) {
+      headers.Authorization = `Bearer ${token.value}`;
+    }
+
+    const parameters: FetchOptions = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
+        headers,
         parseResponse: JSON.parse,
         method: 'PATCH',
         baseURL,
@@ -97,10 +103,16 @@ export async function useHttpFetch(endpoint = '') {
   }
 
   async function destroy(url: string, params?: Params): Promise<any> {
-    const parameters: FetchParams = {
+    const headers: any = { Accept: 'application/json' };
+
+    if (token.value) {
+      headers.Authorization = `Bearer ${token.value}`;
+    }
+
+    const parameters: FetchOptions = {
       ...params,
       ...{
-        headers: { Accept: 'application/json', Authorization: `Bearer ${token.value}` },
+        headers,
         method: 'DELETE',
         baseURL,
       },

storage/framework/.stacks/core/vite/src/desktop.ts

@@ -34,14 +34,15 @@ export const pagesConfig = {
     }),
     AutoImport({
       imports: [
-        'pinia',
         'vue',
+        'vue-router',
         'vue-i18n',
+        '@vueuse/head',
+        '@vueuse/core'
       ],
       dts: p.projectStoragePath('framework/stacks/auto-imports.d.ts'),
       dirs: [
         p.projectStoragePath('framework/stacks/dashboard/src/functions'),
-        p.projectStoragePath('framework/stacks/dashboard/src/store'),
       ],
     }),
     pages({

storage/framework/.stacks/package.json

@@ -51,9 +51,9 @@
       "import": "./core/ai/dist/index.js"
     },
     "./api": {
-      "bun": "./core/ai/src/index.ts",
-      "types": "./core/ai/dist/index.d.ts",
-      "import": "./core/ai/dist/index.js"
+      "bun": "./core/api/src/index.ts",
+      "types": "./core/api/dist/index.d.ts",
+      "import": "./core/api/dist/index.js"
     },
     "./alias": {
       "bun": "./core/alias/src/index.ts",

storage/framework/stacks/dashboard/src/App.vue

@@ -1,15 +1,5 @@
 <script setup lang="ts">
-// import { onMounted } from 'vue'
-// import { listen } from '@tauri-apps/api/event'
 
-// onMounted(async () => {
-//   await listen<string>('settings', (event) => {
-//     // eslint-disable-next-line no-console
-//     console.log(`Got error in window ${event.windowLabel}, payload: ${event.payload}`)
-//   })
-
-//   // you need to call unlisten if your handler goes out of scope e.g. the component is unmounted
-// })
 </script>
 
 <template>

storage/framework/stacks/dashboard/src/components/Deployments/ActivityFeed.vue

@@ -1,3 +1,14 @@
+
+<script setup lang="ts">
+    import { useGitStore } from '../../stores/git';
+    const githubStore = useGitStore()
+    const github = useGithub()
+
+    onMounted(async () => {
+        await githubStore.fetchCommits()
+    })
+</script>
+
 <template>
     <aside class="bg-black/2 lg:fixed lg:bottom-0 lg:right-0 lg:top-16 lg:w-96 lg:overflow-y-auto lg:border-l lg:border-white/5">
         <header class="flex items-center justify-between border-b border-white/5 px-4 py-4 sm:px-6 sm:py-6 lg:px-8">
@@ -15,13 +26,3 @@
         </ul>
     </aside>
 </template>
-
-<script setup lang="ts">
-    import { useGitStore } from '../../stores/git';
-    const githubStore = useGitStore()
-    const github = useGithub()
-
-    onMounted(async () => {
-        await githubStore.fetchCommits()
-    })
-</script>

storage/framework/stacks/dashboard/src/components/Deployments/DeploymentList.vue

@@ -73,4 +73,4 @@
 
       return 'text-gray-500 bg-gray-100/10'
     }
-</script>
+</script>../../stores/gitHelper

storage/framework/stacks/dashboard/src/functions/github.ts

@@ -36,6 +36,24 @@ export function useGithub() {
 
         return `${weeksDifference}w`;
     }
+
+    function formatDuration(durationInSeconds: number): string {
+        const minutes = Math.floor(durationInSeconds / 60);
+        const seconds = durationInSeconds % 60;
+      
+        if (minutes > 1)
+            return `${minutes}m ${seconds}s`;
+      
+        return `${seconds}s`;
+      }
+      
+    function getActionRunDuration(startTime: Date, endTime: Date): string {
+        const start = new Date(startTime)
+        const end = new Date(endTime)
+        const durationInSeconds = Math.floor((end.getTime() - start.getTime()) / 1000)
+        
+        return formatDuration(durationInSeconds)
+    }
 
-    return { getTimeDifference }
+    return { getTimeDifference, formatDuration, getActionRunDuration }
 }

storage/framework/stacks/dashboard/src/pages/commands/index.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+useHead({
+  title: 'Dashboard - Commands',
+})
+
 import { ref } from 'vue'
 import AppButton from '../../components/Buttons/AppButton.vue'
 

storage/framework/stacks/dashboard/src/pages/dependencies/index.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+useHead({
+  title: 'Dashboard - Dependencies',
+})
+
 import AppButton from '../../components/Buttons/AppButton.vue'
 </script>
 

storage/framework/stacks/dashboard/src/pages/deployments/[id].vue

@@ -1,11 +1,31 @@
 <script setup lang="ts">
+import { useGitStore } from '../../stores/git'
+
+const gitStore = useGitStore()
+const github = useGithub()
+const route = useRoute()
+
+onMounted(async () =>{
+  await gitStore.fetchWorkflowAction(route.params.id)
+})
+
+useHead({
+  title: `Deployments - ${route.params.id}`,
+})
+
 import { ref } from 'vue'
 
 const flag = ref(false)
+
+function getStatus(conclusion: string) {
+  if (conclusion === 'success') return 'Ready'
+
+  return 'Failed'
+}
 </script>
 
 <template>
-  <div class="px-4 sm:px-6 lg:px-8 py-8">
+  <div v-if="gitStore.workflowRun" class="px-4 sm:px-6 lg:px-8 py-8">
     <div class="rounded-lg bg-white px-6 py-8 text-sm dark:bg-blue-gray-800">
       <div class="px-4 sm:px-0">
         <h3 class="text-base font-semibold leading-7 text-gray-900 dark:text-gray-100">
@@ -18,24 +38,20 @@ const flag = ref(false)
             <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">
               Status
             </dt>
-            <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0 dark:text-gray-200 dark:text-gray-200">
-              Ready
-            </dd>
-          </div>
-          <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
-            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">
-              Environment
-            </dt>
-            <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0 dark:text-gray-200 dark:text-gray-200">
-              Production
+            <dd class="mt-1 text-sm leading-6 text-gray-700 flex items-center sm:col-span-2 sm:mt-0 dark:text-gray-200 dark:text-gray-200">
+              <span> {{ getStatus(gitStore.workflowRun.conclusion) }} </span>
+              <svg fill="none" class="text-green-500 w-5 h-5 ml-2" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+              </svg>
             </dd>
           </div>
+        
           <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
             <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">
               Duration
             </dt>
             <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0 dark:text-gray-200 dark:text-gray-200">
-              50s
+              {{ github.getActionRunDuration(gitStore.workflowRun.created_at, gitStore.workflowRun.updated_at) }}
             </dd>
           </div>
           <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
@@ -103,10 +119,11 @@ const flag = ref(false)
                 <a
                   href="#"
                   class="hover:underline"
+                  v-if="gitStore.workflowRun.head_commit"
                 >
 
-                  <code class="text-xs">b0f6755</code>
-                  <span class="pl-1">chore: readme</span>
+                  <code class="text-xs">{{ gitStore.workflowRun.head_commit.id.slice(0, 10) }}</code>
+                  <span class="pl-1">{{ gitStore.workflowRun.head_commit.message }}</span>
                 </a>
               </div>
             </dd>