npm - @silexlabs/silex-dashboard - Versions diffs - 1.0.40 → 1.0.44 - Mend

@silexlabs/silex-dashboard 1.0.40 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/.gitmodules +2 -2
package/11ty/eleventy.config.mjs +62 -0
package/README.md +8 -2
package/collections/connectors/en.md +70 -0
package/collections/connectors/fr.md +72 -0
package/collections/home/en.md +57 -0
package/{pages/fr/index.md → collections/home/fr.md} +20 -21
package/collections/languages/en.json +5 -0
package/collections/languages/fr.json +5 -0
package/collections/settings/en.json +127 -0
package/collections/settings/fr.json +131 -0
package/package.json +17 -8
package/silex/client-config.js +24 -0
package/{.silex.js → silex/server-config.js} +8 -16
package/templates/connectors-en.11tydata.mjs +56 -0
package/templates/connectors-en.html +440 -0
package/templates/connectors-fr.11tydata.mjs +56 -0
package/templates/connectors-fr.html +440 -0
package/templates/css/connectors-61bd21c2345101e48cc530cacf3afc0156ce7e089fcef3a34f853a537f0c55f2.css +1 -0
package/templates/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.css +1 -0
package/templates/websites-en.11tydata.mjs +108 -0
package/templates/websites-en.html +478 -0
package/templates/websites-fr.11tydata.mjs +108 -0
package/templates/websites-fr.html +478 -0
package/tina/config.ts +258 -0
package/tina/tina-lock.json +1 -0
package/.eleventy.js +0 -11
package/.silex-client.js +0 -22
package/_data/languages.json +0 -7
package/_includes/api-connectors.js.html +0 -96
package/_includes/api-websites.js.html +0 -189
package/_includes/connectors.html +0 -253
package/_includes/websites.html +0 -548
package/_silex/old/assets/alex-hoyau.jpg +0 -0
package/_silex/old/assets/alex-small.jpg +0 -0
package/_silex/old/assets/empty-projects.gif +0 -0
package/_silex/old/assets/gitlab.svg +0 -13
package/_silex/old/assets/picto-silex.png +0 -0
package/_silex/old/assets/silex-icon-2018@200px.png +0 -0
package/_silex/old/meta.json +0 -1
package/_silex/old/website.json +0 -1
package/_site/assets/alex-small.jpg +0 -0
package/_site/assets/bg-purpel-silex.webp +0 -0
package/_site/assets/bg-silex-purpel.webp +0 -0
package/_site/assets/empty-projects-sos.gif +0 -0
package/_site/assets/gitlab.svg +0 -13
package/_site/assets/logo-silex.svg +0 -1
package/_site/assets/picto-silex@3x.png +0 -0
package/_site/assets/silex-dashboard.png +0 -0
package/_site/assets/silex-icon-2018@200px.png +0 -0
package/_site/css/connectors.css +0 -1
package/_site/css/websites.css +0 -1
package/_site/en/connectors/index.html +0 -376
package/_site/en/index.html +0 -795
package/_site/fr/connectors/index.html +0 -376
package/_site/fr/index.html +0 -795
package/assets/alex-small.jpg +0 -0
package/assets/bg-purpel-silex.webp +0 -0
package/assets/bg-silex-purpel.webp +0 -0
package/assets/empty-projects-sos.gif +0 -0
package/assets/favicon-32x32.png +0 -0
package/assets/gitlab.svg +0 -13
package/assets/logo-silex.svg +0 -1
package/assets/picto-silex@3x.png +0 -0
package/assets/silex-dashboard.png +0 -0
package/assets/silex-icon-2018@200px.png +0 -0
package/pages/connectors.css.liquid +0 -4
package/pages/en/connectors.md +0 -4
package/pages/en/en.json +0 -72
package/pages/en/index.md +0 -28
package/pages/fr/connectors.md +0 -5
package/pages/fr/fr.json +0 -72
package/pages/pages.11tydata.js +0 -5
package/pages/websites.css.liquid +0 -4
/package/{_data → 11ty/_data}/api-translations.json +0 -0
/package/{_data → 11ty/_data}/site.js +0 -0
/package/{_includes → 11ty/_includes}/alternate.liquid +0 -0
/package/{_silex/old → templates}/assets/bg-purpel-silex.webp +0 -0
/package/{_silex/old → templates}/assets/bg-silex-purpel.webp +0 -0
/package/{_silex/old → templates}/assets/empty-projects-sos.gif +0 -0
/package/{_site → templates}/assets/favicon-32x32.png +0 -0
/package/{_silex/old → templates}/assets/logo-silex.svg +0 -0
/package/{_silex/old → templates}/assets/picto-silex@3x.png +0 -0

