sample update

web-live-chat/README.md

@@ -29,14 +29,19 @@ If you refresh your browser window, you need to reconnect to SendBird. To retain
 
 If you wish to issue an `access_token` for your user, modify the `connect function` in `src/sendbird.js`.  
 
+> Require that you have Node installed.
 1. Install npm
 
-        npm install --save-dev
+        npm install
 
 2. Modify files.
-3. Create a bundle file.
 
-        webpack -p
+        npm run start-dev
+        
+3. Start sample.
+
+        npm start
+
 
 
 ## Advanced  

web-live-chat/package.json

@@ -1,9 +1,11 @@
 {
-  "name": "widget-sample",
+  "name": "Sample-JS-Web-Live-Chat",
   "version": "1.0.0",
-  "description": "SendBird Widget Sample",
+  "description": "SendBird Live Chat",
   "main": "index.js",
   "scripts": {
+    "start-dev": "webpack-dev-server",
+    "start": "webpack -p && node server.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "SendBird",
@@ -17,9 +19,11 @@
     "css-loader": "^0.27.3",
     "eslint": "^3.18.0",
     "eslint-loader": "^1.6.3",
-    "node-sass": "^4.5.0",
+    "express": "^4.16.2",
+    "node-sass": "4.5.0",
     "sass-loader": "^6.0.3",
     "style-loader": "^0.14.1",
-    "webpack": "^2.2.1"
+    "webpack": "^2.2.1",
+    "webpack-dev-server": "^2.9.4"
   }
 }

web-live-chat/server.js

@@ -0,0 +1,14 @@
+const express = require('express');
+const app = express();
+
+const PORT = 9001;
+
+app.use(express.static('build'));
+app.use(express.static('./'));
+
+app.get('/', function(req, res) {
+  res.sendfile('index.html');
+});
+
+app.listen(PORT);
+console.log(`[SERVER RUNNING] 127.0.0.1:${PORT}`);

web-live-chat/webpack.config.js

@@ -1,11 +1,20 @@
+var path = require('path');
+
 module.exports = {
-  context: __dirname + '/src',
+  context: path.resolve(__dirname + '/src'),
   entry: {
     liveChat: './js/chat.js'
   },
   output: {
-    path: __dirname + '/build',
-    filename: '[name].SendBird.js'
+    path: path.resolve(__dirname + '/build'),
+    filename: '[name].SendBird.js',
+    publicPath: "build"
+  },
+  devtool: "cheap-eval-source-map",
+  devServer: {
+    publicPath: '/build/',
+    compress: true,
+    port: 9000
   },
   module: {
     rules: [

web-widget/README.md

@@ -29,14 +29,18 @@ If you refresh your browser window, you need to reconnect to SendBird. To retain
 
 If you wish to issue an `access_token` for your user, modify the `connect function` in `src/sendbird.js`.  
 
+> Require that you have Node installed.
 1. Install npm
 
-        npm install --save-dev
+        npm install
 
 2. Modify files.
-3. Create a bundle file.
 
-        webpack -p
+        npm run start-dev
+        
+3. Start sample.
+
+        npm start
 
 
 ## Advanced  

web-widget/package.json

@@ -1,9 +1,11 @@
 {
-  "name": "widget-sample",
+  "name": "Sample-JS-Web-Widget",
   "version": "1.0.0",
   "description": "SendBird Widget Sample",
   "main": "index.js",
   "scripts": {
+    "start-dev": "webpack-dev-server",
+    "start": "webpack -p && node server.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "SendBird",
@@ -18,9 +20,11 @@
     "css-loader": "^0.27.3",
     "eslint": "^3.18.0",
     "eslint-loader": "^1.6.3",
-    "node-sass": "^4.5.0",
+    "express": "^4.16.2",
+    "node-sass": "4.5.0",
     "sass-loader": "^6.0.3",
     "style-loader": "^0.14.1",
-    "webpack": "^2.2.1"
+    "webpack": "^2.2.1",
+    "webpack-dev-server": "^2.9.4"
   }
 }

web-widget/server.js

@@ -0,0 +1,14 @@
+const express = require('express');
+const app = express();
+
+const PORT = 9001;
+
+app.use(express.static('build'));
+app.use(express.static('./'));
+
+app.get('/', function(req, res) {
+  res.sendfile('index.html');
+});
+
+app.listen(PORT);
+console.log(`[SERVER RUNNING] 127.0.0.1:${PORT}`);

web-widget/webpack.config.js

@@ -1,11 +1,20 @@
+var path = require('path');
+
 module.exports = {
-  context: __dirname + '/src',
+  context: path.resolve(__dirname + '/src'),
   entry: {
     widget: ['babel-polyfill', './js/widget.js']
   },
   output: {
-    path: __dirname + '/build',
-    filename: '[name].SendBird.js'
+    path: path.resolve(__dirname + '/build'),
+    filename: '[name].SendBird.js',
+    publicPath: "build"
+  },
+  devtool: "cheap-eval-source-map",
+  devServer: {
+    publicPath: '/build/',
+    compress: true,
+    port: 9000
   },
   module: {
     rules: [