@things-factory/operato-gangsters 5.0.0-alpha.29

package/dist-server/migrations/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrations = void 0;
+const glob = require('glob');
+const path = require('path');
+exports.migrations = [];
+glob.sync(path.resolve(__dirname, '.', '**', '*.js')).forEach(function (file) {
+    if (file.indexOf('index.js') !== -1)
+        return;
+    exports.migrations = exports.migrations.concat(Object.values(require(path.resolve(file))) || []);
+});
+//# sourceMappingURL=index.js.map

package/dist-server/migrations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/migrations/index.ts"],"names":[],"mappings":";;;AAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;AAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;AAEjB,QAAA,UAAU,GAAG,EAAE,CAAA;AAE1B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAS,IAAI;IACzE,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAAE,OAAM;IAC3C,kBAAU,GAAG,kBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;AAClF,CAAC,CAAC,CAAA"}

package/dist-server/routes.js

@@ -0,0 +1,25 @@
+const debug = require('debug')('things-factory:operato-gangsters:routes');
+process.on('bootstrap-module-global-public-route', (app, globalPublicRouter) => {
+    /*
+     * can add global public routes to application (auth not required, tenancy not required)
+     *
+     * ex) routes.get('/path', async(context, next) => {})
+     * ex) routes.post('/path', async(context, next) => {})
+     */
+});
+process.on('bootstrap-module-global-private-route', (app, globalPrivateRouter) => {
+    /*
+     * can add global private routes to application (auth required, tenancy not required)
+     */
+});
+process.on('bootstrap-module-domain-public-route', (app, domainPublicRouter) => {
+    /*
+     * can add domain public routes to application (auth not required, tenancy required)
+     */
+});
+process.on('bootstrap-module-domain-private-route', (app, domainPrivateRouter) => {
+    /*
+     * can add domain private routes to application (auth required, tenancy required)
+     */
+});
+//# sourceMappingURL=routes.js.map

package/dist-server/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../server/routes.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,yCAAyC,CAAC,CAAA;AAEzE,OAAO,CAAC,EAAE,CAAC,sCAA6C,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,EAAE;IACpF;;;;;OAKG;AACL,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,EAAE,CAAC,uCAA8C,EAAE,CAAC,GAAG,EAAE,mBAAmB,EAAE,EAAE;IACtF;;OAEG;AACL,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,EAAE,CAAC,sCAA6C,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,EAAE;IACpF;;OAEG;AACL,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,EAAE,CAAC,uCAA8C,EAAE,CAAC,GAAG,EAAE,mBAAmB,EAAE,EAAE;IACtF;;OAEG;AACL,CAAC,CAAC,CAAA"}

package/installer/config.production.js

@@ -0,0 +1,40 @@
+module.exports = {
+  SECRET: '0xD58F835B69D207A76CC5F84a70a1D0d4C79dAC95', // should be changed
+  email: {
+    host: 'smtp.office365.com', // your sender-email smtp host
+    port: 587, // smtp server port
+    secure: false, // true for 465, false for other ports
+    auth: {
+      user: 'your sender-email',
+      pass: 'your sender-email password' // generated ethereal password
+    },
+    secureConnection: false,
+    tls: {
+      ciphers: 'SSLv3'
+    }
+  },
+  logger: {
+    file: {
+      filename: 'logs/application-%DATE%.log',
+      datePattern: 'YYYY-MM-DD-HH',
+      zippedArchive: false,
+      maxSize: '20m',
+      maxFiles: '2d',
+      level: 'info'
+    },
+    console: {
+      level: 'silly'
+    }
+  },
+  ormconfig: {
+    name: 'default',
+    type: 'postgres',
+    host: 'postgres',
+    port: 5432,
+    database: 'postgres',
+    username: 'postgres',
+    password: 'abcd1234',
+    synchronize: true,
+    logging: true
+  }
+}

package/installer/docker-compose.yml

