React 19 release runners (#28)

* deps: update to react 19

* package: move react and grapes to peers + add clean script

* refactor: move example app to 19

* feat: add react app 18 example

* further changes to support react 18 + 19

* refactor: use create root for react 19 demo

* package: updates *

* yarn lock *

* ci: init

* ci: add core build

* ci: *

* ci: *

* ci: *

* ci: *

* feat: add docker files

* *

* docker *

* apply react codemod

* *

* ci: *

* *

* *

* fix build errors?

* fix errors 2?

* fix 3

* *

* *

* *

* *

* feat: add two simple examples in 18 & 19

* fix: use import type newline vs same

* fix: build cjs main

* fix: cjs and exclude react jsx runtime from build

* refactor: remove simple example

* pkg fix

* ci *

* ci: add release runners (#25)

* ci: add runners

* ci: fix*

* ci: *

* refactor: ORG_NPM_TOKEN

* Revert "ci: add release runners (#25)" (#26)

This reverts commit 4c17982.

* React 19 release (#27)

* ci: add runners

* ci: fix*

* ci: *

* refactor: ORG_NPM_TOKEN

Author: danstarns

.github/actions/setup-project/action.yml

@@ -18,3 +18,12 @@ runs:
     - name: Install dependencies
       run: yarn
       shell: bash
+
+    - name: Install React Dependencies in Root
+      shell: bash
+      run: |
+        cd ./packages/grapesjs-react && yarn add \
+        react@^19.0.0 \
+        react-dom@^19.0.0 \
+        @types/react@^19.0.0 \
+        @types/react-dom@^19.0.0

.github/workflows/pr.yml

@@ -30,15 +30,6 @@ jobs:
       - name: Setup Project Base
         uses: ./.github/actions/setup-project
 
-      ## We specify the version of react and react-dom we want to run vite build with
-      - name: Install React Dependencies in Root
-        run: |
-          cd ./packages/grapesjs-react && yarn add \
-          react@^19.0.0 \
-          react-dom@^19.0.0 \
-          @types/react@^19.0.0 \
-          @types/react-dom@^19.0.0
-
       - name: Build Core
         run: yarn workspace @grapesjs/react run build
 

.github/workflows/release-grapesjs-react-latest.yml

@@ -0,0 +1,22 @@
+name: Publish GrapesJS React latest
+on:
+  push:
+    branches: [main]
+
+jobs:
+  publish:
+    if: "contains(github.event.head_commit.message, 'Release GrapesJS React latest:')"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup project
+        uses: ./.github/actions/setup-project
+      - name: Build
+        run: yarn build:core
+      - name: Publish to npm
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.ORG_NPM_TOKEN }}
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" >> ./packages/grapesjs-react/.npmrc
+          yarn publish:core:latest

package.json

@@ -8,7 +8,9 @@
     "clean": "find . -type d \\( -name \"node_modules\" -o -name \"build\" -o -name \"dist\" \\) -exec rm -rf {} + && rm ./yarn.lock",
     "build:core": "yarn workspace @grapesjs/react run build",
     "build:app-18": "yarn workspace @grapesjs/react-app-18 run build",
-    "build:app-19": "yarn workspace @grapesjs/react-app-19 run build"
+    "build:app-19": "yarn workspace @grapesjs/react-app-19 run build",
+    "release:core:latest": "ts-node scripts/releaseCore latest",
+    "publish:core:latest": "cd packages/grapesjs-react && npm publish --access public"
   },
   "workspaces": {
     "packages": [

scripts/common.ts

@@ -0,0 +1,10 @@
+import { execSync } from "child_process";
+
+export function runCommand(command: string, error?: string) {
+  try {
+    return (execSync(command, { stdio: "inherit" }) || "").toString().trim();
+  } catch (err) {
+    console.error(error || `Error while running command: ${command}`);
+    throw err;
+  }
+}

scripts/releaseCore.ts

@@ -0,0 +1,45 @@
+import fs from "fs";
+import { resolve } from "path";
+import { runCommand } from "./common";
+
+const grapesJSReactPath = resolve(__dirname, "../packages/grapesjs-react");
+
+async function prepareReleaseGrapesJSReact() {
+  try {
+    const releaseTag = process.argv[2] || "rc";
+    console.log("Prepare release GrapesJS tag:", releaseTag);
+
+    runCommand(
+      "git diff-index --quiet HEAD --",
+      "You have uncommitted changes. Please commit or stash them before running the release script."
+    );
+
+    const versionCmd =
+      releaseTag === "latest"
+        ? "--patch"
+        : `--prerelease --preid ${releaseTag}`;
+    runCommand(
+      `yarn workspace @grapesjs/react version ${versionCmd} --no-git-tag-version --no-commit-hooks`
+    );
+
+    // Create a new release branch
+    const newVersion = JSON.parse(
+      fs.readFileSync(`${grapesJSReactPath}/package.json`, "utf8")
+    ).version;
+    const newBranch = `release-v${newVersion}`;
+    runCommand(`git checkout -b ${newBranch}`);
+    runCommand("git add .");
+    runCommand(
+      `git commit -m "Release GrapesJS React ${releaseTag}: v${newVersion}"`
+    );
+
+    console.log(
+      `Release prepared! Push the current "${newBranch}" branch and open a new PR targeting 'main'`
+    );
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+prepareReleaseGrapesJSReact();