@torpor/adapter-cloudflare 0.0.1

package/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2024 <OWNER>
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED “AS IS” AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# torpor/adapter-cloudflare
+
+A @torpor/build adapter for deploying to Cloudflare Pages.
+
+🚧 WARNING: WORK IN PROGRESS 🚧
+
+## Installation
+
+TODO:

package/dist/index.cjs

@@ -0,0 +1,139 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  cloudflare: () => adapter_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/adapter.ts
+var import_node_fs = require("fs");
+var import_node_path = __toESM(require("path"), 1);
+var import_vite = require("vite");
+
+// src/prepareTemplate.ts
+function prepareTemplate(template, clientScript) {
+  let contentStart = regexIndexOf(template, /\<div\s+id=("app"|'app'|app)\s+/);
+  contentStart = template.indexOf(">", contentStart) + 1;
+  let contentEnd = template.indexOf("</div>", contentStart);
+  if (contentStart === -1 || contentEnd === -1) {
+    throw new Error(`Couldn't find <div id="app"></div>`);
+  }
+  return template.substring(0, contentStart) + "%COMPONENT_HTML%" + template.substring(contentEnd) + `<script type="module" src="${clientScript}"></script>`;
+}
+function regexIndexOf(string, regex, position) {
+  var indexOf = string.substring(position || 0).search(regex);
+  return indexOf >= 0 ? indexOf + (position || 0) : indexOf;
+}
+
+// src/adapter.ts
+var adapter_default = {
+  postbuild,
+  serve: () => {
+    console.log("TODO");
+  }
+};
+async function postbuild(site) {
+  const distFolder = import_node_path.default.resolve(site.root, "dist");
+  const clientFolder = import_node_path.default.join(distFolder, "client");
+  const serverFolder = import_node_path.default.join(distFolder, "server");
+  const tempFolder = import_node_path.default.join(distFolder, "temp");
+  const cloudflareFolder = import_node_path.default.join(distFolder, "cloudflare");
+  const buildSrcFolder = import_node_path.default.resolve(site.root, "./node_modules/@torpor/build/src/");
+  const adapterSrcFolder = import_node_path.default.resolve(
+    site.root,
+    "./node_modules/@torpor/adapter-cloudflare/src/"
+  );
+  let workerFile = import_node_path.default.join(adapterSrcFolder, "_worker.ts");
+  let workerSource = await import_node_fs.promises.readFile(workerFile, "utf-8");
+  let clientScript = (await import_node_fs.promises.readdir(import_node_path.default.join(clientFolder, "assets"))).find(
+    (f) => f.startsWith("clientEntry-")
+  );
+  if (!clientScript) {
+    throw new Error("clientEntry.js not found");
+  }
+  clientScript = `/assets/${clientScript}`;
+  let siteHtml = import_node_path.default.join(clientFolder, "site.html");
+  let template = await import_node_fs.promises.readFile(siteHtml, "utf-8");
+  template = prepareTemplate(template, clientScript);
+  const serverClass = import_node_path.default.join(buildSrcFolder, "server", "Server.ts");
+  const serverScript = import_node_path.default.join(serverFolder, "serverEntry.js");
+  workerSource = workerSource.replace("%SERVER_CLASS%", serverClass).replace("%SERVER_SCRIPT%", serverScript).replace("%HTML_TEMPLATE%", template);
+  workerFile = import_node_path.default.join(tempFolder, "_worker.ts");
+  await import_node_fs.promises.mkdir(tempFolder);
+  await import_node_fs.promises.writeFile(workerFile, workerSource);
+  await (0, import_vite.build)(
+    (0, import_vite.defineConfig)({
+      build: {
+        outDir: cloudflareFolder,
+        rollupOptions: {
+          input: [workerFile],
+          output: {
+            entryFileNames: `[name].js`,
+            chunkFileNames: `[name].js`,
+            assetFileNames: `[name].[ext]`
+          },
+          preserveEntrySignatures: "strict"
+        },
+        // HACK: We don't need to minify as the worker isn't downloaded?
+        // And it makes debugging easier
+        minify: false,
+        // HACK: Disable preload so that the _worker.js file doesn't end
+        // up with document and window references that are not available
+        modulePreload: false
+      }
+    })
+  );
+  await import_node_fs.promises.mkdir(import_node_path.default.join(cloudflareFolder, "assets"));
+  for (let file of await import_node_fs.promises.readdir(import_node_path.default.join(clientFolder, "assets"))) {
+    await import_node_fs.promises.copyFile(
+      import_node_path.default.join(clientFolder, "assets", file),
+      import_node_path.default.join(cloudflareFolder, "assets", file)
+    );
+  }
+  const wranglerConfig = `
+name = "torpor-miniflare"
+main = "./cloudflare/_worker.js"
+compatibility_date = "2025-01-01"
+
+[assets]
+directory = "./cloudflare"
+binding = "ASSETS"
+	`;
+  const wranglerFile = import_node_path.default.join(distFolder, "wrangler.toml");
+  await import_node_fs.promises.writeFile(wranglerFile, wranglerConfig);
+  await import_node_fs.promises.rm(tempFolder, { recursive: true });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cloudflare
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/adapter.ts","../src/prepareTemplate.ts"],"sourcesContent":["import cloudflare from \"./adapter\";\n\nexport { cloudflare };\n","import { type Adapter, Site } from \"@torpor/build\";\nimport { promises as fs } from \"node:fs\";\nimport path from \"node:path\";\nimport { build, defineConfig } from \"vite\";\nimport prepareTemplate from \"./prepareTemplate\";\n\nexport default {\n\tpostbuild,\n\tserve: (/* server: Server, site: Site*/) => {\n\t\tconsole.log(\"TODO\");\n\t},\n} satisfies Adapter;\n\nasync function postbuild(site: Site) {\n\t// Build _worker.js as per\n\t// https://developers.cloudflare.com/pages/functions/advanced-mode/\n\n\tconst distFolder = path.resolve(site.root, \"dist\");\n\tconst clientFolder = path.join(distFolder, \"client\");\n\tconst serverFolder = path.join(distFolder, \"server\");\n\tconst tempFolder = path.join(distFolder, \"temp\");\n\tconst cloudflareFolder = path.join(distFolder, \"cloudflare\");\n\n\t// TODO: Is this going to be the correct path after installing from npm?\n\tconst buildSrcFolder = path.resolve(site.root, \"./node_modules/@torpor/build/src/\");\n\tconst adapterSrcFolder = path.resolve(\n\t\tsite.root,\n\t\t\"./node_modules/@torpor/adapter-cloudflare/src/\",\n\t);\n\n\t// Compile _worker.ts\n\tlet workerFile = path.join(adapterSrcFolder, \"_worker.ts\");\n\tlet workerSource = await fs.readFile(workerFile, \"utf-8\");\n\n\t// Find the client script file in /assets\n\tlet clientScript = (await fs.readdir(path.join(clientFolder, \"assets\"))).find((f) =>\n\t\tf.startsWith(\"clientEntry-\"),\n\t);\n\tif (!clientScript) {\n\t\tthrow new Error(\"clientEntry.js not found\");\n\t}\n\tclientScript = `/assets/${clientScript}`;\n\n\t// Read and prepare site.html so that we can just splice components into it\n\tlet siteHtml = path.join(clientFolder, \"site.html\");\n\tlet template = await fs.readFile(siteHtml, \"utf-8\");\n\ttemplate = prepareTemplate(template, clientScript);\n\n\tconst serverClass = path.join(buildSrcFolder, \"server\", \"Server.ts\");\n\tconst serverScript = path.join(serverFolder, \"serverEntry.js\");\n\n\t// Splice file names into _worker.ts\n\tworkerSource = workerSource\n\t\t.replace(\"%SERVER_CLASS%\", serverClass)\n\t\t.replace(\"%SERVER_SCRIPT%\", serverScript)\n\t\t.replace(\"%HTML_TEMPLATE%\", template);\n\n\tworkerFile = path.join(tempFolder, \"_worker.ts\");\n\tawait fs.mkdir(tempFolder);\n\tawait fs.writeFile(workerFile, workerSource);\n\n\tawait build(\n\t\tdefineConfig({\n\t\t\tbuild: {\n\t\t\t\toutDir: cloudflareFolder,\n\t\t\t\trollupOptions: {\n\t\t\t\t\tinput: [workerFile],\n\t\t\t\t\toutput: {\n\t\t\t\t\t\tentryFileNames: `[name].js`,\n\t\t\t\t\t\tchunkFileNames: `[name].js`,\n\t\t\t\t\t\tassetFileNames: `[name].[ext]`,\n\t\t\t\t\t},\n\t\t\t\t\tpreserveEntrySignatures: \"strict\",\n\t\t\t\t},\n\t\t\t\t// HACK: We don't need to minify as the worker isn't downloaded?\n\t\t\t\t// And it makes debugging easier\n\t\t\t\tminify: false,\n\t\t\t\t// HACK: Disable preload so that the _worker.js file doesn't end\n\t\t\t\t// up with document and window references that are not available\n\t\t\t\tmodulePreload: false,\n\t\t\t},\n\t\t}),\n\t);\n\n\t// Copy the client assets into the Cloudflare folder\n\tawait fs.mkdir(path.join(cloudflareFolder, \"assets\"));\n\tfor (let file of await fs.readdir(path.join(clientFolder, \"assets\"))) {\n\t\tawait fs.copyFile(\n\t\t\tpath.join(clientFolder, \"assets\", file),\n\t\t\tpath.join(cloudflareFolder, \"assets\", file),\n\t\t);\n\t}\n\n\t// Build a wrangler.toml file for running with `wrangler dev`\n\tconst wranglerConfig = `\nname = \"torpor-miniflare\"\nmain = \"./cloudflare/_worker.js\"\ncompatibility_date = \"2025-01-01\"\n\n[assets]\ndirectory = \"./cloudflare\"\nbinding = \"ASSETS\"\n\t`;\n\tconst wranglerFile = path.join(distFolder, \"wrangler.toml\");\n\tawait fs.writeFile(wranglerFile, wranglerConfig);\n\n\tawait fs.rm(tempFolder, { recursive: true });\n}\n","export default function prepareTemplate(template: string, clientScript: string) {\n\tlet contentStart = regexIndexOf(template, /\\<div\\s+id=(\"app\"|'app'|app)\\s+/);\n\tcontentStart = template.indexOf(\">\", contentStart) + 1;\n\tlet contentEnd = template.indexOf(\"</div>\", contentStart);\n\tif (contentStart === -1 || contentEnd === -1) {\n\t\tthrow new Error(`Couldn't find <div id=\"app\"></div>`);\n\t}\n\treturn (\n\t\ttemplate.substring(0, contentStart) +\n\t\t\"%COMPONENT_HTML%\" +\n\t\ttemplate.substring(contentEnd) +\n\t\t`<script type=\"module\" src=\"${clientScript}\"></script>`\n\t);\n}\n\n// From https://stackoverflow.com/a/274094\nfunction regexIndexOf(string: string, regex: RegExp, position?: number) {\n\tvar indexOf = string.substring(position || 0).search(regex);\n\treturn indexOf >= 0 ? indexOf + (position || 0) : indexOf;\n}\n"],"mappings":"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","names":["path","fs"]}

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+import { Site } from '@torpor/build';
+
+declare const _default: {
+    postbuild: typeof postbuild;
+    serve: () => void;
+};
+
+declare function postbuild(site: Site): Promise<void>;
+
+export { _default as cloudflare };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { Site } from '@torpor/build';
+
+declare const _default: {
+    postbuild: typeof postbuild;
+    serve: () => void;
+};
+
+declare function postbuild(site: Site): Promise<void>;
+
+export { _default as cloudflare };

