feat: initial setup

Author: poojesh-ws

.github/workflows/beta-release.yml

@@ -1,7 +1,7 @@
 on:
   push:
     branches:
-      - qa
+      # - qa
 
 name: Create Beta Release
 

.github/workflows/cd.yml

@@ -1,7 +1,7 @@
 name: React GraphQL TypeScript Template CD
 on:
   push:
-    branches: [master]
+    # branches: [master]
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest

.github/workflows/ci.yml

@@ -1,7 +1,7 @@
 name: React Template CI
 on:
   pull_request:
-    branches: [master, qa, develop]
+    # branches: [master, qa, develop]
 jobs:
   build-and-test:
     name: Build & Test

.github/workflows/jest-coverage.yml

@@ -1,10 +1,10 @@
 name: Jest Coverage Report with Annotations (CI)
 on:
   pull_request:
-    branches:
-      - master
-      - qa
-      - develop
+    # branches:
+    #   - master
+    #   - qa
+    #   - develop
 jobs:
   coverage_report:
     name: Jest Coverage Report
@@ -20,10 +20,10 @@ jobs:
         with:
           path: 'jest.config.json'
           prop_path: 'coverageThreshold.global.statements'
-          
+
       - name: Install dependencies
         run: yarn
-        
+
       - name: Test and generate coverage report
         uses: artiomtr/[email protected]
         with:

.github/workflows/prod-release.yml

@@ -1,7 +1,7 @@
 on:
   push:
     branches:
-      - master
+      # - master
 
 name: Create Production Release
 

README.md

@@ -5,7 +5,7 @@
     <img src="https://uploads-ssl.webflow.com/5ee36ce1473112550f1e1739/5f5879492fafecdb3e5b0e75_wednesday_logo.svg">
   </a>
   <p>
-    <h3 align="left">React GraphQL TypeScript Template</h3>
+    <h3 align="left">Electron React GraphQL TypeScript Template</h3>
   </p>
 
   <p>
@@ -201,7 +201,6 @@ An enterprise react template application showcasing - Testing strategies, Global
   - [app/services/tests/repoApi.test.ts](app/services/tests/repoApi.test.ts)
   - [app/components/T/tests/index.test.tsx](app/components/T/tests/index.test.tsx)
 
-
 ## Misc
 
 ### Aliasing

main/main.js

@@ -0,0 +1,40 @@
+const { app, BrowserWindow } = require('electron');
+const path = require('path');
+const { default: installer, REDUX_DEVTOOLS, REACT_DEVELOPER_TOOLS } = require('electron-devtools-installer');
+
+function createWindow() {
+  const win = new BrowserWindow({
+    width: 800,
+    height: 600,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js')
+    }
+  });
+
+  if (process.env.NODE_ENV === 'development') {
+    win.loadURL(`http://localhost:3000`);
+    win.webContents.once('dom-ready', () => {
+      win.webContents.openDevTools();
+    });
+  }
+}
+
+app.whenReady().then(() => {
+  createWindow();
+
+  const options = {
+    loadExtensionOptions: { allowFileAccess: true }
+  };
+  installer([REDUX_DEVTOOLS, REACT_DEVELOPER_TOOLS], options);
+  app.on('activate', () => {
+    if (BrowserWindow.getAllWindows().length === 0) {
+      createWindow();
+    }
+  });
+});
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});

package.json

@@ -13,6 +13,7 @@
   "author": "Mac",
   "homepage": "https://github.com/wednesday-solutions/react-graphql-ts-template",
   "license": "MIT",
+  "main": "./main/main.js",
   "scripts": {
     "analyze:clean": "rimraf stats.json",
     "preanalyze": "npm run analyze:clean",
@@ -55,7 +56,8 @@
     "storybook": "export ENVIRONMENT_NAME=development && start-storybook -p 6006",
     "build-storybook": "export ENVIRONMENT_NAME=production && build-storybook",
     "initialize": "git checkout --orphan temp-branch && git add -A && git commit -m 'Initial commit' && git branch -D master && git branch -m master",
-    "generate": "react-generate"
+    "generate": "react-generate",
+    "electron:dev": "export ENVIRONMENT_NAME=local && concurrently -c green.bold,blue.bold,white.bold -n WEBPACK,TYPESCRIPT,ELECTRON \"cross-env NODE_ENV=development node server\" \"yarn tsc:watch\" \"wait-on  http://localhost:3000 && cross-env NODE_ENV=development electron .\""
   },
   "browserslist": [
     "last 2 versions",
@@ -94,6 +96,7 @@
     "date-fns": "^2.28.0",
     "deep-map-keys": "^2.0.1",
     "dotenv": "10.0.0",
+    "electron": "^23.1.0",
     "express": "4.16.4",
     "fontfaceobserver": "2.1.0",
     "git-commit-msg-linter": "^4.1.1",
@@ -177,6 +180,7 @@
     "concurrently": "^7.0.0",
     "coveralls": "3.0.3",
     "css-loader": "^5.2.6",
+    "electron-devtools-installer": "^3.2.0",
     "eslint": "^8.11.0",
     "eslint-config-airbnb": "17.1.0",
     "eslint-config-airbnb-base": "13.1.0",
@@ -232,6 +236,7 @@
     "terser-webpack-plugin": "5.1.3",
     "typescript": "^4.6.2",
     "url-loader": "4.1.1",
+    "wait-on": "^7.0.1",
     "webpack": "^5.40.0",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "4.7.2",