@@ -0,0 +1,37 @@
+version: '3'
+services:
+  nginx:
+    image: hatiolab/operato-nginx:latest
+    ports:
+      - ${HostPort}:80
+    depends_on:
+      - app
+  app:
+    build: .
+    container_name: operato-gangsters
+    image: hatiolab/operato-gangsters:latest
+    privileged: true
+    volumes:
+      - ./logs:/app/logs
+      - ./config.production.js:/app/config.production.js
+    ports:
+      - 4000:3000
+    depends_on:
+      - postgres
+      - mosquitto
+  postgres:
+    image: postgres:13.2
+    container_name: db-operato-gangsters
+    environment:
+      POSTGRES_PASSWORD: abcd1234
+      POSTGRES_USER: postgres
+      PGDATA: /var/lib/postgresql/data/pgdata
+    volumes:
+      - ./postgres_data:/var/lib/postgresql/data/pgdata
+    ports:
+      - '55432:5432'
+  mosquitto:
+    image: eclipse-mosquitto:latest
+    ports:
+      - 1883:1883
+      - 9001:9001

package/installer/install.sh

@@ -0,0 +1,54 @@
+if [ -f "config.production.js" ] ; then
+  echo "config.production.js exist"
+else
+  echo "config.production.js create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/config.production.js
+fi
+
+if [ -f "start.sh" ] ; then
+  echo "start.sh exist"
+else
+  echo "start.sh create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/start.sh
+fi
+
+if [ -f "stop.sh" ] ; then
+  echo "stop.sh exist"
+else
+  echo "stop.sh create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/stop.sh
+fi
+
+if [ -f "upgrade.sh" ] ; then
+  echo "upgrade.sh exist"
+else
+  echo "upgrade.sh create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/upgrade.sh
+fi
+
+if [ -f "migrate.sh" ] ; then
+  echo "migrate.sh exist"
+else
+  echo "migrate.sh create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/migrate.sh
+fi
+
+if [ -f "docker-compose.yml" ] ; then
+  echo "docker-compose.yml exist"
+else
+  echo "docker-compose.yml create"
+  curl -O https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/docker-compose.yml
+fi
+
+chmod u+x start.sh
+chmod u+x stop.sh
+chmod u+x upgrade.sh
+chmod u+x migrate.sh
+
+echo "HostPort=3000" > .env
+
+docker pull hatiolab/operato-gangsters:latest
+
+docker pull hatiolab/operato-nginx:latest
+
+docker-compose create

package/installer/migrate.sh

@@ -0,0 +1 @@
+docker exec -it operato-gangsters npm run migration -- --mode=production

package/installer/start.sh

