cob-cli 2.12.0 → 2.13.1

package/templates/backend/vuepress/others/vuepress/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "docs",
+  "version": "0.0.1",
+  "main": "index.js",
+  "scripts": {
+    "dev": "vuepress dev src",
+    "build": "vuepress build src"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@vuepress/plugin-back-to-top": "^1.8.2",
+    "@vuepress/plugin-medium-zoom": "^1.8.2",
+    "vuepress": "^1.8.2",
+    "vuepress-plugin-reading-time": "^0.1.1"
+  },
+  "dependencies": {
+    "@cob/rest-api-wrapper": "^2.1.6",
+    "axios": "^0.21.4",
+    "markdown-it-prism": "^2.2.3",
+    "tinycolor2": "^1.4.2",
+    "vue-mermaid-string": "^2.2.6",
+    "vuepress-bar": "^0.4.2"
+  }
+}

package/templates/backend/vuepress/others/vuepress/src/.vuepress/components/DescriptVideo.vue

@@ -0,0 +1,22 @@
+<template>
+  <div style="text-align:center;">
+    <iframe
+      :src="'https://share.descript.com/embed/' + id"
+      width="100%"
+      height="360"
+      frameborder="0"
+      allowfullscreen
+      style="max-width:640px"
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    id: String,
+  },
+};
+</script>
+
+<style></style>

package/templates/backend/vuepress/others/vuepress/src/.vuepress/components/Graph.vue

@@ -0,0 +1,124 @@
+<template>
+  <div id="cob-graph">
+    <vue-mermaid-string v-if="ready" :value="diagram" />
+    <div v-else>
+      Loading ...
+    </div>
+  </div>
+</template>
+
+<script>
+import VueMermaidString from "vue-mermaid-string";
+import tinycolor from "tinycolor2";
+import axios from 'axios'
+
+// https://www.paletton.com/#uid=73+1p0k2O++00++00++7n++be+Z
+let colorDefs = [
+  { color: "#FFF" },
+  { color: "#FFE9F0", darkenStroke: 20, saturateStroke: 0  },
+  { color: "#F3FFE9", darkenStroke: 60, saturateStroke: -5 },
+  { color: "#FFF9E9" },
+  { color: "#D0FFA6", darkenStroke: 60, saturateStroke: -5 },
+  { color: "#FF66E9", font: "#FFF" },
+  { color: "#FF3399", font: "#FFF" },
+];
+//Default variations:
+colorDefs = colorDefs.map((colorDef) => ({
+  darkenStroke: 50,
+  saturateStroke: 10,
+  font: "#333",
+  ...colorDef,
+}));
+
+const typeSequence = ["Tutorial","Howto","Reference","Explanation","Solution","SiteItem"]
+
+const style = (node, colorIndex) => {
+  const colorDef = colorDefs[colorIndex];
+  const fill = colorDef.color;
+  const font = colorDef.font;
+  const stroke = tinycolor(colorDef.color)
+    .darken(colorDef.darkenStroke)
+    .saturate(colorDef.saturateStroke)
+    .toString();
+  return `style ${node} color:${font}, fill:${fill}, stroke:${stroke}`;
+};
+
+export default {
+  components: {
+    VueMermaidString,
+  },
+
+  data () {
+    return {
+      nodes: [],
+      ready: false
+    }
+  },
+  created() {
+    let lang = this.$localePath.match(/^\/([^\/]*)(\/)?$/)[1]
+    let preferredLangPostfix = lang ? "-"+lang : ""
+    axios.get('/recordm/recordm/definitions/search/66?q=-chapter -.wip.*',{params: {sort:"sortablefield", size: 310}}) 
+    .then( answer => {
+      for(let content of answer.data.hits.hits.reverse()) {
+        for(let langPostfix of [preferredLangPostfix,"","-pt","-es"] ) {
+          try {
+            let path = this.$site.base + this.$localePath.substring(1) + content._source["path"][0].substring(1)
+            let id = content._id
+            let title 
+            let type = content._source["type"] ? content._source["type"][0] : ""
+            if( !content._source["type"] || content._source["siteitemtype"] && content._source["siteitemtype"][0] == "directory") {
+              title = content._source["descriptor"][0]
+              type="dir"
+            } else {
+              title = content._source["name" + langPostfix][0] // Fails if it doesn't have this lang content (and will try another) 
+            } 
+            let styleIndex = typeSequence.indexOf(type)
+
+            this.nodes.push( id + "[\"" + title + "\"]" )
+            this.nodes.push( style(id,styleIndex+1) ) //If styleIndex is -1 => 0, 0 => 1, etc, etc
+            if(type == "dir") {
+              this.nodes.push( 'click ' + id + ' href "/recordm/#/instance/' + id + '" "' + title + '"' )
+            } else {
+              this.nodes.push( 'click ' + id + ' href "' + path + '" "' + title + '"' )
+            }
+            if(content._source["parent"]) {
+              this.nodes.push( content._source["parent"][0] + "-->" + id )
+            }
+            break;
+          } catch {}
+        }
+      }
+      this.ready = true
+    })
+  },
+  computed: {
+    diagram: function() {
+      let result = []
+      result.push("flowchart LR ")
+      result.push("subgraph Contents")
+      result.push("direction LR")
+      result.push("style Contents fill:#FFF, stroke:#ccc")
+      result.push(...this.nodes)
+      result.push("end")
+      result.push("subgraph Legends")
+      result.push("direction TB")
+      result.push("style Legends fill:#FFF, stroke:#ccc")
+      for( let typeIndex in typeSequence ) {
+        result.push(typeSequence[typeIndex]+"s")
+        result.push( style(typeSequence[typeIndex]+"s",+typeIndex+1) )
+      }
+      result.push("end")
+      return result.join("\n")
+    }
+  }
+};
+</script>
+
+<style>
+#cob-graph {
+  text-align: center;
+}
+#cob-graph svg {
+  height:100%
+}
+</style>

