From 3c87687f98e86188d678614c02f1f9db1191b4b4 Mon Sep 17 00:00:00 2001
From: matteofigus <matteofigus@gmail.com>
Date: Thu, 7 Jun 2018 12:18:43 +0100
Subject: [PATCH 1/2] Upgrade react

---
 .../__tests__/__snapshots__/acceptance.js.snap            | 6 +++---
 package.json                                              | 4 ++++
 .../__tests__/__snapshots__/compileView.js.snap           | 4 ++--
 packages/oc-template-react-compiler/package.json          | 2 +-
 .../__tests__/__snapshots__/getInfo.js.snap               | 4 ++--
 packages/oc-template-react/package.json                   | 8 ++++----
 6 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/acceptance-setup/__tests__/__snapshots__/acceptance.js.snap b/acceptance-setup/__tests__/__snapshots__/acceptance.js.snap
index 0087e15..2928d81 100644
--- a/acceptance-setup/__tests__/__snapshots__/acceptance.js.snap
+++ b/acceptance-setup/__tests__/__snapshots__/acceptance.js.snap
@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Registry should correctly serve rendered and unrendered components 1`] = `"{\\"type\\":\\"oc-component-local\\",\\"version\\":\\"6.6.6\\",\\"requestVersion\\":\\"\\",\\"name\\":\\"react-app\\",\\"renderMode\\":\\"unrendered\\",\\"href\\":\\"http://localhost:3000/react-app?name=SuperMario\\",\\"data\\":{\\"reactComponent\\":{\\"key\\":\\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\",\\"src\\":\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\",\\"props\\":{\\"name\\":\\"SuperMario\\",\\"_staticPath\\":\\"http://localhost:3000/react-app/6.6.6/static/\\",\\"_baseUrl\\":\\"http://localhost:3000/\\",\\"_componentName\\":\\"react-app\\",\\"_componentVersion\\":\\"6.6.6\\"}}},\\"template\\":{\\"src\\":\\"http://localhost:3000/react-app/6.6.6/static/template.js\\",\\"type\\":\\"oc-template-react\\",\\"key\\":\\"c15a620a8a2b52af785b7ae276e1f4e89781e6b2\\"}}"`;
+exports[`Registry should correctly serve rendered and unrendered components 1`] = `"{\\"type\\":\\"oc-component-local\\",\\"version\\":\\"6.6.6\\",\\"requestVersion\\":\\"\\",\\"name\\":\\"react-app\\",\\"renderMode\\":\\"unrendered\\",\\"href\\":\\"http://localhost:3000/react-app?name=SuperMario\\",\\"data\\":{\\"reactComponent\\":{\\"key\\":\\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\",\\"src\\":\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\",\\"props\\":{\\"name\\":\\"SuperMario\\",\\"_staticPath\\":\\"http://localhost:3000/react-app/6.6.6/static/\\",\\"_baseUrl\\":\\"http://localhost:3000/\\",\\"_componentName\\":\\"react-app\\",\\"_componentVersion\\":\\"6.6.6\\"}}},\\"template\\":{\\"src\\":\\"http://localhost:3000/react-app/6.6.6/static/template.js\\",\\"type\\":\\"oc-template-react\\",\\"key\\":\\"d9dc3134a182f36543f3fd15e62dcdb2ef52b3bf\\"}}"`;
 
