fix(dev): fix dev and tests on Windows

packages/pages/src/bin/spawn.ts

@@ -6,9 +6,9 @@ import path from "path";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+const filePrefix = path.sep === path.win32.sep ? "file:\\\\" : "";
 const pathToPagesScript = path.resolve(__dirname, "./pages.js");
-
-const pathToLoader = path.resolve(__dirname, "./loader.js");
+const pathToLoader = filePrefix + path.resolve(__dirname, "./loader.js");
 
 const nodeVersion = Number(
   spawnSync("node", ["-v"], { encoding: "utf-8" })

packages/pages/src/common/src/function/internal/functionMetadataParser.ts

@@ -1,5 +1,6 @@
 import { ProjectStructure } from "../../project/structure.js";
 import path from "node:path";
+import { convertToPosixPath } from "../../template/paths.js";
 
 // type functionType = typeof validFunctionTypes[number];
 const validFunctionTypes = ["onUrlChange", "http"];
@@ -42,10 +43,12 @@ export class FunctionMetadataParser {
     const testsPath = path.join("tests", "fixtures", "src", "functions");
 
     // The path after /src/functions
-    const relativePath = absolutePathToFunction.split(`/${sourcePath}/`)[1];
+    const relativePath = absolutePathToFunction.split(
+      `${path.sep}${sourcePath}${path.sep}`
+    )[1];
 
     // Should be onUrlChange or http
-    const functionType = relativePath.split("/")[0];
+    const functionType = relativePath.split(path.sep)[0];
     if (!validFunctionTypes.find((ft) => ft === functionType)) {
       throw new Error(
         `Cannot load ${absolutePathToFunction}.\n` +
@@ -64,7 +67,7 @@ export class FunctionMetadataParser {
 
     if (
       functionType === "onUrlChange" &&
-      relativePath.split("/").length > 2 &&
+      relativePath.split(path.sep).length > 2 &&
       functionsRoot !== distPath
     ) {
       throw new Error(
@@ -76,7 +79,7 @@ export class FunctionMetadataParser {
 
     // Slug is defined by the path and filename
     const defaultSlug = relativePath
-      .replace(`${functionType}/`, "")
+      .replace(`${functionType}${path.sep}`, "")
       .split(".")
       .slice(0, -1)
       .join(".");
@@ -111,9 +114,10 @@ export class FunctionMetadataParser {
  * @returns A five-character string of the hash.
  */
 const unsecureHashPluginName = (input: string): string => {
+  const posixPath = convertToPosixPath(input);
   let hash = 0;
-  for (let i = 0; i < input.length; i++) {
-    const code = input.charCodeAt(i);
+  for (let i = 0; i < posixPath.length; i++) {
+    const code = posixPath.charCodeAt(i);
     hash = (hash << 5) - hash + code;
     hash = hash & hash; // Convert to 32bit integer
   }

packages/pages/src/common/src/function/internal/getFunctionFilepaths.test.ts

@@ -2,41 +2,41 @@ import path from "path";
 import { getFunctionFilepaths } from "./getFunctionFilepaths.js";
 import { minimatch } from "minimatch";
 
-const rootPath = "src/functions";
-const multiLevelPath = "src/functions/http/api/fetch";
+const rootPath = path.join("src", "functions");
+const multiLevelPath = path.join("src", "functions", "http", "api", "fetch");
 
 const filepaths = [
-  `${multiLevelPath}/test1.ts`,
-  `${multiLevelPath}/test2.js`,
-  `${rootPath}/test3.js`,
-  `${rootPath}/test4.ts`,
+  path.join(multiLevelPath, "test1.ts"),
+  path.join(multiLevelPath, "test2.js"),
+  path.join(rootPath, "test3.js"),
+  path.join(rootPath, "test4.ts"),
 ];
 
 const expected = [
   {
-    root: "/",
-    dir: process.cwd() + "/src/functions/http/api/fetch",
+    root: path.resolve("/"),
+    dir: path.join(process.cwd(), multiLevelPath),
     base: "test1.ts",
     ext: ".ts",
     name: "test1",
   },
   {
-    root: "/",
-    dir: process.cwd() + "/src/functions/http/api/fetch",
+    root: path.resolve("/"),
+    dir: path.join(process.cwd(), multiLevelPath),
     base: "test2.js",
     ext: ".js",
     name: "test2",
   },
   {
-    root: "/",
-    dir: process.cwd() + "/src/functions",
+    root: path.resolve("/"),
+    dir: path.join(process.cwd(), rootPath),
     base: "test3.js",
     ext: ".js",
     name: "test3",
   },
   {
-    root: "/",
-    dir: process.cwd() + "/src/functions",
+    root: path.resolve("/"),
+    dir: path.join(process.cwd(), rootPath),
     base: "test4.ts",
     ext: ".ts",
     name: "test4",
@@ -53,7 +53,7 @@ jest.mock("glob", () => {
 
 describe("getFunctionFilepaths", () => {
   it("collects all function files under the src/functions path", () => {
-    const templatesFilepath = getFunctionFilepaths("src/functions");
+    const templatesFilepath = getFunctionFilepaths(rootPath);
     expect(JSON.stringify(templatesFilepath.sort())).toEqual(
       JSON.stringify(expected)
     );

packages/pages/src/common/src/function/internal/getFunctionFilepaths.ts

@@ -1,6 +1,7 @@
 import { globSync } from "glob";
 import path from "path";
 import { Path } from "../../project/path.js";
+import { convertToPosixPath } from "../../template/paths.js";
 
 /**
  * Get all the functions files in a directory
@@ -11,7 +12,9 @@ export const getFunctionFilepaths = (root: string): path.ParsedPath[] => {
   const functionsRoot = new Path(root); // resolve the functions root
   // Get all js/ts files in the directory or subdirectories
   const filepaths = globSync(
-    `${functionsRoot.getAbsolutePath()}/**/*.{tsx,jsx,js,ts}`
+    convertToPosixPath(
+      `${functionsRoot.getAbsolutePath()}/**/*.{tsx,jsx,js,ts}`
+    )
   );
 
   return filepaths.map((filepath) => {

packages/pages/src/common/src/function/internal/loader.test.ts

@@ -26,7 +26,7 @@ describe("loadTemplateModules", () => {
 
   it("loads and transpiles raw templates", async () => {
     const functionFile: path.ParsedPath[] = [
-      path.parse("tests/fixtures/src/functions/http/[param].ts"),
+      path.parse(path.resolve("tests/fixtures/src/functions/http/[param].ts")),
     ];
 
     const functionModules = await loadFunctionModules(

packages/pages/src/common/src/function/internal/types.test.ts

@@ -51,7 +51,7 @@ const exampleOnUrlChangeArgument: SitesOnUrlChangeRequest = {
 };
 
 const createMockFilePath = (filepath: string): path.ParsedPath => {
-  return path.parse(path.resolve(path.join("src/functions/", filepath)));
+  return path.parse(path.resolve(path.join("src", "functions", filepath)));
 };
 
 describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () => {
@@ -63,7 +63,7 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
     };
     const functionModuleInternal =
       convertFunctionModuleToFunctionModuleInternal(
-        createMockFilePath("http/api/example.ts"),
+        createMockFilePath(path.join("http", "api", "example.ts")),
         functionModule,
         projectStructure
       );
@@ -74,16 +74,16 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
         event: "API",
       },
       filePath: {
-        root: "/",
-        dir: process.cwd() + "/src/functions/http/api",
+        root: path.resolve("/"),
+        dir: path.join(process.cwd(), "src", "functions", "http", "api"),
         base: "example.ts",
         ext: ".ts",
         name: "example",
       },
       slug: {
-        original: "api/example",
-        dev: "api/example",
-        production: "api/example",
+        original: path.join("api", "example"),
+        dev: path.join("api", "example"),
+        production: path.join("api", "example"),
       },
     };
     expect(JSON.stringify(functionModuleInternal)).toEqual(
@@ -107,7 +107,7 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
     };
     const functionModuleInternal =
       convertFunctionModuleToFunctionModuleInternal(
-        createMockFilePath("onUrlChange/example.ts"),
+        createMockFilePath(path.join("onUrlChange", "example.ts")),
         functionModule,
         projectStructure
       );
@@ -118,8 +118,8 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
         event: "ON_URL_CHANGE",
       },
       filePath: {
-        root: "/",
-        dir: process.cwd() + "/src/functions/onUrlChange",
+        root: path.resolve("/"),
+        dir: path.join(process.cwd(), "src", "functions", "onUrlChange"),
         base: "example.ts",
         ext: ".ts",
         name: "example",
@@ -149,7 +149,9 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
     };
     const functionModuleInternal =
       convertFunctionModuleToFunctionModuleInternal(
-        createMockFilePath("http/api/example/[testParam].ts"),
+        createMockFilePath(
+          path.join("http", "api", "example", "[testParam].ts")
+        ),
         functionModule,
         projectStructure
       );
@@ -160,16 +162,23 @@ describe("internal/types - convertFunctionModuleToFunctionModuleInternal", () =>
         event: "API",
       },
       filePath: {
-        root: "/",
-        dir: process.cwd() + "/src/functions/http/api/example",
+        root: path.resolve("/"),
+        dir: path.join(
+          process.cwd(),
+          "src",
+          "functions",
+          "http",
+          "api",
+          "example"
+        ),
         base: "[testParam].ts",
         ext: ".ts",
         name: "[testParam]",
       },
       slug: {
-        original: "api/example/[testParam]",
-        dev: "api/example/:testParam",
-        production: "api/example/{{testParam}}",
+        original: path.join("api", "example", "[testParam]"),
+        dev: path.join("api", "example", ":testParam"),
+        production: path.join("api", "example", "{{testParam}}"),
       },
     };
     expect(JSON.stringify(functionModuleInternal)).toEqual(

packages/pages/src/common/src/template/internal/getTemplateFilepaths.test.ts

@@ -3,19 +3,19 @@ import { getTemplateFilepaths } from "./getTemplateFilepaths.js";
 import { minimatch } from "minimatch";
 import { Path } from "../../project/path.js";
 
-const rootPath = "src/templates";
-const domain1Path = "src/templates/some.domain1.com";
-const domain2Path = "src/templates/some.domain2.com";
+const rootPath = path.join("src", "templates");
+const domain1Path = path.join("src", "templates", "some.domain1.com");
+const domain2Path = path.join("src", "templates", "some.domain2.com");
 jest.mock("glob", () => {
   return {
     globSync: (glob: string) => {
       const filepaths = [
-        `${domain1Path}/brand1.tsx`,
-        `${domain1Path}/test.tsx`,
-        `${domain2Path}/brand2.tsx`,
-        `${domain2Path}/test.tsx`,
-        `${rootPath}/share.tsx`,
-        `${rootPath}/test.tsx`,
+        path.join(domain1Path, "brand1.tsx"),
+        path.join(domain1Path, "test.tsx"),
+        path.join(domain2Path, "brand2.tsx"),
+        path.join(domain2Path, "test.tsx"),
+        path.join(rootPath, "share.tsx"),
+        path.join(rootPath, "test.tsx"),
       ];
       return filepaths.filter((f) => minimatch(path.resolve(f), glob));
     },
@@ -28,7 +28,7 @@ describe("getTemplateFilepaths", () => {
       new Path(path.join(process.cwd(), rootPath)),
     ]);
     expect(templatesFilepath.sort()).toEqual(
-      [`${rootPath}/share.tsx`, `${rootPath}/test.tsx`].sort()
+      [path.join(rootPath, "share.tsx"), path.join(rootPath, "test.tsx")].sort()
     );
   });
 
@@ -39,9 +39,9 @@ describe("getTemplateFilepaths", () => {
     ]);
     expect(templatesFilepath.sort()).toEqual(
       [
-        `${rootPath}/share.tsx`,
-        `${domain1Path}/test.tsx`,
-        `${domain1Path}/brand1.tsx`,
+        path.join(rootPath, "share.tsx"),
+        path.join(domain1Path, "test.tsx"),
+        path.join(domain1Path, "brand1.tsx"),
       ].sort()
     );
   });

packages/pages/src/common/src/template/internal/getTemplateFilepaths.ts

@@ -6,6 +6,7 @@ import { ProjectStructure } from "../../project/structure.js";
 import { ClientServerRenderTemplates } from "../types.js";
 import fs from "node:fs";
 import { fileURLToPath } from "node:url";
+import { convertToPosixPath } from "../paths.js";
 
 /**
  * Get all the template files in the provided template folder path(s).
@@ -21,7 +22,9 @@ export const getTemplateFilepaths = (paths: Path[]): string[] => {
   const templateFilepaths: string[] = [];
   const addedFilenames: Set<string> = new Set();
   paths.forEach((p) => {
-    const filepaths = globSync(`${p.getAbsolutePath()}/*.{tsx,jsx,js,ts}`);
+    const filepaths = globSync(
+      convertToPosixPath(`${p.getAbsolutePath()}/*.{tsx,jsx,js,ts}`)
+    );
     filepaths
       // Don't include the client/server rendering templates
       .filter(

packages/pages/src/common/src/template/internal/loader.test.ts

@@ -1,6 +1,7 @@
 import { glob } from "glob";
 import path from "path";
 import { loadTemplateModules } from "./loader.js";
+import { convertToPosixPath } from "../paths.js";
 
 // our jest configuration doesn't support file urls so update pathToFileURL to do nothing during
 // this test.
@@ -23,7 +24,9 @@ afterAll(() => jest.unmock("url"));
 describe("loadTemplateModules", () => {
   it("loads and transpiles raw templates", async () => {
     const templateFile = glob.sync(
-      path.join(process.cwd(), "tests/fixtures/template.tsx")
+      convertToPosixPath(
+        path.join(process.cwd(), "tests/fixtures/template.tsx")
+      )
     );
     const templateModules = await loadTemplateModules(
       templateFile,
@@ -36,7 +39,7 @@ describe("loadTemplateModules", () => {
 
   it("loads transpiled templates", async () => {
     const templateFile = glob.sync(
-      path.join(process.cwd(), "tests/fixtures/template.js")
+      convertToPosixPath(path.join(process.cwd(), "tests/fixtures/template.js"))
     );
     const templateModules = await loadTemplateModules(
       templateFile,