@@ -0,0 +1,18 @@
+HOST_PORT=3000
+
+if [ $# -eq 0 ] ; then
+  echo "Warning: default port 3000"
+else
+  HOST_PORT=$1
+fi
+
+
+echo "HOST_PORT : ${HOST_PORT}"
+
+echo "HostPort="$HOST_PORT > .env
+
+if [[ "$OSTYPE" == "linux-gnu"* ]]; then
+    xhost +"local:docker@"
+fi
+
+docker-compose up -d

package/installer/stop.sh

@@ -0,0 +1 @@
+docker-compose stop

package/installer/upgrade.sh

@@ -0,0 +1 @@
+curl -fsSL https://raw.githubusercontent.com/things-factory/things-factory/master/packages/operato-gangsters/installer/install.sh | bash -s

package/openapi/unstable.yaml

@@ -0,0 +1,41 @@
+openapi: 3.0.0
+info:
+  description: >
+    For the latest release information please check our [release notes](https://developer.operato-gangsters.com/release_notes).
+    The Operato Gangsters API exposes integrations endpoint and related functions.
+  version: 'unstable'
+  title: 'Operato Gangsters'
+  termsOfService: 'https://operato-gangsters.com/terms/'
+  contact:
+    email: 'heartyoh@hatiolab.com'
+  license:
+    name: MIT
+    url: http://mit-license.org/
+tags:
+  - name: 'operato-gangsters'
+    description: 'API for read, create and update operato-gangsterss'
+schemes:
+  - 'https'
+  - 'http'
+servers:
+  - url: '/api/unstable'
+
+components:
+  securitySchemes:
+    basicAuth:
+      type: http
+      scheme: basic
+    bearerAuth:
+      type: http
+      scheme: bearer
+
+security:
+  - basicAuth: []
+  - bearerAuth: []
+responses:
+  UnauthorizedError:
+    description: Unauthorized
+
+externalDocs:
+  description: 'Find out about our release notes'
+  url: 'https://developer.operato-gangsters.com/release_notes'

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@things-factory/operato-gangsters",
+  "version": "5.0.0-alpha.29",
+  "main": "dist-server/index.js",
+  "browser": "client/index.js",
+  "things-factory": true,
+  "license": "MIT",
+  "author": "heartyoh",
+  "description": "hatiolab groupware project",
+  "publishConfig": {
+    "access": "public",
+    "@things-factory:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hatiolab/things-factory.git",
+    "directory": "packages/operato-gangsters"
+  },
+  "scripts": {
+    "serve": "things-factory operato-gangsters",
+    "serve:dev": "npm run build:server && things-factory-dev operato-gangsters",
+    "build": "tsc --p tsconfig.json",
+    "build:client": "npm run clean:client && webpack --config ../builder/webpack.config.js",
+    "build:server": "npm run clean:server && tsc",
+    "clean:server": "rm -rf dist-server",
+    "clean:client": "rm -rf dist-client",
+    "clean": "npm run clean:server && npm run clean:client",
+    "migration": "npm run build:server && things-factory-migration",
+    "migration:privileges": "npm run build:server && things-factory-migration-privileges",
+    "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations",
+    "migration:generate": "node ../../node_modules/typeorm/cli.js migration:generate",
+    "migration:run": "node ../../node_modules/typeorm/cli.js migration:run",
+    "migration:revert": "node ../../node_modules/typeorm/cli.js migration:revert",
+    "stop:dev": "kill $(lsof -t -i:3000,3001)",
+    "stop": "things-factory-stop operato-gangsters",
+    "docker": "things-factory-dockerize hatiolab/operato-gangsters:latest",
+    "docker:run": "docker run -it -p 4000:3000 hatiolab/operato-gangsters:latest"
+  },
+  "dependencies": {
+    "@operato/scene-chartjs": "^1.0.0-alpha.9",
+    "@operato/scene-clock": "^1.0.0-alpha.9",
+    "@operato/scene-gauge": "^1.0.0-alpha.9",
+    "@operato/scene-half-roundrect": "^1.0.0-alpha.9",
+    "@operato/scene-integration": "^1.0.0-alpha.9",
+    "@operato/scene-news-ticker": "^1.0.0-alpha.9",
+    "@operato/scene-progressbar": "^1.0.0-alpha.9",
+    "@operato/scene-random": "^1.0.0-alpha.9",
+    "@operato/scene-restful": "^1.0.0-alpha.9",
+    "@operato/scene-switch": "^1.0.0-alpha.9",
+    "@operato/scene-table": "^1.0.0-alpha.9",
+    "@operato/scene-timer": "^1.0.0-alpha.9",
+    "@things-factory/api": "^5.0.0-alpha.29",
+    "@things-factory/apptool-ui": "^5.0.0-alpha.29",
+    "@things-factory/auth-ui": "^5.0.0-alpha.29",
+    "@things-factory/board-service": "^5.0.0-alpha.29",
+    "@things-factory/board-ui": "^5.0.0-alpha.29",
+    "@things-factory/context-ui": "^5.0.0-alpha.29",
+    "@things-factory/dashboard": "^5.0.0-alpha.29",
+    "@things-factory/export-ui": "^5.0.0-alpha.29",
+    "@things-factory/grist-ui": "^5.0.0-alpha.29",
+    "@things-factory/help": "^5.0.0-alpha.29",
+    "@things-factory/i18n-base": "^5.0.0-alpha.29",
+    "@things-factory/integration-melsec": "^5.0.0-alpha.29",
+    "@things-factory/integration-modbus": "^5.0.0-alpha.29",
+    "@things-factory/integration-ui": "^5.0.0-alpha.29",
+    "@things-factory/lite-menu": "^5.0.0-alpha.29",
+    "@things-factory/more-ui": "^5.0.0-alpha.29",
+    "@things-factory/oauth2-client": "^5.0.0-alpha.29",
+    "@things-factory/print-ui": "^5.0.0-alpha.29",
+    "@things-factory/resource-ui": "^5.0.0-alpha.29",
+    "@things-factory/scene-data-transform": "^5.0.0-alpha.29",
+    "@things-factory/setting-base": "^5.0.0-alpha.29",
+    "@things-factory/setting-ui": "^5.0.0-alpha.29",
+    "@things-factory/shell": "^5.0.0-alpha.29",
+    "@things-factory/system-ui": "^5.0.0-alpha.29"
+  },
+  "devDependencies": {
+    "@things-factory/builder": "^5.0.0-alpha.29"
+  },
+  "gitHead": "b173f0b3a55165db246df58668a99b456cc47996"
+}

package/server/index.ts

@@ -0,0 +1,4 @@
+export * from './migrations'
+export * from './middlewares'
+
+import './routes'

package/server/middlewares/index.ts

@@ -0,0 +1,3 @@
+export function initMiddlewares(app) {
+  /* can add middlewares into app */
+}

package/server/migrations/index.ts

@@ -0,0 +1,9 @@
+const glob = require('glob')
+const path = require('path')
+
+export var migrations = []
+
+glob.sync(path.resolve(__dirname, '.', '**', '*.js')).forEach(function(file) {
+  if (file.indexOf('index.js') !== -1) return
+  migrations = migrations.concat(Object.values(require(path.resolve(file))) || [])
+})

package/server/routes.ts

@@ -0,0 +1,28 @@
+const debug = require('debug')('things-factory:operato-gangsters:routes')
+
+process.on('bootstrap-module-global-public-route' as any, (app, globalPublicRouter) => {
+  /*
+   * can add global public routes to application (auth not required, tenancy not required)
+   *
+   * ex) routes.get('/path', async(context, next) => {})
+   * ex) routes.post('/path', async(context, next) => {})
+   */
+})
+
+process.on('bootstrap-module-global-private-route' as any, (app, globalPrivateRouter) => {
+  /*
+   * can add global private routes to application (auth required, tenancy not required)
+   */
+})
+
+process.on('bootstrap-module-domain-public-route' as any, (app, domainPublicRouter) => {
+  /*
+   * can add domain public routes to application (auth not required, tenancy required)
+   */
+})
+
+process.on('bootstrap-module-domain-private-route' as any, (app, domainPrivateRouter) => {
+  /*
+   * can add domain private routes to application (auth required, tenancy required)
+   */
+})

package/things-factory.config.js

@@ -0,0 +1,13 @@
+import route from './client/route'
+import bootstrap from './client/bootstrap'
+
+export default {
+  route,
+  routes: [
+    {
+      tagname: 'operato-gangsters-main',
+      page: 'operato-gangsters-main'
+    }
+  ],
+  bootstrap
+}

package/translations/en.json

@@ -0,0 +1 @@
+{}

package/translations/ko.json

@@ -0,0 +1 @@
+{}

package/translations/ms.json

@@ -0,0 +1 @@
+{}

package/translations/zh.json

@@ -0,0 +1 @@
+{}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig-base.json",
+  "compilerOptions": {
+    "outDir": "./dist-server",
+    "baseUrl": "./"
+  },
+  "include": ["./server/**/*"],
+  "exclude": ["**/*.spec.ts"]
+}

