backend-skins 0.1.15 → 0.1.17

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2017 Codenautas
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2017 Codenautas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,2 +1,36 @@
-# backend-skins
-Skins for backend-plus
+# backend-skins
+Skins for backend-plus
+
+# Adding a skin
+
+Create a folder in dist. CSS files go in the folder css and icon images go in the folder img. For password change and login screens, the same applies inside the folder unlogged.
+
+Add the folder name to the local config of your backed-plus application
+
+```
+server:
+    skins:
+        modern:
+        local-path: node_modules/backend-skins/dist/
+```
+
+In your backend-plus application local config, set the desired skin
+
+```
+client-setup:
+  skin: modern
+```
+
+# Button styles
+In the modern skin, buttons are automatically colored via the attribute 'color'. The possible values are 'primary', 'secondary', 'success', 'warning', and 'danger'.
+Additionally, the button can be outlined by adding the attribute outlined=true.
+
+For example, when using the dialog-promise library, the buttons can be configured as follows:
+```js
+confirmPromise("Confirm prompt", {
+    buttonsDef:[
+        {label:'Accept', value:true, attributes: { color: 'primary', }},
+        {label:'Cancel', value:false, attributes: { color: 'secondary', outline: true, }},
+    ]
+})
+```

package/dist/confort/css/my-menu.styl

@@ -1,18 +1,18 @@
-[my-skin=confort]
-
-  body
-    font-family arial
-   
-  #metadatos
-    font-family arial
-    margin 5px
-  
-  #main-logo
-    height 24px
-    margin-right 16px
-    
-  #main-top-bar *
-    vertical-align middle
-    
-  #main-top-bar1 *
+[my-skin=confort]
+
+  body
+    font-family arial
+   
+  #metadatos
+    font-family arial
+    margin 5px
+  
+  #main-logo
+    height 24px
+    margin-right 16px
+    
+  #main-top-bar *
+    vertical-align middle
+    
+  #main-top-bar1 *
     vertical-align middle  

package/dist/confort-bis/css/my-menu.styl

@@ -1,18 +1,18 @@
-[my-skin=confort-bis]
-
-  body
-    font-family arial
-   
-  #metadatos
-    font-family arial
-    margin 5px
-  
-  #main-logo
-    height 24px
-    margin-right 16px
-    
-  #main-top-bar *
-    vertical-align middle
-
-  #main-top-bar1 *
+[my-skin=confort-bis]
+
+  body
+    font-family arial
+   
+  #metadatos
+    font-family arial
+    margin 5px
+  
+  #main-logo
+    height 24px
+    margin-right 16px
+    
+  #main-top-bar *
+    vertical-align middle
+
+  #main-top-bar1 *
     vertical-align middle  

package/dist/confort-dark/css/my-menu.styl

@@ -1,18 +1,18 @@
-[my-skin=confort-dark]
-
-  body
-    font-family arial
-   
-  #metadatos
-    font-family arial
-    margin 5px
-  
-  #main-logo
-    height 24px
-    margin-right 16px
-    
-  #main-top-bar *
-    vertical-align middle
-    
-  #main-top-bar1 *
+[my-skin=confort-dark]
+
+  body
+    font-family arial
+   
+  #metadatos
+    font-family arial
+    margin 5px
+  
+  #main-logo
+    height 24px
+    margin-right 16px
+    
+  #main-top-bar *
+    vertical-align middle
+    
+  #main-top-bar1 *
     vertical-align middle  

package/dist/confort-gold/css/my-menu.styl

@@ -1,18 +1,18 @@
-[my-skin=confort-gold]
-
-  body
-    font-family arial
-   
-  #metadatos
-    font-family arial
-    margin 5px
-  
-  #main-logo
-    height 24px
-    margin-right 16px
-    
-  #main-top-bar *
-    vertical-align middle
-    
-  #main-top-bar1 *
+[my-skin=confort-gold]
+
+  body
+    font-family arial
+   
+  #metadatos
+    font-family arial
+    margin 5px
+  
+  #main-logo
+    height 24px
+    margin-right 16px
+    
+  #main-top-bar *
+    vertical-align middle
+    
+  #main-top-bar1 *
     vertical-align middle  

package/dist/default/css/my-menu.styl

