npm - @fmsim/fmsim - Versions diffs - 0.0.99 → 1.0.0 - Mend

@fmsim/fmsim 0.0.99 → 1.0.0

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 (1185) hide show

package/dist-app/views/auth-page.html DELETED Viewed

@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Fmsim</title>
-    <meta name="generator" content="Things Factory Starter Kit" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <meta name="description" content="Factory Layout View" />
-    <base href="/" />
-    <link rel="icon" href="/assets/favicon.ico" />
-    <!-- See https://goo.gl/OOhYW5 -->
-    <link rel="manifest" href="/assets/manifest.json" />
-    <!-- See https://goo.gl/qRE0vM -->
-    <meta name="theme-color" content="#ea6780" />
-    <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="application-name" content="Fmsim" />
-    <meta name="application-description" content="Factory Layout View" />
-    <meta name="application-copyright" content="Copyright © hatiolab.com. All Rights Reserved." />
-    <link rel="application-icon" href="/assets/manifest/icon-96x96.png" />
-    <!-- Add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
-    <meta name="apple-mobile-web-app-title" content="Fmsim" />
-    <!-- Homescreen icons -->
-    <link rel="apple-touch-icon" href="/assets/manifest/icon-48x48.png" />
-    <link rel="apple-touch-icon" sizes="72x72" href="/assets/manifest/icon-72x72.png" />
-    <link rel="apple-touch-icon" sizes="96x96" href="/assets/manifest/icon-96x96.png" />
-    <link rel="apple-touch-icon" sizes="144x144" href="/assets/manifest/icon-144x144.png" />
-    <link rel="apple-touch-icon" sizes="192x192" href="/assets/manifest/icon-192x192.png" />
-    <!-- Tile icon for Windows 8 (144x144 + tile color) -->
-    <meta name="msapplication-TileImage" content="/assets/manifest/icon-144x144.png" />
-    <meta name="msapplication-TileColor" content="#ea6780" />
-    <meta name="msapplication-tap-highlight" content="no" />
-    <!-- Default twitter cards -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:site" content="@username" />
-    <meta property="og:type" content="website" />
-    <meta property="og:site_name" content="Fmsim, Heart of platform." />
-    <meta property="og:image" content="/assets/manifest/image-metaog.png" />
-    <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
-    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
-    <link rel="stylesheet" href="/fmsim/node_modules/@material-design-icons/font/index.css" />
-    <link rel="stylesheet" href="/fmsim/theme.css" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-    </style>
-    <!--- prefetch -->
-    <link rel="prefetch" href="/fmsim/auth/signin.js">
-    <link rel="prefetch" href="/fmsim/auth/signup.js">
-    <link rel="prefetch" href="/fmsim/auth/forgot-password.js">
-    <link rel="prefetch" href="/fmsim/auth/checkin.js">
-  </head>
-  <body>
-    <<%- pageElement %> id="page"></<%- pageElement %>>
-    <noscript>
-      Please enable JavaScript to view this website.
-    </noscript>
-    <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
-    <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
-    <script src="/node_modules/web-animations-js/web-animations-next.min.js"></script>
-    <!-- Built with love using PWA Starter Kit -->
-    <script src="/fmsim/<%- elementScript %>"></script>
-    <script src="/fmsim/theme.js"></script>
-    <script>
-      var pageEl = document.querySelector('#page')
-      page.data = <%- JSON.stringify(data) %>
-    </script>
-  </body>
-</html>

package/dist-app/views/dependencies-view-graphviz.html DELETED Viewed

@@ -1,75 +0,0 @@
-<script src="//d3js.org/d3.v4.min.js"></script>
-<script src="https://unpkg.com/viz.js@1.8.0/viz.js" type="javascript/worker"></script>
-<script src="https://unpkg.com/d3-graphviz@1.3.1/build/d3-graphviz.min.js"></script>
-<div id="graph" style="text-align: center; width: 100%; height: 100%;"></div>
-<script>
-    var model = <%- JSON.stringify(model) %>;
-    var { edges, nodes } = model
-    console.log(edges, nodes)
-    // links = links.filter(edge => edge.target !== '@things-factory/shell')
-    nodes['@things-factory/shell'] = {
-      id: '@things-factory/shell',
-      name: 'shell'
-    }
-    /* switch node id (modulename => index) */
-    Object.keys(nodes).forEach((nodename, idx) => {
-      nodes[nodename].id = idx
-    })
-    // Compute the distinct nodes from the links.
-    edges.forEach(function(edge) {
-      edge.source = nodes[edge.source] && nodes[edge.source].id
-      edge.target = nodes[edge.target] && nodes[edge.target].id
-    })
-    function templateNode(node) {
-      return `${node.id} [label="${node.name}"]\n`
-    }
-    function tempalteEdge(edge) {
-      return `${edge.source} -> ${edge.target}\n`
-    }
-    function templateDigraph(nodes, edges) {
-      return `digraph Curved {
-        ratio="fill"
-        node [shape=box]
-        ${Object.keys(nodes).map(nodename => templateNode(nodes[nodename])).join('')}
-        ${edges.map(edge => tempalteEdge(edge)).join('')}
-      }`
-    }
-    function attributer(datum, index, nodes) {
-      margin = 20; // to avoid scrollbars
-      var selection = d3.select(this);
-      if (datum.tag == "svg") {
-          var width = window.innerWidth;
-          var height = window.innerHeight;
-          datum.attributes.width = width - margin;
-          datum.attributes.height = height - margin;
-      }
-  }
-    // console.log(templateDigraph(nodes, edges))
-    var graphviz = d3
-      .select('#graph')
-      .graphviz()
-      .attributer(attributer)
-      .transition(function () {
-          return d3.transition("main")
-              .ease(d3.easeLinear)
-              .delay(500)
-              .duration(1500);
-      })
-      .renderDot(templateDigraph(nodes, edges))
-    graphviz.fit = true
-</script>

