chore: wip

Author: glennmichael123

storage/framework/core/components/modal/src/App.vue

@@ -40,9 +40,8 @@ defineCustomElement({
         <Transitions />
       </main>
 
-
       <Transition name="fade" appear>
-        <Modal :visible="visible" @close="handleClose" class="bg-gray-500 bg-opacity-75 transition-opacity">
+        <Modal :visible="visible" class="bg-gray-500 bg-opacity-75 transition-opacity" @close="handleClose">
           <template #closeButton />
           <template #header>
             <h1> Hello Detail</h1>

storage/framework/core/components/modal/src/components/Modal.vue

@@ -34,6 +34,7 @@ defineCustomElement({
   shadow: true,
 })
 </script>
+
 <template>
   <div v-if="props.visible" class="fixed inset-0 z-10 w-screen overflow-y-auto">
     <div

storage/framework/core/components/modal/src/components/Options.vue

@@ -139,7 +139,7 @@ async function handleCopyCode() {
     </div>
 
     <Transition name="fade" appear>
-      <Modal :visible="visible" @close="handleClose" class="bg-gray-500 bg-opacity-70 transition-opacity">
+      <Modal :visible="visible" class="bg-gray-500 bg-opacity-70 transition-opacity" @close="handleClose">
         <template v-if="currentAction === 'close'" #closeButton />
         <template v-if="currentAction === 'header'" #header>
           <h1 class="text-lg font-semibold">

storage/framework/core/components/modal/src/components/Transitions.vue

@@ -8,13 +8,11 @@ const transitionList = ref<Transition[]>(['fade', 'pop', 'fadeInRightBig', 'jack
 const showCheckIcon = ref(false)
 const visible = ref(false)
 
-
 function handleClose() {
   visible.value = false
 }
 
 const styleCode = computed(() => {
-
   let style = `
 .fade-enter-active,
 .fade-leave-active {
@@ -95,7 +93,8 @@ const styleCode = computed(() => {
   opacity: 0;
   transform: translateX(100%);
 }
-`}
+`
+  }
 
   if (currentTransition.value === 'pop') {
     style = `
@@ -165,7 +164,6 @@ const styleCode = computed(() => {
   return style
 })
 
-
 const renderedCode = computed(() => {
   return `
 <template>
@@ -242,7 +240,6 @@ async function handleCopyCode() {
       </button>
     </div>
 
-
     <Transition name="modal-overlay" appear>
       <div v-if="visible" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" @click.self="handleClose" />
     </Transition>

storage/framework/core/orm/src/utils.ts

@@ -210,10 +210,12 @@ export function getHiddenAttributes(attributes: Attributes | undefined): string[
   })
 }
 
-export function getFillableAttributes(attributes: Attributes | undefined): string[] {
+export function getFillableAttributes(attributes: Attributes | undefined, otherModelRelations: RelationConfig[]): string[] {
   if (attributes === undefined)
     return ['stripe_id', 'two_factor_secret', 'public_key']
 
+  const foreignKeys = otherModelRelations.map(otherModelRelation => otherModelRelation.foreignKey)
+
   return [
     ...Object.keys(attributes)
       .filter((key) => {
@@ -226,6 +228,7 @@ export function getFillableAttributes(attributes: Attributes | undefined): strin
     'stripe_id',
     'public_key',
     'two_factor_secret',
+    ...foreignKeys,
   ]
 }
 
@@ -1369,7 +1372,7 @@ export async function generateModelString(
   `
 
   const hidden = JSON.stringify(getHiddenAttributes(model.attributes))
-  const fillable = JSON.stringify(getFillableAttributes(model.attributes))
+  const fillable = JSON.stringify(getFillableAttributes(model.attributes, otherModelRelations))
 
   return `import type { Generated, Insertable, Selectable, Updateable } from 'kysely'
     import { manageCharge, manageCheckout, manageCustomer, managePaymentMethod, manageSubscription, managePrice, type Stripe } from '@stacksjs/payments'

storage/framework/core/search-engine/src/index.ts

@@ -32,7 +32,7 @@ export const setTotalHits: ComputedRef = computed(() => table.setTotalHits)
 export const sort: ComputedRef = computed(() => table.sort)
 export const sorts: ComputedRef = computed(() => table.sorts)
 
-export function client(): string {
+function client(): string {
   // if (searchEngine.driver === 'meilisearch')
   //   return meilisearch
   return 'wip-search-me'

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

@@ -53,7 +53,7 @@ interface QueryOptions {
 
 export class AccessTokenModel {
   private hidden = []
-  private fillable = ['stripe_id', 'public_key', 'two_factor_secret']
+  private fillable = ['stripe_id', 'public_key', 'two_factor_secret', 'team_id']
   private softDeletes = false
   protected query: any
   protected hasSelect: boolean

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

@@ -56,7 +56,7 @@ interface QueryOptions {
 
 export class DeploymentModel {
   private hidden = []
-  private fillable = ['stripe_id', 'public_key', 'two_factor_secret']
+  private fillable = ['stripe_id', 'public_key', 'two_factor_secret', 'user_id']
   private softDeletes = false
   protected query: any
   protected hasSelect: boolean

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

@@ -51,7 +51,7 @@ interface QueryOptions {
 
 export class PostModel {
   private hidden = []
-  private fillable = ['stripe_id', 'public_key', 'two_factor_secret']
+  private fillable = ['stripe_id', 'public_key', 'two_factor_secret', 'user_id']
   private softDeletes = false
   protected query: any
   protected hasSelect: boolean

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

@@ -49,7 +49,7 @@ interface QueryOptions {
 
 export class SubscriberModel {
   private hidden = []
-  private fillable = ['stripe_id', 'public_key', 'two_factor_secret']
+  private fillable = ['stripe_id', 'public_key', 'two_factor_secret', 'user_id']
   private softDeletes = false
   protected query: any
   protected hasSelect: boolean