@silexlabs/silex-dashboard 1.0.36 → 1.0.38

package/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "_silex/dashboard"]
+	path = _silex/dashboard
+	url = git@gitlab.com:ceubri/dashboard-silexv3.git

package/.silex-client.js

@@ -9,14 +9,14 @@ export default async function(config, options) {
   await config.addPlugin(templatePlugin)
   await config.addPlugin(eleventyPlugin, {
     css: {
-      path: '../../pages',
+      path: '../pages',
       url: '/css', // Used in the permalink in liquid
     },
     html: {
-      path: '../../_includes',
+      path: '../_includes',
     },
     assets: {
-      path: '../../assets',
+      path: '../assets',
     },
   })
-}
+}

package/.silex.js

@@ -11,9 +11,9 @@ const nodeModules = require('node_modules-path')
 const { ConnectorType } = require('@silexlabs/silex/dist/server/types')
 const StaticPlugin = require('@silexlabs/silex/dist/plugins/server/plugins/server/StaticPlugin').default
 
-const FtpConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/FtpConnector').default
-const GitlabConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/GitlabConnector').default
-const {FsStorage} = require('@silexlabs/silex/dist/server/server/connectors/FsStorage')
+//const FtpConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/FtpConnector').default
+//const GitlabConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/GitlabConnector').default
+//const {FsStorage} = require('@silexlabs/silex/dist/server/server/connectors/FsStorage')
 const {FsHosting} = require('@silexlabs/silex/dist/server/server/connectors/FsHosting')
 
 module.exports = async function(config, options) {
@@ -26,13 +26,10 @@ module.exports = async function(config, options) {
     ...options,
   }
 
-  config.addHostingConnector([
+  config.setHostingConnectors([
     new FsHosting(config, {
       path: process.env.SILEX_FS_ROOT,
     }),
-    new FtpConnector(config, {
-      type: ConnectorType.HOSTING,
-    }),
   ])
 
   //config.addStorageConnector([
@@ -56,6 +53,9 @@ module.exports = async function(config, options) {
     }, {
       path: nodeModules('@silexlabs/silex') + '/@silexlabs/silex/dist/plugins/client/plugins/client/',
       route: '/js',
+    }, {
+      path: nodeModules('lit-html') + '/lit-html/',
+      route: '/js/lit-html/',
     }],
   })
 
@@ -89,4 +89,4 @@ module.exports = async function(config, options) {
     })
     app.use(editorRouter)
   })
-}
+}

package/_data/api-translations.json

@@ -17,7 +17,10 @@
         "Logging out": "Logging out",
         "Back to home": "< Back",
         "Welcome to Silex": "Welcome to Silex",
-        "Please login to continue": "Please login to continue"
+        "Please login to continue": "Please login to continue",
+        "New name for the duplicated website": "New name for the duplicated website",
+        "Failed to duplicate website": "Failed to duplicate website",
+        "Website duplicated successfully": "Website duplicated successfully"
     },
     "fr": {
         "Failed to start dashboard": "Erreur, impossible de démarrer le tableau de bord",
@@ -37,6 +40,9 @@
         "Logging out": "Déconnexion en cours",
         "Back to home": "< Retour",
         "Welcome to Silex": "Bienvenue sur Silex",
-        "Please login to continue": "Merci de vous connecter pour continuer"
+        "Please login to continue": "Merci de vous connecter pour continuer",
+        "New name for the duplicated website": "Nouveau nom pour votre site",
+        "Failed to duplicate website": "Erreur, le site n'a pas été dupliqué",
+        "Website duplicated successfully": "Le site a bien été dupliqué"
     }
 }

package/_includes/api-websites.js.html

