ci: add prerelease deployments to npm

Author: petebacondarwin

.github/utils/update-version.cjs

@@ -0,0 +1,36 @@
+/**
+ * Update the package.json version property for the given package
+ * to a pre-release version based off the current SHA.
+ *
+ * Usage:
+ *
+ * ```
+ * node ./.github/utils/version-script.js <package-name>
+ * ```
+ */
+
+const { readFileSync, writeFileSync } = require("node:fs");
+const { execSync } = require("node:child_process");
+const assert = require("node:assert");
+
+try {
+  const packagePath = getArgs()[0];
+  assert(packagePath, "Required package path missing.");
+  const packageJsonPath = `${packagePath}/package.json`;
+  const pkg = JSON.parse(readFileSync(packageJsonPath));
+  const stdout = execSync("git rev-parse --short HEAD", { encoding: "utf8" });
+  pkg.version = "0.0.0-" + stdout.trim();
+  writeFileSync(packageJsonPath, JSON.stringify(pkg, null, "\t") + "\n");
+} catch (error) {
+  console.error(error);
+  process.exit(1);
+}
+
+/**
+ * Get the command line args, stripping `node` and script filename, etc.
+ */
+function getArgs() {
+  const args = Array.from(process.argv);
+  while (args.shift() !== module.filename) {}
+  return args;
+}

.github/workflows/prereleases.yml

@@ -0,0 +1,44 @@
+name: Publish prereleases
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    if: ${{ github.repository_owner == 'flarelabs-net' }}
+    name: Publish builder package
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.10.0
+
+      - name: Install Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "pnpm"
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Install Dependencies
+        uses: pnpm i --frozen-lockfile
+
+      - name: Build
+        run: pnpm -F builder run build
+
+      - name: Update package.json version
+        run: node .github/utils/version-script.cjs builder
+
+      - name: Publish to NPM
+        run: pnpm publish -F cloudflare --no-git-checks
+        env:
+          NODE_ENV: "production"
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

builder/README.md

@@ -1,18 +1,21 @@
 # Next.js builder for Cloudflare
 
-## Build your app
+## Configure your app
 
 - add the following `devDependency` to the `package.json`:
 
-  ```json
-  "node-url": "npm:url@^0.11.4",
-  "wrangler": "^3.77.0"
+  ```bash
+  pnpm add -D wrangler@latest @opennextjs/cloudflare
   ```
 
-- Execute `npx @flarelabs-net/builder@latest` in your app folder
-
 ## Serve your app
 
+- build the app and adapt it for Cloudflare
+
+  ```bash
+  pnpx cloudflare
+  ```
+
 - add a `wrangler.toml` at the root of your project
 
   ```toml
@@ -22,11 +25,13 @@
 
   compatibility_date = "2024-08-29"
   compatibility_flags = ["nodejs_compat_v2"]
-  workers_dev = true
-  minify = false
 
   # Use the new Workers + Assets to host the static frontend files
   experimental_assets = { directory = ".worker-next/assets", binding = "ASSETS" }
   ```
 
-- Use `wrangler dev`
+- Preview the app in Wrangler
+
+  ```bash
+  pnpm wrangler dev
+  ```

builder/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@flarelabs-net/builder",
+  "name": "@opennextjs/cloudflare",
   "description": "Cloudflare builder for next apps",
   "version": "0.0.1",
   "scripts": {