Generate auto ID's

src/components/TableComponent.vue

@@ -29,7 +29,7 @@ export interface ShortenCol {
     title?: string;
 }
 
-export interface TableProps extends TableHTMLAttributes {
+export interface TableProps extends /* @vue-ignore */ TableHTMLAttributes {
     cols: TableCol[];
     data: any[];
     mobileView?: "moveable" | "collapsed" | "transformed" | "shorten";

src/components/base/Icon.vue

@@ -13,7 +13,7 @@ const props = defineProps<Props>();
 
 const refViewBox = props.viewBox || props.size || 20;
 
-const viewBox: string =
+const viewBoxL: string =
     typeof refViewBox === "number" || refViewBox.indexOf(" ") < 0
         ? `0 0 ${refViewBox} ${refViewBox}`
         : refViewBox;
@@ -26,7 +26,7 @@ const width = props.width || props.size;
     <svg
         xmlns="http://www.w3.org/2000/svg"
         fill="currentColor"
-        :viewBox="viewBox"
+        :viewBox="viewBoxL"
         :height="height"
         :width="width"
         :class="props.class"

src/components/form/SimpleInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { InputHTMLAttributes } from "vue";
 
-interface InputProps extends InputHTMLAttributes {
+interface InputProps extends /* @vue-ignore */ InputHTMLAttributes {
     hint?: string;
     hintType?: "error" | "warning" | "success" | "none";
     label?: string;

src/components/form/SimpleSelect.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { SelectHTMLAttributes } from "vue";
 
-interface InputProps extends SelectHTMLAttributes {
+interface InputProps extends /* @vue-ignore */ SelectHTMLAttributes {
     hint?: string;
     hintType?: "error" | "warning" | "success" | "none";
     label?: string;

src/components/notification/Notification.vue

@@ -5,7 +5,7 @@ import { useTimeoutFn } from "@vueuse/core";
 
 import type { CSSProperties } from "vue";
 import type { NotificationProps } from ".";
-interface Props extends NotificationProps {
+interface Props extends /* @vue-ignore */ NotificationProps {
     id: string;
 }
 

src/views/patients/PatientForm.vue

@@ -42,19 +42,35 @@ const tests = ref<Record<string, any>[]>((props.toEdit?.tests as any) ?? []);
 
 const refererValue = ref<string>("");
 
+const patientId = ref<string>(props.toEdit?.id ?? "");
+
 onMounted(async () => {
     window.scrollTo(0, 0);
     if (props.toEdit) {
         advance.value = (props.toEdit.advance as any) / 100;
         discount.value = (props.toEdit.discount as any) / 100;
         refererValue.value = props.toEdit.referer;
         complementary.value = !!props.toEdit.complementary;
+        patientId.value = props.toEdit.id;
         // @ts-ignore
         total.value = props.toEdit.tests[0].price;
+    } else {
+        getAutoID({ target: { value: "cyto" } });
     }
     getAllTests();
 });
 
+const getAutoID = async (evt: any) => {
+    const res = await fetchApi(
+        API_BASE + "/patient-autoid?type=" + evt.target.value
+    );
+    if (!res.success) {
+        console.error(res.message);
+        return;
+    }
+    patientId.value = res.data.id;
+};
+
 async function getAllTests() {
     const res = await fetchApi(API_BASE + "/misc?name=test");
     if (!res.success) {
@@ -247,7 +263,8 @@ const onTestDelete = (id: string) => {
                     label="Type"
                     :un-wrap="true"
                     :hint="fieldErrors?.type?.[0]"
-                    :value="toEdit?.type"
+                    :value="toEdit?.type || 'cyto'"
+                    @input="getAutoID"
                 >
                     <option value="cyto">Cytopathology</option>
                     <option value="histo">Histopathology</option>
@@ -257,7 +274,7 @@ const onTestDelete = (id: string) => {
                     label="ID"
                     :un-wrap="true"
                     :hint="fieldErrors?.id?.[0]"
-                    :value="toEdit?.id"
+                    :value="patientId"
                 />
 
                 <h4 class="section-title all-col">Patient Information</h4>

worker/package.json

@@ -13,21 +13,21 @@
 		"cli": "node ./cli/main.js"
 	},
 	"devDependencies": {
-		"@cloudflare/workers-types": "^4.20230419.0",
-		"@inquirer/prompts": "^3.1.1",
-		"@types/bcryptjs": "^2.4.3",
+		"@cloudflare/workers-types": "^4.20240712.0",
+		"@inquirer/prompts": "^3.3.2",
+		"@types/bcryptjs": "^2.4.6",
 		"cli-spinner": "^0.2.10",
-		"dotenv": "^16.3.1",
+		"dotenv": "^16.4.5",
 		"drizzle-kit": "^0.19.13",
-		"drizzle-orm": "^0.28.5",
-		"typescript": "^5.0.4",
-		"wrangler": "^3.22.5"
+		"drizzle-orm": "^0.28.6",
+		"typescript": "^5.5.3",
+		"wrangler": "^3.64.0"
 	},
 	"dependencies": {
-		"@faker-js/faker": "^8.1.0",
+		"@faker-js/faker": "^8.4.1",
 		"@libsql/client": "^0.3.6",
 		"bcryptjs": "^2.4.3",
-		"itty-router": "^4.0.22",
-		"zod": "^3.22.2"
+		"itty-router": "^4.2.2",
+		"zod": "^3.23.8"
 	}
 }