11'use strict' ;
22
33const path = require ( 'path' ) ;
4- const browserSync = require ( 'browser-sync' ) . create ( ) ;
5- const opn = require ( 'better-opn' ) ;
4+ const liveServer = require ( '@pattern-lab/live-server' ) ;
65
76const events = require ( './events' ) ;
87const logger = require ( './log' ) ;
@@ -49,7 +48,10 @@ const server = patternlab => {
4948 //watch for builds to complete
5049 patternlab . events . on ( events . PATTERNLAB_BUILD_END , ( ) => {
5150 if ( serverReady ) {
52- browserSync . reload ( ) ;
51+ _module . reload ( {
52+ file : '' ,
53+ action : 'reload' ,
54+ } ) ;
5355 }
5456 } ) ;
5557 } ;
@@ -60,42 +62,9 @@ const server = patternlab => {
6062 let resolveMsg = '' ;
6163 setTimeout ( ( ) => {
6264 try {
63- browserSync . init (
64- {
65- logLevel : 'info' ,
66- ui : false ,
67- notify : false ,
68- open : false ,
69- logFileChanges : false ,
70- reloadOnRestart : true ,
71- port : liveServerConfig . port , // try to use this port but choose another if unavailable
72- server : liveServerConfig . root ,
73- files : [
74- `${ liveServerConfig . root } /**/*.css` ,
75- `${ liveServerConfig . root } /**/*.js` ,
76- ] ,
77- watchOptions : {
78- ignoreInitial : false ,
79- } ,
80- } ,
81- function ( err , bs ) {
82- const port = bs . options . get ( 'port' ) ;
83- serverReady = true ; // so we only spin this up once Webpack has finished up initially
84-
85- resolveMsg = `Pattern Lab is being served from http://127.0.0.1:${ port } ` ;
86- opn ( `http://127.0.0.1:${ port } ` ) ;
87- logger . info ( resolveMsg ) ;
88- }
89- ) ;
90-
91- browserSync . watch (
92- `${ liveServerConfig . root } /**.html` ,
93- ( event , file ) => {
94- if ( ! patternlab . isBusy ) {
95- browserSync . reload ( '**/*.html' ) ;
96- }
97- }
98- ) ;
65+ liveServer . start ( liveServerConfig ) ;
66+ resolveMsg = `Pattern Lab is being served from http://127.0.0.1:${ liveServerConfig . port } ` ;
67+ logger . info ( resolveMsg ) ;
9968 } catch ( e ) {
10069 const err = `Pattern Lab serve failed to start: ${ e } ` ;
10170 logger . error ( `Pattern Lab serve failed to start: ${ e } ` ) ;
@@ -120,15 +89,13 @@ const server = patternlab => {
12089 let action ;
12190 try {
12291 if ( ! patternlab . isBusy ) {
123- // @todo : re-evaluate to see if this specific logic is still necessary
124- // if (_data.file.indexOf('css') > -1 || _data.action === 'refresh') {
125- // action = 'refreshed CSS';
126- // // browserSync.refreshCSS();
127- // } else {
128- // action = 'reloaded';
129- // // browserSync.reload();
130- // }
131- browserSync . reload ( ) ;
92+ if ( _data . file . indexOf ( 'css' ) > - 1 || _data . action === 'refresh' ) {
93+ action = 'refreshed CSS' ;
94+ liveServer . refreshCSS ( ) ;
95+ } else {
96+ action = 'reloaded' ;
97+ liveServer . reload ( ) ;
98+ }
13299 resolve ( `Server ${ action } successfully` ) ;
133100 }
134101 } catch ( e ) {
0 commit comments