package/views/auth-page.html

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Operato Gangsters</title>
+    <meta name="generator" content="Things Factory Starter Kit" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Heart of Logistics" />
+
+    <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="#3f51b5" />
+
+    <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="Operato Gangsters" />
+    <meta name="application-description" content="Heart of Logistics" />
+    <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="Operato Gangsters" />
+
+    <!-- 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="#3f51b5" />
+    <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="Operato Gangsters, 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="https://fonts.googleapis.com/css?family=Material+Icons&display=block" />
+    <link rel="stylesheet" href="/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="/auth/signin.js">
+    <link rel="prefetch" href="/auth/signup.js">
+    <link rel="prefetch" href="/auth/forgot-password.js">
+    <link rel="prefetch" href="/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>
+    <script src="node_modules/@lottiefiles/lottie-player/dist/lottie-player.js"></script>
+    <!-- Built with love using PWA Starter Kit -->
+
+    <script src="<%- elementScript %>"></script>
+    <script src="/theme.js"></script>
+    <script>
+      var pageEl = document.querySelector('#page')
+      page.data = <%- JSON.stringify(data) %>
+    </script>
+  </body>
+</html>

package/views/public/home.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Operato Gangsters</title>
+    <meta name="generator" content="Things Factory Starter Kit" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Heart of Logistics" />
+
+    <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="#3f51b5" />
+
+    <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="Operato Gangsters" />
+    <meta name="application-description" content="Heart of Logistics" />
+    <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="Operato Gangsters" />
+
+    <!-- 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="#3f51b5" />
+    <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="Operato Gangsters, 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="https://fonts.googleapis.com/css?family=Material+Icons&display=block" />
+    <link rel="stylesheet" href="/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="/public/home.js" />
+  </head>
+  <body>
+    <home-page id="page"></home-page>
+    <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="/public/home.js"></script>
+    <script src="/theme.js"></script>
+  </body>
+</html>