nodefony 6.9.0 → 6.11.0

package/cli/builder/bundles/users-bundle/Resources/views/documentation/base.html.twig

@@ -12,7 +12,7 @@
       <link rel="icon" type="image/x-icon" href="/app/favicon.ico"/>
     {% endblock %}
     {% block description %}
-      <meta name="description" content="Node.js full-stack web framework Symfony Like">
+      <meta name="description" content="Node.js full-stack web framework">
     {% endblock %}
     <title>
       {% block title %}{{nodefony.name|escape}}{% endblock %}
@@ -28,7 +28,6 @@
     {% endblock %}
     {% block body %}{% endblock %}
     {% block footer %}
-      {{ render( controller("documentation:documentation:footer" )) }}
     {% endblock %}
     {% block javascripts %}
       <!-- WEBPACK BUNDLE -->

package/cli/builder/bundles/users-bundle/Resources/views/footer.html.twig

@@ -1,9 +1,7 @@
 <!-- Footer -->
-<footer class="page-footer font-small bg-light fixed-bottom">
-  <!-- Copyright -->
-  <div class="text-center py-3">
+<footer class="footer mt-auto py-3 bg-light fixed-bottom">
+  <div class="container">
     <a href="https://github.com/nodefony">{{year|escape}} powered by: nodefony@{{nodefony.version}}</a>
   </div>
-  <!-- Copyright -->
 </footer>
 <!-- Footer -->

package/cli/builder/bundles/users-bundle/Resources/views/graphiql/index.html.twig

@@ -1,12 +1,11 @@
-{% extends '../base.html.twig' %}
-
+{% extends '../documentation/base.html.twig' %}
 
 {% block title %}{{title|escape}}{% endblock %}
 
 {% block stylesheets %}
   <!-- WEBPACK BUNDLE -->
-  <link rel="stylesheet" href="/documentation-bundle/assets/css/documentation.css"/>
   <link rel='stylesheet' href='{{CDN("stylesheet")}}/users-bundle/assets/css/graphiql.css'/>
