Save note to personal server

[Yohn]

Info

Saving note and whatever images within note to server. Images are sent in base64_encoded() arrays

Obsidian Note Code Block:

// string to add to the opening code block
// RunJS="{n:'Save to Cloud',t:'s'}"

(async () => {
    try {
	    const activeFile = app.workspace.getActiveFile()
	    const noteContent = await app.vault.read(activeFile);
	    const noteFullPath = activeFile.path; // Full path with folders and filename 
	    const noteFolder = activeFile.parent.path; // Only the folder path 
	    const noteFilename = activeFile.name; // Filename with extension
	    const vaultName = app.vault.getName();
	    // Regex to find image links in the format ![Alt Text](image_path)
	    //const imageRegex = /!\[.*?\]\((.*?)\)/g;
	    // Regex to find image links in the format ![[image_path]] // pasted images
	    const imageRegex = /!\[\[(.*?)\]\]/g;
	    const imagePaths = [];
	    let noteSaveStr = 'Note';
	    let match;

	     // Function to convert image file to Base64
        const readImageAsBase64 = async (imagePath) => {
            const imageData = await app.vault.adapter.readBinary(imagePath);
            const blob = new Blob([imageData]);

            return new Promise((resolve, reject) => {
                const reader = new FileReader();
                reader.onloadend = () => resolve(reader.result.split(',')[1]);
                reader.onerror = reject;
                reader.readAsDataURL(blob);
            });
        };
	    // Extract image paths from the note content
	    while ((match = imageRegex.exec(noteContent)) !== null) {
		    const base64Image = await readImageAsBase64(match[1]);
		    imagePaths.push({file: match[1], cont: base64Image});
		    noteSaveStr = 'Image(s) and note'
	    }
        // Send the images and note to the server
        const response = await fetch('https://PERSONAL-SERVER.com/api/index.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                userName: 'USERNAME',
                passWord: 'PASSWORD',
                vaultName: vaultName,
                notePath: noteFullPath,
                noteFolder: noteFolder,
                noteFilename: noteFilename,
                note: noteContent,
                images: imagePaths // Send all images as Base64
            }),
        });

        if (response.ok) {
            new Notice(noteSaveStr + ' saved successfully!');
        } else {
            //console.error('Error:', response.statusText);
            new Notice(`Error: ${response.statusText}`);
        }
    } catch (error) {
        //console.error('An error occurred:', error);
        new Notice('An error occurred. Check console for details.');
        console.error(error);
    }
})();

PHP Server Host:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Allow-Headers: Content-Type");
header("Content-type: application/json; charset=utf-8");

if(in_array($_SERVER['HTTP_ORIGIN'], ['capacitor://localhost', 'app://obsidian.md'])){
	$note = file_get_contents('php://input');
	if($note != ''){
		$decoded = json_decode($note, TRUE);
		// do stuff with $decoded on server
	}
}