@@ -1,18 +1,18 @@
-[my-skin=default]
-
-  body
-    font-family arial
-   
-  #metadatos
-    font-family arial
-    margin 5px
-  
-  #main-logo
-    height 24px
-    margin-right 16px
-    
-  #main-top-bar *
-    vertical-align middle
-    
-  #main-top-bar1 *
+[my-skin=default]
+
+  body
+    font-family arial
+   
+  #metadatos
+    font-family arial
+    margin 5px
+  
+  #main-logo
+    height 24px
+    margin-right 16px
+    
+  #main-top-bar *
+    vertical-align middle
+    
+  #main-top-bar1 *
     vertical-align middle  

package/dist/modern/css/my-menu.styl

@@ -0,0 +1,260 @@
+* {
+  font-family: 'Inter', Arial, sans-serif !important;
+}
+body {
+  background-color: #f8fafc !important; margin: 0;
+}
+
+#main-top-bar[dev-mode] {
+  background: repeating-linear-gradient(-45deg, #1976d2, #1976d2 8px, #5e7c9aff 8px, #5e7c9aff 16px) !important;
+}
+
+#main-top-bar {
+  top: 0;
+  background: #1976d2;
+  border: none !important;
+  padding-bottom: 0px;
+}
+#main-top-bar * {
+  margin-left: 2px !important;
+}
+
+#main-top-bar1, .sub-menu-bar {
+  background: #1565c0 !important;
+  border: none !important;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+  display: flex !important;
+  align-items: center !important;
+  min-height: 40px !important;
+  padding: 0 16px !important;
+}
+
+.menu-item {
+  color: white !important;
+  background: transparent !important;
+  border: none !important;
+  font-size: 13px !important;
+  font-weight: 500 !important;
+  text-transform: uppercase;
+  padding: 8px !important;
+  margin: 0 !important;
+  border-radius: 0px;
+  text-decoration: none !important;
+  transition: background 0.2s;
+}
+
+.menu-item[menu-selected="yes"] { 
+  background: rgba(0,0,0,0.15) !important; 
+  box-shadow: inset 0 -3px 0 white !important;
+}
+
+  #active-user, #right-menu-icon, .right-lights {
+  filter: brightness(0) invert(1) !important; /* Iconos a blanco */
+  margin-left: 10px !important;
+  height: 20px !important;
+  width: auto !important;
+}
+
+/* --- CONSOLA FLOTANTE --- */
+#mini-console {
+  position: fixed !important;
+  top: 55px;
+  right: 20px;
+  z-index: 2000;
+  background-color: #fde8e8 !important; 
+  color: #9b1c1c !important;
+  border: 1px solid #f8b4b4 !important;
+  border-radius: 8px;
+  padding: 12px 18px !important;
+  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important;
+  white-space: pre-wrap !important;
+  max-width: 350px;
+}
+#mini-console:not(:empty) {
+  display: block !important;
+}
+
+
+
+/* dialogs */
+
+.dialog-promise {
+    border-radius: 5px;
+    padding: 2px;
+}
+
+.dialog-promise-inner-div input {
+  border-width: 1px;
+  border-radius: 3px;
+  border-color: #ddd;
+  padding: 3px;
+  box-shadow: 1px 1px 5px #ddd;
+}
+
+
+/* BOTONES */
+
+button[color] {
+  border: none;
+  border-radius: 3px;
+  padding: 5px 8px;
+  color: white;
+  cursor: pointer;
+  text-transform: uppercase;
+}
+
+button[color=primary]:not([outline]) {
+  background-color: #1976d2;
+}
+
+button[color=primary][outline=true] {
+  background-color: transparent;
+  border: 1px solid #1976d2;
+  color: #1976d2;
+  transition: 0.1s;
+}
+
+button[color=primary][outline=true]:hover {
+  background-color: #1976d2;
+  color: #ddd;
+}
+
+button[color=secondary]:not([outline]) {
+  background-color: #666;
+}
+
+button[color=secondary][outline=true] {
+  background-color: transparent;
+  border: 1px solid #666;
+  color: #666;
+  transition: 0.1s;
+}
+
+button[color=secondary][outline=true]:hover {
+  background-color: #ddd;
+}
+
+button[color=success]:not([outline]) {
+  background-color: #198754;
+  color: #fff
+}
+
+button[color=success][outline=true] {
+  background-color: transparent;
+  border: 1px solid #198754;
+  color: #198754;
+  transition: 0.1s;
+}
+
+button[color=success][outline=true]:hover {
+  background-color: #198754;
+  color: #ddd;
+}
+
+button[color=warning]:not([outline]) {
+  background-color: #ffc107;
+  color: #000
+}
+
+button[color=warning][outline=true] {
+  background-color: transparent;
+  border: 1px solid #ffc107;
+  color: #ffc107;
+  transition: 0.1s;
+}
+
+button[color=warning][outline=true]:hover {
+  background-color: #ffc107;
+  color: #ddd;
+}
+
+button[color=danger]:not([outline]) {
+  background-color: #dc3545;
+  color: #000
+}
+
+button[color=danger][outline=true] {
+  background-color: transparent;
+  border: 1px solid #dc3545;
+  color: #dc3545;
+  transition: 0.1s;
+}
+
+button[color=danger][outline=true]:hover {
+  background-color: #dc3545;
+  color: #ddd;
+}
+
+.dialog-promise .dialog-promise-close-button:hover {
+    background-color: #aaa;
+}
+
+/* calendar */
+
+.pika-button {
+  background-color: #eee !important;
+  color: #666 !important;
+  border-radius: 0px !important;
+}
+
+.pika-button:hover {
+  background: #1976d2 !important;
+  color: #eee !important;
+  border-radius: 3px !important;
+}
+
+.date-year {
+  font-size: 100% !important;
+}
+
+/* proc input */
+.table-param-screen td[contenteditable="true"] {
+  border: 2px solid #ddd;
+  border-radius: 5px;
+  box-shadow: 0 0 5px #ddd;
+}
+
+/* proc result */
+
+.result-div {
+  padding: 8px 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  width: fit-content;
+  min-height: none;
+}
+
+.result-div[result=success] {
+  background-color: #DCFCE7 !important;
+  color: #166534;
+  border-left: 4px solid #22C55E; 
+}
+
+.result-div[result=error] {
+  background-color: #FEF3C7 !important;
+  color: #92400E;
+  border-left: 4px solid #F59E0B;
+}
+
+.table-param-screen tr {
+  display: grid;
+}
+
+.table-param-screen td:not([contenteditable]) {
+  text-transform: uppercase;
+  font-size: x-small;
+  font-weight: bold;
+  color: #666;
+}
+
+.table-param-screen td[contenteditable] {
+  padding: 5px;
+  margin-bottom: -7px;
+  margin-top: -2px;
+  margin-left: 4px;
+}
+
+.table-param-screen a {
+  background-color: #1976d2 !important;
+  border-radius: 3px;
+}