package/dist/index.js

@@ -0,0 +1,102 @@
+// src/adapter.ts
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { build, defineConfig } from "vite";
+
+// src/prepareTemplate.ts
+function prepareTemplate(template, clientScript) {
+  let contentStart = regexIndexOf(template, /\<div\s+id=("app"|'app'|app)\s+/);
+  contentStart = template.indexOf(">", contentStart) + 1;
+  let contentEnd = template.indexOf("</div>", contentStart);
+  if (contentStart === -1 || contentEnd === -1) {
+    throw new Error(`Couldn't find <div id="app"></div>`);
+  }
+  return template.substring(0, contentStart) + "%COMPONENT_HTML%" + template.substring(contentEnd) + `<script type="module" src="${clientScript}"></script>`;
+}
+function regexIndexOf(string, regex, position) {
+  var indexOf = string.substring(position || 0).search(regex);
+  return indexOf >= 0 ? indexOf + (position || 0) : indexOf;
+}
+
+// src/adapter.ts
+var adapter_default = {
+  postbuild,
+  serve: () => {
+    console.log("TODO");
+  }
+};
+async function postbuild(site) {
+  const distFolder = path.resolve(site.root, "dist");
+  const clientFolder = path.join(distFolder, "client");
+  const serverFolder = path.join(distFolder, "server");
+  const tempFolder = path.join(distFolder, "temp");
+  const cloudflareFolder = path.join(distFolder, "cloudflare");
+  const buildSrcFolder = path.resolve(site.root, "./node_modules/@torpor/build/src/");
+  const adapterSrcFolder = path.resolve(
+    site.root,
+    "./node_modules/@torpor/adapter-cloudflare/src/"
+  );
+  let workerFile = path.join(adapterSrcFolder, "_worker.ts");
+  let workerSource = await fs.readFile(workerFile, "utf-8");
+  let clientScript = (await fs.readdir(path.join(clientFolder, "assets"))).find(
+    (f) => f.startsWith("clientEntry-")
+  );
+  if (!clientScript) {
+    throw new Error("clientEntry.js not found");
+  }
+  clientScript = `/assets/${clientScript}`;
+  let siteHtml = path.join(clientFolder, "site.html");
+  let template = await fs.readFile(siteHtml, "utf-8");
+  template = prepareTemplate(template, clientScript);
+  const serverClass = path.join(buildSrcFolder, "server", "Server.ts");
+  const serverScript = path.join(serverFolder, "serverEntry.js");
+  workerSource = workerSource.replace("%SERVER_CLASS%", serverClass).replace("%SERVER_SCRIPT%", serverScript).replace("%HTML_TEMPLATE%", template);
+  workerFile = path.join(tempFolder, "_worker.ts");
+  await fs.mkdir(tempFolder);
+  await fs.writeFile(workerFile, workerSource);
+  await build(
+    defineConfig({
+      build: {
+        outDir: cloudflareFolder,
+        rollupOptions: {
+          input: [workerFile],
+          output: {
+            entryFileNames: `[name].js`,
+            chunkFileNames: `[name].js`,
+            assetFileNames: `[name].[ext]`
+          },
+          preserveEntrySignatures: "strict"
+        },
+        // HACK: We don't need to minify as the worker isn't downloaded?
+        // And it makes debugging easier
+        minify: false,
+        // HACK: Disable preload so that the _worker.js file doesn't end
+        // up with document and window references that are not available
+        modulePreload: false
+      }
+    })
+  );
+  await fs.mkdir(path.join(cloudflareFolder, "assets"));
+  for (let file of await fs.readdir(path.join(clientFolder, "assets"))) {
+    await fs.copyFile(
+      path.join(clientFolder, "assets", file),
+      path.join(cloudflareFolder, "assets", file)
+    );
+  }
+  const wranglerConfig = `
+name = "torpor-miniflare"
+main = "./cloudflare/_worker.js"
+compatibility_date = "2025-01-01"
+
+[assets]
+directory = "./cloudflare"
+binding = "ASSETS"
+	`;
+  const wranglerFile = path.join(distFolder, "wrangler.toml");
+  await fs.writeFile(wranglerFile, wranglerConfig);
+  await fs.rm(tempFolder, { recursive: true });
+}
+export {
+  adapter_default as cloudflare
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapter.ts","../src/prepareTemplate.ts"],"sourcesContent":["import { type Adapter, Site } from \"@torpor/build\";\nimport { promises as fs } from \"node:fs\";\nimport path from \"node:path\";\nimport { build, defineConfig } from \"vite\";\nimport prepareTemplate from \"./prepareTemplate\";\n\nexport default {\n\tpostbuild,\n\tserve: (/* server: Server, site: Site*/) => {\n\t\tconsole.log(\"TODO\");\n\t},\n} satisfies Adapter;\n\nasync function postbuild(site: Site) {\n\t// Build _worker.js as per\n\t// https://developers.cloudflare.com/pages/functions/advanced-mode/\n\n\tconst distFolder = path.resolve(site.root, \"dist\");\n\tconst clientFolder = path.join(distFolder, \"client\");\n\tconst serverFolder = path.join(distFolder, \"server\");\n\tconst tempFolder = path.join(distFolder, \"temp\");\n\tconst cloudflareFolder = path.join(distFolder, \"cloudflare\");\n\n\t// TODO: Is this going to be the correct path after installing from npm?\n\tconst buildSrcFolder = path.resolve(site.root, \"./node_modules/@torpor/build/src/\");\n\tconst adapterSrcFolder = path.resolve(\n\t\tsite.root,\n\t\t\"./node_modules/@torpor/adapter-cloudflare/src/\",\n\t);\n\n\t// Compile _worker.ts\n\tlet workerFile = path.join(adapterSrcFolder, \"_worker.ts\");\n\tlet workerSource = await fs.readFile(workerFile, \"utf-8\");\n\n\t// Find the client script file in /assets\n\tlet clientScript = (await fs.readdir(path.join(clientFolder, \"assets\"))).find((f) =>\n\t\tf.startsWith(\"clientEntry-\"),\n\t);\n\tif (!clientScript) {\n\t\tthrow new Error(\"clientEntry.js not found\");\n\t}\n\tclientScript = `/assets/${clientScript}`;\n\n\t// Read and prepare site.html so that we can just splice components into it\n\tlet siteHtml = path.join(clientFolder, \"site.html\");\n\tlet template = await fs.readFile(siteHtml, \"utf-8\");\n\ttemplate = prepareTemplate(template, clientScript);\n\n\tconst serverClass = path.join(buildSrcFolder, \"server\", \"Server.ts\");\n\tconst serverScript = path.join(serverFolder, \"serverEntry.js\");\n\n\t// Splice file names into _worker.ts\n\tworkerSource = workerSource\n\t\t.replace(\"%SERVER_CLASS%\", serverClass)\n\t\t.replace(\"%SERVER_SCRIPT%\", serverScript)\n\t\t.replace(\"%HTML_TEMPLATE%\", template);\n\n\tworkerFile = path.join(tempFolder, \"_worker.ts\");\n\tawait fs.mkdir(tempFolder);\n\tawait fs.writeFile(workerFile, workerSource);\n\n\tawait build(\n\t\tdefineConfig({\n\t\t\tbuild: {\n\t\t\t\toutDir: cloudflareFolder,\n\t\t\t\trollupOptions: {\n\t\t\t\t\tinput: [workerFile],\n\t\t\t\t\toutput: {\n\t\t\t\t\t\tentryFileNames: `[name].js`,\n\t\t\t\t\t\tchunkFileNames: `[name].js`,\n\t\t\t\t\t\tassetFileNames: `[name].[ext]`,\n\t\t\t\t\t},\n\t\t\t\t\tpreserveEntrySignatures: \"strict\",\n\t\t\t\t},\n\t\t\t\t// HACK: We don't need to minify as the worker isn't downloaded?\n\t\t\t\t// And it makes debugging easier\n\t\t\t\tminify: false,\n\t\t\t\t// HACK: Disable preload so that the _worker.js file doesn't end\n\t\t\t\t// up with document and window references that are not available\n\t\t\t\tmodulePreload: false,\n\t\t\t},\n\t\t}),\n\t);\n\n\t// Copy the client assets into the Cloudflare folder\n\tawait fs.mkdir(path.join(cloudflareFolder, \"assets\"));\n\tfor (let file of await fs.readdir(path.join(clientFolder, \"assets\"))) {\n\t\tawait fs.copyFile(\n\t\t\tpath.join(clientFolder, \"assets\", file),\n\t\t\tpath.join(cloudflareFolder, \"assets\", file),\n\t\t);\n\t}\n\n\t// Build a wrangler.toml file for running with `wrangler dev`\n\tconst wranglerConfig = `\nname = \"torpor-miniflare\"\nmain = \"./cloudflare/_worker.js\"\ncompatibility_date = \"2025-01-01\"\n\n[assets]\ndirectory = \"./cloudflare\"\nbinding = \"ASSETS\"\n\t`;\n\tconst wranglerFile = path.join(distFolder, \"wrangler.toml\");\n\tawait fs.writeFile(wranglerFile, wranglerConfig);\n\n\tawait fs.rm(tempFolder, { recursive: true });\n}\n","export default function prepareTemplate(template: string, clientScript: string) {\n\tlet contentStart = regexIndexOf(template, /\\<div\\s+id=(\"app\"|'app'|app)\\s+/);\n\tcontentStart = template.indexOf(\">\", contentStart) + 1;\n\tlet contentEnd = template.indexOf(\"</div>\", contentStart);\n\tif (contentStart === -1 || contentEnd === -1) {\n\t\tthrow new Error(`Couldn't find <div id=\"app\"></div>`);\n\t}\n\treturn (\n\t\ttemplate.substring(0, contentStart) +\n\t\t\"%COMPONENT_HTML%\" +\n\t\ttemplate.substring(contentEnd) +\n\t\t`<script type=\"module\" src=\"${clientScript}\"></script>`\n\t);\n}\n\n// From https://stackoverflow.com/a/274094\nfunction regexIndexOf(string: string, regex: RegExp, position?: number) {\n\tvar indexOf = string.substring(position || 0).search(regex);\n\treturn indexOf >= 0 ? indexOf + (position || 0) : indexOf;\n}\n"],"mappings":"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","names":[]}

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/prepareTemplate.ts":{"bytes":801,"imports":[],"format":"esm"},"src/adapter.ts":{"bytes":3467,"imports":[{"path":"@torpor/build","kind":"import-statement","external":true},{"path":"fs","kind":"import-statement","external":true},{"path":"path","kind":"import-statement","external":true},{"path":"vite","kind":"import-statement","external":true},{"path":"src/prepareTemplate.ts","kind":"import-statement","original":"./prepareTemplate"}],"format":"esm"},"src/index.ts":{"bytes":60,"imports":[{"path":"src/adapter.ts","kind":"import-statement","original":"./adapter"}],"format":"esm"}},"outputs":{"dist/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":7312},"dist/index.cjs":{"imports":[{"path":"fs","kind":"require-call","external":true},{"path":"path","kind":"require-call","external":true},{"path":"vite","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":136},"src/adapter.ts":{"bytesInOutput":3569},"src/prepareTemplate.ts":{"bytesInOutput":698}},"bytes":5985}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/prepareTemplate.ts":{"bytes":801,"imports":[],"format":"esm"},"src/adapter.ts":{"bytes":3467,"imports":[{"path":"@torpor/build","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"vite","kind":"import-statement","external":true},{"path":"src/prepareTemplate.ts","kind":"import-statement","original":"./prepareTemplate"}],"format":"esm"},"src/index.ts":{"bytes":60,"imports":[{"path":"src/adapter.ts","kind":"import-statement","original":"./adapter"}],"format":"esm"}},"outputs":{"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6990},"dist/index.js":{"imports":[{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"vite","kind":"import-statement","external":true}],"exports":["cloudflare"],"entryPoint":"src/index.ts","inputs":{"src/adapter.ts":{"bytesInOutput":2958},"src/prepareTemplate.ts":{"bytesInOutput":698},"src/index.ts":{"bytesInOutput":0}},"bytes":3764}}}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@torpor/adapter-cloudflare",
+  "version": "0.0.1",
+  "description": "A @torpor/build adapter for deploying to Cloudflare Pages",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "vite": "^6.2.4",
+    "@torpor/build": "^0.1.3"
+  },
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "tsup": "^8.4.0",
+    "tsx": "^4.19.3",
+    "typescript": "^5.8.2",
+    "vitest": "^3.1.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "check": "tsc --noEmit",
+    "test": "vitest"
+  }
+}

