global.tsx 3.28 KB
import { Button, message, notification } from 'antd';

import React from 'react';
import { formatMessage } from 'umi';
import defaultSettings from '../config/defaultSettings';
import * as wasm from '@feewee/helper-wasm';
import moment from 'moment';

const { pwa } = defaultSettings;
// if pwa is true
if (pwa) {
  // Notify user if offline now
  window.addEventListener('sw.offline', () => {
    message.warning(formatMessage({ id: 'app.pwa.offline' }));
  });

  // Pop up a prompt on the page asking the user if they want to use the latest version
  window.addEventListener('sw.updated', (event: Event) => {
    const e = event as CustomEvent;
    const reloadSW = async () => {
      // Check if there is sw whose state is waiting in ServiceWorkerRegistration
      // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration
      const worker = e.detail && e.detail.waiting;
      if (!worker) {
        return true;
      }
      // Send skip-waiting event to waiting SW with MessageChannel
      await new Promise((resolve, reject) => {
        const channel = new MessageChannel();
        channel.port1.onmessage = (msgEvent) => {
          if (msgEvent.data.error) {
            reject(msgEvent.data.error);
          } else {
            resolve(msgEvent.data);
          }
        };
        worker.postMessage({ type: 'skip-waiting' }, [channel.port2]);
      });
      // Refresh current page to use the updated HTML and other assets after SW has skiped waiting
      window.location.reload();
      return true;
    };
    const key = `open${Date.now()}`;
    const btn = (
      <Button
        type="primary"
        onClick={() => {
          notification.close(key);
          reloadSW();
        }}
      >
        {formatMessage({ id: 'app.pwa.serviceworker.updated.ok' })}
      </Button>
    );
    notification.open({
      message: formatMessage({ id: 'app.pwa.serviceworker.updated' }),
      description: formatMessage({ id: 'app.pwa.serviceworker.updated.hint' }),
      btn,
      key,
      onClose: async () => {},
    });
  });
} else if ('serviceWorker' in navigator) {
  // unregister service worker
  const { serviceWorker } = navigator;
  if (serviceWorker.getRegistrations) {
    serviceWorker.getRegistrations().then((sws) => {
      sws.forEach((sw) => {
        sw.unregister();
      });
    });
  }
  serviceWorker.getRegistration().then((sw) => {
    if (sw) sw.unregister();
  });

  caches.keys().then((keys) => {
    keys.forEach((key) => {
      caches.delete(key);
    });
  });
}

//@ts-ignore
if (!window.Number.prototype._toFixed) {
  //@ts-ignore
  window.Number.prototype._toFixed = window.Number.prototype.toFixed;
}
window.Number.prototype.toFixed = function (m: number = 0): string {
  if (typeof this !== 'number') {
    throw new Error('Invalid type');
  }
  let result: string = String(Math.round(Math.pow(10, m) * this) / Math.pow(10, m));
  if (result.indexOf('.') == -1) {
    if (m != 0) {
      result += '.';
      result += new Array(m + 1).join('0');
    }
  } else {
    const arr = result.split('.');
    if (arr[1].length < m) {
      arr[1] += new Array(m - arr[1].length + 1).join('0');
    }
    result = arr.join('.');
  }
  return result;
};

if (process?.env?.NODE_ENV != 'development') {
  wasm.check_update();
}
await wasm.ixq2pl();

moment.locale('zh-cn');