How to make ajax update the history cache

[baseplate-admin]

Hi, i have a js function that looks like this :

export async function goto({ url, verb, target }: { url: string; verb?: "GET" | "POST"; target: string }): Promise<void> {
    if (!verb) {
        verb = "GET";
    }
    await ajax(verb, url, target);

}

How to make it update the history cache?

[nickchomey]

It seems like you're not using htmx, which should do the Ajax and history stuff automatically...

[baseplate-admin]

It seems like you're not using htmx, which should do the Ajax and history stuff automatically...

Yes, htmx does everything automatically. But i am looking to use that functionality programatically. ( like from inside svelte )
I am using the ajax, more specifically this function

htmx/src/htmx.d.ts

Lines 14 to 52 in 89b523c

	/**
	* Issues an htmx-style AJAX request
	*
	* https://htmx.org/api/#ajax
	*
	* @param verb 'GET', 'POST', etc.
	* @param path the URL path to make the AJAX
	* @param element the element to target (defaults to the **body**)
	* @returns Promise that resolves immediately if no request is sent, or when the request is complete
	*/
	export function ajax(verb: string, path: string, element: Element): Promise<void>;
	/**
	* Issues an htmx-style AJAX request
	*
	* https://htmx.org/api/#ajax
	*
	* @param verb 'GET', 'POST', etc.
	* @param path the URL path to make the AJAX
	* @param selector a selector for the target
	* @returns Promise that resolves immediately if no request is sent, or when the request is complete
	*/
	export function ajax(verb: string, path: string, selector: string): Promise<void>;
	/**
	* Issues an htmx-style AJAX request
	*
	* https://htmx.org/api/#ajax
	*
	* @param verb 'GET', 'POST', etc.
	* @param path the URL path to make the AJAX
	* @param context a context object that contains any of the following
	* @returns Promise that resolves immediately if no request is sent, or when the request is complete
	*/
	export function ajax(
	verb: string,
	path: string,
	context: Partial<{ source: any; event: any; handler: any; target: any; swap: any; values: any; headers: any; select: any }>
	): Promise<void>;

My requirements are more specific in nature, I am using svelte to compile everything to web-component, then using the htmx router from there.

[nickchomey]

Apologies. Someone else will have to comment on how to do this - or look at the single htmx source code file and find where it handles history updates. You could even add breakpoints and test it in the browser to find exactly what is happening

[baseplate-admin]

Apologies. Someone else will have to comment on how to do this - or look at the single htmx source code file and find where it handles history updates. You could even add breakpoints and test it in the browser to find exactly what is happening

Correct. I did that, and it seems that htmx doesn't have a public api to do this