Feita injeção de JS no html.

JsThiago · Aug 21, 2020 · 99a4d91 · 99a4d91
1 parent 11189c6
commit 99a4d91
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 27 deletions.
diff --git a/public/index.html b/public/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Chat simples</title>
+    <title>fast refresh test</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
     <link rel="stylesheet" href="styles.css">
@@ -18,19 +18,7 @@
         <input type="text" name="message" placeholder="Digite sua mensagem">
         <button id="button" type="submit">Enviar</button>
     </form>
-    <script type="text/javascript">
-        console.log(this);
-        var socket = io('http://localhost:3333');
-        socket.on('refresh', data => {
 
-            location.reload(true);
-            socket.emit('refreshed');
-        })
-        $('#button').click(() => {
-            socket.emit('refreshed')
-            consoole.log('aadas');
-        })
-    </script>
 </body>
 
 </html>
diff --git a/server.js b/server.js
@@ -1,8 +1,9 @@
 const logDebugger = require('./src/logsDebugger');
 const socket = require('./src/socket');
 const app = require('./src/app.js');
-
+const childProcess = require('child_process');
 
 
 socket(app);
-logDebugger.connected();
+logDebugger.connected();
+childProcess.exec('start http://localhost:3333/fr');
diff --git a/src/app.js b/src/app.js
@@ -2,15 +2,12 @@ const express = require('express');
 const path = require('path');
 const app = express();
 const logDebugger = require('./logsDebugger');
-
+const fsPromise = require('./util/fsPromise.js');
 logDebugger.connecting();
 app.use(express.static(path.join(__dirname, '..', 'public')));
-
-
-
-
-app.use('/', (req, res) => {
-    return res.send(path.join(__dirname, '..', 'public', 'index.html'));
+app.use('/fr', async (req, res) => {
+    const html = await fsPromise();
+    return res.send(html);
 });
 
 

diff --git a/src/socket.js b/src/socket.js
@@ -8,15 +8,10 @@ fs.watch(path.join(__dirname, '..', 'public'), (eventType, filename) => {
 
 function socket(server) {
 
-
-
     const io = require('socket.io')(server);
 
     io.on('connection', socket => {
         socketRef = socket
-        socket.on('refreshed', (data) => {
-            console.log('refresh complete');
-        });
     })
     return socketRef;
 }

diff --git a/src/util/fsPromise.js b/src/util/fsPromise.js
@@ -0,0 +1,24 @@
+const path = require('path');
+const fs = require('fs')
+module.exports = function fsPromise() {
+    const regexPattern = /<\/body>/i;
+    const jsInject = `
+    <script>
+    console.log('inject completed')
+        var socket = io('http://localhost:3333');
+        socket.on('refresh', data => {
+    
+            location.reload(true);
+            socket.emit('refreshed');
+        })
+    </script>
+    `
+    return new Promise((resolve, reject) => {
+        fs.readFile(path.join(__dirname, '..', '..', 'public', 'index.html'), (err, data) => {
+            resolve(data.toString().replace(regexPattern,
+                `${jsInject}
+            </body>
+            `))
+        })
+    })
+}