sub routing bits

Author: karimsa

backend/internal/server/server.go

@@ -132,7 +132,7 @@ func (server *Server) Run() error {
 
 	// TODO: Move the compiler routes to a separate file/into compiler
 	// Apps
-	server.router.GET("/api/app-resources/:id/base.html", func(res http.ResponseWriter, req *http.Request, params httprouter.Params) {
+	server.router.GET("/api/app-resources/:id/base/*filepath", func(res http.ResponseWriter, req *http.Request, params httprouter.Params) {
 		id := params.ByName("id")
 		res.Header().Set("Content-Type", "text/html; charset=utf-8")
 

backend/robin.servers.json

@@ -1,5 +1,13 @@
 {
 	"devServers": {
-		"cli": "go run github.com/mitranim/gow -e 'go,tsx,html' run ./cmd/cli start"
+		"cli": {
+			"healthChecks": [
+				{
+					"type": "tcp",
+					"port": 9010
+				}
+			],
+			"command": "go run github.com/mitranim/gow -e 'go,tsx,html' run ./cmd/cli start"
+		}
 	}
 }

frontend/components/AppWindow.tsx

@@ -59,6 +59,13 @@ function AppWindowContent({ id, setTitle }: AppWindowProps) {
 
 	const iframeRef = React.useRef<HTMLIFrameElement | null>(null);
 	const [error, setError] = React.useState<string | null>(null);
+	const subRoute = React.useMemo(
+		() =>
+			router.isReady
+				? router.asPath.substring('/app/'.length + id.length)
+				: null,
+		[router.isReady, router.asPath, id],
+	);
 
 	React.useEffect(() => {
 		const onMessage = (message: MessageEvent) => {
@@ -143,7 +150,7 @@ function AppWindowContent({ id, setTitle }: AppWindowProps) {
 
 					<iframe
 						ref={iframeRef}
-						src={`http://localhost:9010/api/app-resources/${id}/base.html`}
+						src={`http://localhost:9010/api/app-resources/${id}/base${subRoute}`}
 						style={{ border: '0', flexGrow: 1, width: '100%', height: '100%' }}
 					/>
 				</>

frontend/pages/app/[id]/[...subRoute].tsx

@@ -0,0 +1 @@
+export { default } from './index';