@things-factory/shell 8.0.0-alpha.2 → 8.0.0-alpha.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "8.0.0-alpha.2",
+  "version": "8.0.0-alpha.22",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -42,7 +42,6 @@
     "@graphql-tools/schema": "^8.5.0",
     "@graphql-tools/utils": "^10.1.2",
     "@graphql-yoga/redis-event-target": "^3.0.1",
-    "@hatiolab/koa-webpack": "^7.0.9",
     "@hatiolab/things-scene": "^8.0.0-alpha",
     "@koa/cors": "^5.0.0",
     "@material-design-icons/font": "^0.14.9",
@@ -62,10 +61,10 @@
     "@operato/utils": "^8.0.0-alpha",
     "@reduxjs/toolkit": "^2.2.5",
     "@things-factory/ejs-remote": "^8.0.0-alpha.0",
-    "@things-factory/env": "^8.0.0-alpha.0",
+    "@things-factory/env": "^8.0.0-alpha.8",
     "@things-factory/operato-license-checker": "^4.0.4",
     "@things-factory/styles": "^8.0.0-alpha.0",
-    "@things-factory/utils": "^8.0.0-alpha.0",
+    "@things-factory/utils": "^8.0.0-alpha.14",
     "@webcomponents/scoped-custom-element-registry": "^0.0.9",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "args": "^5.0.0",
@@ -123,6 +122,7 @@
     "uuid": "^10.0.0",
     "web-animations-js": "^2.3.2",
     "web-push": "^3.5.0",
+    "webpack-dev-middleware": "^7.4.2",
     "ws": "^8.8.1"
   },
   "optionalDependencies": {
@@ -133,5 +133,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "9599f03becd1263f0c6d7c1138b82180036f7dbf"
+  "gitHead": "27cd29ef5f60c8fc8a177dd52eb0f4979b463991"
 }

package/server/server-dev.ts

@@ -26,7 +26,6 @@ import { WebSocketServer } from 'ws'
 import co from 'co'
 import http from 'http'
 
-import koaWebpack from '@hatiolab/koa-webpack'
 import cors from '@koa/cors'
 
 import crypto from 'crypto'
@@ -47,6 +46,7 @@ import { schema } from './schema'
 import { Domain } from './service'
 import { EntityManager } from 'typeorm'
 import { domainMiddleware } from './middlewares'
+const wdm = require('webpack-dev-middleware')
 
 process.on('uncaughtException', error => {
   logger.error('uncaughtException: ', error)
@@ -244,19 +244,11 @@ const bootstrap = async () => {
     debug: false
   })
 
-  const middleware = await koaWebpack({
-    compiler,
-    hotClient: {},
-    devMiddleware: {
-      publicPath: webpackConfig.output.publicPath,
-      stats: { colors: true }
-    }
-  })
-
-  // only for development mode. triggered after webpack compilation is done.
-  compiler.hooks.done.tap({ name: 'server-dev' }, stats => {
-    process.emit('client-rebuilt' as any, app, compiler.outputFileSystem)
-  })
+  const middleware =
+    // only for development mode. triggered after webpack compilation is done.
+    compiler.hooks.done.tap({ name: 'server-dev' }, stats => {
+      process.emit('client-rebuilt' as any, app, compiler.outputFileSystem)
+    })
 
   app.use(koaBodyParser(bodyParserOption))
 
@@ -297,7 +289,11 @@ const bootstrap = async () => {
   /* should follow this order : history-fallback => webpack-middleware */
   app.use(historyApiFallback({ whiteList: [] }))
 
-  app.use(middleware)
+  app.use(
+    wdm.koaWrapper(compiler, {
+      publicPath: webpackConfig.output.publicPath
+    })
+  )
 
   httpServer.listen({ port: PORT }, () => {
     logger.info(`🚀 Server ready at http://0.0.0.0:${PORT}/graphql`)