package/dist-app/views/dependencies-view.html DELETED Viewed

@@ -1,139 +0,0 @@
-<style>
-  svg {
-    width: 100%;
-    height: 100%;
-  }
-  .link {
-    fill: none;
-    stroke: #666;
-    stroke-width: 1.5px;
-  }
-  #depends {
-    fill: green;
-  }
-  .link.depends {
-    stroke: #ccc;
-  }
-  circle {
-    fill: #ccc;
-    stroke: #333;
-    stroke-width: 1.5px;
-  }
-  text {
-    font: 10px sans-serif;
-    pointer-events: none;
-    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
-  }
-</style>
-<script src="//d3js.org/d3.v3.min.js"></script>
-<script src="//cdn.jsdelivr.net/npm/d3-graphviz@2.6.1/build/d3-graphviz.min.js"></script>
-<script>
-  var model = <%- JSON.stringify(model) %>;
-  var { edges: links, nodes } = model
-  // links = links.filter(edge => edge.target !== '@things-factory/shell')
-  // Compute the distinct nodes from the links.
-  links.forEach(function(link) {
-    link.source = nodes[link.source] || (nodes[link.source] = { name: link.source })
-    link.target = nodes[link.target] || (nodes[link.target] = { name: link.target })
-  })
-  var width = 1200,
-    height = 800
-  var force = d3.layout
-    .force()
-    .nodes(d3.values(nodes))
-    .links(links)
-    .size([width, height])
-    .linkDistance(280)
-    .charge(-300)
-    .on('tick', tick)
-    .start()
-  var svg = d3
-    .select('body')
-    .append('svg')
-    .attr('width', width)
-    .attr('height', height)
-  // Per-type markers, as they don't inherit styles.
-  svg
-    .append('defs')
-    .selectAll('marker')
-    .data(['depends'])
-    .enter()
-    .append('marker')
-    .attr('id', function(d) {
-      return d
-    })
-    .attr('viewBox', '0 -5 10 10')
-    .attr('refX', 15)
-    .attr('refY', -1.5)
-    .attr('markerWidth', 6)
-    .attr('markerHeight', 6)
-    .attr('orient', 'auto')
-    .append('path')
-    .attr('d', 'M0,-5L10,0L0,5')
-  var path = svg
-    .append('g')
-    .selectAll('path')
-    .data(force.links())
-    .enter()
-    .append('path')
-    .attr('class', function(d) {
-      return 'link depends'
-    })
-    .attr('marker-end', function(d) {
-      return 'url(#depends)'
-    })
-  var circle = svg
-    .append('g')
-    .selectAll('circle')
-    .data(force.nodes())
-    .enter()
-    .append('circle')
-    .attr('r', 6)
-    .call(force.drag)
-  var text = svg
-    .append('g')
-    .selectAll('text')
-    .data(force.nodes())
-    .enter()
-    .append('text')
-    .attr('x', 8)
-    .attr('y', '.31em')
-    .text(function(d) {
-      return d.name
-    })
-  // Use elliptical arc path segments to doubly-encode directionality.
-  function tick() {
-    path.attr('d', linkArc)
-    circle.attr('transform', transform)
-    text.attr('transform', transform)
-  }
-  function linkArc(d) {
-    var dx = d.target.x - d.source.x,
-      dy = d.target.y - d.source.y,
-      dr = Math.sqrt(dx * dx + dy * dy)
-    return 'M' + d.source.x + ',' + d.source.y + 'A' + dr + ',' + dr + ' 0 0,1 ' + d.target.x + ',' + d.target.y
-  }
-  function transform(d) {
-    return 'translate(' + d.x + ',' + d.y + ')'
-  }
-</script>

package/dist-app/views/graphql.html DELETED Viewed

@@ -1,15 +0,0 @@
-<style>
-  body {
-    margin: 0;
-  }
-</style>
-<div style="width: 100%; height: 100%" id="embedded-sandbox"></div>
-<script src="https://embeddable-sandbox.cdn.apollographql.com/_latest/embeddable-sandbox.umd.production.min.js"></script>
-<script>
-  new window.EmbeddedSandbox({
-    target: '#embedded-sandbox',
-    initialEndpoint: '<%- initialEndpoint %>',
-    includeCookies: true
-  })
-</script>

