<input type="file" multiple />

<script type="module">
    import { createFilePondEntryTree, createExtensionManager } from 'filepond';
    import { SimulatedStore } from 'filepond/extensions/simulated-store.js';
    import { ConsoleView } from 'filepond/extensions/console-view.js';
    import { FileInputSource } from 'filepond/extensions/file-input-source.js';

    // holds our file entries
    const entryTree = createFilePondEntryTree();

    // manages our extensions so we can do something with our entries
    const extensionManager = createExtensionManager(entryTree);
    extensionManager.extensions = [
        // Link up a file input
        [
            FileInputSource,
            {
                element: 'input',
            },
        ],

        // So we can simulate file storage progress
        [
            SimulatedStore,
            {
                // instantly store a file when added
                shouldStore: () => true,
            },
        ],

        // See what happens in the developer console
        ConsoleView,
    ];
</script>