@jseeio/jsee 0.3.4 → 0.3.7

package/bin/jsee

@@ -1,704 +1,3 @@
 #!/usr/bin/env node
-
-const fs = require('fs')
-const path = require('path')
-const os = require('os')
-const crypto = require('crypto')
-
-const minimist = require('minimist')
-const jsdoc2md = require('jsdoc-to-markdown')
-const showdown = require('showdown')
-const showdownKatex = require('showdown-katex')
-const converter = new showdown.Converter({
-  extensions: [
-    showdownKatex({
-      throwOnError: true,
-      displayMode: true,
-      errorColor: '#1500ff',
-      output: 'mathml'
-    }),
-  ],
-  tables: true
-})
-showdown.setFlavor('github')
-
-// left padding of multiple lines
-function pad (str, len, start=0) {
-  return str.split('\n').map((s, i) => i >= start ? ' '.repeat(len) + s : s).join('\n')
-}
-
-function depad (str, len) {
-  return str.split('\n').map(s => s.slice(len)).join('\n')
-}
-
-const argv = minimist(process.argv.slice(2), {
-  alias: {
-    inputs: 'i',
-    outputs: 'o',
-    description: 'd',
-    ga: 'g',
-    port: 'p',
-    version: 'v',
-    fetch: 'f',
-  },
-  default: {
-    inputs: '',
-    fetch: false,
-    port: 3000,
-    version: 'latest'
-  }
-})
-// Set argv.inputs to the first non-option argument if it exists
-if (argv._.length > 0) {
-  argv.inputs = argv._[0]
-}
-
-gen(argv)
-
-// Adding async here breaks express. TODO: investigate
-async function gen (argv, returnHtml=false) {
-  console.log('argv:', argv)
-  let cwd = process.cwd()
-  let inputs = argv.inputs
-  let outputs = argv.outputs
-  let description = argv.description
-  let version = argv.version
-  let ga = argv.ga
-  let schema
-  let descriptionTxt = ''
-  let descriptionHtml = ''
-  let jsdocMarkdown = ''
-
-  // if inputs is a string with js file names, split it into an array
-  if (typeof inputs === 'string') {
-    if (inputs.includes('.js')) {
-      inputs = inputs.split(',')
-    }
-  }
-
-  // if outputs is a string with js file names, split it into an array
-  if (typeof outputs === 'string') {
-    outputs = outputs.split(',')
-  }
-
-  if (inputs.length === 0) {
-    console.error('No inputs provided')
-    process.exit(1)
-  } else if ((inputs.length === 1) && (inputs[0].includes('.json'))) {
-    // Input is json schema
-    // Curren working directory if not provided
-    schema = require(path.join(cwd, inputs[0]))
-  } else {
-    // Array of js files
-    // Generate schema
-    let jsdocData = jsdoc2md.getTemplateDataSync({ files: inputs.map(f => path.join(cwd, f)) })
-    schema = genSchema(jsdocData)
-    // jsdocMarkdown = jsdoc2md.renderSync({
-    //   data: jsdocData,
-    //   'param-list-format': 'list',
-    // })
-  }
-
-  // console.log('Schema:', schema)
-
-  // Generate description block
-  if (description) {
-    const descriptionMd = fs.readFileSync(path.join(cwd, description), 'utf8')
-    descriptionHtml = converter.makeHtml(descriptionMd)
-
-    if (descriptionMd.includes('---')) {
-      descriptionTxt = descriptionMd
-        .split('---')[0]
-        .replace(/\n/g, ' ')
-        .replace(/\s+/g, ' ')
-        .replace(/#/g, '')
-        .replace(/\*/g, '')
-        .trim()
-    }
-  }
-
-  descriptionHtml += genHtmlFromSchema(schema)
-
-
-
-  // Generate jsee code
-  let jseeHtml = ''
-  let hiddenElementHtml = ''
-  if (argv.fetch) {
-    // Fetch jsee code from the CDN or local server
-    let jseeCode
-    if (argv.version === 'dev') {
-      jseeCode = fs.readFileSync(path.join(__dirname, '..', 'dist', 'jsee.js'), 'utf8')
-    } else if (argv.version === 'latest') {
-      jseeCode = fs.readFileSync(path.join(__dirname, '..', 'dist', 'jsee.runtime.js'), 'utf8')
-    } else {
-      // Pre-fetch the jsee runtime from the CDN https://cdn.jsdelivr.net/npm/@jseeio/jsee@${argv.version}/dist/jsee.runtime.js
-      jseeCode = await fetch(`https://cdn.jsdelivr.net/npm/@jseeio/jsee@${argv.version}/dist/jsee.runtime.js`)
-      jseeCode = await jseeCode.text()
-    }
-    jseeHtml = `<script>${jseeCode}</script>`
-    // Fetch model files and store them in hidden elements
-    hiddenElementHtml += '<div id="hidden-storage" style="display: none;">'
-    if (!schema.model) {
-      console.error('No model found in schema')
-      process.exit(1)
-    }
-    if (!Array.isArray(schema.model)) {
-      schema.model = [schema.model]
-    }
-    for (let m of schema.model) {
-      if (m.url) {
-        const modelCode = fs.readFileSync(path.join(cwd, m.url), 'utf8')
-        hiddenElementHtml += `<script type="text/plain" style="display: none;" data-src="${m.url}">${modelCode}</script>`
-      }
-      if (m.imports) {
-        for (let i of m.imports) {
-          const importUrl = i.includes('.js') ? i : `https://cdn.jsdelivr.net/npm/${i}`
-
-          // Create cache directory if it doesn't exist
-          const cacheDir = path.join(os.homedir(), '.cache', 'jsee')
-          fs.mkdirSync(cacheDir, { recursive: true })
-
-          // Create a hash of the importUrl
-          const hash = crypto.createHash('sha256').update(importUrl).digest('hex')
-          const cacheFilePath = path.join(cacheDir, `${hash}.js`)
-
-          let importCode
-          let useCache = false
-
-          // Check if cache file exists and is less than 1 day old
-          if (fs.existsSync(cacheFilePath)) {
-            const stats = fs.statSync(cacheFilePath)
-            const mtime = new Date(stats.mtime)
-            const now = new Date()
-            const ageInDays = (now - mtime) / (1000 * 60 * 60 * 24)
-
-            if (ageInDays < 1) {
-              console.log('Using cached import:', importUrl)
-              importCode = fs.readFileSync(cacheFilePath, 'utf8');
-              useCache = true;
-            }
-          }
-
-          if (!useCache) {
-            const response = await fetch(importUrl);
-            if (!response.ok) {
-              console.error(`Failed to fetch ${importUrl}: ${response.statusText}`);
-              process.exit(1);
-            }
-            importCode = await response.text()
-            fs.writeFileSync(cacheFilePath, importCode, 'utf8')
-            console.log('Fetched and stored to cache:', importUrl)
-          }
-          hiddenElementHtml += `<script type="text/plain" style="display: none;" data-src="${importUrl}">${importCode}</script>`
-        }
-      }
-    }
-    hiddenElementHtml += '</div>'
-  } else {
-    jseeHtml = outputs
-      ? `<script src="https://cdn.jsdelivr.net/npm/@jseeio/jsee@${argv.version}/dist/jsee.runtime.js"></script>`
-      : `<script src="http://localhost:${argv.port}/dist/jsee.runtime.js"></script>` 
-  }
-
-  let socialHtml = ''
-  let gaHtml = ''
-  let orgHtml = ''
-
-  if (schema.page) {
-    if (schema.page.title) {
-      title = schema.page.title
-    }
-    if (schema.page.ga) {
-      gaHtml = `
-        <script id="ga-src" async src="https://www.googletagmanager.com/gtag/js?id=${schema.page.ga}"></script>
-        <script id="ga-body">
-          window['ga-disable-${schema.page.ga}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-          gtag('config', '${schema.page.ga}');
-        </script>
-      `
-    }
-
-    // Social media links
-    if (schema.page.social) {
-      // iterate over dict with k, v pairs
-      for (let [name, url] of Object.entries(schema.page.social)) {
-        switch (name) {
-          case 'twitter':
-            socialHtml += `<li><a rel="me" href="https://twitter.com/${url}">Twitter</a></li>`
-            break
-          case 'github':
-            socialHtml += `<li><a rel="me" href="https://github.com/${url}">GitHub</a></li>`
-            break
-          case 'facebook':
-            socialHtml += `<li><a rel="me" href="https://www.facebook.com/${url}">Facebook</a></li>`
-            break
-          case 'linkedin':
-            socialHtml += `<li><a rel="me" href="https://www.linkedin.com/company/${url}">LinkedIn</a></li>`
-            break
-          case 'instagram':
-            socialHtml += `<li><a rel="me" href="https://www.instagram.com/${url}">Instagram</a></li>`
-            break
-          case 'youtube':
-            socialHtml += `<li><a rel="me" href="https://www.youtube.com/${url}">YouTube</a></li>`
-            break
-          default:
-            socialHtml += `<li><a rel="me" href="${s.url}">${s.name}</a></li>`
-        }
-      }
-    }
-
-    if (schema.page.org) {
-      orgHtml = `<div class="footer-org"><h4 class="footer-heading"><a href="${schema.page.org.url}">${schema.page.org.name}</a></h4>`
-      if (schema.page.org.description) {
-        orgHtml += `<p>${schema.page.org.description}</p>`
-      }
-      orgHtml += '</div>'
-    }
-
-  }
-
-  const html = template(schema, {
-    descriptionHtml: pad(descriptionHtml, 8, 1),
-    descriptionTxt: descriptionTxt,
-    gaHtml: pad(gaHtml, 2, 1),
-    jseeHtml: jseeHtml,
-    hiddenElementHtml: hiddenElementHtml,
-    socialHtml: pad(socialHtml, 2, 1),
-    orgHtml: pad(orgHtml, 2, 1),
-  })
-
-  if (returnHtml) {
-    // Return the html as a string
-    return html
-  } else if (outputs) {
-    // Store the html in the output file
-    for (let o of outputs) {
-      if (o === 'stdout') {
-        console.log(html)
-      } else if (o.includes('.html')) {
-        fs.writeFileSync(path.join(cwd, o), html)
-      } else if (o.includes('.json')) {
-        fs.writeFileSync(path.join(cwd, o), JSON.stringify(schema, null, 2))
-      } else if (o.includes('.md')) {
-        fs.writeFileSync(path.join(cwd, o), genMarkdownFromSchema(schema))
-      } else {
-        console.error('Invalid output file:', o)
-      }
-    }
-    fs.writeFileSync(path.join(cwd, outputs[0]), html)
-  } else {
-    // Serve the html
-    const express = require('express')
-    const app = express()
-    app.get('/', async (req, res) => {
-      console.log('Serving index.html')
-      res.send(await gen(argv, true))
-    })
-    app.get('/dist/jsee.runtime.js', (req, res) => {
-      console.log('Serving jsee.runtime.js')
-      res.sendFile(path.join(__dirname, '..', 'dist', 'jsee.runtime.js'))
-    })
-    app.use(express.static(cwd))
-    app.listen(argv.port, () => {
-      console.log(`JSEE app is running: http://localhost:${argv.port}`)
-    })
-  }
-}
-
-function genSchema (jsdocData) {
-  let schema = {
-    model: [],
-    inputs: [],
-    outputs: [],
-  }
-  for (let d of jsdocData) {
-    const model = {
-      name: d.name ? d.name : d.meta.filename.split('.')[0],
-      description: d.description ? d.description : '',
-      type: d.kind,
-      container: 'args',
-      url: path.relative(process.cwd(), path.join(d.meta.path, d.meta.filename)),
-      worker: false
-    }
-    if (d.requires) {
-      model.imports = d.requires.map(r => r.replace('module:', ''))
-    }
-    if (d.params) {
-      // Check if all params have the same name before '.'
-      const names = new Set(d.params.map(p => p.name.split('.')[0]))
-      if ((d.params.length > 1) && (names.size === 1)) {
-        // Object
-        model.container = 'object'
-        d.params.slice(1).forEach(p => {
-          const inp = {
-            name: p.name.split('.')[1],
-            type: p.type.names[0],
-            description: p.description,
-          }
-          if (p.defaultvalue) {
-            inp.default = p.defaultvalue
-          }
-          schema.inputs.push(inp)
-        })
-      } else {
-        // Array
-        model.container = 'args'
-        d.params.forEach(p => {
-          const inp = {
-            name: p.name,
-            type: p.type.names[0],
-            description: p.description,
-          }
-          if (p.defaultvalue) {
-            inp.default = p.defaultvalue
-          }
-          schema.inputs.push(inp)
-        })
-      }
-    }
-    if (d.returns) {
-      d.returns.forEach(r => {
-        r.name = r.name ? r.name : r.description.split('-')[0].trim()
-        r.description = r.description.split('-').slice(1).join('-').trim()
-      })
-      const names = new Set(d.returns.map(r => r.name.split('.')[0]))
-      if ((d.returns.length > 1) && (names.size === 1)) {
-        // Object
-        d.returns.slice(1).forEach(p => {
-          const out = {
-            name: p.name.split('.')[1],
-            type: p.type.names[0],
-            description: p.description,
-          }
-          schema.outputs.push(out)
-        })
-      } else {
-        // Array
-        d.returns.forEach(p => {
-          const out = {
-            name: p.name,
-            type: p.type.names[0],
-            description: p.description,
-          }
-          schema.outputs.push(out)
-        })
-      }
-    }
-    if (d.customTags) {
-      d.customTags.forEach(t => {
-        if (t.tag === 'worker') {
-          model.worker = true
-        }
-      })
-    }
-    schema.model.push(model)
-  }
-  return schema
-}
-
-function genHtmlFromSchema(schema) {
-  let htmlDescription = '<br><div class="schema-description">';
-
-  // Process the model section
-  if (schema.model && schema.model.length > 0) {
-    schema.model.forEach(model => {
-      htmlDescription += `<h3><strong>${model.name}</strong></h3>`
-      if (model.description) {
-        htmlDescription += `<p>${model.description}</p>`
-      }
-    })
-  }
-
-  // Process the inputs section
-  if (schema.inputs && schema.inputs.length > 0) {
-    htmlDescription += '<h4>Inputs</h4><ul>';
-    schema.inputs.forEach(input => {
-      htmlDescription += `<li><strong>${input.name}</strong> (${input.type})`
-      if (input.description) {
-        htmlDescription += ` - ${input.description}`
-      }
-    })
-    htmlDescription += '</ul>';
-  }
-
-  // Process the outputs section
-  if (schema.outputs && schema.outputs.length > 0) {
-    htmlDescription += '<h4>Outputs</h4><ul>';
-    schema.outputs.forEach(output => {
-      htmlDescription += `<li><strong>${output.name}</strong> (${output.type})`
-      if (output.description) {
-        htmlDescription += ` - ${output.description}`
-      }
-    })
-    htmlDescription += '</ul>';
-  }
-  htmlDescription += '</div>';
-  return htmlDescription;
-}
-
-function genMarkdownFromSchema(schema) {
-  let markdownDescription = '';
-
-  // Process the model section
-  if (schema.model && schema.model.length > 0) {
-    schema.model.forEach(model => {
-      markdownDescription += `### **${model.name}**\n`;
-      if (model.description) {
-        markdownDescription += `${model.description}\n\n`;
-      }
-    });
-  }
-
-  // Process the inputs section
-  if (schema.inputs && schema.inputs.length > 0) {
-    markdownDescription += '#### Inputs\n';
-    schema.inputs.forEach(input => {
-      markdownDescription += `- **${input.name}** (${input.type})`;
-      if (input.description) {
-        markdownDescription += ` - ${input.description}`;
-      }
-      markdownDescription += '\n';
-    });
-  }
-
-  // Process the outputs section
-  if (schema.outputs && schema.outputs.length > 0) {
-    markdownDescription += '#### Outputs\n';
-    schema.outputs.forEach(output => {
-      markdownDescription += `- **${output.name}** (${output.type})`;
-      if (output.description) {
-        markdownDescription += ` - ${output.description}`;
-      }
-      markdownDescription += '\n';
-    });
-  }
-
-  return markdownDescription;
-}
-
-function template(schema, blocks) {
-  let title = 'jsee'
-  let url = schema.page.url ? schema.page.url : ''
-  if (schema.title) {
-    title = schema.title
-  } else if (schema.page && schema.page.title) {
-    title = schema.page.title
-  } else if (schema.model) {
-    if (Array.isArray(schema.model)) {
-      title = schema.model[0].name
-    } else {
-      title = schema.model.name
-    }
-  }
-
-  return `<!DOCTYPE html>
-
-<!-- Generated by JSEE (https://jsee.org) -->
-<!-- Do not edit this file directly. Edit the source files and run jsee to generate this file. -->
-<!-- Source: ${argv.inputs} -->
-<!-- License: MIT (https://opensource.org/licenses/MIT) -->
-
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>${title}</title>
-  <meta name="description" content="${blocks.descriptionTxt}">
-
-  <!-- Open Graph -->
-  <meta property="og:title" content="${title}" />
-  <meta property="og:description" content="${blocks.descriptionTxt}" />
-  <meta property="og:locale" content="en_US" />
-  <meta property="og:url" content="${url}" />
-  <meta property="og:site_name" content="${title}" />
-  <meta property="og:type" content="website" />
-
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary" />
-  <meta name="twitter:title" content="${title}" />
-  <meta name="twitter:description" content="${blocks.descriptionTxt}" />
-
-  <!-- Structured Data -->
-  <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","headline":"${title}","name":"${title}","url":"${url}", "description":"${blocks.descriptionTxt}"}</script>
-
-  <!-- Canonical Link -->
-  <link rel="canonical" href="${url}" />
-
-  <!-- Favicon -->
-  <link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAD9/f0AAAAAAPj4+AAMDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAAAABERAAAAAAAAEREAAAAAAAAREQABERESABERAAETMzAAEREAARAAAAAREQABEAAAABERAAEQARAAEREAARABEAAREQABEAAAABERAAEQAAAAEREAAREREAAREQABEREQABERAAAAAAAAEREAAAAAAAAREQAAAAAAABHAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAA" rel="icon" type="image/x-icon" />
-
-  <!-- Styles -->
-  <style>
-    /** Main */
-    html { font-size: 16px; }
-    body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
-    body { font: 400 16px/1.5 -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; color: #111111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; overflow-wrap: break-word; }
-    h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }
-    hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #ececec; }
-    main { display: block; /* Default value of display of main element is 'inline' in IE 11. */ }
-    img { max-width: 100%; vertical-align: middle; }
-    figure > img { display: block; }
-    figcaption { font-size: 14px; }
-    ul, ol { margin-left: 30px; }
-    li > ul, li > ol { margin-bottom: 0; }
-    h1, h2, h3, h4, h5, h6 { font-weight: 400; }
-    a { color: #2a7ae2; text-decoration: none; }
-    a:visited { color: #1756a9; }
-    a:hover { color: #111111; text-decoration: underline; }
-    .social-media-list a:hover, .pagination a:hover { text-decoration: none; }
-    .social-media-list a:hover .username, .pagination a:hover .username { text-decoration: underline; }
-    blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 1.125rem; font-style: italic; }
-    blockquote > :last-child { margin-bottom: 0; }
-    blockquote i, blockquote em { font-style: normal; }
-    pre, code { font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace; font-size: 0.9375em; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eeeeff; }
-    code { padding: 1px 5px; }
-    pre { padding: 8px 12px; overflow-x: auto; }
-    pre > code { border: 0; padding-right: 0; padding-left: 0; }
-    .wrapper { max-width: calc(800px - (30px)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
-    @media screen and (min-width: 800px) { .wrapper { max-width: calc(800px - (30px * 2)); padding-right: 30px; padding-left: 30px; } }
-    .wrapper:after { content: ""; display: table; clear: both; }
-    .orange { color: #f66a0a; }
-    .grey { color: #828282; }
-    .svg-icon { width: 16px; height: 16px; display: inline-block; fill: currentColor; padding: 5px 3px 2px 5px; vertical-align: text-bottom; }
-    table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }
-    table tr:nth-child(even) { background-color: #f7f7f7; }
-    table th, table td { padding: 10px 15px; }
-    table th { background-color: #f0f0f0; border: 1px solid #e0e0e0; }
-    table td { border: 1px solid #e8e8e8; }
-    @media screen and (max-width: 800px) { table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } }
-    .site-header { border-bottom: 1px solid #e8e8e8; min-height: 55.95px; line-height: 54px; position: relative; }
-    .site-title { font-size: 1.625rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 0; float: left; }
-    @media screen and (max-width: 600px) { .site-title { padding-right: 45px; } }
-    .site-title, .site-title:visited { color: #424242; }
-    .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
-    .site-nav .nav-trigger { display: none; }
-    .site-nav .menu-icon { float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
-    .site-nav .menu-icon > svg path { fill: #424242; }
-    .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }
-    .site-nav input ~ .trigger { clear: both; display: none; }
-    .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }
-    .site-nav .page-link { color: #111111; line-height: 1.5; display: block; padding: 5px 10px; margin-left: 20px; }
-    .site-nav .page-link:not(:last-child) { margin-right: 0; }
-    @media screen and (min-width: 600px) { .site-nav { position: static; float: right; border: none; background-color: inherit; } .site-nav label[for="nav-trigger"] { display: none; } .site-nav .menu-icon { display: none; } .site-nav input ~ .trigger { display: block; } .site-nav .page-link { display: inline; padding: 0; margin-left: auto; } .site-nav .page-link:not(:last-child) { margin-right: 20px; } }
-    .site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }
-    .footer-heading { font-size: 1.7rem; line-height: 1.7rem; font-weight: 200; margin-bottom: 5px;}
-    .footer-heading a { color: #a2a2a2; text-decoration: none; }
-    .footer-heading a:hover { color: #828282; }
-    .footer-org p { font-size: 0.65rem; color: #828282; }
-    .feed-subscribe .svg-icon { padding: 5px 5px 2px 0; }
-    .contact-list, .social-media-list, .pagination { list-style: none; margin-left: 0; }
-    .footer-col-wrapper, .social-links { font-size: 0.9375rem; color: #828282; }
-    .footer-col { margin-bottom: 15px; }
-    .footer-col-1, .footer-col-2 { width: calc(50% - (30px / 2)); }
-    .footer-col-3 { width: calc(100% - (30px / 2)); }
-    @media screen and (min-width: 800px) { .footer-col-1 { width: calc(35% - (30px / 2)); } .footer-col-2 { width: calc(20% - (30px / 2)); } .footer-col-3 { width: calc(45% - (30px / 2)); } }
-    @media screen and (min-width: 600px) { .footer-col-wrapper { display: flex; } .footer-col { width: calc(100% - (30px / 2)); padding: 0 15px; } .footer-col:first-child { padding-right: 15px; padding-left: 0; } .footer-col:last-child { padding-right: 0; padding-left: 15px; } }
-    /** Page content */
-    .page-content { padding: 30px 0; flex: 1 0 auto; }
-    .page-heading { font-size: 2rem; }
-    .post-list-heading { font-size: 1.75rem; }
-    .post-list { margin-left: 0; list-style: none; }
-    .post-list > li { margin-bottom: 30px; }
-    .post-meta { font-size: 14px; color: #828282; }
-    .post-link { display: block; font-size: 1.5rem; }
-    /** Posts */
-    .post-header { margin-bottom: 30px; }
-    .post-title, .post-content h1 { font-size: 2.625rem; letter-spacing: -1px; line-height: 1.15; }
-    @media screen and (min-width: 800px) { .post-title, .post-content h1 { font-size: 2.625rem; } }
-    .post-content { margin-bottom: 30px; }
-    .post-content h1, .post-content h2, .post-content h3 { margin-top: 60px; }
-    .post-content h4, .post-content h5, .post-content h6 { margin-top: 30px; }
-    .post-content h2 { font-size: 1.75rem; }
-    @media screen and (min-width: 800px) { .post-content h2 { font-size: 2rem; } }
-    .post-content h3 { font-size: 1.375rem; }
-    @media screen and (min-width: 800px) { .post-content h3 { font-size: 1.625rem; } }
-    .post-content h4 { font-size: 1.25rem; }
-    .post-content h5 { font-size: 1.125rem; }
-    .post-content h6 { font-size: 1.0625rem; }
-    .social-media-list, .pagination { display: table; margin: 0 auto; }
-    .social-media-list li, .pagination li { float: left; margin: 5px 10px 5px 0; }
-    .social-media-list li:last-of-type, .pagination li:last-of-type { margin-right: 0; }
-    .social-media-list li a, .pagination li a { display: block; padding: 7.5px; border: 1px solid #e8e8e8; }
-    .social-media-list li a:hover, .pagination li a:hover { border-color: #dbdbdb; }
-    /** Pagination navbar */
-    .pagination { margin-bottom: 30px; }
-    .pagination li a, .pagination li div { min-width: 41px; text-align: center; box-sizing: border-box; }
-    .pagination li div { display: block; padding: 7.5px; border: 1px solid transparent; }
-    .pagination li div.pager-edge { color: #e8e8e8; border: 1px dashed; }
-    /** Grid helpers */
-    @media screen and (min-width: 800px) { .one-half { width: calc(50% - (30px / 2)); } }
-    /** Jsee elements */
-    .app-container { background-color: #F0F1F4; border-bottom: 1px solid #e8e8e8; padding-bottom: 55px }
-    #download-btn { float: right; margin-top: 10px; padding: 10px; background-color: white; border: none; cursor: pointer; }
-    #download-btn:hover { background-color: #f0f0f0; }
-    .schema-description { background-color: #f8f8fa; padding: 20px; margin-top: 20px; border-radius: 10px; border: 1px solid #e8e8e8; }
-    .schema-description h2, .schema-description h3, .schema-description h4 { margin-top: 10px; }
-    /** Logos */
-    .logo_footer { margin-left: -3px; }
-    .logo_footer svg { opacity: 0.35; }
-    .logo_footer:hover svg { opacity: 1; }
-    .social-links { display: flex; justify-content: right; }
-    .social-links .social-media-list, .social-links .pagination { margin: 0; }
-  </style>
-  <link type="application/atom+xml" rel="alternate" href="/feed.xml" title="hashr" />
-  ${blocks.gaHtml}
-</head>
-<body>
-  ${blocks.hiddenElementHtml}
-  <header class="site-header">
-    <div class="wrapper">
-      <span class="site-title">${title}</span>
-      <button id="download-btn" title="Download bundled HTML file without external dependencies to use offline">Download bundle (html)</button>
-    </div>
-  </header>
-  <div class="page-content app-container">
-    <div class="wrapper">
-      <div id="jsee-container"></div>
-    </div>
-  </div>
-  <main class="page-content" aria-label="Content">
-    <div class="wrapper">
-      <article class="post">
-        <div class="post-content">
-          ${blocks.descriptionHtml}
-        </div>
-      </article>
-    </div>
-  </main>
-  <footer class="site-footer h-card">
-    <data class="u-url" href="/"></data>
-    <div class="wrapper">
-      <div class="footer-col-wrapper">
-        <div class="footer-col">
-          ${blocks.orgHtml}
-        </div>
-        <div class="footer-col">
-          <div class="social-links">
-            <ul class="social-media-list">
-              ${blocks.socialHtml}
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </footer>
-  ${blocks.jseeHtml}
-  <script>
-    const schema = ${JSON.stringify(schema, null, 2)}
-    const title = "${title}"
-    var env = new JSEE({
-      container: document.getElementById('jsee-container'),
-      schema
-    })
-    document.getElementById('download-btn').addEventListener('click', async () => {
-      env.download(title)
-    })
-  </script>
-</body>
-</html>`
-}
+const gen = require('../src/cli.js')
+gen(process.argv)