Published the Mirador 4 Version of mirador-sync-windows Repository

Overview

In the following article, I introduced the creation of the Mirador 4 (3) version of mirador-sync-windows.

Created an M3 Version of mirador-sync-windows

ldas.jp

This time, I am writing a quick note about publishing the repository for this plugin.

Repository

It is available at the following URL.

GitHub - nakamura196/mirador-sync-windows: A Mirador 4 plugin that adds the ability to synchronize the windows of a Mirador instance.

A Mirador 4 plugin that adds the ability to synchronize the windows of a Mirador instance. - nakamura196/mirador-sync-windows

GitHub

Demo Page

You can try it out at the following URL.

nakamura196.github.io

Here are the configurations I made for publishing on GitHub Pages.

webpack

I made some changes to the following file.

mirador-sync-windows/webpack.config.js at main · nakamura196/mirador-sync-windows

A Mirador 4 plugin that adds the ability to synchronize the windows of a Mirador instance. - nakamura196/mirador-sync-windows

GitHub

Specifically, for publicPath, I set it to a relative path in development mode. This addressed issues caused by basePath.

return {
    ...config,
    output: {
      filename: 'demo.js',
      path: path.join(__dirname, 'demo/dist'),
      // publicPath: '/'
      publicPath: options.mode === "development" ? './' : '/',
    },
    devServer: {
      hot: true,
      port: 4444,
      static: [
        './demo/dist/',
      ],
    },
    devtool: 'eval-source-map',
    mode: 'development',
    entry: ['./demo/src/index.js'],
    plugins: [
      ...(config.plugins || []),
      new HtmlWebpackPlugin({ template: path.join(__dirname, 'demo/src/index.html') }),
      new ReactRefreshWebpackPlugin(),
    ],
  };