Github actions setup

Author: josydeleon

.github/workflows/publish.yml

@@ -0,0 +1,18 @@
+name: Publish Package to npmjs
+on:
+  release:
+    types: [published]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          registry-url: "https://registry.npmjs.org"
+      - run: yarn install --frozen-lockfile
+      - run: yarn build-client
+      - run: yarn publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release-electron.yml

@@ -0,0 +1,34 @@
+permissions: write-all
+name: Create Release and Upload Artifacts
+on:
+  push:
+    tags:
+      - "**"
+jobs:
+  build:
+    strategy:
+      matrix:
+        os: [
+            { name: "macos", image: "macos-latest" },
+            # { name: "linux", image: "ubuntu-latest" },
+            # { name: "windows", image: "windows-latest" },
+          ]
+
+    runs-on: ${{ matrix.os.image }}
+
+    steps:
+      - name: "💻 Checkout code"
+        uses: actions/checkout@v4
+
+      - name: "🛠️ Setup Node"
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: "🔗 Install Dependencies"
+        run: yarn install --frozen-lockfile
+
+      - name: "📦 Publish Release"
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+        run: yarn publish-server

.github/workflows/release.yml

@@ -0,0 +1,19 @@
+permissions: write-all
+name: Create Code Release
+on:
+  push:
+    tags:
+      - "**"
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+      - name: "🛠️ Build Artifacts"
+        with:
+          node-version: 18
+        run: yarn build-client
+
+      - name: "📦 Create Release"
+        run: gh release create ${GITHUB_REF#refs/*/} -t ${GITHUB_REF#refs/*/} --generate-notes --draft

.gitignore

@@ -13,6 +13,7 @@ yarn.lock
 *.pem
 
 # local env files
+.env
 .env*.local
 
 # typescript

package.json

@@ -1,12 +1,14 @@
 {
   "name": "@jdl/react-native-query-devtool-monorepo",
+  "description": "React Native Query Devtool is a monorepo containing a React Native component and a standalone app to visualize query data in a similar way to react-query-devtools for the web.",
   "author": "Josymar De Leon",
   "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev-electron": "cd ./packages/react-native-query-devtool-app && electron-forge start",
+    "build-server": "cd ./packages/react-native-query-devtool-app && electron-forge make",
+    "publish-server":"cd ./packages/react-native-query-devtool-app && electron-forge publish",
     "build-client": "cd ./packages/react-native-query-devtool && tsup",
-    "pack-client": "cd ./packages/react-native-query-devtool && yarn pack",
     "v3-example-ios": "cd ./example/react-query-v3 && expo start --ios",
     "v3-example-android": "cd ./example/react-query-v3 && expo start --android"
   },

packages/react-native-query-devtool-app/forge.config.ts

@@ -1,20 +1,38 @@
-import type { ForgeConfig } from '@electron-forge/shared-types';
-import { MakerSquirrel } from '@electron-forge/maker-squirrel';
-import { MakerZIP } from '@electron-forge/maker-zip';
-import { MakerDeb } from '@electron-forge/maker-deb';
-import { MakerRpm } from '@electron-forge/maker-rpm';
-import { AutoUnpackNativesPlugin } from '@electron-forge/plugin-auto-unpack-natives';
-import { WebpackPlugin } from '@electron-forge/plugin-webpack';
+import type { ForgeConfig } from "@electron-forge/shared-types";
+import { MakerSquirrel } from "@electron-forge/maker-squirrel";
+import { MakerZIP } from "@electron-forge/maker-zip";
+import { MakerDeb } from "@electron-forge/maker-deb";
+import { MakerRpm } from "@electron-forge/maker-rpm";
+import { AutoUnpackNativesPlugin } from "@electron-forge/plugin-auto-unpack-natives";
+import { WebpackPlugin } from "@electron-forge/plugin-webpack";
 
-import { mainConfig } from './webpack.main.config';
-import { rendererConfig } from './webpack.renderer.config';
+import { mainConfig } from "./webpack.main.config";
+import { rendererConfig } from "./webpack.renderer.config";
 
 const config: ForgeConfig = {
   packagerConfig: {
     asar: true,
   },
   rebuildConfig: {},
-  makers: [new MakerSquirrel({}), new MakerZIP({}, ['darwin']), new MakerRpm({}), new MakerDeb({})],
+  makers: [
+    new MakerSquirrel({}),
+    new MakerZIP({}, ["darwin"]),
+    new MakerRpm({}),
+    new MakerDeb({}),
+  ],
+  publishers: [
+    {
+      name: "@electron-forge/publisher-github",
+      config: {
+        repository: {
+          owner: "jossydeleon",
+          name: "react-native-query-devtool-monorepo",
+          generateReleaseNotes: true,
+          draft: true,
+        },
+      },
+    },
+  ],
   plugins: [
     new AutoUnpackNativesPlugin({}),
     new WebpackPlugin({
@@ -23,11 +41,11 @@ const config: ForgeConfig = {
         config: rendererConfig,
         entryPoints: [
           {
-            html: './src/index.html',
-            js: './src/renderer.ts',
-            name: 'main_window',
+            html: "./src/index.html",
+            js: "./src/renderer.ts",
+            name: "main_window",
             preload: {
-              js: './src/preload.ts',
+              js: "./src/preload.ts",
             },
           },
         ],

packages/react-native-query-devtool-app/package.json

@@ -38,6 +38,7 @@
     "@electron-forge/maker-zip": "^7.2.0",
     "@electron-forge/plugin-auto-unpack-natives": "^7.2.0",
     "@electron-forge/plugin-webpack": "^7.2.0",
+    "@electron-forge/publisher-github": "^7.2.0",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "@types/uuid": "^9.0.8",