package/templates/backend/vuepress/others/vuepress/src/.vuepress/components/ReadingTime.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="read-time">
+        <p>
+            <strong>Reading time:</strong> {{ readingTime }} minute{{readingTime > 1 ? 's': ''}}<br />
+        </p>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'ReadingTime',
+    computed: {
+        // Full object list: //github.com/darrenjennings/vuepress-plugin-reading-time#usage
+        readingTime() { 
+            let minutes = this.$page.readingTime.minutes
+            
+            if (minutes < 1) {
+                minutes = 1
+            } else {
+                minutes = (minutes - Math.floor(minutes) < .5) ? Math.floor(minutes) : Math.ceil(minutes)
+            }
+            return minutes 
+        },
+    }
+}
+</script>

package/templates/backend/vuepress/others/vuepress/src/.vuepress/components/References.vue

@@ -0,0 +1,228 @@
+<template>
+  <div class="outside-container">
+    <div class="inside-container">
+      <template v-for="(card, i) of cards">
+        <div v-if="card.items.length" class="card-wraper"  :key="card.title">
+          <h3>
+            <span v-if="$attrs.mainNumber">
+              {{ i + 1 }}. 
+            </span>
+            {{ card.title }}
+          </h3>
+          <div v-if="Object.keys(card.intro).length" class="meta">
+            <div v-for="(value, name) in card.intro" :key="name">
+              <strong>{{ name }}:</strong> 
+              <wbr>
+              <span> {{ value }} </span>
+            </div>
+          </div>
+          <div class="flexible"></div>
+          <div v-for="(item, i) in card.items" :key="item.title" class="item" :class="{multiple:i!=0}">
+            <!-- TODO: adicionar marcas de lido, marca de conteúdo em construção, marca de certificado, tempo de leitura -->
+            <!-- TODO: links para edição -->
+            <span v-if="item.isRestricted" class="icon">🔓</span>
+            <span v-if="card.numbering" class="numbering">
+              {{ i + 1 }}. 
+            </span>
+            <span v-else class="no-numbering"/>
+            <a :href="item.path">
+              {{ item.title }}
+            </a>
+          </div>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  name: "References",
+
+  data: () => ({
+    cards: []
+  }),
+
+  created() {
+    let listProp = this.$attrs.list ? this.$attrs.list : "References";
+    this.cards = this.$page[listProp];
+  },
+
+  beforeMount() {
+    let lang = this.$localePath.match(/^\/([^\/]*)(\/)?$/)[1]
+    let preferredLangPostfix = lang ? "-"+lang : ""
+
+    this.cards.forEach( card => {
+      if(card.queries.length) {
+        let initialItems = card.items
+        this.$set(card, 'items', [])
+        this.cardsLoaded = true
+        card.queries.forEach( queryItem => {
+          axios.get('/recordm/recordm/definitions/search/7?q=' + queryItem.query ,{params: {sort:"sortablefield"}})
+          .then( answer => {
+            for(let content of answer.data.hits.hits.reverse()) {
+              for(let langPostfix of [preferredLangPostfix,"","-pt","-es"] ) {
+                try {
+                  let title = content._source["name" + langPostfix][0] // Fails if it doesn't have this lang content (and will try another)
+                  let id = content._id
+                  let path = this.$site.base + this.$localePath.substring(1) + content._source["path"][0].substring(1)
+                  let type = content._source["type"][0]
+                  let target = content._source["target"] ? content._source["target"][0] : ""
+                  let format = content._source["format"] ? content._source["format"][0] : ""
+                  let isRestricted = initialItems.filter(i => i.id == id).length == 0;
+                  card.items.push( { id: id, title: title, path: path, type: type, target: target, format: format, isRestricted: isRestricted} )
+                  break;
+                } catch {}
+              }
+            }
+          })
+        })
+        card.queries = [] // clean queries to prevent getting them multiple times (with page back and forth)
+      }
+    })
+  }
+};
+</script>
+
+<style lang="stylus">
+.inside-container
+  display: flex;
+  flex-wrap: wrap;
+  align-content: stretch;
+  align-items: stretch;
+  justify-content: start;
+  gap: 20px;
+  @media (max-width: 768px)
+    flex-direction column
+  .card-wraper 
+    flex-grow: 1;
+    flex-basis: 10%;
+    min-width: 300px;
+    border: solid 1px lighten($accentColor,45);
+    border-radius: 7px;
+    padding: 20px;
+    @media (max-width: 768px)
+      background-color: lighten($accentColor,55);
+      max-width 100%
+    h3 
+      margin-block-start: 0;
+      margin-bottom: 0px;
+      font-size: 1.35em;
+    .meta 
+      padding: 4px;
+      margin-top:5px
+      margin-bottom:5px
+      background-color: #fffaf0;
+      border: solid 0.9px #ddd;
+      border-radius: 7px;
+      div 
+        font-size: 14px;
+    .item
+      display: flex
+      align-items: flex-end
+      .numbering
+        font-size: 15px
+        align-self: center
+        min-width:19px
+        text-align: right
+        padding-right: 2px
+        font-weight: 600;
+      .no-numbering
+        min-width: 4px
+      a
+        flex-grow: 1
+      span.icon
+        order: 1
+        font-size: 13px
+        min-width: 13px
+        align-self: center
+
+.buttonCards
+  .inside-container
+    text-align: center
+    font-size: 1.2em
+    justify-content: space-around;
+    gap: 32px;
+    margin-left: auto
+    margin-right: auto
+    flex-direction inherit
+    .card-wraper
+      display: flex;
+      flex-flow: column-reverse;
+      border:none
+      max-width: 255px;
+      min-width: 255px;
+      background-color: none
+      @media (max-width: 1018px)
+        max-width: 355px;
+      h3  
+        display:none
+      .flexible 
+        flex-grow: 1;
+      .meta 
+        div
+          strong
+            font-weight: normal
+            color: #888
+          span
+            font-size: 17px
+            font-weight: 600
+            color: #666
+            &:before
+              content: "\a";
+              white-space: pre;
+      a
+      a:hover
+        background-color: $accentColor;
+        color: #fff;
+        font-weight: bold;
+        margin: 10px auto;
+        border-radius: 8px;
+        padding: 5px;
+      a:hover
+        background-color: lighten($accentColor,5);
+        transition-duration: .2s;
+
+.justContent
+  .inside-container
+    .card-wraper
+      border:none
+      background-color: none
+      h3  
+        display:none
+      .flexible 
+        flex-grow: 1;
+      .meta 
+        display:none
+      .item
+          margin-top: 10px
+      .icon
+          display:none
+
+.inlineContent
+  display: inline
+  margin-right: 3px;
+  .inside-container
+    display: inline
+    .card-wraper
+      border:none
+      background-color: none
+      display: inline
+      padding: 0
+      h3  
+        display:none
+      .flexible 
+        display: none
+      .meta 
+        display:none
+      .item
+        display: inline
+        margin-right: -3px;
+      .item.multiple
+        span::after
+          content: ", "
+      .icon
+          display:none
+</style>