package/src/_worker.ts

@@ -0,0 +1,39 @@
+// @ts-ignore
+import Server from "%SERVER_CLASS%";
+// @ts-ignore
+import { load } from "%SERVER_SCRIPT%";
+
+// This file has the above imports replaced and is then compiled to create a
+// Cloudflare Pages worker file
+
+const template = `%HTML_TEMPLATE%`;
+
+// Send all requests through Server to handle middleware, cookies, headers, etc
+const server = new Server();
+server.add("*", async (ev: any) => {
+	try {
+		// Render the app HTML (or fetch server data etc) via serverEntry's
+		// exported `load` function
+		return await load(ev, template);
+	} catch (e: any) {
+		// TODO: Message?
+		console.log("ERROR:", e);
+		return new Response(null, {
+			status: 500,
+		});
+	}
+});
+
+export default {
+	async fetch(request: Request, env: any) {
+		const url = new URL(request.url);
+
+		// Serve dist/client/assets statically
+		if (url.pathname.startsWith("/assets/")) {
+			return env.ASSETS.fetch(request);
+		}
+
+		// Every request (GET, POST, etc) goes through loadEndPoint
+		return await server.fetch(request);
+	},
+};

package/src/adapter.ts

@@ -0,0 +1,108 @@
+import { type Adapter, Site } from "@torpor/build";
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { build, defineConfig } from "vite";
+import prepareTemplate from "./prepareTemplate";
+
+export default {
+	postbuild,
+	serve: (/* server: Server, site: Site*/) => {
+		console.log("TODO");
+	},
+} satisfies Adapter;
+
+async function postbuild(site: Site) {
+	// Build _worker.js as per
+	// https://developers.cloudflare.com/pages/functions/advanced-mode/
+
+	const distFolder = path.resolve(site.root, "dist");
+	const clientFolder = path.join(distFolder, "client");
+	const serverFolder = path.join(distFolder, "server");
+	const tempFolder = path.join(distFolder, "temp");
+	const cloudflareFolder = path.join(distFolder, "cloudflare");
+
+	// TODO: Is this going to be the correct path after installing from npm?
+	const buildSrcFolder = path.resolve(site.root, "./node_modules/@torpor/build/src/");
+	const adapterSrcFolder = path.resolve(
+		site.root,
+		"./node_modules/@torpor/adapter-cloudflare/src/",
+	);
+
+	// Compile _worker.ts
+	let workerFile = path.join(adapterSrcFolder, "_worker.ts");
+	let workerSource = await fs.readFile(workerFile, "utf-8");
+
+	// Find the client script file in /assets
+	let clientScript = (await fs.readdir(path.join(clientFolder, "assets"))).find((f) =>
+		f.startsWith("clientEntry-"),
+	);
+	if (!clientScript) {
+		throw new Error("clientEntry.js not found");
+	}
+	clientScript = `/assets/${clientScript}`;
+
+	// Read and prepare site.html so that we can just splice components into it
+	let siteHtml = path.join(clientFolder, "site.html");
+	let template = await fs.readFile(siteHtml, "utf-8");
+	template = prepareTemplate(template, clientScript);
+
+	const serverClass = path.join(buildSrcFolder, "server", "Server.ts");
+	const serverScript = path.join(serverFolder, "serverEntry.js");
+
+	// Splice file names into _worker.ts
+	workerSource = workerSource
+		.replace("%SERVER_CLASS%", serverClass)
+		.replace("%SERVER_SCRIPT%", serverScript)
+		.replace("%HTML_TEMPLATE%", template);
+
+	workerFile = path.join(tempFolder, "_worker.ts");
+	await fs.mkdir(tempFolder);
+	await fs.writeFile(workerFile, workerSource);
+
+	await build(
+		defineConfig({
+			build: {
+				outDir: cloudflareFolder,
+				rollupOptions: {
+					input: [workerFile],
+					output: {
+						entryFileNames: `[name].js`,
+						chunkFileNames: `[name].js`,
+						assetFileNames: `[name].[ext]`,
+					},
+					preserveEntrySignatures: "strict",
+				},
+				// HACK: We don't need to minify as the worker isn't downloaded?
+				// And it makes debugging easier
+				minify: false,
+				// HACK: Disable preload so that the _worker.js file doesn't end
+				// up with document and window references that are not available
+				modulePreload: false,
+			},
+		}),
+	);
+
+	// Copy the client assets into the Cloudflare folder
+	await fs.mkdir(path.join(cloudflareFolder, "assets"));
+	for (let file of await fs.readdir(path.join(clientFolder, "assets"))) {
+		await fs.copyFile(
+			path.join(clientFolder, "assets", file),
+			path.join(cloudflareFolder, "assets", file),
+		);
+	}
+
+	// Build a wrangler.toml file for running with `wrangler dev`
+	const wranglerConfig = `
+name = "torpor-miniflare"
+main = "./cloudflare/_worker.js"
+compatibility_date = "2025-01-01"
+
+[assets]
+directory = "./cloudflare"
+binding = "ASSETS"
+	`;
+	const wranglerFile = path.join(distFolder, "wrangler.toml");
+	await fs.writeFile(wranglerFile, wranglerConfig);
+
+	await fs.rm(tempFolder, { recursive: true });
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+import cloudflare from "./adapter";
+
+export { cloudflare };

package/src/prepareTemplate.ts

@@ -0,0 +1,20 @@
+export default function prepareTemplate(template: string, clientScript: string) {
+	let contentStart = regexIndexOf(template, /\<div\s+id=("app"|'app'|app)\s+/);
+	contentStart = template.indexOf(">", contentStart) + 1;
+	let contentEnd = template.indexOf("</div>", contentStart);
+	if (contentStart === -1 || contentEnd === -1) {
+		throw new Error(`Couldn't find <div id="app"></div>`);
+	}
+	return (
+		template.substring(0, contentStart) +
+		"%COMPONENT_HTML%" +
+		template.substring(contentEnd) +
+		`<script type="module" src="${clientScript}"></script>`
+	);
+}
+
+// From https://stackoverflow.com/a/274094
+function regexIndexOf(string: string, regex: RegExp, position?: number) {
+	var indexOf = string.substring(position || 0).search(regex);
+	return indexOf >= 0 ? indexOf + (position || 0) : indexOf;
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		// HACK:
+		"skipLibCheck": true,
+		"verbatimModuleSyntax": false
+	},
+	"include": ["src"]
+}

package/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+	entry: ["src/index.ts"],
+	format: ["esm", "cjs"],
+	dts: true,
+	clean: true,
+	metafile: true,
+	sourcemap: true,
+});

package/vitest.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig(() => ({}));