Fix CI issues

Author: netervati

components/modal/createModelData.vue

@@ -14,7 +14,11 @@
   type SchemaRow = { name: string, type: string, immutable: boolean };
 
   const model = useModel();
-  const defaultSchema = model.target?.schema.map((sch: SchemaRow) => sch);
+  const defaultSchema = model.target?.schema?.map((sch) => ({
+    name: sch.name,
+    type: sch.type,
+    immutable: sch.name === 'id'
+  })) ?? [];
   const form = useForm({
     initialValues: {
       name: '',

components/model/grid.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { Cog6ToothIcon } from '@heroicons/vue/24/outline';
-  import { Model } from '~~/types/models';
+  import { NormalizedModel } from '~~/types/models';
   import useModel from '~~/stores/useModel';
   import ModalCreateModelData from '~~/components/modal/createModelData.vue';
 
@@ -14,7 +14,7 @@
     };
   }
 
-  const handleSelectModel = (md: Model) => {
+  const handleSelectModel = (md: NormalizedModel) => {
     model.setTarget(md);
   };
 

composables/useModal.ts

@@ -16,7 +16,8 @@ type UseModal = {
   open: () => void;
 };
 
-const sleep = (ms: number) => new Promise((res) => setTimeout(() => res(ms), ms));
+const sleep = (ms: number) =>
+  new Promise((resolve, _reject) => setTimeout(() => resolve(ms), ms));
 
 /**
  * A composable for managing modals.

server/routes/models/[id]/model-data.post.ts

@@ -1,9 +1,5 @@
 import ErrorResponse from '../../../utils/errorResponse';
-import {
-  ModelServices,
-  ModelDataServices,
-} from '~~/server/services';
-import generateResourceData from '~~/server/utils/generateResourceData';
+import { ModelServices, ModelDataServices } from '~~/server/services';
 import extractAppKey from '~~/server/lib/extractAppKey';
 
 type FakeSchema = {
@@ -14,7 +10,7 @@ type FakeSchema = {
 type BodyParams = {
   apiKey: string;
   increase: number;
-  mockData: FakeSchema[]
+  mockData: FakeSchema[];
 };
 
 export default defineEventHandler(async (event) => {

server/services/modelDataServices.ts

@@ -3,7 +3,7 @@ import SupabaseService from './supabaseService';
 
 type Schema = {
   name: string;
-  type: string
+  type: string;
 };
 
 export default class ModelDataService extends SupabaseService {

server/utils/generateModelData.ts

@@ -1,17 +1,17 @@
 import { faker } from '@faker-js/faker';
 
-const DataOptions = {
-  string: {
-    animal: 'Animal',
-    city: 'City',
-    color: 'Color',
-    country: 'Country',
-    date: 'Date',
-    email_address: 'Email Address',
-  }
-};
+// const DataOptions = {
+//   string: {
+//     animal: 'Animal',
+//     city: 'City',
+//     color: 'Color',
+//     country: 'Country',
+//     date: 'Date',
+//     email_address: 'Email Address',
+//   }
+// };
 
-function setValue(option: string) {
+export default function (option: string) {
   switch (option) {
     case 'faker_animal':
       return faker.animal.type();
@@ -44,10 +44,6 @@ function setValue(option: string) {
     case 'faker_vehicle':
       return faker.vehicle.type();
     default:
-      throw Error(`The faker option ${option} does not exists.`);
+      throw new Error(`The faker option ${option} does not exists.`);
   }
 }
-
-export default function () {
-
-}

stores/useApp.ts

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { AppWithAppKey } from '~/types/models';
 import cloneDeep from 'lodash/cloneDeep';
+import { AppWithAppKey } from '~/types/models';
 
 type CreateProps = {
   description: string;

stores/useModel.ts

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { Model } from '~/types/models';
 import cloneDeep from 'lodash/cloneDeep';
+import { NormalizedModel } from '~/types/models';
 
 type CreateProps = {
   name: string;
@@ -14,24 +14,27 @@ type Options = {
 export default defineStore('models', () => {
   const toast = useToast();
   const apiKey = useAppRefKey();
-  const target = ref<Model>();
+  const target = ref<NormalizedModel>();
 
-  const { data, pending, refresh } = useLazyFetch<Model[]>('/models', {
-    method: 'GET',
-    query: { apiKey },
-    server: false,
-  });
+  const { data, pending, refresh } = useLazyFetch<NormalizedModel[]>(
+    '/models',
+    {
+      method: 'GET',
+      query: { apiKey },
+      server: false,
+    }
+  );
 
   const list = computed(() => data.value || []);
   const isDisabled = computed(() => list.value.length === 10 || pending.value);
 
-  const setTarget = (md: Model) => {
+  const setTarget = (md: NormalizedModel) => {
     target.value = cloneDeep(md);
   };
 
   const unsetTarget = () => {
     target.value = undefined;
-  }
+  };
 
   const create = async (body: CreateProps, options: Options): Promise<void> => {
     await $fetch('/models', {
@@ -66,6 +69,6 @@ export default defineStore('models', () => {
     /** METHODS */
     create,
     setTarget,
-    unsetTarget
+    unsetTarget,
   };
 });

types/models.ts

@@ -44,3 +44,6 @@ export type AppWithAppKey = App & {
 };
 
 export type Model = Tables['models']['Row'];
+export type NormalizedModel = Omit<Model, 'schema'> & {
+  schema: { name: string; type: string }[];
+};