package/templates/backend/vuepress/others/vuepress/src/.vuepress/components/RestrictedContent.vue

@@ -0,0 +1,77 @@
+<template>
+    <clientOnly>
+        <div>
+            <div v-if="loading">
+                Loading ...
+            </div>
+            <div v-else>
+                <div v-if="hasAccess" v-html="renderedMarkdown"></div>
+
+                <div v-else class="warning custom-block">
+                    <p class="custom-block-title">WARNING</p> 
+                    <p>Restricted Content</p>
+                </div>
+            </div>
+        </div>
+    </clientOnly>
+</template>
+
+<script>
+import axios from 'axios'
+import markdownIt from 'markdown-it';
+import emojiPlugin from 'markdown-it-emoji';
+import prism from 'markdown-it-prism';
+
+import "prismjs/components/prism-java"
+import "prismjs/components/prism-sql"
+import "prismjs/components/prism-groovy"
+import "prismjs/components/prism-jsx"
+import "prismjs/components/prism-json"
+import "prismjs/components/prism-bash"
+import "prismjs/components/prism-nix"
+import "prismjs/components/prism-nginx"
+
+export default {
+    name: 'ConditionalContent',
+    data: () => ({
+      renderedMarkdown: "",
+      hasAccess: false,
+      loading: true,
+    }),
+    mounted() {
+        let lang = this.$localePath.match(/^\/([^\/]*)(\/)?$/)[1]
+        let preferredLangPostfix = lang ? "-"+lang : ""
+
+        axios.get('/recordm/recordm/definitions/search/7?q=id:' + this.$page.frontmatter.id ,{})
+        .then((answer) => {
+            let md = new markdownIt({ html: true });
+            md.use(emojiPlugin)
+            md.use(prism)
+            let content
+            for(let langPostfix of [preferredLangPostfix,"","-pt","-es"] ) {
+              try {
+                content = answer.data.hits.hits[0]._source["content" + langPostfix][0]
+                break;
+              } catch {}
+            }
+            
+            if(content) {
+                this.hasAccess = true;
+            }
+
+            // if there is some frontmatter data on the content remove it before rendering it
+            if(content && content.indexOf("---\n") == 0) {
+                let frontmatterEval = content.split("---\n")
+                if(frontmatterEval.length>2) {
+                    frontmatterEval.shift() // Before first ---\n (should be "")
+                    frontmatterEval.shift() // frontmattercontent
+                    content = frontmatterEval.join() //Just content
+                }
+            }
+            this.renderedMarkdown = md.render(content)
+        })
+        .catch()
+        .finally(() => this.loading = false)
+    }
+}
+</script>

