fix serving static files via cli server

apps/ssr-cli/src/client/index.ts → apps/ssr-cli/src/index.ts

@@ -1,5 +1,5 @@
 import { Hydration } from "cinnabun/hydration"
-import { App } from "../App"
+import { App } from "./App"
 import { SSRProps } from "cinnabun/src/types"
 import "./index.css"
 

packages/cli/src/build/build.js

@@ -4,7 +4,7 @@ const {
   regexPatterns,
   replaceServerFunctions,
   generateFileRouter,
-} = require("./transform.plugin")
+} = require("./transform-plugin")
 
 /**
  * @type {esbuild.BuildOptions}

packages/cli/src/build/server.ts

@@ -9,14 +9,14 @@ import { ComponentFunc } from "cinnabun/src/types"
 export function createServer(App: ComponentFunc) {
   //const { App } = await import(path.resolve(process.cwd(), "src", "App"))
 
-  //console.log("Creating server - App: ", App)
+  console.log("Creating server", process.cwd())
 
   const app = fastify()
 
   app.register(compress, { global: false })
   app.register(fStatic, {
     prefix: "/static/",
-    root: path.join(__dirname, "../../dist/static"),
+    root: path.join(process.cwd(), "dist", "static"),
   })
   app.get("/favicon.ico", (_, res) => {
     res.status(404).send()

packages/cli/src/routes/start.ts

@@ -2,6 +2,7 @@ import { Command, Option } from "commander"
 import esbuild from "esbuild"
 import { generateFileRouter } from "../build/transform-plugin"
 import path from "path"
+import { buildClient } from "../build/build"
 
 export default new Command("start")
   .description("start your cinnabun project")
@@ -40,6 +41,8 @@ export default new Command("start")
 
     const { App, createServer } = eval(result.outputFiles![0].text) as any
 
+    await buildClient()
+
     createServer(App).listen({ port }, function (err: any) {
       if (err) {
         console.error(err)