adding cutom app changes

designer/client/custom-index.tsx

@@ -0,0 +1,17 @@
+// @ts-ignore
+import {App} from "../../digital-form-builder/designer/client";
+import React from "react";
+import ReactDOM from "react-dom";
+
+export class CustomApp extends App {
+    render(): React.JSX.Element {
+        return (
+            <div style={{ margin: "4em" }}>
+                <h1>This is New flavour of designer</h1>
+                {super.render()}
+            </div>
+        );
+    }
+}
+
+ReactDOM.render(<CustomApp/>, document.getElementById("root"));

designer/package.json

@@ -4,7 +4,7 @@
   "main": "server/index.ts",
   "scripts": {
     "build": "NODE_ENV=production webpack",
-    "start:local": "NODE_ENV=development PERSISTENT_BACKEND=preview ts-node-dev --inspect --respawn --transpile-only server/index.ts",
+    "start:local": "NODE_ENV=development PERSISTENT_BACKEND=preview ts-node-dev --inspect --respawn --transpile-only server/index.ts"
   },
   "author": "",
   "license": "ISC",

designer/webpack.config.js

@@ -19,15 +19,20 @@ const client = {
   target: "web",
   mode: environment,
   watch: devMode,
-  entry: path.resolve(__dirname, "../digital-form-builder/designer/client", "index.tsx"),
+  entry: {
+    "digital-form-builder": path.resolve(__dirname, "../digital-form-builder/designer/client", "index.tsx"),
+    "digital-form-builder-adapter": path.resolve(__dirname, "client", "custom-index.tsx")
+  },
   output: {
     path: path.resolve(__dirname, "dist", "client"),
     filename: "assets/[name].js",
     publicPath: "",
   },
   resolve: {
     extensions: [".js", ".jsx", ".ts", ".tsx"],
-    modules: [path.resolve(__dirname, "../digital-form-builder/node_modules")],
+    modules: [
+      path.resolve(__dirname, "../digital-form-builder/node_modules")
+    ],
   },
   node: {
     __dirname: false,