wip

# Conflicts:
#	codecs/cpp.Dockerfile
#	codecs/imagequant/example.html
#	codecs/webp/dec/webp_dec.d.ts
#	codecs/webp/dec/webp_dec.js
#	codecs/webp/dec/webp_dec.wasm
#	codecs/webp/enc/webp_enc.d.ts
#	codecs/webp/enc/webp_enc.js
#	codecs/webp/enc/webp_enc.wasm
#	package-lock.json
#	package.json
#	src/codecs/tiny.webp
#	src_old/codecs/encoders.ts
#	src_old/codecs/processor-worker/tiny.avif
#	src_old/codecs/processor-worker/tiny.webp
#	src_old/codecs/tiny.webp
#	src_old/components/compress/index.tsx
#	src_old/lib/util.ts
#	src_old/sw/util.ts

src_old/init-app.tsx

@@ -0,0 +1,25 @@
+import { h, render } from 'preact';
+import './lib/fix-pmc';
+import './style';
+import App from './components/App';
+
+// Find the outermost Element in our server-rendered HTML structure.
+let root = document.getElementById('app_root') as Element;
+
+// "attach" the client-side rendering to it, updating the DOM in-place instead of replacing:
+root = render(<App />, document.body, root);
+root.setAttribute('id', 'app_root');
+
+if (process.env.NODE_ENV !== 'production') {
+  // Enable support for React DevTools and some helpful console warnings:
+  require('preact/debug');
+
+  // When an update to any module is received, re-import the app and trigger a full re-render:
+  module.hot.accept('./components/App', () => {
+    // The linter doesn't like the capital A in App. It is wrong.
+    // tslint:disable-next-line variable-name
+    import('./components/App').then(({ default: App }) => {
+      root = render(<App />, document.body, root);
+    });
+  });
+}