Cleanup build output

package.json

@@ -2,14 +2,14 @@
   "scripts": {
     "start": "NODE_ENV=development snowpack dev",
     "build": "snowpack build",
-    "package": "yarn gzipper c build output",
+    "package": "yarn gzipper c -i html,js,css build build/output",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
     "lint": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
     "@headlessui/react": "^1.1.1",
     "@heroicons/react": "^1.0.1",
-    "@meshtastic/meshtasticjs": "^0.6.9",
+    "@meshtastic/meshtasticjs": "^0.6.10",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-flags-select": "^2.1.2",

public/index.html

@@ -19,7 +19,7 @@
   <body>
     <div id="root"></div>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="module" src="/dist/index.js"></script>
+    <script type="module" src="/static/index.js"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

public/typelogo.svg

@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 1115 116" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5;">
-    <g transform="matrix(1.05081,0,0,0.602459,-74.3378,-345.171)">
-        <g>
-            <g transform="matrix(0.973838,0,0,1.69858,-1.56777,-229.112)">
-                <path d="M81.582,577.266L148.536,478.804" style="fill:none;stroke:black;stroke-width:14.11px;"/>
-            </g>
-            <g transform="matrix(0.961342,0,0,1.67678,882.45,-216.54)">
-                <path d="M81.582,577.266L148.536,478.804" style="fill:none;stroke:black;stroke-width:14.86px;"/>
-            </g>
-            <g transform="matrix(12.0448,0,0,21.0595,-7445.39,-7644.88)">
-                <text x="640.988px" y="399.072px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:12px;">ESHT</text>
-            </g>
-            <g transform="matrix(0.977299,0,0,1.70462,-43.6432,50.5292)">
-                <path d="M187.032,410.85L250.896,317.192L314.907,410.702" style="fill:none;stroke:black;stroke-width:13.85px;"/>
-            </g>
-            <g transform="matrix(0.977299,0,0,1.70462,468.182,53.0697)">
-                <path d="M187.032,410.85L250.896,317.192L314.907,410.702" style="fill:none;stroke:black;stroke-width:13.85px;"/>
-            </g>
-            <g transform="matrix(0.571939,0,0,1,784.482,759.924)">
-                <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:252.715px;">ST</text>
-            </g>
-            <g transform="matrix(0.571939,0,0,1,1030.51,760.498)">
-                <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:252.715px;">C</text>
-            </g>
-        </g>
-    </g>
-</svg>

snowpack.config.js

@@ -2,7 +2,7 @@
 module.exports = {
   mount: {
     public: { url: '/', static: true },
-    src: { url: '/dist' },
+    src: { url: '/static' },
   },
   plugins: [
     '@snowpack/plugin-postcss',

src/components/Header.tsx

@@ -7,7 +7,7 @@ import {
 } from '@heroicons/react/outline';
 import { Types } from '@meshtastic/meshtasticjs';
 
-import typelogo from '../../public/typelogo.svg';
+import Logo from './logo';
 
 interface HeaderProps {
   status: Types.DeviceStatusEnum;
@@ -19,7 +19,7 @@ const Header = (props: HeaderProps) => {
   return (
     <nav className="w-full shadow-md">
       <div className="flex w-full container mx-auto justify-between px-6 py-4">
-        <img src={typelogo} height="30" width="200" />
+        <Logo />
         <div></div>
 
         <div className="flex items-center">

src/components/logo.tsx

@@ -0,0 +1,86 @@
+import React from 'react';
+
+const Logo = () => {
+  return (
+    <svg
+      height="30"
+      width="200"
+      viewBox="0 0 1115 116"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{
+        fillRule: 'evenodd',
+        clipRule: 'evenodd',
+        strokeLinejoin: 'round',
+        strokeMiterlimit: 1.5,
+      }}
+    >
+      <g transform="matrix(1.05081,0,0,0.602459,-74.3378,-345.171)">
+        <g>
+          <g transform="matrix(0.973838,0,0,1.69858,-1.56777,-229.112)">
+            <path
+              d="M81.582,577.266L148.536,478.804"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '14.11px' }}
+            />
+          </g>
+          <g transform="matrix(0.961342,0,0,1.67678,882.45,-216.54)">
+            <path
+              d="M81.582,577.266L148.536,478.804"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '14.86px' }}
+            />
+          </g>
+          <g transform="matrix(12.0448,0,0,21.0595,-7445.39,-7644.88)">
+            <text
+              x="640.988px"
+              y="399.072px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '12px',
+              }}
+            >
+              ESHT
+            </text>
+          </g>
+          <g transform="matrix(0.977299,0,0,1.70462,-43.6432,50.5292)">
+            <path
+              d="M187.032,410.85L250.896,317.192L314.907,410.702"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '13.85px' }}
+            />
+          </g>
+          <g transform="matrix(0.977299,0,0,1.70462,468.182,53.0697)">
+            <path
+              d="M187.032,410.85L250.896,317.192L314.907,410.702"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '13.85px' }}
+            />
+          </g>
+          <g transform="matrix(0.571939,0,0,1,784.482,759.924)">
+            <text
+              x="0px"
+              y="0px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '252.715px',
+              }}
+            >
+              ST
+            </text>
+          </g>
+          <g transform="matrix(0.571939,0,0,1,1030.51,760.498)">
+            <text
+              x="0px"
+              y="0px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '252.715px',
+              }}
+            >
+              C
+            </text>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default Logo;

yarn.lock

@@ -223,10 +223,10 @@
   resolved "https://registry.yarnpkg.com/@heroicons/react/-/react-1.0.1.tgz#66d25f6441920bd5c2146ea27fd33995885452dd"
   integrity sha512-uikw2gKCmqnvjVxitecWfFLMOKyL9BTFcU4VM3hHj9OMwpkCr5Ke+MRMyY2/aQVmsYs4VTq7NCFX05MYwAHi3g==
 
-"@meshtastic/meshtasticjs@^0.6.9":
+"@meshtastic/meshtasticjs@^0.6.10":
-  version "0.6.9"
+  version "0.6.10"
-  resolved "https://registry.yarnpkg.com/@meshtastic/meshtasticjs/-/meshtasticjs-0.6.9.tgz#41b3bad1fba2b1f0b1a2c86ed1f1db4907271a0b"
+  resolved "https://registry.yarnpkg.com/@meshtastic/meshtasticjs/-/meshtasticjs-0.6.10.tgz#ef8de850fb37e808302f5e6535e9f5963448c3b5"
-  integrity sha512-o62NzVMLejs5thdbu8YXXdZ523aOxPX6FWfw6noWTVbnLhYxvpltOtcOveI4iPMRk9JGid4KcwehBUvbQi4Sag==
+  integrity sha512-WFGHmTr4L4PFPQzzpqamialLMX79zbX90jalHSCzVG/5wkZfd+6dqe5v+b3cvCTyhDiVmf6DKmRhmAS3iCLLpA==
   dependencies:
     "@protobuf-ts/runtime" "^2.0.0-alpha.21"
     rxjs "^6.6.7"