@@ -13,10 +13,14 @@ window.addEventListener('load', function() {
     getUser,
     logout,
     websiteDelete,
+    websiteDuplicate,
     websiteList,
     websiteCreate,
     websiteMetaWrite,
   } = api
+  function toSafeId(name) {
+    return name.replace(/[/\\?%*:|"<>]/g, '_')
+  }
 
   const App = {
     data() {
@@ -92,7 +96,7 @@ window.addEventListener('load', function() {
         try {
           if (!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
           this.loading = true
-          const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
+          const websiteId = toSafeId(this.newWebsiteName)
           const result = await websiteCreate({
             websiteId,
             data: {
@@ -136,6 +140,25 @@ window.addEventListener('load', function() {
         }
       },
 
+      async duplicateWebsite(fromId) {
+        const name = prompt('{{ api-translations[lang]["New name for the duplicated website"] }}')
+        if (!name) return
+        this.loading = true
+        try {
+          const toId = toSafeId(name)
+          await websiteDuplicate({fromId, toId, connectorId: this.user.storage.connectorId, data: { name }})
+          this.error = ''
+          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.message = '{{ api-translations[lang]["Website duplicated successfully"] }}'
+          this.empty = this.websites.length === 0
+          this.loading = false
+        } catch (error) {
+          this.loading = false
+          this.error = `{{ api-translations[lang]["Failed to duplicate website"] }} - ${error.message}`
+          this.message = ''
+        }
+      },
+
       async renameWebsite(websiteId) {
         const website = this.websites.find(w => w.websiteId === websiteId)
         const name = prompt('{{ api-translations[lang]["New name for this website"] }}', website.name)

package/_includes/connectors.html

@@ -1,174 +1,154 @@
-
-      <!DOCTYPE html>
-      <html lang="">
-      <head>
-      <link rel="stylesheet" href="/css/connectors.css" />
-      <!--  font google -->
+<!DOCTYPE html>
+<html lang="">
+<head>
+<link rel="stylesheet" href="/css/connectors.css" />
+<!--  font google -->
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
-
 {% render "alternate.liquid" languages: languages lang: lang page: page %}
-
 <style>
-.before-js > * {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity .5s ease;
-}
-.after-js > * {
-  visibility: visible;
-  opacity: 1;
-}
-.before-js:before {
-  content: 'Loading';
-  position: absolute;
-  top: 49%;
-  left: 49%;
-}
-.after-js:before {
-  content: none;
-}
-
-body {	color:#2B1B63;}
-/*BTNS*/
-.button, .pointer { cursor: pointer!important}
-.button{min-width:110px;}
-/*BTNS*/
-a { 
-	text-decoration: none;
-	color:#8873FE;}
-a:hover { text-decoration: underline; }
-.uppercase  {text-transform: uppercase;}
-
-/*footer position*/
-.main-min-height {min-height: calc(100vh - 560px);}
-/*footer position*/
-
-/*label*/
-::placeholder {color: #8873FE;}
-input:focus {
-	border: 2px solid ##9977FE;
-	background-color:#ffffff;}
-:focus { outline: none;}
-/*label*/
-.skeleton-anim:after {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  content: "";
-  background: 
-    linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
-    linear-gradient(transparent, transparent),
-    radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
-    linear-gradient(transparent, transparent);  
-  background-repeat: no-repeat;
-  background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; 
-  background-position: -315px 0, 0 0, 0px 190px, 50px 195px; 
-  animation: loading 1.5s infinite;
-}
-
-@keyframes loading {  
-  to {
-    background-position: 200% 0, 0 0, 0 190px, 50px 195px;
+  .before-js > * {
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity .5s ease;
   }
-}
-/*FX ANIMATIONS*/
-/*scale-round-inside*/
-.fx-scale-round {
-	position:relative;
-	  z-index: 10;
-  overflow: hidden;
-}
-.fx-scale-round::after {
-  content: "";
-  background: #ffffff;
-  position: absolute;
-  z-index: -1;
-  border-radius: 50%;
-  left: -50%;
-  right: -50%;
-  top: -100%;
-  bottom: -100%;
-  transform: scale(0, 0);
-	transform-origin: center bottom;
-  transition: all 0.3s ease-out;
-
-}
-.fx-scale-round:hover {
-	transform-origin: center bottom;
-	transform: scale(1.1);
-	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-} 
-.fx-scale-round:hover::after {
-  transform: scale(1, 1);
-	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-}
-/*scale-round-inside*/
-/*scale*/
-.fx-scale:hover  {
-	transform-origin: center bottom;
-	transform: scale(1.1);
-	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-}
-/*flash*/
-.fx-underline:hover, .fx-flash:hover {
-	        animation: flash-in .5s ;
-}
-/* Underline animation */
-.fx-underline  {
-	position: relative;
-}
-/* Fade in */
-.fx-underline::after {
-	content: '';
-	position: absolute;
-	bottom: -3px;
-	left: 0;
-	width: 100%;
-	height: 0.1em;
-	background-color: #8873fe;
-	opacity: 0;
-	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);
-}
-
-.fx-underline:hover::after,
-.fx-underline:focus::after {
-	opacity: 1;
-	transform: translate3d(0, 2.2em, 0);
-}
-
-/* Scale from center */
-.fx-underline:after {
-	transform: scale(0);
-	transform-origin: center;
-}
-
-.fx-underline:hover::after,
-.fx-underline:focus::after{
-	transform: scale(1);
-}
-/* Underline animation */
-/*flash-in animation*/
-      @keyframes flash-in{
-        0% {opacity:0;}
-        100% {opacity:1;}
-      }
-/*flash-in animation*/
-
-/*FX ANIMATIONS*/
+  .after-js > * {
+    visibility: visible;
+    opacity: 1;
+  }
+  .before-js:before {
+    content: 'Loading';
+    position: absolute;
+    top: 49%;
+    left: 49%;
+  }
+  .after-js:before {
+    content: none;
+  }
+  /*BTNS*/
+  .button, .pointer {
+    cursor: pointer!important}
+  .button{
+    min-width:110px;
+  }
+  /*BTNS*/
+  a {
+    text-decoration: none;
+    color:#8873FE;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  .uppercase  {
+    text-transform: uppercase;
+  }
+  .underline:hover{
+    text-decoration: underline;
+    text-decoration-thickness: from-font;
+    text-underline-position: under;
+  }
+  /*footer position*/
+  .main-min-height {
+    min-height: calc(100vh - 560px);
+  }
+  /*footer position*/
+  /*label*/
+  ::placeholder {
+    color: #8873FE;
+  }
+  input:focus {
+    border: 2px solid ##9977FE;
+    background-color:#ffffff;
+  }
+  :focus {
+    outline: none;
+  }
+  /*label*/
+  .skeleton-anim:after {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    content: "";
+    background: 
+      linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
+      linear-gradient(transparent, transparent),
+      radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
+      linear-gradient(transparent, transparent);
+    background-repeat: no-repeat;
+    background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
+    background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
+    animation: loading 1.5s infinite;
+  }
+  @keyframes loading {
+    to {
+      background-position: 200% 0, 0 0, 0 190px, 50px 195px;
+    }
+  }
+  /*FX ANIMATIONS*/
+  /*scale-round-inside_pour-BTN*/
+  .fx-scale-round {
+    position:relative;
+    z-index: 10;
+    overflow: hidden;
+  }
+  .fx-scale-round::after {
+    content: "";
+    background: #ffffff;
+    position: absolute;
+    z-index: -1;
+    border-radius: 50%;
+    left: -50%;
+    right: -50%;
+    top: -100%;
+    bottom: -100%;
+    transform: scale(0, 0);
+    transform-origin: center bottom;
+    transition: all 0.3s ease-out;
+  }
+  .fx-scale-round:hover {
+    transform-origin: center bottom;
+    transform: scale(1.1);
+    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+  }
+  .fx-scale-round:hover::after {
+    transform: scale(1, 1);
+    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+  }
+  /*scale-round-inside_pour-BTN*/
+  /*scale*/
+  .fx-scale:hover  {
+    transform-origin: center bottom;
+    transform: scale(1.1);
+    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+  }
+  /*flash*/
+  .fx-flash:hover {
+    animation: flash-in .5s ;
+  }
+  /*flash-in animation*/
+  @keyframes flash-in{
+    0% {
+      opacity:0;
+    }
+    100% {
+      opacity:1;
+    }
+  }
+  /*flash-in animation*/
+  /*FX ANIMATIONS*/
 </style>
-      {% render "api-connectors.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
+{% render "api-connectors.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
 
-      <title>{{ title }}</title>
-      <link rel="icon" href="" />
-      <meta property="description" content=""/>
-<meta property="og:title" content=""/>
-<meta property="og:description" content=""/>
-<meta property="og:image" content=""/>
-      </head>
-      <body
+<title>{{ title }}</title>
+<link rel="icon" href="/assets/favicon-32x32.png" />
+<meta name="description" property="description" content=""/>
+<meta name="og:title" property="og:title" content=""/>
+<meta name="og:description" property="og:description" content=""/>
+<meta name="og:image" property="og:image" content=""/>
+</head>
+<body
             id="i2hcfw"
             class="body app"
             
@@ -270,5 +250,4 @@ input:focus {
             v-if="error" @click="logout()"
             
             >{{ api-translations[lang]["Logout"] }}</div></div></div></body>
-      </html>
-      
+</html>