Question: how to bind an INPUT with two properties?

[CarlossShi]

I want to make two properties updated after I send an input. Or alternatively, bind one property to the other.

My use case is like: input a text, then automatically generate search links of different websites, and update them to the metadata.

It's possible to implement that using meta-bind button with inline JS, but I must press the button to update these properties. I'd like the properties to update automatically as soon as I type inputs, just as the one property case INPUT[text:text]. Thanks in advance for your help!

[mProjectsCode]

you can register two listeners to one property using JS. That way you can do both things that you want to do.

[CarlossShi]

After a long long effort, with the help of ChatGPT, I finally succeeded. I think it's too hard for one who has no knowledge about Java Script, to read through the documents and write the right code. The code is shown below. Don't know if it's optimized or has any problem yet.

INPUT[text:text]

// Get the Meta Bind plugin API
const mb = engine.getPlugin('obsidian-meta-bind-plugin')?.api;

if (!mb) {
    throw new Error('Meta Bind plugin not loaded');
}

// Get the current active file path
const file = app.workspace.getActiveFile();
const targetFilePath = file?.path; // Store the path of the file you want to monitor

if (!file) {
    throw new Error('No active file found');
}

// Listen for metadata changes in Obsidian
app.metadataCache.on('changed', (changedFile) => {
    // Check if the file being changed matches the target file path
    if (changedFile.path === targetFilePath) {
        // Get the frontmatter (metadata) of the current file
        const frontmatter = app.metadataCache.getFileCache(file)?.frontmatter;

        if (frontmatter && frontmatter.text) {
            const text = frontmatter.text;

            // Generate new search links based on the text
            const searchLinks = generateSearchLinks(text);

            // Store each link as a separate metadata property
            searchLinks.forEach(({ name, link }) => {
                // Create a bind target with the search engine name as the property key
                const bindTarget = mb.createBindTarget('frontmatter', file.path, [name]);

                // Update metadata with the generated link
                mb.updateMetadata(bindTarget, (currentValue) => {
                    return link;
                });
            });
        }
    }
});

// Function to generate search links based on the query (text)
function generateSearchLinks(query) {
    const searchEngines = [
        { name: 'Google', url: 'https://www.google.com/search?q=' },
        { name: 'Bing', url: 'https://www.bing.com/search?q=' },
        { name: 'Baidu', url: 'https://www.baidu.com/s?wd=' },
        // Add more search engines here
    ];

    // Generate and return the list of search engine links
    return searchEngines.map(engine => {
        return {
            name: engine.name,
            link: engine.url + encodeURIComponent(query)
        };
    });
}