chore: 🔥 Switch to api.invoicelink.io

Author: RatulMaharaj

apps/app/src/routes/(app)/api/changelog/+server.ts

@@ -108,7 +108,7 @@
 				class="tooltip tooltip-accent"
 				data-tip="Save a copy"
 				target="_blank"
-				href="/api/invoice?id={$form.id}&type=invoice&download=true"
+				href="https://api.invoicelink.io/invoice?id={$form.id}&type=invoice&download=true"
 			>
 				<Icon name="download" />
 			</a>

apps/app/src/routes/(app)/api/invoice/+server.ts

@@ -39,7 +39,7 @@ export const load = (async ({ parent, locals, url }) => {
 }) satisfies PageServerLoad;
 
 export const actions: Actions = {
-	create: async ({ request, locals, url }) => {
+	create: async ({ request, locals }) => {
 		const { user } = locals;
 		const form = await superValidate(request, zod(schema));
 		if (!form.valid) {
@@ -58,7 +58,7 @@ export const actions: Actions = {
 			});
 
 			// grab the screenshot of the template
-			const imageUrl = `${url.origin}/api/templatePreview?styleId=${res.id}`;
+			const imageUrl = `https://api.invoicelink.io/preview?styleId=${res.id}`;
 			const base64image = await fetch(imageUrl)
 				.then((res) => res.arrayBuffer())
 				.then((buf) => arrayBufferToBase64(buf, 'image/webp'));
@@ -83,7 +83,7 @@ export const actions: Actions = {
 			return message(form, 'Template created');
 		}
 	},
-	update: async ({ request, locals, url }) => {
+	update: async ({ request, locals }) => {
 		const { user } = locals;
 		const form = await superValidate(request, zod(schema));
 		if (!form.valid) {
@@ -105,7 +105,7 @@ export const actions: Actions = {
 				}
 			});
 
-			const imageUrl = `${url.origin}/api/templatePreview?styleId=${form.data.id}`;
+			const imageUrl = `https://api.invoicelink.io/preview?styleId=${form.data.id}`;
 			const base64image = await fetch(imageUrl)
 				.then((res) => res.arrayBuffer())
 				.then((buf) => arrayBufferToBase64(buf, 'image/webp'));

apps/app/src/routes/(app)/api/templatePreview/+server.ts

@@ -48,10 +48,10 @@
 <div data-theme="light" class="flex h-svh w-full flex-col pb-20">
 	{#if data.pay}
 		<div
-			class="bg-pattern relative flex h-[25vh] w-full flex-col items-center justify-center bg-base-200 text-center"
+			class="bg-pattern bg-base-200 relative flex h-[25vh] w-full flex-col items-center justify-center text-center"
 		>
 			<div
-				class="absolute bottom-0 z-10 -mb-[10vh] flex h-auto w-[90vw] flex-col items-center justify-center gap-4 rounded-xl bg-base-100 p-10 shadow-lg sm:mx-auto sm:w-full sm:max-w-xl"
+				class="bg-base-100 absolute bottom-0 z-10 -mb-[10vh] flex h-auto w-[90vw] flex-col items-center justify-center gap-4 rounded-xl p-10 shadow-lg sm:mx-auto sm:w-full sm:max-w-xl"
 			>
 				<div class="flex flex-col items-center">
 					<div class="-mt-4 mb-4">
@@ -78,8 +78,9 @@
 			</div>
 		</div>
 		<div class="mt-[10vh] flex w-full flex-grow items-center justify-center gap-2 py-10">
-			<a href="/api/invoice?id={data?.pay.id}&type={data.type}&download=true" class="btn w-36"
-				>Save invoice</a
+			<a
+				href="https://api.invoicelink.io/invoice?id={data?.pay.id}&type={data.type}&download=true"
+				class="btn w-36">Save invoice</a
 			>
 			{#if !isPaid}
 				{#if integrations.payfast && selectedPaymentOption.value === 'payfast'}

apps/app/src/routes/(app)/invoices/management/manage/+page.svelte

@@ -74,8 +74,9 @@
 			</div>
 		</div>
 		<div class="mt-[10vh] flex w-full flex-grow items-center justify-center gap-2 py-10">
-			<a href="/api/invoice?id={data?.pay.id}&type={data.type}&download=true" class="btn w-36"
-				>Save invoice</a
+			<a
+				href="https://api.invoicelink.io/invoice?id={data?.pay.id}&type={data.type}&download=true"
+				class="btn w-36">Save invoice</a
 			>
 			{#if !isPaid}
 				{#if integrations.payfast && selectedPaymentOption.value === 'payfast'}