mirror of
https://github.com/GoogleChromeLabs/squoosh.git
synced 2025-11-14 01:37:26 +00:00
0cec90c7ca
* Class for file drop * OCD * We don't need the invalid state, as we'll accept all types. * Flattening CSS * Fixing zoom input in Firefox * Fixing 'container' scaleTo * two-up closer design match & smaller line * Fixing edge bug
26 lines
962 B
TypeScript
26 lines
962 B
TypeScript
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.querySelector('#app') || undefined;
|
|
|
|
// "attach" the client-side rendering to it, updating the DOM in-place instead of replacing:
|
|
root = render(<App />, document.body, root);
|
|
|
|
// In production, this entire condition is removed.
|
|
if (process.env.NODE_ENV === 'development') {
|
|
// 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);
|
|
});
|
|
});
|
|
}
|