Merge pull request #30 from commitdev/react

Adding react template

Author: kb-commit

config/config.go

@@ -1,10 +1,11 @@
 package config
 
 import (
-	"github.com/k0kubun/pp"
-	"gopkg.in/yaml.v2"
 	"io/ioutil"
 	"log"
+
+	"github.com/k0kubun/pp"
+	"gopkg.in/yaml.v2"
 )
 
 type Maintainers struct {
@@ -54,6 +55,7 @@ type Commit0Config struct {
 	Maintainers  []Maintainers `yaml:"maintainers"`
 	Network      Network       `yaml:"network"`
 	Services     []Service     `yaml:"services"`
+	React        React         `yaml:react`
 }
 
 func LoadConfig(filePath string) *Commit0Config {

config/react.go

@@ -0,0 +1,24 @@
+package config
+
+type reactApp struct {
+	Name string
+}
+
+type reactHeader struct {
+	Enabled bool
+}
+
+type reactSidenav struct {
+	Enabled bool
+}
+
+type reactAccount struct {
+	Enabled  bool
+	Required bool
+}
+type React struct {
+	App     reactApp
+	Account reactAccount
+	Header  reactHeader
+	Sidenav reactSidenav
+}

templates/commit0/commit0.tmpl

@@ -1,10 +1,10 @@
 organization: mycompany
 name: {{.}}
-description: 
+description:
 git-repo: github.com/yourrepo
-docker-repo: 
-maintainers: 
-# - name: bob 
+docker-repo:
+maintainers:
+# - name: bob
 #   email: bob@test.com
 
 network:
@@ -18,5 +18,15 @@ network:
     enabled: true
     port: 8090
 
+react:
+  app:
+    name: {{.}}
+  header:
+    enabled: true
+  account:
+    enabled: true
+    required: false
+  sidenav:
+    enabled: true
 
 services:

templates/react/.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+/package-lock.json
 
 # testing
 /coverage

templates/react/jsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src"
+  }
+}

templates/react/package.json

@@ -1,11 +1,17 @@
 {
-  "name": "{{ .Name }}",
+  "name": "commit0",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.5.1",
+    "@material-ui/icons": "^4.5.1",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
-    "react-scripts": "3.2.0"
+    "react-redux": "^7.1.1",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-scripts": "3.2.0",
+    "redux": "^4.0.4"
   },
   "scripts": {
     "start": "react-scripts start",

templates/react/package.json.tmpl

@@ -0,0 +1,37 @@
+{
+  "name": "{{ .React.App.Name }}",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@material-ui/core": "^4.5.1",
+    "@material-ui/icons": "^4.5.1",
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
+    "react-redux": "^7.1.1",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-scripts": "3.2.0",
+    "redux": "^4.0.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

templates/react/src/App.css

@@ -1,26 +1,23 @@
 import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
+import Layout from 'components/layout';
 
-function App() {
+export default function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
+    <Layout>
+      <Router>
+        <Switch>
+          <Route path="/a">
+            <span>a</span>
+          </Route>
+          <Route path="/b">
+            <span>b</span>
+          </Route>
+          <Route path="/">
+            <span>c</span>
+          </Route>
+        </Switch>
+      </Router>
+    </Layout>
   );
 }
-
-export default App;