Skip to content
This repository was archived by the owner on Feb 7, 2023. It is now read-only.

Auto Reloading the Browser Window When Changes Are Made

Jump to bottom
Dave Olsen edited this page Jul 9, 2013 · 4 revisions

Rather than manually refreshing your browser when your patterns or CSS change you can have the PHP version of Pattern Lab auto-reload your browser window for you.

How to Start the Service

To start the service on Mac OS X you can do the following:

  1. Open scripts/
  2. Double-click startAutoReloadServer.command
  3. Refresh the Pattern Lab site

You can also start the service from the command line. To do so open Terminal and navigate to the root of the patternlab-php directory. Type:

php listeners/contentSyncBroadcasterServer.php

Your browser should now be listening for auto-reload events and the Pattern Lab website toolbar should note that "Auto-Reload" is now "On." For this feature to work you must have the PHP version of Pattern Lab watching for changes. Learn how to set this up.

Important: If you find that content sync is not working properly please make sure your browser supports WebSockets.

How to Stop the Service

To stop the service on Mac OS X you can press CTRL+C in the Terminal window where the process is running.

Clone this wiki locally