chore: wip

Author: glennmichael123

app/Models/SubscriberEmail.ts

@@ -24,6 +24,7 @@ export default {
   attributes: {
     email: {
       unique: true,
+      fillable: true,
       validation: {
         rule: schema.string().email(),
         message: {

resources/components/Buttons/BaseButton.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+const props = defineProps<{
+  loading: boolean
+  buttonText: boolean
+  classString: string
+}>()
+
+const fullClass = computed(() => {
+  let cls = ' duration-150 ease-in-out transition'
+
+  if (props.loading) {
+    cls += ` opacity-75 disabled:cursor-not-allowed `
+  }
+
+  return props.classString + cls
+})
+</script>
+
+<template>
+    <button type="button" :class="fullClass" :disabled="props.loading">
+        <svg
+            v-if="props.loading"
+            class="w-5 h-5 mr-1 -ml-1 text-gray-500 animate-spin"
+            fill="none"
+            viewBox="0 0 24 24"
+        >
+            <circle
+                class="opacity-25"
+                cx="12"
+                cy="12"
+                r="10"
+                stroke="currentColor"
+                stroke-width="4"
+            />
+            <path
+                class="opacity-75"
+                fill="currentColor"
+                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            />
+        </svg>
+
+        {{ props.buttonText }}
+    </button>
+</template>

resources/components/Marketing/ComingSoon.vue

@@ -1,9 +1,12 @@
 <script setup>
 import { ref } from 'vue'
+import BaseButton from '../Buttons/BaseButton.vue'
 
 // Reactive state for the email input
 const email = ref('')
 
+const loading = ref(false)
+
 // Method to handle email submission
 async function submitEmail() {
   const body = {
@@ -12,6 +15,7 @@ async function submitEmail() {
 
   const url = 'http://localhost:3008/api/email/subscribe'
 
+  loading.value = true
   await fetch(url, {
     method: 'POST',
     headers: {
@@ -22,6 +26,8 @@ async function submitEmail() {
   })
 
   email.value = '' // Clear the input field after submission
+
+  loading.value = false
 }
 </script>
 
@@ -76,9 +82,7 @@ async function submitEmail() {
                 <input id="email" v-model="email" type="email" name="email" class="block w-full rounded-none rounded-l-md border-0 py-1.5 pl-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6" placeholder="enter-your@email.com">
               </div>
 
-              <button type="button" class="relative -ml-px inline-flex items-center gap-x-1.5 rounded-r-md px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50" @click="submitEmail">
-                Submit
-              </button>
+              <BaseButton buttonText="Submit" classString="relative -ml-px inline-flex items-center gap-x-1.5 rounded-r-md px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50" :loading="loading" @click.native="submitEmail" />
             </div>
           </div>
 

resources/views/auth/login.vue

@@ -20,15 +20,14 @@ async function login() {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
-      'Accept': 'application/json',
+      Accept: 'application/json',
     },
     body: JSON.stringify(body),
   })
 
   if (!response.ok) {
     const res = await response.json()
-  }
-  else {
+  } else {
     const data = await response.json()
 
     localStorage.setItem('token', data.token)

storage/framework/core/actions/src/orm/generate-model.ts

@@ -1131,14 +1131,18 @@ async function generateModelString(
       }
 
       // Method to create a new ${formattedModelName}
-      static async create(new${modelName}: New${modelName}): Promise<${modelName}Model> {
+      static async create(new${modelName}: New${modelName}): Promise<${modelName}Model | undefined> {
         const instance = new this(null)
         const filteredValues = Object.keys(new${modelName})
           .filter(key => instance.fillable.includes(key))
           .reduce((obj: any, key) => {
               obj[key] = new${modelName}[key];
               return obj
-          }, {}) as new${modelName}
+          }, {})
+
+        if (Object.keys(filteredValues).length === 0) {
+          return undefined
+        }
 
         const result = await db.insertInto('${tableName}')
           .values(filteredValues)

storage/framework/core/router/src/server.ts

@@ -242,7 +242,7 @@ async function execute(foundRoute: Route, req: Request, { statusCode }: Options)
         status: 403,
       })
     }
-    
+
     if (foundCallback.status === 422) {
       // biome-ignore lint/performance/noDelete: <explanation>
       delete foundCallback.status
@@ -257,7 +257,6 @@ async function execute(foundRoute: Route, req: Request, { statusCode }: Options)
       })
     }
 
-
     if (foundCallback.status === 500) {
       delete foundCallback.status
       return await new Response(JSON.stringify(foundCallback), {

storage/framework/orm/src/models/AccessToken.ts

@@ -231,14 +231,18 @@ export class AccessTokenModel {
   }
 
   // Method to create a new accesstoken
-  static async create(newAccessToken: NewAccessToken): Promise<AccessTokenModel> {
+  static async create(newAccessToken: NewAccessToken): Promise<AccessTokenModel | undefined> {
     const instance = new this(null)
     const filteredValues = Object.keys(newAccessToken)
       .filter((key) => instance.fillable.includes(key))
       .reduce((obj: any, key) => {
         obj[key] = newAccessToken[key]
         return obj
-      }, {}) as newAccessToken
+      }, {})
+
+    if (Object.keys(filteredValues).length === 0) {
+      return undefined
+    }
 
     const result = await db.insertInto('personal_access_tokens').values(filteredValues).executeTakeFirstOrThrow()
 

storage/framework/orm/src/models/Deployment.ts

@@ -239,14 +239,18 @@ export class DeploymentModel {
   }
 
   // Method to create a new deployment
-  static async create(newDeployment: NewDeployment): Promise<DeploymentModel> {
+  static async create(newDeployment: NewDeployment): Promise<DeploymentModel | undefined> {
     const instance = new this(null)
     const filteredValues = Object.keys(newDeployment)
       .filter((key) => instance.fillable.includes(key))
       .reduce((obj: any, key) => {
         obj[key] = newDeployment[key]
         return obj
-      }, {}) as newDeployment
+      }, {})
+
+    if (Object.keys(filteredValues).length === 0) {
+      return undefined
+    }
 
     const result = await db.insertInto('deployments').values(filteredValues).executeTakeFirstOrThrow()
 

storage/framework/orm/src/models/Post.ts

@@ -224,14 +224,18 @@ export class PostModel {
   }
 
   // Method to create a new post
-  static async create(newPost: NewPost): Promise<PostModel> {
+  static async create(newPost: NewPost): Promise<PostModel | undefined> {
     const instance = new this(null)
     const filteredValues = Object.keys(newPost)
       .filter((key) => instance.fillable.includes(key))
       .reduce((obj: any, key) => {
         obj[key] = newPost[key]
         return obj
-      }, {}) as newPost
+      }, {})
+
+    if (Object.keys(filteredValues).length === 0) {
+      return undefined
+    }
 
     const result = await db.insertInto('posts').values(filteredValues).executeTakeFirstOrThrow()
 

storage/framework/orm/src/models/Project.ts

@@ -226,14 +226,18 @@ export class ProjectModel {
   }
 
   // Method to create a new project
-  static async create(newProject: NewProject): Promise<ProjectModel> {
+  static async create(newProject: NewProject): Promise<ProjectModel | undefined> {
     const instance = new this(null)
     const filteredValues = Object.keys(newProject)
       .filter((key) => instance.fillable.includes(key))
       .reduce((obj: any, key) => {
         obj[key] = newProject[key]
         return obj
-      }, {}) as newProject
+      }, {})
+
+    if (Object.keys(filteredValues).length === 0) {
+      return undefined
+    }
 
     const result = await db.insertInto('projects').values(filteredValues).executeTakeFirstOrThrow()