+  {{ parent() }}
   <style>
       body {
         padding: 0;
@@ -21,14 +20,10 @@
 
 {% block body %}
 
-{% block header %}
-  {{ render( controller("users:users:header" )) }}
-{% endblock %}
-
 <div class="container-fluid">
   <div class="row flex-xl-nowrap">
     {% include '../documentation/navbar.html.twig' %}
-    <main class="col-12 col-md-9 col-xl-8" style="top: 4rem;">
+    <main class="col-12 col-md-9 col-xl-10" style="top: 2px;">
       <div id="graphiql"></div>
     </main>
   </div>
@@ -40,6 +35,6 @@
 
   <!-- WEBPACK BUNDLE -->
   <script src='{{CDN("javascript")}}/users-bundle/assets/js/graphiql.js'></script>
-  <script type="text/javascript" src="/documentation-bundle/assets/js/documentation.js"></script>
+  {{ parent() }}
 
 {% endblock %}

package/cli/builder/bundles/users-bundle/Resources/views/header.html.twig

@@ -1,29 +1,22 @@
 {% set user = getUser() %}
 
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
-  <div class="container-fluid">
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#header_nodefony" aria-controls="header_nodefony" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <a class="navbar-brand mr-5" href="/">
+<div class="container-fluid">
+  <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
+    <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
       <img src="/app/images/app-logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
-      <span class="navbar-text pt-0 pb-0">{{nodefony.name|escape}}</span>
+      <span style="color:#0167b8" class="fs-4 nodefony"><h3>{{nodefony.name|escape}}</h3></span>
     </a>
-    <div class="collapse navbar-collapse" id="header_nodefony">
-      <ul class="navbar-nav me-auto ">
-        {% if  urlDoc %}
-          <li class="nav-item">
-            <form class="form-inline" action="{{urlDoc}}">
-              <button class="btn btn-sm btn-outline-secondary" type="submit">Documentation</button>
-            </form>
-          </li>
-        {% endif %}
-      </ul>
 
-      <ul class="navbar-nav">
+    <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
+      {% if  urlDoc %}
+        <li><a href="{{urlDoc}}" class="btn btn-outline-secondary px-2">Documentation</a></li>
+      {% endif %}
+    </ul>
+
+    <form action="{{url('lang')}}" name="formLang" id="formLang" class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3">
+      <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
         <li class="nav-item">
-          <form action="{{url('lang')}}" name="formLang" id="formLang" class="d-flex ml-5">
-            <div class="input-group input-group-sm" style="top:5px;margin-right:5px">
+            <div class="input-group input-group-sm">
               <label class="input-group-text">{{"lang"| trans("messages") }} : </label>
               <select class="form-select form-select-sm " name="language"  id="language">
                 {% for opt in langs %}
@@ -38,56 +31,60 @@
                   {% endfor %}
                 </select>
               </div>
-          </form>
         </li>
-      {% if  user %}
-        <li class="nav-link fa fa-user pr-3" style="font-size:x-large">
+      </ul>
+    </form>
+
+    {% if  user %}
+    <div class="dropdown text-end">
+      <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
         {% if user.image %}
-          <img width="32px" height= "32px" class="rounded-circle" src="{{user.image}}" alt="image">
+          <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
+        {% else %}
+            <i class="text-large fa fa-user"></i>
         {% endif %}
-          </li>
-        <li class="nav-item dropdown dropstart">
-          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="true">
-           {{user.username}}</a>
-          <!--a href="" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-expanded="true">
-                {{user.username}}
-          </a-->
-          <div class="dropdown-menu p-0 mt-5 " aria-labelledby="navbarDropdownMenuLink" style="width: 18rem;">
-
-            <div class="card" style="width: 18rem;">
-              <div class="card-header">
-                  <h5 class="card-title">Profile</h5>
-              </div>
-              <div class="card-body text-center" >
-                {% if user.image %}
-                  <img width="100px" height="100px"src="{{ user.image|escape }}" alt=""></img>
-                {% else %}
-                  <img width="100px" height="100px" src="/framework-bundle/images/nodefony-logo.png" alt="nodefony-logo"></img>
-                {% endif %}
-                <div class="user-info">
-                  <p>{{"username"|trans("login")}} : {{ user.username|escape }}</p>
-                  <p>{{"surname"|trans("login")}} : <i> {{ user.surname|escape }} </i> </p>
-                  <p>{{"name"|trans("login")}} : <i> {{ user.name|escape }} </i> </p>
-                </div>
-              </div>
-              <div class="card-footer text-muted">
-                <a href ="{{url("logout")}}" class="card-link">{{"logout"|trans("login")}}</a>
-                <a href ="{{url("nodefony-user-update",{username:user.username})}}" class="card-link">{{"update"|trans("login")}}</a>
-              </div>
+      </a>
+      <ul class="dropdown-menu text-small border-0" aria-labelledby="dropdownUser1">
+        <div class="card " style="width: 18rem;height:100%">
+          <div class="card-header">
+              <h5 class="card-title">Profile</h5>
+          </div>
+          <div class="card-body text-center" >
+            {% if user.image %}
+              <img width="100px" height="100px"src="{{ user.image|escape }}" alt=""></img>
+            {% else %}
+              <img width="100px" height="100px" src="/framework-bundle/images/nodefony-logo.png" alt="nodefony-logo"></img>
+            {% endif %}
+            <div class="user-info">
+              <p>{{"username"|trans("login")}} : {{ user.username|escape }}</p>
+              <p>{{"surname"|trans("login")}} : <i> {{ user.surname|escape }} </i> </p>
+              <p>{{"name"|trans("login")}} : <i> {{ user.name|escape }} </i> </p>
             </div>
           </div>
-        </li>
-      {% else %}
-        <li class="nav-link fa fa-user pr-3" style="font-size:x-large"></li>
-        <li class="nav-link">
-        <a href="{{url("login",{type:"secure"})}}"
-            class="btn btn-sm btn-outline-secondary"
-            role="button"
-            aria-pressed="false">
-            {{"login"|trans("login")}}
-        </a>
-      {% endif %}
+          <div class="card-footer text-muted">
+            <a href ="{{url("logout")}}" class="card-link">{{"logout"|trans("login")}}</a>
+            <a href ="{{url("nodefony-user-update",{username:user.username})}}" class="card-link">{{"update"|trans("login")}}</a>
+          </div>
+        </div>
       </ul>
     </div>
-  </div>
-</nav>
+    {% else %}
+
+    <div class=" text-end">
+      <a href="{{url("login",{type:"secure"})}}"
+          class="btn btn-sm btn-outline-secondary"
+          role="button"
+          aria-pressed="false">
+          {{trans("signin")}}
+      </a>
+      <a href="{{url("nodefony-user-create")}}"
+          class="btn btn-sm btn-outline-primary"
+          role="button"
+          aria-pressed="false">
+          {{trans("signup")}}
+      </a>
+
+    </div>
+    {% endif %}
+  </header>
+</div>

package/cli/builder/bundles/users-bundle/Resources/views/swagger/index.html.twig

@@ -1,36 +1,28 @@
-{% extends '../base.html.twig' %}
+{% extends '../documentation/base.html.twig' %}
 
 {% block title %}{{title|escape}}{% endblock %}
 
 {% block stylesheets %}
   <!-- WEBPACK BUNDLE -->
   <link rel='stylesheet' href='{{CDN("stylesheet")}}/users-bundle/assets/css/swagger.css'/>
-  <link rel="stylesheet" href="/documentation-bundle/assets/css/documentation.css"/>
+   {{ parent() }}
 {% endblock %}
 
 {% block body %}
 
-{% block header %}
-  {{ render( controller("users:users:header" )) }}
-{% endblock %}
-
 <div class="container-fluid">
   <div class="row flex-xl-nowrap">
     {% include '../documentation/navbar.html.twig' %}
-    <main class="col-12 col-md-9 col-xl-8" style="top: 4rem;">
+    <main class="col-12 col-md-9 col-xl-10" style="top:2px">
       <div id="swagger"></div>
     </main>
   </div>
 </div>
 
-{% block footer %}
-  {{ render( controller("users:users:footer" )) }}
 {% endblock %}
 
 {% block javascripts %}
   <!-- WEBPACK BUNDLE -->
   <script src='{{CDN("javascript")}}/users-bundle/assets/js/swagger.js'></script>
-  <script type="text/javascript" src="/documentation-bundle/assets/js/documentation.js"></script>
-{% endblock %}
-
+   {{ parent() }}
 {% endblock %}

package/cli/builder/bundles/users-bundle/controller/api/graphql/graphqlController.js

@@ -39,6 +39,8 @@ class graphqlController extends nodefony.Controller {
     }
   }
 
