Ability to invoke `@netlify/dev` via CLI

[benmccann]

Right now use use netlify serve in the SvelteKit integration tests. We use it without any flags. It'd be nice if we could use @netlify/dev instead as it would let us drop hundreds of dependencies from netlify-cli. While I could theoretically wrap @netlify/dev in a CLI myself, it would introduce extra work for me and it'd be nicer if I could just call it directly

[serhalp]

Hey @benmccann I was taking a look at this again and this seems to work:

import { NetlifyDev } from "@netlify/dev";

const netlifyDev = new NetlifyDev({
  projectRoot: ".",
});

let serverReady = netlifyDev.start();
console.log(
  `Environment loaded. Emulating features: ${netlifyDev.getEnabledFeatures().join(", ")}.`,
);

export default {
  async fetch(req: Request) {
    await serverReady;
    return netlifyDev.handle(req);
  },
};

Install @netlify/dev and run npx srvx. Seems to work with my limited testing!

We're not quite sure this makes sense to expose and publish 🤔.

If this works for you, let me know and we'll document it in the README or something!

[benmccann]

Thank you so much for looking at this!

Unfortunately it doesn't work for me. I get:

Server Error
TypeError: Cannot read properties of undefined (reading 'status')
    at Array. (file:///home/bmccann/src/kit/node_modules/.pnpm/srvx@0.8.15/node_modules/srvx/dist/log.mjs:14:51)

It seems to be trying to log an error, but can't because res is undefined:

const log = (_options = {}) => {
	return async (req, next) => {
		const start = performance.now();
		const res = await next();
		const duration = performance.now() - start;
		const statusColor = statusColors[Math.floor(res.status / 100)] || "red";
		console.log(`${Colors.gray(`[${new Date().toLocaleTimeString()}]`)} ${Colors.bold(req.method)} ${Colors.blue(req.url)} [${Colors[statusColor](res.status + "")}] ${Colors.gray(`(${duration.toFixed(2)}ms)`)}`);
		return res;
	};
};

I set the projectRoot to build, which contains _app, _headers, and _redirects and provided --port=8888 to srvx. I pushed a branch here in case you're able to take a look and see anything I might have done wrong: sveltejs/kit#14686

[serhalp]

My bad — classic mistake: I made a small change without testing right before sharing the code snippet here and it introduced that issue 🤦🏼.

Change the last line to:

    const res = await netlifyDev.handle(req);
    return res ?? new Response("Not Found", { status: 404 });

[benmccann]

Thanks! It's a step in the right direction. Now the question is why is it getting a 404? On main if I visit http://localhost:8888/read I get a response stating "Hello! This file is read by read from $app/server." whereas I get a 404 on the branch from sveltejs/kit#14686 using @netlify/dev