-exports[`Registry should correctly serve rendered and unrendered components 2`] = `"{\\"type\\":\\"oc-component-local\\",\\"version\\":\\"6.6.6\\",\\"requestVersion\\":\\"\\",\\"name\\":\\"react-app\\",\\"renderMode\\":\\"rendered\\",\\"href\\":\\"http://localhost:3000/react-app?name=SuperMario\\",\\"html\\":\\"<oc-component href=\\\\\\"http://localhost:3000/react-app?name=SuperMario\\\\\\" data-hash=\\\\\\"c15a620a8a2b52af785b7ae276e1f4e89781e6b2\\\\\\" data-name=\\\\\\"react-app\\\\\\" data-rendered=\\\\\\"true\\\\\\" data-version=\\\\\\"6.6.6\\\\\\"><div id=\\\\\\"oc-reactRoot-react-app\\\\\\" class=\\\\\\"oc-reactRoot-react-app\\\\\\"><div class=\\\\\\"just-special__3WWFUmyX\\\\\\" data-reactroot=\\\\\\"\\\\\\"><h1 class=\\\\\\"super-special__2fC_7zSu textColor__3g8gQnty\\\\\\" id=\\\\\\"1\\\\\\">Hello <!-- -->SuperMario</h1><p>component name: <!-- -->react-app</p><p>component version: <!-- -->6.6.6</p><p>registry baseUrl: <!-- -->http://localhost:3000/</p><p>component staticPath: <!-- -->http://localhost:3000/react-app/6.6.6/static/</p></div></div><style>.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\\\\\"doublyQueoted\\\\\\" and \\\\\\"singlyWuoted\\\\\\" */.super-special__2fC_7zSu{background-color:pink}</style><script>window.oc = window.oc || {};oc.cmd = oc.cmd || [];oc.cmd.push(function(oc){oc.events.fire('oc:cssDidMount', '.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\\\\\"doublyQueoted\\\\\\" and \\\\\\"singlyWuoted\\\\\\" */.super-special__2fC_7zSu{background-color:pink}');oc.requireSeries([{\\\\\\"global\\\\\\":\\\\\\"PropTypes\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/prop-types@6.6.6/prop-types.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"prop-types\\\\\\"},{\\\\\\"global\\\\\\":\\\\\\"React\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/react@6.6.6/umd/react.production.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"react\\\\\\"},{\\\\\\"global\\\\\\":\\\\\\"ReactDOM\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/react-dom@6.6.6/umd/react-dom.production.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"react-dom\\\\\\"}], function(){oc.require([\\\\\\"oc\\\\\\", \\\\\\"reactComponents\\\\\\", \\\\\\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\\\\\"],\\\\\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\\\\\",function(ReactComponent){var targetNode = document.getElementById(\\\\\\"oc-reactRoot-react-app\\\\\\");targetNode.setAttribute(\\\\\\"id\\\\\\",\\\\\\"\\\\\\");ReactDOM.render(React.createElement(ReactComponent,{\\\\\\"name\\\\\\":\\\\\\"SuperMario\\\\\\",\\\\\\"_staticPath\\\\\\":\\\\\\"http://localhost:3000/react-app/6.6.6/static/\\\\\\",\\\\\\"_baseUrl\\\\\\":\\\\\\"http://localhost:3000/\\\\\\",\\\\\\"_componentName\\\\\\":\\\\\\"react-app\\\\\\",\\\\\\"_componentVersion\\\\\\":\\\\\\"6.6.6\\\\\\"}),targetNode);});});});</script><script>window.oc=window.oc||{};oc.renderedComponents=oc.renderedComponents||{};oc.renderedComponents[\\\\\\"react-app\\\\\\"]=\\\\\\"6.6.6\\\\\\";</script></oc-component>\\"}"`;
+exports[`Registry should correctly serve rendered and unrendered components 2`] = `"{\\"type\\":\\"oc-component-local\\",\\"version\\":\\"6.6.6\\",\\"requestVersion\\":\\"\\",\\"name\\":\\"react-app\\",\\"renderMode\\":\\"rendered\\",\\"href\\":\\"http://localhost:3000/react-app?name=SuperMario\\",\\"html\\":\\"<oc-component href=\\\\\\"http://localhost:3000/react-app?name=SuperMario\\\\\\" data-hash=\\\\\\"d9dc3134a182f36543f3fd15e62dcdb2ef52b3bf\\\\\\" data-name=\\\\\\"react-app\\\\\\" data-rendered=\\\\\\"true\\\\\\" data-version=\\\\\\"6.6.6\\\\\\"><div id=\\\\\\"oc-reactRoot-react-app\\\\\\" class=\\\\\\"oc-reactRoot-react-app\\\\\\"><div class=\\\\\\"just-special__3WWFUmyX\\\\\\" data-reactroot=\\\\\\"\\\\\\"><h1 class=\\\\\\"super-special__2fC_7zSu textColor__3g8gQnty\\\\\\" id=\\\\\\"1\\\\\\">Hello <!-- -->SuperMario</h1><p>component name: <!-- -->react-app</p><p>component version: <!-- -->6.6.6</p><p>registry baseUrl: <!-- -->http://localhost:3000/</p><p>component staticPath: <!-- -->http://localhost:3000/react-app/6.6.6/static/</p></div></div><style>.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\\\\\"doublyQueoted\\\\\\" and \\\\\\"singlyWuoted\\\\\\" */.super-special__2fC_7zSu{background-color:pink}</style><script>window.oc = window.oc || {};oc.cmd = oc.cmd || [];oc.cmd.push(function(oc){oc.events.fire('oc:cssDidMount', '.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\\\\\"doublyQueoted\\\\\\" and \\\\\\"singlyWuoted\\\\\\" */.super-special__2fC_7zSu{background-color:pink}');oc.requireSeries([{\\\\\\"global\\\\\\":\\\\\\"PropTypes\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/prop-types@6.6.6/prop-types.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"prop-types\\\\\\"},{\\\\\\"global\\\\\\":\\\\\\"React\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/react@6.6.6/umd/react.production.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"react\\\\\\"},{\\\\\\"global\\\\\\":\\\\\\"ReactDOM\\\\\\",\\\\\\"url\\\\\\":\\\\\\"https://unpkg.com/react-dom@6.6.6/umd/react-dom.production.min.js\\\\\\",\\\\\\"name\\\\\\":\\\\\\"react-dom\\\\\\"}], function(){oc.require([\\\\\\"oc\\\\\\", \\\\\\"reactComponents\\\\\\", \\\\\\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\\\\\"],\\\\\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\\\\\",function(ReactComponent){var targetNode = document.getElementById(\\\\\\"oc-reactRoot-react-app\\\\\\");targetNode.setAttribute(\\\\\\"id\\\\\\",\\\\\\"\\\\\\");ReactDOM.render(React.createElement(ReactComponent,{\\\\\\"name\\\\\\":\\\\\\"SuperMario\\\\\\",\\\\\\"_staticPath\\\\\\":\\\\\\"http://localhost:3000/react-app/6.6.6/static/\\\\\\",\\\\\\"_baseUrl\\\\\\":\\\\\\"http://localhost:3000/\\\\\\",\\\\\\"_componentName\\\\\\":\\\\\\"react-app\\\\\\",\\\\\\"_componentVersion\\\\\\":\\\\\\"6.6.6\\\\\\"}),targetNode);});});});</script><script>window.oc=window.oc||{};oc.renderedComponents=oc.renderedComponents||{};oc.renderedComponents[\\\\\\"react-app\\\\\\"]=\\\\\\"6.6.6\\\\\\";</script></oc-component>\\"}"`;
 
 exports[`client-side-side rendering 1`] = `
 Array [
@@ -37,7 +37,7 @@ exports[`server-side-side rendering 1`] = `
             <title>A page</title>
           </head>
           <body>