package/templates/backend/vuepress/others/vuepress/src/.vuepress/config.js

@@ -0,0 +1,101 @@
+const axios = require('axios').default
+const fs = require('fs');
+const CONF = require('./config.json')
+
+
+async function getSidebar(lang) {
+    const rootElementsResponse = await axios.post('https://' + CONF.server + '/integrationm/action/getVuePressSidebarRootElements',{})
+    const rootElements = rootElementsResponse.data
+    let sidebar = {}
+    let langPrefix = (lang == "en") ? "" : "/" + lang
+    for(rootElement of rootElements) {
+        sidebar[langPrefix + rootElement] = (await axios.post('https://' + CONF.server + '/integrationm/action/getVuePressSidebarConfig',{path:rootElement,lang:lang})).data;
+    }
+    return sidebar
+}
+
+async function getAllPages() {
+    const content = await axios.post('https://' + CONF.server + '/integrationm/action/getVuePressDoc',{})
+    return content.data;
+}
+
+async function createFilesFromServerInfo() {
+    fs.mkdirSync("./debug/.vuepress", { recursive: true }, (err) => {
+        if (err) throw err;
+    });
+
+    fs.writeFile('./debug/.vuepress/sidebarEN.json', JSON.stringify(await getSidebar("en")), () => {})
+    fs.writeFile('./debug/.vuepress/sidebarPT.json', JSON.stringify(await getSidebar("pt")), () => {})
+    fs.writeFile('./debug/.vuepress/sidebarES.json', JSON.stringify(await getSidebar("es")), () => {})
+    
+    const pages = await getAllPages()
+    pages.forEach(page => {
+        fs.mkdirSync("./debug" + page.path, { recursive: true }, (err) => {
+            if (err) throw err;
+        });
+        fs.writeFile("./debug" + page.path + '/README.md', page.content, (err) => {
+            if (err) throw err;
+        });
+    });
+}
+
+module.exports = async function() {
+    const DEBUG = false;
+    if(DEBUG) await createFilesFromServerInfo();
+
+    return {
+        base: "/docs/",
+        dest: "nginx/dist",
+        additionalPages: await getAllPages(),
+        locales: {
+            '/':    { lang: 'en-US', title:CONF.title },
+            '/pt/': { lang: 'pt-PT', title:CONF.titlePT  },
+            '/es/': { lang: 'es-ES', title:CONF.titleES  }
+        },
+        themeConfig: {
+            displayAllHeaders: false,
+            editLinks: true,
+            locales: {
+                '/': {
+                    lang: 'en-US',
+                    selectText: '🇬🇧',
+                    label: 'English',
+                    selectLanguageName: 'English',
+                    nav: CONF.nav,
+                    sidebar: await getSidebar("en")
+                },
+                '/pt/': {
+                    lang: 'pt-PT',
+                    selectText: '🇵🇹',
+                    label: 'Português',
+                    selectLanguageName: 'Português',
+                    nav: CONF.navPT,
+                    sidebar: await getSidebar("pt")
+                },
+                '/es/': {
+                    lang: 'es-ES',
+                    selectText: '🇪🇸',
+                    label: 'Espanol',
+                    selectLanguageName: 'Español',
+                    nav: CONF.navES,
+                    sidebar: await getSidebar("es")
+                }
+            },
+            logo: '/logo.png'
+        },
+        head: [
+            ['link', { href: 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap', rel: 'stylesheet' } ],
+            ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1.0' }],
+            ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }],
+            ['meta', { name: 'theme-color', content: '#d5184b' }],
+            ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
+            ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }]
+        ],
+        plugins: [
+            require('./plugins/References.js'),
+            'vuepress-plugin-reading-time',
+            '@vuepress/back-to-top',
+            '@vuepress/medium-zoom'
+        ]
+    }
+}

