added boilerplate template

virtualvivek · virtualvivek · commit 164dab10f200 · 2021-07-11T17:33:48.000+05:30
consist of:
 - App.js (default)
 - page template
diff --git a/.eslintcache b/.eslintcache
@@ -0,0 +1 @@
+[{"E:\\Github\\react-windows-ui-boilerplate\\src\\index.js":"1","E:\\Github\\react-windows-ui-boilerplate\\src\\App.js":"2","E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page1\\index.js":"3","E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page2\\index.js":"4"},{"size":349,"mtime":1625935656044,"results":"5","hashOfConfig":"6"},{"size":1299,"mtime":1626004645575,"results":"7","hashOfConfig":"6"},{"size":1248,"mtime":1626004613640,"results":"8","hashOfConfig":"6"},{"size":395,"mtime":1625940471997,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"171caqg",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"E:\\Github\\react-windows-ui-boilerplate\\src\\index.js",[],["19","20"],"E:\\Github\\react-windows-ui-boilerplate\\src\\App.js",[],"E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page1\\index.js",[],"E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page2\\index.js",[],{"ruleId":"21","replacedBy":"22"},{"ruleId":"23","replacedBy":"24"},"no-native-reassign",["25"],"no-negated-in-lhs",["26"],"no-global-assign","no-unsafe-negation"]
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+debug.log
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,57 @@
+{
+  "name": "react-windows-ui-boilerplate",
+  "version": "1.0.0",
+  "private": true,
+  "description": "Build full featured Windows fluent UI apps using ReactJS.",
+  "keywords": [
+    "react",
+    "fluentui",
+    "windows10",
+    "user-interface"
+  ],
+  "homepage": "https://virtualvivek.github.io/react-windows-ui/",
+  "bugs": {
+    "url": "https://github.com/virtualvivek/react-windows-ui/issues"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Author",
+    "email": "author@email.com"
+  },
+  "dependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "4.0.1",
+    "react-windows-ui": "^2.0.8",
+    "web-vitals": "^0.2.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/virtualvivek/react-windows-ui.git"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "predeploy": "npm run build",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#EEE" />
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta
+      name="description"
+      content="Create Windows UI Apps using ReactJS"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <title>React Windows UI Boilerplate</title>
+  </head>
+  <body style="margin: 0;">
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root">
+      <div style="background-color: #0078D7;height: 100vh;align-items: center;display: flex;">
+        <h1 style="margin: 0 auto;color:white">
+          react-windows-ui-boilerplate
+        </h1>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React Win UI",
+  "name": "React Windows UI",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,50 @@
+import React from 'react'
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
+import { NavBar, NavBarLink, SystemThemeFollower, TransitionToLeft } from 'react-windows-ui'
+import Page1 from './pages/page1'
+import Page2 from './pages/page2'
+
+const App = () => {
+    return (
+        <Router basename="react-windows-ui">
+
+          <TransitionToLeft />
+          {/*for registering page transition*/}
+
+          <SystemThemeFollower/>
+
+          <NavBar 
+            title="App Boilderplate"
+            titleShort={<i className="icons10-windows"></i>}
+          //titleShort="R" render text or icons
+          //mobileHasIcons={true}
+            shadowOnScroll={true}>
+
+            <h1>Pages</h1>
+            <div className="app-hr"></div>
+
+            <NavBarLink
+              to="/"
+              exact={true}
+              text="Page1"
+              icon={<i className="icons10-home"></i>}
+            />
+
+            <NavBarLink
+              to="/page2"
+              text="Page2"
+              icon={<i className="icons10-list"></i>}
+            />
+
+          </NavBar>
+
+          <Switch>
+            <Route path="/" component={Page1}  exact />
+            <Route path="/page2" component={Page2} />
+          </Switch>
+
+        </Router>
+    )
+  }
+    
+export default App
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import 'react-windows-ui/config/app-config.css'
+import 'react-windows-ui/dist/react-windows-ui.min.css'
+import 'react-windows-ui/icons/fonts/fonts.min.css'
+import App from './App'
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
diff --git a/src/pages/page1/index.js b/src/pages/page1/index.js
@@ -0,0 +1,42 @@
+import React from 'react'
+import { NavPageContainer } from 'react-windows-ui'
+
+class Page1 extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      
+    }
+  }
+
+
+  render() {
+    return (
+    <NavPageContainer
+      animateTransition>
+        <div
+          style={{backgroundColor:'#282C34',height:'100%',textAlign:'center'}}
+          className="app-align-center">
+            <br/><br/>
+          <i className="icons10-windows app-align-center"
+            style={{fontSize:140,color:'#67DBF9'}}></i>
+          <div style={{color:'#fff'}}>
+            <h1 className="m-0">Welcome to react-windows-ui</h1>
+            <br/><br/><br/><br/><br/><br/><br/>
+            <h2>Edit App.js and save to see changes.</h2>
+            <br/>
+            <h2>
+            <a href="https://virtualvivek.github.io/react-windows-ui/" rel="noreferrer" target="_blank" style={{color:'#67DBF9'}}>See Documentation </a>
+            |
+            <a href="https://github.com/virtualvivek/react-windows-ui" rel="noreferrer" target="_blank" style={{color:'#67DBF9'}}> Repository</a>
+            </h2>
+          </div>
+        </div>
+     
+    </NavPageContainer>
+  );
+}
+}
+
+export default Page1
diff --git a/src/pages/page2/index.js b/src/pages/page2/index.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { NavPageContainer } from 'react-windows-ui'
+
+class Page2 extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+    }
+  }
+
+
+  render() {
+
+    return (
+    <NavPageContainer
+      hasPadding
+      animateTransition>
+
+      <h1>Page 2</h1>
+   
+     
+    </NavPageContainer>
+  );
+}
+}
+
+export default Page2

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+[{"E:\\Github\\react-windows-ui-boilerplate\\src\\index.js":"1","E:\\Github\\react-windows-ui-boilerplate\\src\\App.js":"2","E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page1\\index.js":"3","E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page2\\index.js":"4"},{"size":349,"mtime":1625935656044,"results":"5","hashOfConfig":"6"},{"size":1299,"mtime":1626004645575,"results":"7","hashOfConfig":"6"},{"size":1248,"mtime":1626004613640,"results":"8","hashOfConfig":"6"},{"size":395,"mtime":1625940471997,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"171caqg",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"E:\\Github\\react-windows-ui-boilerplate\\src\\index.js",[],["19","20"],"E:\\Github\\react-windows-ui-boilerplate\\src\\App.js",[],"E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page1\\index.js",[],"E:\\Github\\react-windows-ui-boilerplate\\src\\pages\\page2\\index.js",[],{"ruleId":"21","replacedBy":"22"},{"ruleId":"23","replacedBy":"24"},"no-native-reassign",["25"],"no-negated-in-lhs",["26"],"no-global-assign","no-unsafe-negation"]
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# https://www.robotstxt.org/robotstxt.html`
	`2`	`+User-agent: *`
	`3`	`+Disallow:`