(!) Plugin svelte: 'Event' is not defined

[Joxtacy]

I just set up a small svelte app and in that app I am creating a new Event('submit') to be able to trigger my form's on:submit handler. It all works fine and dandy but when I build it I get this message:

rollup v1.25.2
bundles src/index.js → dist/bundle.js...
LiveReload enabled
http://localhost:5000 -> /Users/joxtacy/PrivateProjects/try-out-svelte/dist
(!) Plugin svelte: 'Event' is not defined
src/Todos.svelte
46:     </label>
47:     <div class="add-button"
48:          on:click={() => form.dispatchEvent(new Event("submit"))}
                                                    ^
49:          >
50:          {@html addItem(newTask ? "#000000" : "#999999")}
created dist/bundle.js in 1.8s

[2019-10-27 12:29:12] waiting for changes...

Seeing as Event is a global constructor, it should not give me a warning that Event is not defined.

Here is my rollup.config.js:

import svelte from "rollup-plugin-svelte";
import resolve from "rollup-plugin-node-resolve";
import commonjs from "rollup-plugin-commonjs";
import { terser } from "rollup-plugin-terser";
import serve from "rollup-plugin-serve";
import livereload from "rollup-plugin-livereload";
import html from "rollup-plugin-bundle-html";
import postcss from "rollup-plugin-postcss";
import babel from "rollup-plugin-babel";
import del from "rollup-plugin-delete";

const isProduction = process.env.MODE === "production";

export default {
    input: "src/index.js",
    output: {
        sourcemap: !isProduction,
        file: isProduction ? "dist/bundle-[hash].js" : "dist/bundle.js",
        name: "app",
        format: "iife"
    },
    plugins: [
        del({
            targets: "dist/bundle*"
        }),

        html({
            template: "src/index.html",
            dest: "dist",
            filename: "index.html"
        }),

        svelte({
            dev: !isProduction,
            css: css => {
                css.write(isProduction ? "dist/bundle-[hash].css" : "dist/bundle.css", !isProduction);
            }
        }),

        postcss({
            minimize: true,
            extensions: [".css"]
        }),

        resolve({
            browser: true,
            dedupe: importee => importee === "svelte" || importee.startsWith("svelte/")
        }),

        babel({
            extensions: [".js", ".mjs", ".html", ".svelte"]
        }),

        commonjs(),

        !isProduction && livereload({
            watch: "dist"
        }),

        !isProduction && serve({
            contentBase: "dist",
            port: 5000
        }),

        isProduction && terser(),
    ]
};

[Conduitry]

Moving this to the svelte repo, as that's where these warnings actually are generated.

Adding Event to the list of common globals seems reasonable.

[Conduitry]

Actually, it appears you can't transfer an issue between organizations (rollup -> sveltejs), which I suppose is a reasonable limitation.

[Conduitry]

Closing in favor of sveltejs/svelte#3805.

[Joxtacy]

@Conduitry Thanks! Sorry about placing this in the wrong repo.