+  //  provides all functions for each API endpoint
+
   async user(field) {
     return await this.usersService.findOne(field.username);
   }

package/cli/builder/bundles/users-bundle/controller/usersController.js

@@ -56,7 +56,7 @@ class usersController extends nodefony.Controller {
 
   /**
    *    @see Route by Annotaion
-   *    @Method ({ "GET"})
+   *    @Method ({ "GET", "POST"})
    *    @Route ("/lang", name="lang")
    */
   langAction() {

package/cli/builder/bundles/users-bundle/package.json

@@ -16,44 +16,45 @@
   ],
   "repository": {},
   "dependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/core": "7.17.5",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@popperjs/core": "^2.10.2",
-    "babel-loader": "^8.2.2",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@popperjs/core": "^2.11.2",
+    "@withshepherd/faker": "^5.5.5",
+    "babel-loader": "^8.2.3",
     "babel-register": "^6.26.0",
     "bootstrap": "^5.1.3",
     "clean-webpack-plugin": "^4.0.0",
     "css-hot-loader": "^1.4.4",
-    "css-loader": "^6.4.0",
-    "expose-loader": "^3.0.0",
-    "faker": "^5.5.3",
+    "css-loader": "6.6.0",
+    "expose-loader": "^3.1.0",
     "font-awesome": "^4.7.0",
-    "graphiql": "^1.4.2",
-    "graphql": "^15.6.1",
-    "html-webpack-plugin": "^5.3.2",
-    "imports-loader": "^3.0.0",
+    "graphiql": "1.6.0",
+    "graphql": "16.3.0",
+    "graphql-ws": "5.6.2",
+    "html-webpack-plugin": "^5.5.0",
+    "imports-loader": "^3.1.1",
     "jquery": "^3.6.0",
-    "mini-css-extract-plugin": "^2.4.2",
-    "mongoose-paginate-v2": "^1.4.2",
-    "node-sass": "^6.0.1",
+    "mini-css-extract-plugin": "^2.5.3",
+    "mongoose-paginate-v2": "1.6.2",
+    "node-sass": "^7.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^3.3.0",
+    "sass-loader": "12.6.0",
+    "style-loader": "^3.3.1",
     "svg-inline-loader": "^0.8.2",
-    "swagger-ui": "^3.52.3",
-    "swagger-ui-dist": "^3.52.3",
-    "terser-webpack-plugin": "^5.2.4",
-    "webpack": "^5.58.1",
+    "swagger-ui": "4.5.2",
+    "swagger-ui-dist": "4.5.2",
+    "terser-webpack-plugin": "5.3.1",
+    "webpack": "5.69.1",
     "webpack-merge": "^5.8.0"
   },
   "devDependencies": {
-    "@mapbox/node-pre-gyp": "^1.0.5",
-    "node-gyp": "^8.2.0",
-    "sequelize-cli": "^6.2.0"
+    "@mapbox/node-pre-gyp": "^1.0.8",
+    "node-gyp": "^8.4.1",
+    "sequelize-cli": "^6.4.1"
   },
   "license": "CECILL-B",
   "readmeFilename": "README.md",