-          <oc-component href=\\"http://localhost:3000/react-app?name=SuperMario\\" data-hash=\\"c15a620a8a2b52af785b7ae276e1f4e89781e6b2\\" data-name=\\"react-app\\" data-rendered=\\"true\\" data-version=\\"6.6.6\\"><div id=\\"oc-reactRoot-react-app\\" class=\\"oc-reactRoot-react-app\\"><div class=\\"just-special__3WWFUmyX\\" data-reactroot=\\"\\"><h1 class=\\"super-special__2fC_7zSu textColor__3g8gQnty\\" id=\\"1\\">Hello <!-- -->SuperMario</h1><p>component name: <!-- -->react-app</p><p>component version: <!-- -->6.6.6</p><p>registry baseUrl: <!-- -->http://localhost:3000/</p><p>component staticPath: <!-- -->http://localhost:3000/react-app/6.6.6/static/</p></div></div><style>.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\"doublyQueoted\\" and \\"singlyWuoted\\" */.super-special__2fC_7zSu{background-color:pink}</style><script>window.oc = window.oc || {};oc.cmd = oc.cmd || [];oc.cmd.push(function(oc){oc.events.fire('oc:cssDidMount', '.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\"doublyQueoted\\" and \\"singlyWuoted\\" */.super-special__2fC_7zSu{background-color:pink}');oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/prop-types@6.6.6/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/react@6.6.6/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/react-dom@6.6.6/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){oc.require([\\"oc\\", \\"reactComponents\\", \\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\"],\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\",function(ReactComponent){var targetNode = document.getElementById(\\"oc-reactRoot-react-app\\");targetNode.setAttribute(\\"id\\",\\"\\");ReactDOM.render(React.createElement(ReactComponent,{\\"name\\":\\"SuperMario\\",\\"_staticPath\\":\\"http://localhost:3000/react-app/6.6.6/static/\\",\\"_baseUrl\\":\\"http://localhost:3000/\\",\\"_componentName\\":\\"react-app\\",\\"_componentVersion\\":\\"6.6.6\\"}),targetNode);});});});</script><script>window.oc=window.oc||{};oc.renderedComponents=oc.renderedComponents||{};oc.renderedComponents[\\"react-app\\"]=\\"6.6.6\\";</script></oc-component>
+          <oc-component href=\\"http://localhost:3000/react-app?name=SuperMario\\" data-hash=\\"d9dc3134a182f36543f3fd15e62dcdb2ef52b3bf\\" data-name=\\"react-app\\" data-rendered=\\"true\\" data-version=\\"6.6.6\\"><div id=\\"oc-reactRoot-react-app\\" class=\\"oc-reactRoot-react-app\\"><div class=\\"just-special__3WWFUmyX\\" data-reactroot=\\"\\"><h1 class=\\"super-special__2fC_7zSu textColor__3g8gQnty\\" id=\\"1\\">Hello <!-- -->SuperMario</h1><p>component name: <!-- -->react-app</p><p>component version: <!-- -->6.6.6</p><p>registry baseUrl: <!-- -->http://localhost:3000/</p><p>component staticPath: <!-- -->http://localhost:3000/react-app/6.6.6/static/</p></div></div><style>.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\"doublyQueoted\\" and \\"singlyWuoted\\" */.super-special__2fC_7zSu{background-color:pink}</style><script>window.oc = window.oc || {};oc.cmd = oc.cmd || [];oc.cmd.push(function(oc){oc.events.fire('oc:cssDidMount', '.textColor__3g8gQnty{color:green}/*! normalize.css 6.6.6 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.just-special__3WWFUmyX{background:#db7093;color:#fff;display:flex}/*! Something \\"doublyQueoted\\" and \\"singlyWuoted\\" */.super-special__2fC_7zSu{background-color:pink}');oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/prop-types@6.6.6/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/react@6.6.6/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/react-dom@6.6.6/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){oc.require([\\"oc\\", \\"reactComponents\\", \\"15a63d37a08b7907b35797e51a4a7afcbd906cc6\\"],\\"http://localhost:3000/react-app/6.6.6/static/react-component.js\\",function(ReactComponent){var targetNode = document.getElementById(\\"oc-reactRoot-react-app\\");targetNode.setAttribute(\\"id\\",\\"\\");ReactDOM.render(React.createElement(ReactComponent,{\\"name\\":\\"SuperMario\\",\\"_staticPath\\":\\"http://localhost:3000/react-app/6.6.6/static/\\",\\"_baseUrl\\":\\"http://localhost:3000/\\",\\"_componentName\\":\\"react-app\\",\\"_componentVersion\\":\\"6.6.6\\"}),targetNode);});});});</script><script>window.oc=window.oc||{};oc.renderedComponents=oc.renderedComponents||{};oc.renderedComponents[\\"react-app\\"]=\\"6.6.6\\";</script></oc-component>
           <script>window.oc=window.oc||{};oc.conf=oc.conf||{};oc.conf.templates=(oc.conf.templates||[]).concat([{\\"type\\":\\"oc-template-es6\\",\\"version\\":\\"6.6.6\\",\\"externals\\":[]},{\\"type\\":\\"oc-template-jade\\",\\"version\\":\\"6.6.6\\",\\"externals\\":[{\\"global\\":\\"jade\\",\\"url\\":\\"https://unpkg.com/jade-legacy@6.6.6/runtime.js\\",\\"name\\":\\"jade\\"}]},{\\"type\\":\\"oc-template-handlebars\\",\\"version\\":\\"6.6.6\\",\\"externals\\":[{\\"global\\":\\"Handlebars\\",\\"url\\":\\"https://unpkg.com/handlebars@6.6.6/dist/handlebars.runtime.min.js\\",\\"name\\":\\"handlebars\\"}]},{\\"type\\":\\"oc-template-react\\",\\"version\\":\\"6.6.6\\",\\"externals\\":[{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/prop-types@6.6.6/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/react@6.6.6/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/react-dom@6.6.6/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}]}]);</script><script src=\\"http://localhost:3000/oc-client/6.6.6/static/src/oc-client.min.js\\" type=\\"text/javascript\\"></script><script>window.oc=window.oc||{};oc.renderedComponents=oc.renderedComponents||{};oc.renderedComponents[\\"oc-client\\"]=\\"6.6.6\\";</script>
           
         
