@netless/slide-prefetch

Simple script to prefetch packed slide data on navigation.

Usage no npm install needed!

<script type="module">
  import netlessSlidePrefetch from 'https://cdn.skypack.dev/@netless/slide-prefetch';
</script>

README

@netless/slide-prefetch

Simple script to prefetch packed slide data on navigation.

Usage

Additional Steps to Use it in Webpack 4

If you are using old bundlers which does not support new javascript syntax. You may encounter errors when use this library. Especially these two:

  • Logical OR Operator.

    // in ./src/utils.ts
    export function openCache(cacheName: string) {
      return (cachePromise ||= caches.open(cacheName));
    }
    
  • import.meta

    // in ./node_modules/@zip.js/zip.js/lib/core/codecs/codec-pool-worker.js
    workerData.worker = new Worker(new URL(workerData.scripts[0], import.meta.url));
    

While it is encouraged to use new bundlers (vite, webpack5, etc.), here is a workaround.

npm i -D \
  babel-loader @babel/core @babel/preset-env \
  @babel/plugin-proposal-logical-assignment-operators \
  @open-wc/webpack-import-meta-loader

webpack.config.js

{
  resolve: {
    extensions: ['js', '.mjs', 'ts', 'tsx']
  },
  module:{
    rules: [
      {
        test: /slide-prefetch\/dist\/index\.mjs$/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['@babel/plugin-proposal-logical-assignment-operators']
          }
        }
      },
      {
        test: /@zip\.js\/zip\.js\/lib\/core\/codecs\/codec-pool-worker\.js$/,
        use: {
          loader: '@open-wc/webpack-import-meta-loader'
        }
      }
    }
  }
}

Develop

npm run build
npm run test:web
npm run test:electron

License

The MIT License.