package/cli/builder/microService/skeletons/config/pm2.config.js

@@ -3,7 +3,7 @@ const package = require(path.resolve("package.json"));
 const env = process.env.NODE_ENV;
 const logName = `${package.name}.log`;
 
-let cpu = require('os').cpus().length;
+let cpu = 2 // require('os').cpus().length;
 let exec_mode = "cluster";
 let watch = false;
 let autorestart =true ;

package/cli/builder/microService/skeletons/config/webpack/webpack.config.dev.js

@@ -1,13 +1,8 @@
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
   mode: 'development',
   devtool: 'source-map',
   plugins: [
-    new MiniCssExtractPlugin({
-      fallback: "style-loader",
-      filename: "./css/[name].css",
-      allChunks: true
-    })
+    
   ]
 };

package/cli/builder/microService/skeletons/config/webpack/webpack.config.prod.js

@@ -1,5 +1,4 @@
 const TerserPlugin = require('terser-webpack-plugin');
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
   mode: 'production',
@@ -19,11 +18,7 @@ module.exports = {
     ]
   },
   plugins: [
-    new MiniCssExtractPlugin({
-      fallback: "style-loader",
-      filename: "./css/[name].min.css",
-      allChunks: true
-    })
+
   ]
 
 

package/cli/builder/microService/skeletons/config/webpack.config.js

@@ -1,9 +1,8 @@
 const webpack = require('webpack');
 const path = require('path');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const htmlPlugin = require('html-webpack-plugin');
 const { merge } = require('webpack-merge');