diff --git a/package.json b/package.json
index 35ac856..fd3134e 100644
--- a/package.json
+++ b/package.json
@@ -40,5 +40,9 @@
       "!packages/**/scaffold/**/*",
       "!packages/**/utils/**/*"
     ]
+  },
+  "dependencies": {
+    "normalize.css": "^7.0.0",
+    "oc-template-react-compiler": "^5.1.2"
   }
 }
diff --git a/packages/oc-template-react-compiler/__tests__/__snapshots__/compileView.js.snap b/packages/oc-template-react-compiler/__tests__/__snapshots__/compileView.js.snap
index 0a9746c..14f8548 100644
--- a/packages/oc-template-react-compiler/__tests__/__snapshots__/compileView.js.snap
+++ b/packages/oc-template-react-compiler/__tests__/__snapshots__/compileView.js.snap
@@ -6,11 +6,11 @@ Object {
     "hashKey": "c246e2c2247889e20b39dbdf1f1bce65b2aebf24",
   },
   "template": Object {
-    "hashKey": "c4c177969e57c4a49daa3134368ff715fb189560",
+    "hashKey": "e97759d7e09bdc330b6cea4c708417e00d1dbb12",
     "src": "template.js",
     "type": "oc-template-react",
   },
 }
 `;
 
-exports[`valid component 2`] = `"var oc=oc||{};oc.components=oc.components||{};oc.components['c4c177969e57c4a49daa3134368ff715fb189560']=function(model){ var modelHTML = model.__html ? model.__html : ''; var staticPath = model.reactComponent.props._staticPath; var props = JSON.stringify(model.reactComponent.props); return '<div id=\\"oc-reactRoot-react-component\\" class=\\"oc-reactRoot-react-component\\">' + modelHTML + '</div>' + '' + '<script>' + 'window.oc = window.oc || {};' + 'oc.cmd = oc.cmd || [];' + 'oc.cmd.push(function(oc){' + '' + 'oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/prop-types@15.6.1/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/react@16.3.2/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/react-dom@16.3.2/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){' + 'oc.require(' + '[\\"oc\\", \\"reactComponents\\", \\"c246e2c2247889e20b39dbdf1f1bce65b2aebf24\\"],' + '\\"' + staticPath + 'react-component.js\\",' + 'function(ReactComponent){' + 'var targetNode = document.getElementById(\\"oc-reactRoot-react-component\\");' + 'targetNode.setAttribute(\\"id\\",\\"\\");' + 'ReactDOM.render(React.createElement(ReactComponent,' + props + '),targetNode);' + '}' + ');' + '});' + '});' + '</script>' }"`;
+exports[`valid component 2`] = `"var oc=oc||{};oc.components=oc.components||{};oc.components['e97759d7e09bdc330b6cea4c708417e00d1dbb12']=function(model){ var modelHTML = model.__html ? model.__html : ''; var staticPath = model.reactComponent.props._staticPath; var props = JSON.stringify(model.reactComponent.props); return '<div id=\\"oc-reactRoot-react-component\\" class=\\"oc-reactRoot-react-component\\">' + modelHTML + '</div>' + '' + '<script>' + 'window.oc = window.oc || {};' + 'oc.cmd = oc.cmd || [];' + 'oc.cmd.push(function(oc){' + '' + 'oc.requireSeries([{\\"global\\":\\"PropTypes\\",\\"url\\":\\"https://unpkg.com/prop-types@15.6.1/prop-types.min.js\\",\\"name\\":\\"prop-types\\"},{\\"global\\":\\"React\\",\\"url\\":\\"https://unpkg.com/react@16.4.0/umd/react.production.min.js\\",\\"name\\":\\"react\\"},{\\"global\\":\\"ReactDOM\\",\\"url\\":\\"https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js\\",\\"name\\":\\"react-dom\\"}], function(){' + 'oc.require(' + '[\\"oc\\", \\"reactComponents\\", \\"c246e2c2247889e20b39dbdf1f1bce65b2aebf24\\"],' + '\\"' + staticPath + 'react-component.js\\",' + 'function(ReactComponent){' + 'var targetNode = document.getElementById(\\"oc-reactRoot-react-component\\");' + 'targetNode.setAttribute(\\"id\\",\\"\\");' + 'ReactDOM.render(React.createElement(ReactComponent,' + props + '),targetNode);' + '}' + ');' + '});' + '});' + '</script>' }"`;
diff --git a/packages/oc-template-react-compiler/package.json b/packages/oc-template-react-compiler/package.json
index d6bd765..84ba942 100644
--- a/packages/oc-template-react-compiler/package.json
+++ b/packages/oc-template-react-compiler/package.json
@@ -52,7 +52,7 @@
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.9",
     "prop-types": "15.6.1",
