rollup.config.js

import filesize from 'rollup-plugin-filesize'
import replace from '@rollup/plugin-replace'
import copy from 'rollup-plugin-copy'
import resolve from '@rollup/plugin-node-resolve'
import postcss from 'rollup-plugin-postcss'
import serve from 'rollup-plugin-serve'
import pkg from './package.json'
import { dependencies } from './package-lock.json'
import { renderPanel, watch } from './packages/build/index'

renderPanel()

const isWatch = process.env.ROLLUP_WATCH === 'true'
const shouldServe = process.env.ROLLUP_SERVE === 'true' || isWatch
if (isWatch) {
    watch({
        assetsDir: 'packages/shell-chrome/assets',
        viewsDir: 'packages/shell-chrome/views',
        outputDir: 'dist/chrome',
    })
}

const JS_INPUTS = [
    'packages/shell-chrome/src/backend.js',
    'packages/shell-chrome/src/background.js',
    'packages/shell-chrome/src/devtools-background.js',
    'packages/shell-chrome/src/proxy.js',
    'packages/shell-chrome/src/detector.js',
]

const MIXED_INPUT = ['packages/shell-chrome/src/devtools/panel.js']
if (shouldServe) {
    MIXED_INPUT.push('packages/simulator/dev.js')
}

const output = {
    dir: 'dist/chrome',
    format: 'iife',
}

export default [
    // create standalone builds to avoid rollup creating a common "utils" chunk
    ...JS_INPUTS.map((input) => ({
        input,
        output,
        plugins: [
            replace({
                preventAssignment: true,
                __alpine_version__: dependencies.alpinejs.version,
                'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
            }),
            resolve(),
            filesize(),
        ],
    })),
    ...MIXED_INPUT.map((input) => ({
        input,
        output,
        plugins: [
            replace({
                preventAssignment: true,
                __alpine_version__: dependencies.alpinejs.version,
                'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
            }),
            resolve(),
            postcss({
                extract: 'styles.css',
            }),
            copy({
                targets: [
                    {
                        src: 'packages/shell-chrome/assets/**/*',
                        dest: 'dist/chrome',
                    },
                    {
                        src: 'node_modules/alpinejs/dist/alpine.js',
                        dest: 'dist/chrome',
                    },
                    {
                        src: 'packages/shell-chrome/assets/manifest.json',
                        dest: 'dist/chrome',
                        // inject version into manifest
                        transform(contents) {
                            return contents.toString().replace('__version__', pkg.version)
                        },
                    },
                ],
            }),
            filesize(),
            shouldServe &&
                serve({
                    port: process.env.PORT || 8080,
                    contentBase: ['./dist/chrome', './packages/simulator'],
                }),
        ],
    })),
]