Create "lite" version (js only, without CSS)

[egirard]

Also changes test for CSS support to look for view-timeline

[flackr]

I think it's just churn in the wpt repo, but it looks like there's two fewer tests run than expected: https://github.com/flackr/scroll-timeline/actions/runs/9304178220/job/25608156082?pr=269

Can you update expected.txt?

[flackr]

For the JS polyfill, feature detection should look for 'ViewTimeline' in window or window.ViewTimeline !== undefined to see if the javascript interface has been implemented by the browser.

[egirard]

Done.

[flackr]

nit: We're not using any of these imports here - they can be removed.

[egirard]

Done

[flackr]

This is duplicating a lot of config that likely should be kept in sync. Can you move all of this to a file like vite.common.js, e.g.

export function buildConfig(source, filename) {
    return {
        build: {
            sourcemap: true,
            emptyOutDir: false,
            lib: {
            // Could also be a dictionary or array of multiple entry points
            entry: source,
            name: 'ScrollTimeline',
            // the proper extensions will be added
            fileName: (format, entryAlias) => `${filename}${format=='iife'?'':'-' + format}.js`,
            formats: ['iife'],
            },
            minify: 'terser',
            terserOptions: {
            keep_classnames: /^((View|Scroll)Timeline)|CSS.*$/
            },
            rollupOptions: {
            output: {
                // Provide global variables to use in the UMD build
                // for externalized deps
                globals: {
                },
            },
            }
        }
    };
}

vite.config.js:

import { resolve } from 'path'
import { defineConfig } from 'vite'
import { buildConfig } from './vite.common'

export default defineConfig(buildConfig(resolve(__dirname, 'src/index.js'), 'scroll-timeline'));

vite.config.lite.js:

import { resolve } from 'path'
import { defineConfig } from 'vite'
import { buildConfig } from './vite.common'

export default defineConfig(buildConfig(resolve(__dirname, 'src/index-lite.js'), 'scroll-timeline-lite'));

This also eliminates the need to have a separate dist dir by configuring vite to not empty the dir on building.

[egirard]

Done.

[flackr]

I'm a bit unsure about this. If the browser supports the CSS API's but not the JS ones maybe we should still polyfill the JS apis.

[bramus]

Best to check with typeof ScrollTimeline !== "undefined" (and ViewTimeline) here indeed.

[egirard]

Updated code to address feedback - thanks.
Note that the css feature detection is now removed and I'll reland in a new patch.

[flackr]

Looks good with a few nits.

[flackr]

this is just dist/scroll-timeline-lite.js now.

[egirard]

Thanks - fixed.