fix: add missing deps and fix preview template in create-markopack

Author: Priestch

.changeset/fix-missing-deps.md

@@ -0,0 +1,6 @@
+---
+"@markopack/rspack": patch
+"create-markopack": patch
+---
+
+Add missing dependencies: `sirv` in `@markopack/rspack` (used by dev server) and `@marko/runtime-tags` in create-markopack templates (required by Marko 6 compiled output).

.changeset/fix-static-preview-template.md

@@ -0,0 +1,5 @@
+---
+"create-markopack": patch
+---
+
+Fix static adapter preview template: serve from `dist/server/public` (not `dist/client`), remove TypeScript syntax from `.mjs` output, and serve `404.html` for unknown paths.

packages/create-markopack/src/templates.ts

@@ -11,6 +11,7 @@ const ext = (opts: TemplateOptions) => (opts.typescript ? ".ts" : ".js");
 export function packageJson(opts: TemplateOptions): string {
   const deps: Record<string, string> = {
     marko: "^6.0.0",
+    "@marko/runtime-tags": "^6.0.0",
   };
   const devDeps: Record<string, string> = {
     "@markopack/rspack": "^0.1.0",
@@ -128,14 +129,14 @@ import path from "node:path";
 
 const root = import.meta.dirname;
 const port = Number(process.env.PORT || 3000);
-const publicDir = path.join(root, "dist/client");
+const publicDir = path.join(root, "dist/server/public");
 
 if (!fs.existsSync(publicDir)) {
   console.error("No build found. Run \`npm run build\` first.");
   process.exit(1);
 }
 
-const mimeTypes: Record<string, string> = {
+const mimeTypes = {
   ".html": "text/html",
   ".js": "application/javascript",
   ".css": "text/css",
@@ -146,11 +147,19 @@ const mimeTypes: Record<string, string> = {
   ".ico": "image/x-icon",
 };
 
+function resolveFile(urlPath) {
+  if (urlPath === "/") return path.join(publicDir, "index.html");
+  const base = path.join(publicDir, urlPath);
+  if (fs.existsSync(base) && !fs.statSync(base).isDirectory()) return base;
+  const withExt = base + ".html";
+  if (fs.existsSync(withExt)) return withExt;
+  const asIndex = path.join(base, "index.html");
+  if (fs.existsSync(asIndex)) return asIndex;
+  return null;
+}
+
 const server = http.createServer((req, res) => {
-  let filePath = path.join(publicDir, req.url === "/" ? "index.html" : req.url!);
-  if (!fs.existsSync(filePath) || fs.statSync(filePath).isDirectory()) {
-    filePath = path.join(publicDir, "index.html");
-  }
+  const filePath = resolveFile(req.url) || path.join(publicDir, "404.html");
   const ext = path.extname(filePath);
   res.setHeader("Content-Type", mimeTypes[ext] || "application/octet-stream");
   fs.createReadStream(filePath).pipe(res);

packages/rspack/package.json

@@ -35,7 +35,8 @@
   "dependencies": {
     "@markopack/core": "^0.1.4",
     "@markopack/compiler": "^0.1.4",
-    "picocolors": "^1.1.1"
+    "picocolors": "^1.1.1",
+    "sirv": "^3.0.1"
   },
   "peerDependencies": {
     "@marko/run": "^0.9.0",