package/dist-app/views/internal-board-full-feature-view.html DELETED Viewed

@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/assets/favicon.ico" />
-    <base href="<%= base ? base : '' %>" />
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-      }
-      div {
-        width: 100%;
-        height: 100%;
-      }
-      ox-board-viewer {
-        width: 100%;
-        height: 100%;
-      }
-    </style>
-    <link href="/fmsim/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
-    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
-    <script src="/fmsim/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
-    <script src="/fmsim/scene-viewer.js"></script>
-  </head>
-  <body>
-    <div id="scene"></div>
-    <script>
-      var model = <%- JSON.stringify(model) %>;
-      const { fontStyles, fonts } = model
-      if(fontStyles){
-        let style = document.head.querySelector('#custom-fonts')
-        if (!style) {
-          style = document.createElement('style')
-          style.id = 'custom-fonts'
-          document.head.appendChild(style)
-        }
-        style.innerHTML = model.fontStyles
-      }
-      if(fonts) {
-        WebFont.load({
-          ...model.fonts,
-          fontactive: () => {
-            window.dispatchEvent(new CustomEvent('resize'))
-          }
-        })
-      }
-    </script>
-    <script type="module">
-      const { ReferenceMap, create, error } = scene
-      const provider = window.headlessSceneProvider
-      const board = {
-        id: '---',
-        model
-      }
-      const container = document.querySelector('#scene')
-      const viewer = document.createElement('ox-board-viewer')
-      viewer.board = board
-      viewer.provider = provider
-      container.appendChild(viewer)
-    </script>
-  </body>
-</html>

package/dist-app/views/internal-board-player-view.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="google" content="notranslate" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <link rel="icon" href="/assets/favicon.ico" />
-    <base href="<%= base ? base : '' %>" />
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-      }
-      div {
-        width: 100%;
-        height: 100%;
-      }
-      ox-board-viewer {
-        width: 100%;
-        height: 100%;
-      }
-    </style>
-    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
-    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
-    <script src="/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
-    <script src="/scene-player.js"></script>
-  </head>
-  <body>
-    <div id="scene"></div>
-    <script>
-      const model = <%- JSON.stringify(model) %>;
-      const { boards, fontStyles, fonts } = model
-      if(fontStyles){
-        let style = document.head.querySelector('#custom-fonts')
-        if (!style) {
-          style = document.createElement('style')
-          style.id = 'custom-fonts'
-          document.head.appendChild(style)
-        }
-        style.innerHTML = model.fontStyles
-      }
-      if(fonts) {
-        WebFont.load({
-          ...model.fonts,
-          fontactive: () => {
-            window.dispatchEvent(new CustomEvent('resize'))
-          }
-        })
-      }
-    </script>
-    <script type="module">
-      const data = <%- JSON.stringify(data) %>;
-      const id = <%- JSON.stringify(id) %>;
-      const { ReferenceMap, create, error } = scene
-      const provider = window.headlessSceneProvider
-      const startSubscribingForAutoRefresh = window.startSubscribingForAutoRefresh
-      const container = document.querySelector('#scene')
-      const player = document.createElement('ox-board-player')
-      player.provider = provider
-      player.boards = boards
-      data && (player.data = data)
-      container.appendChild(player)
-      startSubscribingForAutoRefresh(id, ({id, boards}) => {
-        player.boards = boards
-        data && (player.data = data)
-      })
-    </script>
-  </body>
-</html>

package/dist-app/views/internal-board-service-view.html DELETED Viewed

@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/assets/favicon.ico" />
-    <base href="<%= base ? base : '' %>" />
-    <style>
-      html,
-      body {
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-      }
-      #scene {
-        width: 100%;
-        height: 100%;
-      }
-    </style>
-    <link href="/fmsim/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div id="scene"></div>
-    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
-    <script>
-      var model = <%- JSON.stringify(model) %>;
-      const { fontStyles, fonts } = model
-      if(fontStyles){
-        let style = document.head.querySelector('#custom-fonts')
-        if (!style) {
-          style = document.createElement('style')
-          style.id = 'custom-fonts'
-          document.head.appendChild(style)
-        }
-        style.innerHTML = model.fontStyles
-      }
-      if(fonts) {
-        WebFont.load({
-          ...model.fonts,
-          fontactive: () => {
-            window.dispatchEvent(new CustomEvent('resize'))
-          }
-        })
-      }
-    </script>
-    <script src="/fmsim/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
-    <script src="/fmsim/headless-scene-components.js"></script>
-    <script>
-      var el = document.getElementById('scene')
-      var s = scene.create({
-        model,
-        mode: 0,
-        refProvider: null //self.provider
-      })
-      s.target = el
-      function resize() {
-        s.fit('ratio')
-      }
-      resize()
-      addEventListener(
-        'resize',
-        function () {
-          if (requestAnimationFrame) {
-            requestAnimationFrame(resize)
-          } else {
-            setTimeout(resize, 66)
-          }
-        },
-        false
-      )
-    </script>
-  </body>
-</html>