From cc5b31665a4ac3f1ac92c7d51b5a1f54e19c5762 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhas@smallcase.com>
Date: Thu, 28 Feb 2019 13:13:39 +0530
Subject: [PATCH] Add publicpath=/frame/

---
 preact.config.js               | 13 +++++++++++++
 src/components/app.js          |  6 +++---
 src/components/header/index.js |  6 +++---
 3 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 preact.config.js

diff --git a/preact.config.js b/preact.config.js
new file mode 100644
index 0000000..c231d96
--- /dev/null
+++ b/preact.config.js
@@ -0,0 +1,13 @@
+import webpack from 'webpack';
+
+const publicPath = '/frame/';
+
+export default (config, env, helpers) => {
+	config.output.publicPath = publicPath;
+
+	if (env.production) {
+	}
+	else {
+		config.devServer.publicPath = publicPath;
+	}
+};
diff --git a/src/components/app.js b/src/components/app.js
index 2f88ade..3a1e0ac 100644
--- a/src/components/app.js
+++ b/src/components/app.js
@@ -22,9 +22,9 @@ export default class App extends Component {
 			<div id="app">
 				<Header />
 				<Router onChange={this.handleRoute}>
-					<Home path="/" />
-					<Profile path="/profile/" user="me" />
-					<Profile path="/profile/:user" />
+					<Home path="/frame/" />
+					<Profile path="/frame/profile/" user="me" />
+					<Profile path="/frame/profile/:user" />
 				</Router>
 			</div>
 		);
diff --git a/src/components/header/index.js b/src/components/header/index.js
index f8a9923..8b847cd 100644
--- a/src/components/header/index.js
+++ b/src/components/header/index.js
@@ -6,9 +6,9 @@ const Header = () => (
 	<header class={style.header}>
 		<h1>Preact App</h1>
 		<nav>
-			<Link activeClassName={style.active} href="/">Home</Link>
-			<Link activeClassName={style.active} href="/profile">Me</Link>
-			<Link activeClassName={style.active} href="/profile/john">John</Link>
+			<Link activeClassName={style.active} href="/frame/">Home</Link>
+			<Link activeClassName={style.active} href="/frame/profile">Me</Link>
+			<Link activeClassName={style.active} href="/frame/profile/john">John</Link>
 		</nav>
 	</header>
 );