Adding a demo webpage

.github/workflows/release.yaml

@@ -0,0 +1,33 @@
+name: Build and Deploy
+# Build and deploy React app to GitHub Pages on push to main branch (this is for demo purposes only)
+# TODO// make the deploy like this https://github.com/enterprise-contract/review-rot/blob/main/.github/workflows/publish.yaml
+on:
+  push:
+    branches:
+      - main  
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '21'  
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Build React app
+      run: npm run build
+
+    - name: Deploy to GitHub Pages
+      uses: JamesIves/[email protected]
+      with:
+        branch: demoWebsite
+        folder: build  
+        token: ${{ secrets.GHTOKEN}}

package.json

@@ -5,7 +5,8 @@
   "main": "index.js",
   "author": {
     "name": "Sean Conroy",
-    "email": "[email protected]" },
+    "email": "[email protected]"
+  },
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.11.1",
@@ -14,6 +15,7 @@
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
+    "buffer": "^6.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.1.3",
@@ -45,5 +47,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^8.53.0",
+    "eslint-plugin-react": "^7.33.2"
   }
 }

src/index.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
+import HomeView from './views/HomeView';
 import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
+ <React.StrictMode>
+    <HomeView />
+  </React.StrictMode>,
 );
 
 // If you want to start measuring performance in your app, pass a function

src/views/HomeView.js

@@ -15,7 +15,6 @@ const HomeView = () => {
 
   return (
     <div>
-      <h1> EC Policy Editor</h1>
       <RuleList rules={rules} onRuleToggle={toggleRule} />
       <PolicyEditor yamlContent={yamlContent} />
       <ExportButton onExport={handleExport} />