/**
 * Build config for the v0.5.0 FSE migration (@wordpress/scripts + webpack).
 *
 * New theme source lives in src/ and compiles to build/ — kept separate from the
 * legacy gulp pipeline (js/v4-*, style.min.css) which still serves the live site
 * until the block templates supersede it (see _claude/notes/upgrade-plan.md).
 *
 * Custom-block entries (blocks/<name>/index.js) get added here as we build them
 * out in Phase 4, mirroring the srh theme.
 */
const path = require('path');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');

module.exports = {
  entry: {
    index: './src/index.js',
  },
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: '[name].js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: { loader: 'babel-loader' },
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
  plugins: [
    new BrowserSyncPlugin({
      host: 'daw.stu',
      port: 3030,
      proxy: 'https://daw.stu',
      https: {
        key: '/opt/homebrew/etc/httpd/ssl/daw.stu-key.pem',
        cert: '/opt/homebrew/etc/httpd/ssl/daw.stu-cert.pem',
      },
      files: [
        './**/*.php',
        './src/**/*.js',
        './src/**/*.css',
        './templates/**/*.html',
        './parts/**/*.html',
        './patterns/**/*.php',
        './theme.json',
      ],
      ignore: ['node_modules', 'build', 'js/v4-*', '*.min.*'],
      open: 'external',
      reloadDelay: 50,
      injectChanges: true,
      notify: false,
    }),
  ],
};