pro/im_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

splitting out libraries

Browse Source
This commit is contained in:
or-else
2018-10-31 19:44:07 +03:00
parent e7f3b424e4
commit c76a7dcb6b
6 changed files with 165 additions and 693 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index-dev.html
+14 -10
View File
@@ -1,8 +1,4 @@
<!-- <!-- DEVELOPMENT version of the web app. -->
DEVELOPMENT version of the web app.
It links to online babel transformer and the original JSX app script.
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@@ -17,17 +13,25 @@
<!-- Ask Google not to offer page translation --> <!-- Ask Google not to offer page translation -->
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json" />
<link id="shortcut-icon" rel="shortcut icon" href="img/logo32x32.png" type="image/png" /> <link rel="shortcut icon" id="shortcut-icon" href="img/logo32x32.png" type="image/png" />
<link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" /> <link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
<link rel="canonical" href="https://api.tinode.co/" /> <link rel="canonical" href="https://api.tinode.co/" />
<!-- Google's Roboto font --> <!-- Google's Roboto font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" />
rel="stylesheet" type="text/css" />
<!-- Google's material design icons --> <!-- Google's material design icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<!-- Styles for local elements --> <!-- Styles for local elements -->
<link rel="stylesheet" href="css/base.css" /> <link rel="stylesheet" href="css/base.css" />
<!-- ReactJs scripts -->
<script crossorigin="anonymous" src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- React-Intl -->
<script crossorigin="anonymous" src="https://unpkg.com/prop-types@15/prop-types.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/react-intl@2/dist/react-intl.js"></script>
<!-- Firebase scripts -->
<script crossorigin="anonymous" src="https://unpkg.com/firebase@5.5.6/firebase-app.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/firebase@5.5.6/firebase-messaging.js"></script>
</head> </head>
<body> <body>
index.html
+33 -34
View File
@@ -1,36 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<title>Tinode</title> <title>Tinode</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="application-name" content="TinodeWeb"> <meta name="application-name" content="TinodeWeb">
<meta name="description" content="Tinode instant messaging"> <meta name="description" content="Tinode instant messaging">
<meta name="application-url" content="https://api.tinode.co/"> <meta name="application-url" content="https://api.tinode.co/">
<!-- Browser styling for Chrome, FF, Opera --> <meta name="theme-color" content="#3949AB">
<meta name="theme-color" content="#3949AB"> <meta name="google" value="notranslate">
<!-- Ask Google not to offer page translation --> <link rel="manifest" href="manifest.json" />
<meta name="google" value="notranslate"> <link rel="shortcut icon" id="shortcut-icon" href="img/logo32x32.png" type="image/png" />
<link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
<link rel="manifest" href="manifest.json"> <link rel="canonical" href="https://api.tinode.co/" />
<link id="shortcut-icon" rel="shortcut icon" href="img/logo32x32.png" type="image/png" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" />
<link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="canonical" href="https://api.tinode.co/" /> <link rel="stylesheet" href="css/base.min.css" />
<!-- Google's Roboto font --> <script crossorigin="anonymous" src="https://unpkg.com/react@16.6.0/umd/react.production.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700" <script crossorigin="anonymous" src="https://unpkg.com/react-dom@16.6.0/umd/react-dom.production.min.js"></script>
rel="stylesheet" type="text/css" /> <script crossorigin="anonymous" src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js"></script>
<!-- Google's material design icons --> <script crossorigin="anonymous" src="https://unpkg.com/react-intl@2.7.2/dist/react-intl.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <script crossorigin="anonymous" src="https://unpkg.com/firebase@5.5.6/firebase-app.js"></script>
<!-- Styles for local elements --> <script crossorigin="anonymous" src="https://unpkg.com/firebase@5.5.6/firebase-messaging.js"></script>
<link rel="stylesheet" href="css/base.min.css" /> </head>
</head> <body>
<body> <noscript><div id="noscript-alertbox"><div id="noscript-title">Javascript support is required.</div>
<noscript><div id="noscript-alertbox"><div id="noscript-title">Javascript support is required.</div> <div id="noscript-content">It appears JavaScript is turned off or is not supported by your browser.
<div id="noscript-content">It appears JavaScript is turned off or is not supported by your browser. TinodeWeb does not work without JavaScript. Please enable JavaScript by changing your browser options,
TinodeWeb does not work without JavaScript. Please enable JavaScript by changing your browser options, then <a href="">try again</a>.</div></div></noscript>
then <a href="">try again</a>.</div></div></noscript> <div id="mountPoint"></div>
<div id="mountPoint"></div> <script src="firebase-init.js"></script>
<script src="firebase-init.js"></script> <script src="umd/index.prod.js"></script>
<script src="umd/index.prod.js"></script> </body>
</body>
</html> </html>
service-worker.js
+2 -2
View File
@@ -1,6 +1,6 @@
// Must be located at the root. // Must be located at the root.
importScripts('https://unpkg.com/firebase@5.5.5/firebase-app.js'); importScripts('https://unpkg.com/firebase@5.5.6/firebase-app.js');
importScripts('https://unpkg.com/firebase@5.5.5/firebase-messaging.js'); importScripts('https://unpkg.com/firebase@5.5.6/firebase-messaging.js');
importScripts('firebase-init.js'); importScripts('firebase-init.js');
firebase.initializeApp(FIREBASE_INIT); firebase.initializeApp(FIREBASE_INIT);
umd/index.dev.js
+88 -601
View File
File diff suppressed because one or more lines are too long
umd/index.prod.js
+1 -45
View File
File diff suppressed because one or more lines are too long
webpack.config.js
+26
View File
@@ -1,3 +1,5 @@
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = config = { module.exports = config = {
entry: [ entry: [
'./src/index.js', './src/index.js',
@@ -13,4 +15,28 @@ module.exports = config = {
}, },
], ],
}, },
output: {
libraryTarget: 'umd'
},
optimization: {
minimizer: [
// we specify a custom UglifyJsPlugin here to get source maps in production.
new UglifyJsPlugin({
cache: true,
parallel: true,
uglifyOptions: {
compress: true,
mangle: true
},
sourceMap: true
})
]
},
externals: {
'react': 'React',
'react-dom': 'ReactDOM',
'react-intl': 'ReactIntl',
'firebase/app': 'firebase',
'firebase/messaging': true
},
}; };