How to share functions between dv.view() scripts

[claremacrae]

I've got two scripts for use with dv.view(). I'm super happy with their behaviour, and will create more.

The problem is that they are using a few helper functions, and I haven't managed to find out how to move the common code to a 3rd file, so I can maintain only a single copy of the helper code.

I'd really appreciate any pointers, please. Thanks.

What I tried

new file - tasksBlock.js:

export function tasksBlock(lines) {
    let codeBlockLanguage = input.codeBlockLanguage;
    if (codeBlockLanguage === '') {
        codeBlockLanguage = 'tasks';
    }
    return '\n\n```' + codeBlockLanguage + '\n' + lines + '\n```\n';
}

old file - view.js:

import {tasksBlock} from "./tasksBlock";

result:

Evaluation Error: SyntaxError: Cannot use import statement outside a module
    at new Function (<anonymous>)
    at DataviewInlineApi.view (plugin:dataview:19548:28)
    at async eval (eval at <anonymous> (plugin:dataview), <anonymous>:6:1)
    at async DataviewJSRenderer.render (plugin:dataview:19629:13)

[AB1908]

I'd actually recommend building your user script library in CustomJS. It becomes reusable across other plugins like templater and is somewhat cleaner IMO.

[claremacrae]

Thank you.

Funnily enough, I'm moving away from CleanJS and towards dataview, so would still really like to know how to do this.

[delete long list of reasons why, as not really relevant to this topic...]

[AB1908]

IIRC requireing other files worked but I'm honestly not knowledgeable enough to give good guidance here. @blacksmithgu, could you help?