-    "react": "16.3.2",
+    "react": "16.4.0",
     "webpack": "^4.8.3"
   },
   "files": [
diff --git a/packages/oc-template-react/__tests__/__snapshots__/getInfo.js.snap b/packages/oc-template-react/__tests__/__snapshots__/getInfo.js.snap
index 977d58d..2dfe96f 100644
--- a/packages/oc-template-react/__tests__/__snapshots__/getInfo.js.snap
+++ b/packages/oc-template-react/__tests__/__snapshots__/getInfo.js.snap
@@ -11,12 +11,12 @@ Object {
     Object {
       "global": "React",
       "name": "react",
-      "url": "https://unpkg.com/react@16.3.2/umd/react.production.min.js",
+      "url": "https://unpkg.com/react@16.4.0/umd/react.production.min.js",
     },
     Object {
       "global": "ReactDOM",
       "name": "react-dom",
-      "url": "https://unpkg.com/react-dom@16.3.2/umd/react-dom.production.min.js",
+      "url": "https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js",
     },
   ],
   "type": "oc-template-react",
diff --git a/packages/oc-template-react/package.json b/packages/oc-template-react/package.json
index 4998c2e..f28b16c 100644
--- a/packages/oc-template-react/package.json
+++ b/packages/oc-template-react/package.json
@@ -27,8 +27,8 @@
     "nice-cache": "0.0.5",
     "oc-generic-template-renderer": "2.0.4",
     "prop-types": "15.6.1",
-    "react": "16.3.2",
-    "react-dom": "16.3.2"
+    "react": "16.4.0",
+    "react-dom": "16.4.0"
   },
   "files": [
     "lib",
@@ -43,11 +43,11 @@
     },
     "react": {
       "global": "React",
-      "url": "https://unpkg.com/react@16.3.2/umd/react.production.min.js"
+      "url": "https://unpkg.com/react@16.4.0/umd/react.production.min.js"
     },
     "react-dom": {
       "global": "ReactDOM",
-      "url": "https://unpkg.com/react-dom@16.3.2/umd/react-dom.production.min.js"
+      "url": "https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js"
     }
   }
 }

From 8ba05b56cec7f495ca83e8c52fbd56ce8be36a62 Mon Sep 17 00:00:00 2001
From: matteofigus <matteofigus@gmail.com>
Date: Thu, 7 Jun 2018 12:21:55 +0100
Subject: [PATCH 2/2] Clean package.json

---
 package.json | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/package.json b/package.json
index 0ceb024..6441813 100644
--- a/package.json
+++ b/package.json
@@ -40,9 +40,5 @@
       "!packages/**/scaffold/**/*",
       "!packages/**/utils/**/*"
     ]
-  },
-  "dependencies": {
-    "normalize.css": "^7.0.0",
-    "oc-template-react-compiler": "^5.1.2"
   }
 }