package/dist/modern/css/my-tables.styl

@@ -0,0 +1,93 @@
+.my-grid {
+  border-collapse: collapse;
+  border: none;
+  background: white;
+  margin-top: 10px;
+  font-size: small;
+  background: transparent;
+}
+
+.my-grid > thead > tr > th {
+  outline: none;
+}
+
+.my-grid td, .my-grid th {
+  border: 1px solid #ddd;
+  padding: 3px 7px;
+  position: relative;
+  background: transparent;
+}
+
+.my-grid caption {
+  border: none;
+  font-size: large;
+  margin-bottom: 7px;
+  background: transparent;
+}
+
+th[my-mandatory=pk] {
+  outline: none !important;
+  font-weight: 900;
+  text-decoration: underline;
+}
+
+td[my-mandatory=pk] {
+  outline: none !important;
+  font-weight: bold;
+}
+
+.th-name {
+  outline: none;
+}
+
+.my-grid > * > tr > *[my-pk-column], .my-grid > * > tr > *[my-fixed2left-column] {
+  outline: none !important;
+}
+
+/* Fila de filtros específica */
+.filter-line td.autoFilter {
+  background-color: white;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  padding-left: 24px; 
+  background-position: 4px center;
+  background-repeat: no-repeat;
+}
+
+.my-grid button:not(.table-button), #button-filter {
+  align-items: center;
+  background-color: #1976d2;
+  color: white;
+  border: none;
+  padding: 4px 12px;
+  border-radius: 4px;
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.table-button {
+  background: transparent;
+  border: none;
+  padding: 4px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+
+.table-button img, .dialog-promise img {
+  transition: 0.2s;
+  height: 16px;
+  width: auto;
+}
+
+.table-button:hover img, .dialog-promise .dialog-menu-option:hover img{
+  filter: none;
+  opacity: 1;
+}
+
+/* Estados IO */
+td[io-status=pending] { background-color: #ebf8ff; }
+td[io-status=error] { background-color: #fff5f5; color: #c53030; }
+td[io-status=temporal-ok] { background-color: #f0fff4; color: #276749; }

package/dist/modern/css/pikaday.styl

@@ -0,0 +1 @@
+

package/dist/modern/unlogged/css/chpass.styl

@@ -0,0 +1,146 @@
+body {
+    background: red !important;
+}
+
+/* Solo se aplica si el formulario de login está presente */
+body:has(#chPassForm) {
+  margin: 0;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  min-height: 100vh !important;
+  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
+  font-family: 'Inter', sans-serif !important;
+}
+
+/* Contenedor Principal (Transformando la tabla en una Card) */
+#chPassForm {
+  display: flex;
+  justify-content: center;
+  background: #ffffff !important;
+  padding: 30px !important;
+  border-radius: 16px !important;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
+  width: 100% !important;
+  max-width: 380px !important;
+  animation: fadeIn 0.5s ease-out;
+  text-transform: uppercase;
+}
+
+.chpasstable {
+  width: 100%;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.logintable { width: 100% !important; border-collapse: collapse !important; }
+
+/* Título */
+.formtitle {
+  color: #1e293b !important;
+  font-size: 22px !important;
+  font-weight: 700 !important;
+  text-align: center !important;
+  margin: 0 0 24px 0 !important;
+  letter-spacing: -0.5px;
+}
+
+/* Logo */
+.logintableLogoImgRow img {
+  display: block !important;
+  margin: 0 auto 15px auto !important;
+  max-height: 150px !important;
+  width: auto !important;
+}
+
+/* Labels */
+.formlabel label {
+  display: block !important;
+  color: #475569 !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important;
+  margin-bottom: 6px !important;
+  margin-top: 10px !important;
+}
+
+/* Inputs de Texto y Password */
+.formtd input {
+  width: 94% !important;
+  padding: 12px 10px !important;
+  border: 1px solid #e2e8f0 !important;
+  border-radius: 8px !important;
+  font-size: 15px !important;
+  background-color: #e8f0fe !important;
+  transition: all 0.2s ease !important;
+  outline: none !important;
+  color: #1e293b !important;
+  text-transform: uppercase;
+  font-size: x-small !important;
+}
+
+.formtd input:focus {
+  border-color: #3b82f6 !important;
+  background-color: #ffffff !important;
+  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15) !important;
+}
+
+/* Botones acción */
+tr>td.actions {
+  display: flex !important;
+  justify-content: space-between;
+  margin-top: 14px;
+}
+
+.actions a, .actions input {
+  width: 47%;
+  border-radius: 5px;
+  text-transform: uppercase;
+  font-size: medium;
+  text-decoration: none;
+  font-size: 15px !important;
+  font-weight: 600 !important;
+}
+
+/* Botón Cancelar */
+td a {
+  background-color: #ddd;
+  color: #666;
+  text-align: center;
+  padding: 5px 2px;
+}
+
+/* Botón Submit */
+input[type=submit] {
+  background-color: #1976d2;
+  color: #fff;
+  border: none;
+  padding: 5px;
+}
+
+input[type=submit]:hover {
+  cursor: pointer;
+  background-color: #1d4ed8 !important;
+  transition: 0.2s;
+}
+
+.chpasstable tr, .chpasstable td .iconostd { 
+  display: none !important; 
+}
+
+/* Ajuste de celdas de tabla para que fluyan como bloques */
+.chpasstable tr:not(.iconostd), .chpasstable td:not(.iconostd):not(.actions) {
+  display: block !important;
+  width: 100% !important;
+}
+
+.iconoslog, .formImg
+  display none
+
+.error-message {
+  margin-top: 10px;
+  font-size: small;
+}

package/dist/modern/unlogged/css/login.styl

@@ -0,0 +1,113 @@
+body {
+    background: pink !important;
+}
+
+/* Solo se aplica si el formulario de login está presente */
+body:has(#loginForm) {
+  margin: 0;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  min-height: 100vh !important;
+  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
+  font-family: 'Inter', sans-serif !important;
+}
+
+/* Contenedor Principal (Transformando la tabla en una Card) */
+#loginForm {
+  background: #ffffff !important;
+  padding: 30px !important;
+  border-radius: 16px !important;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
+  width: 100% !important;
+  max-width: 380px !important;
+  animation: fadeIn 0.5s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.logintable { width: 100% !important; border-collapse: collapse !important; }
+
+/* Título */
+.formtitle {
+  color: #1e293b !important;
+  font-size: 22px !important;
+  font-weight: 700 !important;
+  text-align: center !important;
+  margin: 0 0 24px 0 !important;
+  letter-spacing: -0.5px;
+  text-transform: uppercase;
+}
+
+/* Logo */
+.logintableLogoImgRow img {
+  display: block !important;
+  margin: 0 auto 15px auto !important;
+  max-height: 150px !important;
+  width: auto !important;
+}
+
+/* Labels */
+.formlabel label {
+  display: block !important;
+  color: #475569 !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important;
+  margin-bottom: 6px !important;
+  margin-top: 10px !important;
+}
+
+/* Inputs de Texto y Password */
+.formtd input {
+  width: 92% !important;
+  padding: 12px 14px !important;
+  border: 1px solid #e2e8f0 !important;
+  border-radius: 8px !important;
+  font-size: 15px !important;
+  background-color: #f8fafc !important;
+  transition: all 0.2s ease !important;
+  outline: none !important;
+  color: #1e293b !important;
+}
+
+.formtd input:focus {
+  border-color: #3b82f6 !important;
+  background-color: #ffffff !important;
+  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15) !important;
+}
+
+/* Botón Submit */
+.submit {
+  width: 100% !important;
+  background-color: #1976d2 !important;
+  color: white !important;
+  padding: 12px !important;
+  border: none !important;
+  border-radius: 8px !important;
+  font-size: 15px !important;
+  font-weight: 600 !important;
+  cursor: pointer !important;
+  margin-top: 25px !important;
+  transition: background 0.2s !important;
+  text-transform: uppercase;
+}
+
+.submit:hover { background-color: #1d4ed8 !important; }
+
+/* Limpieza de basura visual del HTML original */
+.logintableRightImg, #loginFormRightImg, .iconostd { 
+  display: none !important; 
+}
+
+/* Ajuste de celdas de tabla para que fluyan como bloques */
+.logintable tr, .logintable td {
+  display: block !important;
+  width: 100% !important;
+}
+
+.iconoslog, .formImg
+  display none

package/package.json

@@ -1,27 +1,27 @@
-{
-  "name": "backend-skins",
-  "description": "Skins for backend-plus",
-  "version": "0.1.15",
-  "author": "Codenautas <codenautas@googlegroups.com>",
-  "license": "MIT",
-  "repository": "codenautas/backend-skins",
-  "files": [
-    "dist"
-  ],
-  "contributors": [
-    { "name": "Julieta Vicente", "email": "julietaluciavicente@gmail.com" },
-    { "name": "Estefanía Capece", "email": "eycapece@gmail.com" },
-    { "name": "Emilio Platzer", "email": "emilioplatzer@gmail.com" }
-  ],
-  "dependencies": {
-  },
-  "devDependencies": {
-    "backend-plus": "~0.8.4"
-  },
-  "scripts": {
-    "start": "node --version"
-  },
-  "engines": {
-    "node": ">= 4.4"
-  }
-}
+{
+  "name": "backend-skins",
+  "description": "Skins for backend-plus",
+  "version": "0.1.17",
+  "author": "Codenautas <codenautas@googlegroups.com>",
+  "license": "MIT",
+  "repository": "codenautas/backend-skins",
+  "files": [
+    "dist"
+  ],
+  "contributors": [
+    { "name": "Julieta Vicente", "email": "julietaluciavicente@gmail.com" },
+    { "name": "Estefanía Capece", "email": "eycapece@gmail.com" },
+    { "name": "Emilio Platzer", "email": "emilioplatzer@gmail.com" }
+  ],
+  "dependencies": {
+  },
+  "devDependencies": {
+    "backend-plus": "~0.8.4"
+  },
+  "scripts": {
+    "start": "node --version"
+  },
+  "engines": {
+    "node": ">= 4.4"
+  }
+}