Fix #27

cli/cli.ts

@@ -26,7 +26,7 @@ export const cli = () => {
     });
 
   program.description(chalk.magenta(headline));
-  
+
   program.version(showVersion(), '-v, --version', 'Show the current version');
   program.helpOption('-h, --help', 'Show how to use direflow-cli');
 

cli/messages.ts

@@ -38,8 +38,7 @@ Read more on ${chalk.blueBright('https://direflow.io/get-started#multiple-web-co
 
 export const showVersion = () => {
   const packageJson = require('../package.json');
-  return `
-  Current version of direflow-cli:
+  return `Current version of direflow-cli:
   ${packageJson.version}
   `;
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "direflow-cli",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Official CLI for Direflow",
   "main": "dist/index.js",
   "scripts": {

packages/direflow-component/package.json

@@ -1,6 +1,6 @@
 {
   "name": "direflow-component",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Create Web Components using React",
   "main": "dist/index.js",
   "author": "Silind Software",

packages/direflow-component/src/services/proxyRoot.tsx

@@ -15,15 +15,20 @@ interface IComponentOptions {
   mode: 'open' | 'closed';
 }
 
+let shadowedRoot: ShadowRoot | undefined;
+
 const ShadowContent: FC<IShadowContent> = (props) => {
   const root = props.root as any;
   return createPortal(props.children, root);
 };
 
 const createProxyComponent = (options: IComponentOptions) => {
   const ShadowRoot: FC<IShadowComponent> = (props) => {
-    const root = options.root.attachShadow({ mode: options.mode });
-    return <ShadowContent root={root}>{props.children}</ShadowContent>;
+    if (!shadowedRoot) {
+      shadowedRoot = options.root.attachShadow({ mode: options.mode });
+    }
+
+    return <ShadowContent root={shadowedRoot}>{props.children}</ShadowContent>;
   };
 
   return ShadowRoot;

templates/js/package.json

@@ -12,7 +12,7 @@
     "react": "16.10.2",
     "react-dom": "16.10.2",
     "react-scripts": "3.2.0",
-    "direflow-component": "2.2.1"
+    "direflow-component": "2.2.2"
   },
   "devDependencies": {
     "jest-environment-jsdom-fourteen": "0.1.0",

templates/ts/package.json

@@ -12,7 +12,7 @@
     "@types/node": "12.7.8",
     "@types/react": "16.9.3",
     "@types/react-dom": "16.9.1",
-    "direflow-component": "2.2.1",
+    "direflow-component": "2.2.2",
     "react": "16.10.1",
     "react-dom": "16.10.1",
     "react-scripts": "3.1.2"