Adding new scaffold to the react folder

.github/workflows/actions.yml

@@ -14,17 +14,19 @@ jobs:
         include:
           - task: Lint
             allow_failures: false
-            command: yarn lerna run lint
+            command: pnpm lerna run lint
           - task: Test
             allow_failures: false
-            command: yarn lerna run test
+            command: pnpm lerna run test
     steps:
     - uses: zendesk/checkout@v2
     - name: Use Node.js
       uses: zendesk/setup-node@v3
       with:
         node-version: 18.12.1
+    - name: Install pnpm
+      run: npm install -g pnpm
     - name: install packages
-      run: yarn install
+      run: pnpm install
     - name: ${{ matrix.env.TASK }}
-      run: TASK=${{ matrix.env.TASK }} ${{ matrix.command }}
+      run: TASK=${{ matrix.env.TASK }} ${{ matrix.command }}

README.md

@@ -14,7 +14,7 @@ This repo contains various scaffolds to help developers build [apps for Zendesk
 ### Setup
 1. Clone or fork this repo
 2. Change (`cd`) into the `app_scaffolds` directory
-3. Run `yarn install`
+3. Run `pnpm install`
 4. `packages/react` contains react app scaffold. Please follow [React README](./packages/react/README.md)
 5. `packages/basic` contains basic app scaffold. Please follow [Basic README](./packages/basic/README.md)
 

lerna.json

@@ -1,7 +1,6 @@
 {
-  "packages": [
-    "packages/*"
-  ],
-  "version": "0.0.0",
-  "useWorkspaces": true
-}
+    "packages": [
+      "packages/*"
+    ],
+    "version": "0.0.0"
+  }

package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "lerna": "^4.0.0"
+    "lerna": "^8.1.5"
   },
   "name": "app_scaffolds",
   "private": true,

packages/react/.env.development

@@ -0,0 +1 @@
+VITE_ZENDESK_LOCATION="http://localhost:3000/"

packages/react/.env.production

@@ -0,0 +1 @@
+VITE_ZENDESK_LOCATION="assets/index.html"

packages/react/.eslintrc

@@ -0,0 +1,30 @@
+{
+  "root": true,
+  "env": { "browser": true, "es2020": true },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
+    "standard",
+    "prettier"
+  ],
+  "ignorePatterns": ["dist", "node_modules"],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "settings": { "react": { "version": "detect" } },
+  "rules": {
+    "react/prop-types": "off"
+  },
+  "overrides": [
+    {
+      "files": ["rollup/**/*.js"],
+      "env": { "node": true }
+    }
+  ]
+}

packages/react/.gitignore

@@ -1,6 +1,24 @@
-tmp/
-dist/
-node_modules/
-coverage/
-npm-debug.log
-yarn-error.log
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

packages/react/.prettierignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

packages/react/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 120,
+  "bracketSpacing": true,
+  "endOfLine": "lf"
+}