[jbosstools-issues] [JBoss JIRA] (JBIDE-20745) Livereload doesn't work stable with CordovaSim / BrowserSim

Mon Sep 21 12:42:00 EDT 2015

    [ https://issues.jboss.org/browse/JBIDE-20745?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13110944#comment-13110944 ] 

Ilya Buziuk commented on JBIDE-20745:
-------------------------------------

[~xcoulon], the problem is not coupled with Livereload itself, but with new cordova security policy & the way the script is loaded in BrowserSim / CordovaSim.
1) it doesn't work with new THYM projects due to new cordova-white-list plugin security policy - https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy . The following error prevent script loading
{code}
Refused to load the script 'http://localhost:35729/livereload.js' because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'". Note that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.
{code}
BTW, We are not the only one affected by this changes - http://forum.ionicframework.com/t/solution-for-livereload-problems-with-new-csp-rules/25449
2) In terms of broken Livereload on small files. It seems to be that the way of *livereload.js* injection should be changed

> Livereload doesn't work stable with CordovaSim / BrowserSim
> -----------------------------------------------------------
>
>                 Key: JBIDE-20745
>                 URL: https://issues.jboss.org/browse/JBIDE-20745
>             Project: Tools (JBoss Tools)
>          Issue Type: Bug
>          Components: browsersim, cordovasim, livereload
>    Affects Versions: 4.3.0.CR1
>            Reporter: Ilya Buziuk
>            Assignee: Ilya Buziuk
>            Priority: Critical
>             Fix For: 4.3.0.CR1
>
>
> Steps to reproduce:
> 1) create default THYM project
> 2) enable Livereload server
> 3) run THYM project on CordovaSim 
> 4) edit index.html and save changes
> ERROR: refresh is not happening on Cordovasim 
> Basically the things with Livereload are getting even more weird.
> In order to make it work one nee to remove the following meta tag from index.html:
> {code}
>         <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
> {code}
> However, it seems that Livereload stopped working on simple pages like:
> {code}
> <!DOCTYPE html>
> <html>
> <head>
>        <title>Insert title here</title>
> </head>
> <body>
>         <h1>Hello World</h1>
> </body>
> </html>
> {code} 
> But at the same time it works fine with some complex projects like  & https://github.com/ibuziuk/cordovasim-demo

--
This message was sent by Atlassian JIRA
(v6.4.11#64026)