wip: Reduce size of web dist/ #14

h2oai · Jun 26, 2022 · 5caaf2f · 5caaf2f
1 parent 8cba1a1
commit 5caaf2f
Show file tree

Hide file tree

Showing 10 changed files with 4 additions and 58 deletions.
diff --git a/wasm/py/Makefile b/wasm/py/Makefile
@@ -12,6 +12,7 @@ build: purge ## Build everything
 		cp -R ../../web/build/ . && \
 		cp web/build/nitride.js build/. && \
 		cd build && \
+		rm -f image.png sample.jpg && \
 		zip -r ../dist/nitride-v$(VERSION).zip *
 
 purge: ## Purge previous build

diff --git a/web/public/android-chrome-192x192.png b/web/public/android-chrome-192x192.png
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
diff --git a/web/public/busy64.gif b/web/public/busy64.gif
diff --git a/web/public/favicon-16x16.png b/web/public/favicon-16x16.png
diff --git a/web/public/favicon-32x32.png b/web/public/favicon-32x32.png
diff --git a/web/public/index.html b/web/public/index.html
@@ -4,50 +4,19 @@
 <head>
   <meta charset="utf-8" />
   <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-  <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="192x192" href="%PUBLIC_URL%/android-chrome-192x192.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-
-
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
     href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&family=Roboto+Slab:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap"
     rel="stylesheet">
   <link href="%PUBLIC_URL%/styles.css" rel="stylesheet">
-  <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Nitro</title>
 </head>
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="nitro" data-endpoint="/nitro"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
 </body>
 
 </html>
diff --git a/web/public/manifest.json b/web/public/manifest.json
diff --git a/web/src/app.tsx b/web/src/app.tsx
@@ -22,6 +22,7 @@ import { installPlugins } from './plugin';
 import { Box, Edit, EditPosition, EditType, Message, MessageType, Server, ServerEvent, ServerEventT } from './protocol';
 import { defaultScheme, Scheme } from './theme';
 import { make, newClientContext } from './ui';
+import loadingAnimation from './loading.gif'
 
 enum AppStateT { Connecting, Disconnected, Invalid, Connected }
 
@@ -77,7 +78,7 @@ const Busy = make(({ timeout }: { timeout: U }) => {
     visibleB = signal(false),
     render = () => (
       <Blocker style={{ opacity: visibleB() ? 0.5 : 0 }}>
-        <img alt='Busy' src="busy32.gif" />
+        <img alt='Busy' src={loadingAnimation} />
       </Blocker>
     )
 

diff --git a/web/public/busy32.gif → web/src/loading.gif b/web/public/busy32.gif → web/src/loading.gif