-const precss = require('precss');
-const autoprefixer = require('autoprefixer');
 
 let conf = null;
 if (process.env.NODE_ENV === "development") {
@@ -19,7 +18,8 @@ module.exports = merge(conf, {
    * See: http://webpack.github.io/docs/configuration.html#entry
    */
   entry: {
-    App: path.resolve(__dirname, "..", "src", "browser", "index.js")
+    app: path.resolve(__dirname, "..", "src", "browser", "index.js"),
+    socket: path.resolve(__dirname, "..", "src", "browser", "socketio.js")
   },
   target: 'web',
   //watch: true,
@@ -39,7 +39,7 @@ module.exports = merge(conf, {
      *
      * See: http://webpack.github.io/docs/configuration.html#resolve-extensions
      */
-    extensions: ['.js', '.es6'],
+    extensions: ['.js'],
 
     // An array of directory names to be resolved to the current directory
     modules: ["node_modules"]
@@ -52,52 +52,58 @@ module.exports = merge(conf, {
   module: {
     rules: [{
       // BABEL TRANSCODE
-      test: new RegExp("\\.es6$|\\.js$|\\.es7$"),
+      test: new RegExp("\.js$"),
       exclude: new RegExp("node_modules"),
       use: [{
         loader: 'babel-loader',
         options: {
           presets: ['@babel/preset-env']
         }
-       }]
+      }]
      }, {
-      test: /\.(sa|sc|c)ss$/,
-      use: [
+       test: /\.(sa|sc|c)ss$/,
+       use: [
+         //'css-hot-loader',
          MiniCssExtractPlugin.loader,
-        {
-          loader: "css-loader",
-          options: {
-            sourceMap: true
-          }
-         }, {
-          loader: 'resolve-url-loader',
-          options: {}
-         }, {
-           loader: 'postcss-loader', // Run post css actions
+         {
+           loader: "css-loader",
            options: {
-             postcssOptions: {
-               plugins: [autoprefixer({}), precss({})]
-             }
+             sourceMap: true
            }
          }, {
-          loader: "sass-loader",
-          options: {
-            sourceMap: true
-          }
+           loader: "sass-loader",
+           options: {
+             sourceMap: true
+           }
          }
        ]
      }, {
-      test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
-      use: [{
-        loader: 'file-loader',
-        options: {
-          name: '[name].[ext]',
-          outputPath: 'fonts/', // where the fonts will go
-        }
-       }]
-     }]
+       test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
+       type: 'asset/inline'
+     },{
+        test: /\.html$/,
+        loader: 'html-loader'
+      }]
   },
   plugins: [
+    new MiniCssExtractPlugin({
+      filename: "./css/[name].css"
+    }),
+    new htmlPlugin({
+      filename: path.resolve("dist", "index.ejs"),
+      template: path.resolve("src", "templates", "base.html"),
+      title: conf.name,
+      //cache: !dev,
+      chunks: ['app'],
+      templateParameters: conf
+    }),
+    new htmlPlugin({
+      filename: path.resolve("dist", "socketio.ejs"),
+      template: path.resolve("src", "templates", "socket.html"),
+      title: conf.name,
+      chunks: ['socket'],
+      templateParameters: conf
+    }),
     new webpack.DefinePlugin({
       'process.env': {
         'NODE_ENV': JSON.stringify(process.env.NODE_ENV),

package/cli/builder/microService/skeletons/package.json

@@ -10,25 +10,25 @@
     "cli": "./bin/cli"
   },
   "engines": {
-    "node": ">=10"
+    "node": ">=12"
   },
   "scripts": {
-    "nodefony": "nodefony",
-    "pm2": "pm2",
-    "install": "env-cmd -e webpack_prod webpack --env production --config config/webpack.config.js; env-cmd -e webpack_dev webpack --env development --config config/webpack.config.js",
+    "nodefony": "npx nodefony",
+    "pm2": "npx pm2",
+    "install": "env-cmd -e webpack_prod webpack --env production --config config/webpack.config.js",
     "start": "node ./bin/cli",
-    "dev": "env-cmd -e development pm2 start config/pm2.config.js --only {{name}} --env development --no-daemon",
-    "dev_debug": "env-cmd -e development_debug pm2 start config/pm2.config.js --only {{name}} --env development --no-daemon",
-    "prod": "env-cmd -e production pm2 start config/pm2.config.js --env production",
-    "examples": "env-cmd -e development pm2 start config/pm2.config.js --only examples --env development --no-daemon",
-    "stop": "pm2 stop {{name}}",
-    "restart": "pm2 restart {{name}}",
-    "delete": "pm2 delete {{name}}",
-    "log": "pm2 logs",
-    "monit": "pm2 monit",
-    "status": "pm2 status",
-    "kill": "pm2 kill",
-    "webpack": "env-cmd -e webpack_prod webpack --env.production --config config/webpack.config.js; env-cmd -e webpack_dev webpack --env.development --verbose --config config/webpack.config.js",
+    "dev": "env-cmd -e development npx pm2 start config/pm2.config.js --only {{name}} --env development --no-daemon",
+    "dev_debug": "env-cmd -e development_debug npx pm2 start config/pm2.config.js --only {{name}} --env development --no-daemon",
+    "prod": "env-cmd -e webpack_prod webpack --env production --config config/webpack.config.js;env-cmd -e production pm2 start config/pm2.config.js --env production",
+    "examples": "env-cmd -e development npx pm2 start config/pm2.config.js --only examples --env development --no-daemon",
+    "stop": "npx pm2 stop {{name}}",
+    "restart": "npx pm2 restart {{name}}",
+    "delete": "npx pm2 delete {{name}}",
+    "log": "npx pm2 logs",
+    "monit": "npx pm2 monit",
+    "status": "npx pm2 status",
+    "kill": "npx pm2 kill",
+    "webpack": "env-cmd -e webpack_prod webpack --env production --stats verbose --config config/webpack.config.js",
     "ssl": "./bin/generateCertificates.sh",
     "test": "env-cmd -e test mocha  --require @babel/register --recursive ./tests"
   },
@@ -39,32 +39,37 @@
     "microservice"
   ],
   "dependencies": {
+    "ejs": "^3.1.6",
     "env-cmd": "^10.1.0",
     "hello_world": "./src/n-api",
-    "markdown-it": "^12.0.2",
+    "markdown-it": "^12.3.0",
     "nodefony": "^{{version}}",
-    "pm2": "^4.5.0",
+    "nodefony-client": "^6.0.0",
+    "pm2": "^5.1.2",
     "pm2-logrotate": "^2.7.0",
-    "socket.io": "^2.3.0",
-    "socket.io-client": "^2.3.1"
+    "serve-static": "^1.14.2",
+    "socket.io": "^4.4.0",
+    "socket.io-client": "^4.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/register": "^7.12.1",
-    "babel-loader": "^8.1.0",
-    "chai": "^4.2.0",
-    "mini-css-extract-plugin": "^1.2.1",
-    "mocha": "^8.2.0",
-    "node-gyp": "^7.1.2",
-    "node-pre-gyp": "^0.15.0",
-    "open": "^7.3.0",
-    "sass-loader": "^10.0.4",
-    "terser-webpack-plugin": "^5.0.3",
-    "webpack": "^5.3.1",
-    "webpack-cli": "^4.1.0",
-    "webpack-merge": "^5.2.0"
+    "@babel/cli": "^7.16.7",
+    "@babel/core": "^7.16.7",
+    "@babel/preset-env": "^7.16.7",
+    "@babel/register": "^7.16.7",
+    "@mapbox/node-pre-gyp": "^1.0.8",
+    "babel-loader": "^8.2.3",
+    "chai": "^4.3.4",
+    "html-loader": "^3.0.1",
+    "html-webpack-plugin": "^5.5.0",
+    "mini-css-extract-plugin": "^2.4.5",
+    "mocha": "^9.1.3",
+    "node-gyp": "^8.4.1",
+    "open": "^8.4.0",
+    "sass-loader": "^12.4.0",
+    "terser-webpack-plugin": "^5.3.0",
+    "webpack": "^5.65.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-merge": "^5.8.0"
   },
   "license": "ISC"
 }

package/cli/builder/microService/skeletons/src/browser/index.css

@@ -1,3 +1,3 @@
 body {
-  background-color: blue;
+  background-color: white;
 }

package/cli/builder/microService/skeletons/src/browser/index.js

@@ -1,5 +1,4 @@
-const nodefony = require("nodefony");
-const io = require('socket.io-client');
+const nodefony = require("nodefony-client");
 
 import "./index.css";
 /*
@@ -11,7 +10,6 @@ class App extends nodefony.Service {
     this.initSyslog();
     this.log("INIT APP CLIENT");
     this.log(`Nodefony Client version : ${nodefony.version}`);
-    this.io = io();
   }
 }