Getting Started

To get started.

Fist, create a new file in the root of the presto player directory, then add a file called wpackio.server.js:

module.exports = {
  // Your LAN IP or host where you would want the live server
  // Override this if you know your correct external IP (LAN)
  // Otherwise, the system will always use localhost and will not
  // work for external IP.
  // This will also create some issues with file watching because for
  // some reason, service-worker doesn't work on localhost?
  // https://github.com/BrowserSync/browser-sync/issues/1295
  // So it is recommended to change this to your LAN IP.
  // If you intend to access it from your LAN (probably do?)
  // If you keep null, then wpackio-scripts will try to determine your LAN IP
  // on it's own, which might not always be satisfying. But it is in most cases.
  host: undefined,
  // Your WordPress development server address
  // This is super important
  proxy: "http://presto.local",
  // PORT on your localhost where you would want live server to hook
  port: 3004,
  // UI passed directly to browsersync
  ui: {
    port: 3001,
  },
  // Whether to show the "BrowserSync Connected"
  notify: false,
  // Open the local URL, set to false to disable
  open: true,
  // BrowserSync ghostMode, set to false to completely disable
  ghostMode: false,
  // {
  //   clicks: true,
  //   scroll: true,
  //   forms: true,
  // },
  // Override system calculated public path of the `dist` directory
  // This must have forward slash, otherwise it will not work.
  distPublicPath: undefined,
};

Replace proxy: "http://presto.local", with your own local development url.

Next run these commands:

composer install

yarn

You can start the development environment with:

yarn start

Troubleshooting

If you're having errors with this, run yarn bootstrap to bootstrap lerna and link the package dependencies.