51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
// Import React and ReactDOM
|
|
import React, { Suspense } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
|
|
// Import Framework7
|
|
import Framework7 from 'framework7/lite-bundle';
|
|
import { Dom7 } from 'framework7';
|
|
window.$$ = Dom7;
|
|
|
|
// Import Framework7-React Plugin
|
|
import Framework7React from 'framework7-react';
|
|
|
|
import jQuery from 'jquery';
|
|
window.jQuery = jQuery;
|
|
window.$ = jQuery;
|
|
|
|
// Import Framework7 Styles
|
|
|
|
const htmlElem = document.querySelector('html');
|
|
const direction = LocalStorage.getItem('mode-direction');
|
|
|
|
direction === 'rtl' ? htmlElem.setAttribute('dir', 'rtl') : htmlElem.setAttribute('dir', 'ltr');
|
|
|
|
import(`framework7/framework7-bundle${direction === 'rtl' ? '-rtl' : ''}.css`);
|
|
|
|
// Import App Custom Styles
|
|
|
|
import('./less/app.less');
|
|
import '../../../../../sdkjs/cell/css/main-mobile.css'
|
|
|
|
// Import App Component
|
|
import App from './page/app';
|
|
import { I18nextProvider } from 'react-i18next';
|
|
import i18n from './lib/i18n.js';
|
|
|
|
import { Provider } from 'mobx-react';
|
|
import { stores } from './store/mainStore';
|
|
import { LocalStorage } from '../../../common/mobile/utils/LocalStorage';
|
|
|
|
// Init F7 React Plugin
|
|
Framework7.use(Framework7React);
|
|
|
|
// Mount React App
|
|
ReactDOM.render(
|
|
<I18nextProvider i18n={i18n}>
|
|
<Provider {...stores}>
|
|
<App />
|
|
</Provider>
|
|
</I18nextProvider>,
|
|
document.getElementById('app'),
|
|
); |