feat: fix server

packages/example/package.json

@@ -14,6 +14,8 @@
     "@types/react-dom": "16.9.0",
     "@types/slate-react": "^0.22.5",
     "concurrently": "^4.1.2",
+    "cross-env": "^6.0.3",
+    "express": "^4.17.1",
     "faker": "^4.1.0",
     "lodash": "^4.17.15",
     "nodemon": "^1.19.2",
@@ -28,7 +30,7 @@
   "scripts": {
     "start": "node server.js",
     "start:cra": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "cross-env NODE_ENV=production && react-scripts build",
     "dev": "concurrently \"yarn start:cra\" \"yarn serve\"",
     "serve": "nodemon --watch ../backend/lib --inspect server.js"
   },

packages/example/server.js

@@ -1,6 +1,12 @@
 const Connection = require('@slate-collaborative/backend')
 const defaultValue = require('./src/defaultValue')
-const server = require('http').createServer()
+const express = require('express')
+
+const app = express()
+
+const server = require('http').createServer(app)
+
+const PORT = process.env.PORT || 9000
 
 const config = {
   entry: server, // or specify port to start io server
@@ -21,4 +27,6 @@ const config = {
 
 const connection = new Connection(config)
 
-server.listen(9000)
+app.use(express.static('build'))
+
+server.listen(PORT)

packages/example/src/Client.tsx

@@ -35,8 +35,13 @@ class Client extends Component<ClienProps> {
       alpha: 1
     })
 
+    const origin =
+      process.env.NODE_ENV === 'production'
+        ? window.location.origin
+        : 'http://localhost:9000'
+
     const options = {
-      url: `http://localhost:9000/${this.props.slug}`,
+      url: `${origin}/${this.props.slug}`,
       connectOpts: {
         query: {
           name: this.props.name,