package/templates/websites-en.html ADDED Viewed

@@ -0,0 +1,478 @@
+---
+permalink: "/{{lang}}/"
+lang: "en"
+collection: "Websites"
+---
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<link rel="stylesheet" href="/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.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;
+  }
+  .before-js[data-gjs-type] > *, /* This is only inside the editor, .before-js needs to be on the body */
+  .after-js > * {
+    visibility: visible;
+    opacity: 1;
+  }
+  .before-js:before {
+    content: 'Loading';
+    position: absolute;
+    top: 49%;
+    left: 49%;
+  }
+  .before-js[data-gjs-type]:before, /* This is only inside the editor, .before-js needs to be on the body */
+  .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 .25s ;
+  }
+  /*flash-in animation*/
+  @keyframes flash-in{
+    0% {
+      opacity:.25;
+    }
+    100% {
+      opacity:1;
+    }
+  }
+  /*flash-in animation*/
+  /*FX ANIMATIONS*/
+</style>
+<script src="/js/vue.global.prod.js"></script>
+<script src="/js/main.js"></script>
+<script type="module">
+const CONNECTORS_PATH = '/connectors/'
+window.addEventListener('load', function() {
+  const { createApp } = Vue;
+  const { api, constants, types } = silex;
+  const {
+    ConnectorType,
+  } = types
+  const {
+    setServerUrl,
+    getUser,
+    logout,
+    websiteDelete,
+    websiteDuplicate,
+    websiteList,
+    websiteCreate,
+    websiteMetaWrite,
+  } = api
+  function toSafeId(name) {
+    return name.replace(/[/\\?%*:|"<>]/g, '_')
+  }
+  const App = {
+    data() {
+      return {
+        websites: [],
+        newWebsiteName: '',
+        showCreationForm: false,
+        error: null,
+        message: null,
+        loggedIn: false,
+        loading: true,
+        storage: null,
+        user: null,
+        showMenu: false,
+        empty: false,
+      }
+    },
+    mounted() {
+      this.init()
+    },
+    methods: {
+      async init() {
+        try {
+          // Init Silex server path
+          // Go up one level because of the language prefix
+          setServerUrl(window.location.origin)
+          // Start
+          const user = await getUser({type: ConnectorType.STORAGE})
+          // Escape single quotes in the picture URL and decode the picture URL
+          user.picture = decodeURIComponent(user.picture).replace(/'/g, "\\'")
+          if(user) {
+            this.user = user
+            this.loggedIn = true
+            this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+            this.empty = this.websites.length === 0
+            this.loading = false
+          } else {
+            this.openLogin()
+          }
+        } catch (error) {
+          console.error(error)
+          this.loading = false
+          if(error.code === 401 || error.httpStatusCode === 401) {
+            this.loggedIn = false
+            this.openLogin()
+          } else {
+            this.error = `{{ api-translations[lang]["Failed to start dashboard"] }} - ${error.message}`
+            this.message = ''
+          }
+        }
+      },
+      openLogin(id, lang) {
+        //throw new Error('debug')
+        const path = `/{{lang}}${CONNECTORS_PATH}`
+        console.log(window.location.pathname, window.location.path, path)
+        if(window.location.pathname === path) return
+        window.open(path, '_self')
+      },
+      openEditor(id, lang) {
+        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
+      },
+      async logout() {
+        await logout({
+          type: ConnectorType.STORAGE,
+          connectorId: this.user.storage.connectorId,
+        })
+        window.location.reload()
+      },
+      async createWebsite() {
+        try {
+          if (!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
+          this.loading = true
+          const websiteId = toSafeId(this.newWebsiteName)
+          const result = await websiteCreate({
+            websiteId,
+            data: {
+              name: this.newWebsiteName,
+              imageUrl: null,
+            },
+            connectorId: this.user.storage.connectorId
+          })
+          this.message = '{{ api-translations[lang]["Website created successfully"] }}'
+          this.error = ''
+          this.newWebsiteName = ''
+          this.showCreationForm = false;
+          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
+          this.loading = false
+          return result
+        } catch (error) {
+          this.loading = false
+          console.error(error)
+          this.error = `{{ api-translations[lang]["Failed to create website"] }} - ${error.message}`
+          this.message = ''
+        }
+      },
+      async deleteWebsite(websiteId) {
+        const ok = confirm('{{ api-translations[lang]["Deleting a website? Are your sure? Really?"] }}')
+        if (!ok) return
+        this.loading = true
+        try {
+          const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
+          this.message = '{{ api-translations[lang]["Website deleted successfully"] }}'
+          this.error = ''
+          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
+          this.loading = false
+          return result
+        } catch (error) {
+          this.loading = false
+          this.error = `{{ api-translations[lang]["Failed to delete website"] }} - ${error.message}`
+          this.message = ''
+        }
+      },
+      async duplicateWebsite(websiteId) {
+        this.loading = true
+        try {
+          await websiteDuplicate({websiteId, 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)
+        if (!name) return
+        this.loading = true
+        try {
+          const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
+          this.message = '{{ api-translations[lang]["Website renamed successfully"] }}'
+          this.error = ''
+          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
+          this.loading = false
+          return result
+        } catch (error) {
+          this.loading = false
+          this.error = `{{ api-translations[lang]["Failed to rename website"] }} - ${error.message}`
+          this.message = ''
+        }
+      },
+    },
+  };
+  // Prepare elements for vue
+  document.querySelectorAll('[v-text], [v-html]')
+  .forEach(el => el.innerText = '')
+  // Create the app
+  const app = createApp(App);
+  // Mount the app
+  app.mount('.app');
+  // Remove loading
+  setTimeout(() => {
+    document.querySelector('.before-js').classList.add('after-js')
+  }, 100)
+})
+</script>
+<title>{% liquid
+    assign var_ik0i_243 = tina.homeConnection.edges | where | first
+	assign var_ik0i_244 = var_ik0i_243.node.title
+    echo var_ik0i_244
+  %}</title>
+<link rel="icon" href="/assets/favicon-32x32.png" />
+<meta name="og:title" property="og:title" content="Silex Dashboard"/>
+<link href="https://www.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://www.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
+{% liquid
+    assign var_ik0i_146 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
+    assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i_146
+  %}
+{% liquid
+    assign var_ik0i_147 = tina.homeConnection.edges | where: "node.lang", page.lang | first
+	assign var_ik0i_148 = var_ik0i_147.node
+    assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i_148
+  %}<body id="ik0i" class="body loading app before-js"><HEADER id="igrg" class="menu-bar"><A id="igvu43" href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="i9jq" class="nav">{% liquid
+    assign var_iels_74 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
+	assign var_iels_75 = var_iels_74.node.nav
+    %}
+    {% for state_iels-228___data in var_iels_75 %}
+  <a id="iels" href="{% liquid
+    assign var_iels_76 = state_iels-228___data.url
+    echo var_iels_76
+  %}" class="nav__item uppercase fx-flash nav_item--active" target="{% liquid
+    assign var_iels_77 = state_iels-228___data.target
+    echo var_iels_77
+  %}">{% liquid
+    assign var_iels_73 = state_iels-228___data.label
+    echo var_iels_73
+  %}</a>{% endfor %}</NAV>{% liquid
+    assign var_i2red7_82 = tina.languagesConnection.edges
+    %}
+    {% for state_i2red7-8291___data in var_i2red7_82 %}
+  <div id="i2red7" class="lang"><a href="{% liquid
+    assign var_iciz_81 = state_i2red7-8291___data.node.permalink
+    echo var_iciz_81
+  %}" id="iciz" class="lang__item nav__item uppercase">{% liquid
+    assign var_iciz_80 = state_i2red7-8291___data.node.label
+    echo var_iciz_80
+  %}</a></div>{% endfor %}<div id="i24ew" class="user__wrapper pointer" v-if="user" v-on:click="showMenu = !showMenu"><div id="i5xsbd" class="user-icon__wrapper" v-if="user" v-show="!showMenu || user.storage.disableLogout"><div id="i5wlbq" class="user-icon__image" v-if="user" v-show="!showMenu || user.storage.disableLogout" :style="{ backgroundImage: `url('${user?.picture}')`, backgroundRepeat: 'no-repeat', backgroundSize: 'contain', }"></div></div><div id="ic9eoa" class="" v-show="showMenu && !user.storage.disableLogout"><div id="iksw4d" class="button button--tertiary text-centered" v-on:click="logout()">Logout</div></div></div></HEADER><HEADER id="iy8ax3" class="bg-silex-purpel"><div id="iisz8f" class="section-top text-centered text-white"><h1 id="ic31o" class="title-40" v-if="!empty">{% liquid
+    assign var_ic31o_83 = state_ik0i-958_ik0i-24xejc2n0xy.title2
+    echo var_ic31o_83
+  %}</h1><p id="iyex8" class="subtitle-16" v-if="!empty">{% liquid
+    assign var_iyex8_84 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle
+    echo var_iyex8_84
+  %}</p><h1 id="i4ybc" class="title-40" v-if="empty">{% liquid
+    assign var_i4ybc_85 = state_ik0i-958_ik0i-24xejc2n0xy.title2_empty
+    echo var_i4ybc_85
+  %}</h1><p id="iino6r" class="subtitle-16" v-if="empty">{% liquid
+    assign var_iino6r_86 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle_empty
+    echo var_iino6r_86
+  %}</p></div></HEADER><MAIN id="iz63r" class="padding-normal main-min-height website-max-width margin-80"><section id="iqmx38" class="" v-if="empty"></section><div id="ickx4" class="margin-20" v-if="!empty"><button id="ic92g" class="button button--primary rounded top-space-40 fx-scale-round" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">{% liquid
+    assign var_ixu14_90 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
+    echo var_ixu14_90
+  %}</span></button><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40 padding-30 box_transp" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header text-centered">{% liquid
+    assign var_i3gd1b_100 = state_ik0i-958_ik0i-24xejc2n0xy.add_title
+    echo var_i3gd1b_100
+  %}</h3><form method="get" id="i50acf" class="form" v-on:submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space bold color-2B1B63-80">{% liquid
+    assign var_i1nmbc_105 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_label
+    echo var_i1nmbc_105
+  %}</label><input type="text" id="ij5iwh" placeholder="{% liquid
+    assign var_ij5iwh_106 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_placeholder
+    echo var_ij5iwh_106
+  %}" class="input full-width" v-model="newWebsiteName"></input></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space-20 fx-scale-round">{% liquid
+    assign var_i021na_107 = state_ik0i-958_ik0i-24xejc2n0xy.add_ok
+    echo var_i021na_107
+  %}</button><button type="reset" class="button rounded button--secondary fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">{% liquid
+    assign var_inpaq_108 = state_ik0i-958_ik0i-24xejc2n0xy.add_cancel
+    echo var_inpaq_108
+  %}</button></div></form></div><div id="if80m" class="margin-20"><section id="idgvg" class="button-bar loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="right-space-40 color-2B1B63-80 uppercase pointer fx-flash full-width button-bar__title underline" v-on:click="openEditor(website.websiteId, 'en')" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Updated ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Created ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="flex-no-shrink"><button id="ifyf6p" title="{% liquid
+    assign var_ifyf6p_117 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit
+    echo var_ifyf6p_117
+  %}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId, 'en')">{% liquid
+    assign var_ifyf6p_116 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit_icon
+    echo var_ifyf6p_116
+  %}</button><button id="ihf6ew" title="{% liquid
+    assign var_ihf6ew_119 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename
+    echo var_ihf6ew_119
+  %}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId, 'en')">{% liquid
+    assign var_ihf6ew_118 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename_icon
+    echo var_ihf6ew_118
+  %}</button><button id="iol4h" title="{% liquid
+    assign var_iol4h_121 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate
+    echo var_iol4h_121
+  %}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId, 'en')">{% liquid
+    assign var_iol4h_120 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate_icon
+    echo var_iol4h_120
+  %}</button><button id="it5ia" class="button-bar__item--link pointer fx-flash fx-scale" title="{% liquid
+    assign var_it5ia_122 = state_ik0i-958_ik0i-24xejc2n0xy.list_delete
+    echo var_it5ia_122
+  %}" v-on:click="deleteWebsite(website.websiteId)">X</button></div></section><section id="i1fjn" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 id="iwu6a" class="skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="i26fn" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="iywbk" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="ixz6c" class="skeleton skeleton-button">Edit</div></section><section id="iwxxo5" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 id="inmp3" class="skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="icjz8" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="illbe" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="i9fx3l" class="skeleton skeleton-button">Edit</div></section><section id="isld3r" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="i8oes3" class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="ipccl7"><div id="i2fkm9" class="margin-20 empty-image" v-if="empty"></div><div id="i5ydxo" class="box padding-50-30 box--centered" v-if="empty"><p id="ikl1qu" class="text-centered title-26">{% liquid
+    assign var_ikl1qu_127 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty1
+    echo var_ikl1qu_127
+  %}</p><h3 id="iwzrqi" class="text-centered title-26">{% liquid
+    assign var_iwzrqi_128 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty2
+    echo var_iwzrqi_128
+  %}</h3><button id="i2x0l" class="button button--primary rounded top-space-40 fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span> <span id="itl2n8" class="">{% liquid
+    assign var_itl2n8_130 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
+    echo var_itl2n8_130
+  %}</span></button></div></div><div id="i7ej6j" class="flex-between box-message text-white" v-if="error"><h3 id="iv0eyi" class="box-message-text" v-text="error">Insert your text here</h3><div id="i4656n" class="pointer button-bar__item--link text-white" v-on:click="error = null">{% liquid
+    assign var_i4656n_132 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
+    echo var_i4656n_132
+  %}</div></div><div id="ilteie" class="flex-between box-message text-white" v-if="message"><h3 id="i2d31v" class="box-message-text" v-text="message">Insert your text here</h3><div id="i2urco" class="rounded pointer button-bar__item--link text-white" v-on:click="message = null">{% liquid
+    assign var_i2urco_134 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
+    echo var_i2urco_134
+  %}</div></div></MAIN><FOOTER id="ilzpl" class="footer">{% liquid
+    assign var_isucae_145 = state_ik0i-958_ik0i-e8l061o7k5.node.footer_links
+    %}
+    {% for state_isucae-3308___data in var_isucae_145 %}
+  <div id="isucae" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">{% liquid
+    assign var_ipa5zg_140 = state_isucae-3308___data.title
+    echo var_ipa5zg_140
+  %}</h3>{% liquid
+    assign var_ief642_142 = state_isucae-3308___data.columns
+    %}
+    {% for state_i2u9h4-2642___data in var_ief642_142 %}
+  <a href="{% liquid
+    assign var_ief642_143 = state_i2u9h4-2642___data.url
+    echo var_ief642_143
+  %}" class="footer__item" target="{% liquid
+    assign var_ief642_144 = state_i2u9h4-2642___data.target
+    echo var_ief642_144
+  %}">{% liquid
+    assign var_ief642_141 = state_i2u9h4-2642___data.label
+    echo var_ief642_141
+  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
+</html>

