rollup.config.editor.js

import fs from 'fs';
import glob from 'glob';
import packageJson from './package.json';
import path from 'path';
import typescript from '@rollup/plugin-typescript';

const allNodeTypes = Object.keys(packageJson['node-red'].nodes);

const htmlWatch = () => {
    return {
        name: 'htmlWatch',
        load(id) {
            const editorDir = path.dirname(id);
            const htmlFiles = glob.sync(path.join(editorDir, '*.html'));
            htmlFiles.map((file) => this.addWatchFile(file));
        },
    };
};

const htmlBundle = () => {
    return {
        name: 'htmlBundle',
        renderChunk(code, chunk, _options) {
            const editorDir = path.dirname(chunk.facadeModuleId);
            const htmlFiles = glob.sync(path.join(editorDir, '*.html').replace(/\\/g, '/'));
            const htmlContents = htmlFiles.map((fPath) => fs.readFileSync(fPath));

            code = '<script type="text/javascript">\n' + code + '\n' + '</script>\n' + htmlContents.join('\n');

            return {
                code,
                map: { mappings: '' },
            };
        },
    };
};

const makePlugins = (nodeType) => [
    htmlWatch(),
    typescript({
        lib: ['es5', 'es6', 'dom'],
        include: [`src/${nodeType}/${nodeType}.html/**/*.ts`, `src/${nodeType}/shared/**/*.ts`, 'src/shared/**/*.ts'],
        target: 'ES2019',
        tsconfig: false,
        noEmitOnError: process.env.ROLLUP_WATCH ? false : true,
    }),
    htmlBundle(),
];

const makeConfigItem = (nodeType) => ({
    input: `src/${nodeType}/${nodeType}.html/index.ts`,
    output: {
        file: `dist/${nodeType}/${nodeType}.html`,
        format: 'iife',
    },
    plugins: makePlugins(nodeType),
    watch: {
        clearScreen: false,
    },
});

export default allNodeTypes.map((nodeType) => makeConfigItem(nodeType));