package/templates/backend/vuepress/others/vuepress/src/.vuepress/config.json

@@ -0,0 +1,31 @@
+{
+    "server": "learning.cultofbits.com",
+    "contentDefinition": 66,
+    "title": "CoB",
+    "nav": [
+        { "text": "Users",      "link": "/site/users/" },
+        { "text": "Admins",     "link": "/site/managers/" },
+        { "text": "Developers", "link": "/site/developers/" },
+        { "text": "Solutions",  "link": "/site/solutions/" },
+        { "text": "Login",      "link": "/recordm/index.html#/login", "ifLoggedIn": false, "target": "_self" },
+        { "text": "Backend",    "link": "/recordm/#/domain/1",                                               "ifLoggedIn": true }
+    ],
+    "titlePT": "CoB",
+    "navPT": [
+        { "text": "Utilizadores",    "link": "/site/users/" },
+        { "text": "Administradores", "link": "/site/managers/" },
+        { "text": "Programadores",   "link": "/site/developers/" },
+        { "text": "Soluções",        "link": "/site/solutions/" },
+        { "text": "Login",           "link": "/recordm/index.html#/login", "ifLoggedIn": false, "target": "_self" },
+        { "text": "Backend",         "link": "/recordm/#/domain/1",                                               "ifLoggedIn": true }
+    ],
+    "titleES": "CoB",
+    "navES": [
+        { "text": "Usuários",        "link": "/site/users/" },
+        { "text": "Administradores", "link": "/site/managers/" },
+        { "text": "Desarrolladores", "link": "/site/developers/" },
+        { "text": "Soluciones",      "link": "/site/solutions/" },
+        { "text": "Acceso",          "link": "/recordm/index.html#/login", "ifLoggedIn": false, "target": "_self" },
+        { "text": "Backend",         "link": "/recordm/#/domain/1",                                               "ifLoggedIn": true }
+    ]
+}

package/templates/backend/vuepress/others/vuepress/src/.vuepress/enhanceApp.js

@@ -0,0 +1,14 @@
+/**
+ * Client app enhancement file.
+ *
+ * https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements
+ */
+
+export default ({
+  Vue, // the version of Vue being used in the VuePress app
+  options, // the options for the root Vue instance
+  router, // the router instance for the app
+  siteData // site metadata
+}) => {
+  // ...apply enhancements for the site.
+}