package/templates/websites-fr.11tydata.mjs ADDED Viewed

@@ -0,0 +1,108 @@
+export default async function (configData) {
+  const data = {
+    ...configData,
+    lang: 'fr',
+  }
+  const result = {}
+  try {
+  result['tina'] = (await (await fetch(`http://localhost:4001/graphql`, {
+  headers: {
+    'Content-Type': `application/json`,
+  },
+  method: 'POST',
+  body: JSON.stringify({
+    query: `query {
+__typename
+settingsConnection {
+  __typename
+  edges {
+    __typename
+    node {
+      __typename
+      nav {
+        __typename
+        label
+        url
+        target
+      }
+      footer_links {
+        __typename
+        title
+        columns {
+          __typename
+          label
+          url
+          target
+        }
+      }
+      lang
+    }
+  }
+}
+homeConnection {
+  __typename
+  edges {
+    __typename
+    node {
+      __typename
+      title2
+      subtitle
+      title2_empty
+      subtitle_empty
+      add_title
+      add_name_label
+      add_name_placeholder
+      add_ok
+      add_cancel
+      list_edit_icon
+      list_edit
+      list_rename_icon
+      list_rename
+      list_duplicate
+      list_duplicate_icon
+      list_delete
+      text_empty1
+      text_empty2
+      add_button
+      message_dismiss
+      lang
+    }
+  }
+}
+languagesConnection {
+  __typename
+  edges {
+    __typename
+    node {
+      __typename
+      label
+      permalink
+    }
+  }
+}
+}`,
+  })
+  })).json()).data
+} catch (e) {
+  console.error('11ty plugin for Silex: error fetching graphql data', e, 'tina', 'http://localhost:4001/graphql')
+  throw e
+}
+  return result
+}