\n \n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/js/runtime-main.d43e8b39.js b/build/static/js/runtime-main.d43e8b39.js
new file mode 100644
index 0000000..6d104cb
--- /dev/null
+++ b/build/static/js/runtime-main.d43e8b39.js
@@ -0,0 +1,2 @@
+!function(e){function t(t){for(var n,a,i=t[0],l=t[1],f=t[2],c=0,s=[];c
+
+
+
+
+
+
diff --git a/package-lock.json b/package-lock.json
index 4aae368..5196740 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4643,6 +4643,12 @@
"minimalistic-crypto-utils": "^1.0.0"
}
},
+ "email-addresses": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
+ "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==",
+ "dev": true
+ },
"emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5694,6 +5700,33 @@
"schema-utils": "^2.5.0"
}
},
+ "filename-reserved-regex": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz",
+ "integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=",
+ "dev": true
+ },
+ "filenamify": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz",
+ "integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=",
+ "dev": true,
+ "requires": {
+ "filename-reserved-regex": "^1.0.0",
+ "strip-outer": "^1.0.0",
+ "trim-repeated": "^1.0.0"
+ }
+ },
+ "filenamify-url": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz",
+ "integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=",
+ "dev": true,
+ "requires": {
+ "filenamify": "^1.0.0",
+ "humanize-url": "^1.0.0"
+ }
+ },
"filesize": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.0.1.tgz",
@@ -6091,6 +6124,41 @@
"assert-plus": "^1.0.0"
}
},
+ "gh-pages": {
+ "version": "2.2.0",
+ "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-2.2.0.tgz",
+ "integrity": "sha512-c+yPkNOPMFGNisYg9r4qvsMIjVYikJv7ImFOhPIVPt0+AcRUamZ7zkGRLHz7FKB0xrlZ+ddSOJsZv9XAFVXLmA==",
+ "dev": true,
+ "requires": {
+ "async": "^2.6.1",
+ "commander": "^2.18.0",
+ "email-addresses": "^3.0.1",
+ "filenamify-url": "^1.0.0",
+ "fs-extra": "^8.1.0",
+ "globby": "^6.1.0"
+ },
+ "dependencies": {
+ "globby": {
+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+ "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+ "dev": true,
+ "requires": {
+ "array-union": "^1.0.1",
+ "glob": "^7.0.3",
+ "object-assign": "^4.0.1",
+ "pify": "^2.0.0",
+ "pinkie-promise": "^2.0.0"
+ }
+ },
+ "pify": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+ "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+ "dev": true
+ }
+ }
+ },
"glob": {
"version": "7.1.6",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -6582,6 +6650,16 @@
"resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
"integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
},
+ "humanize-url": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz",
+ "integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=",
+ "dev": true,
+ "requires": {
+ "normalize-url": "^1.0.0",
+ "strip-url-auth": "^1.0.0"
+ }
+ },
"iconv-lite": {
"version": "0.4.24",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -13298,6 +13376,21 @@
"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.0.1.tgz",
"integrity": "sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw=="
},
+ "strip-outer": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+ "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+ "dev": true,
+ "requires": {
+ "escape-string-regexp": "^1.0.2"
+ }
+ },
+ "strip-url-auth": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz",
+ "integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164=",
+ "dev": true
+ },
"style-loader": {
"version": "0.23.1",
"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
@@ -13730,6 +13823,15 @@
"punycode": "^2.1.0"
}
},
+ "trim-repeated": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+ "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=",
+ "dev": true,
+ "requires": {
+ "escape-string-regexp": "^1.0.2"
+ }
+ },
"ts-pnp": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.1.6.tgz",
@@ -13798,6 +13900,11 @@
"resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
},
+ "typescript": {
+ "version": "3.8.3",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.8.3.tgz",
+ "integrity": "sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w=="
+ },
"uglify-js": {
"version": "3.8.0",
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.8.0.tgz",
diff --git a/package.json b/package.json
index 597cd90..f3faf04 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
"react-test-renderer": "^16.13.1",
"redux-thunk": "^2.3.0",
"reselect": "^4.0.0",
- "reselect-immutable-helpers": "^1.2.2"
+ "reselect-immutable-helpers": "^1.2.2",
+ "typescript": "^3.8.3"
},
"scripts": {
"start": "react-scripts start",
@@ -23,7 +24,9 @@
"eject": "react-scripts eject",
"lint": "eslint . --ext .js,.ts",
"lint-fix": "eslint . --ext .js,.ts --fix",
- "generate": "plop"
+ "generate": "plop",
+ "predeploy": "npm run build",
+ "deploy": "gh-pages -d build"
},
"eslintConfig": {
"extends": "react-app"
@@ -41,6 +44,7 @@
]
},
"devDependencies": {
+ "gh-pages": "^2.2.0",
"plop": "^2.6.0"
}
}
diff --git a/plopfile.js b/plopfile.js
new file mode 100644
index 0000000..113b125
--- /dev/null
+++ b/plopfile.js
@@ -0,0 +1,192 @@
+module.exports = plop => {
+ plop.setGenerator('component', {
+ description: 'Create a component',
+ // User input prompts provided as arguments to the template
+ prompts: [
+ {
+ // Raw text input
+ type: 'input',
+ // Variable name for this input
+ name: 'name',
+ // Prompt to display on command line
+ message: 'What is your component name?'
+ },
+ ],
+ actions: [
+ {
+ type: 'add',
+ // Plop will create directories for us if they do not exist
+ // so it's okay to add files in nested locations.
+ path: 'src/app/components/molecules/{{pascalCase name}}/{{pascalCase name}}.js',
+ templateFile:
+ 'plop-templates/Component/Component.js.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/components/molecules/{{pascalCase name}}/{{pascalCase name}}.test.js',
+ templateFile:
+ 'plop-templates/Component/Component.test.js.hbs',
+ },
+ {
+ type: 'add',
+ path:
+ 'src/app/components/molecules/{{pascalCase name}}/{{pascalCase name}}.component.scss',
+ templateFile:
+ 'plop-templates/Component/Component.component.scss.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/components/molecules/{{pascalCase name}}/index.js',
+ templateFile: 'plop-templates/Component/index.js.hbs',
+ },
+ {
+ // Adds an index.js file if it does not already exist
+ type: 'add',
+ path: 'src/app/components/index.js',
+ templateFile: 'plop-templates/injectable-index.js.hbs',
+ // If index.js already exists in this location, skip this action
+ skipIfExists: true,
+ },
+ {
+ // Action type 'append' injects a template into an existing file
+ type: 'append',
+ path: 'src/app/components/index.js',
+ // Pattern tells plop where in the file to inject the template
+ pattern: `/* PLOP_INJECT_IMPORT */`,
+ template: `import {{pascalCase name}} from './{{pascalCase name}}';`,
+ },
+ {
+ type: 'append',
+ path: 'src/app/components/index.js',
+ pattern: `/* PLOP_INJECT_EXPORT */`,
+ template: `\t{{pascalCase name}},`,
+ },
+ ],
+ });
+ plop.setGenerator('page', {
+ description: 'Create a page',
+ prompts: [
+ {
+ type: 'input',
+ name: 'name',
+ message: 'What is your page name?',
+ },
+ ],
+ actions: [
+ {
+ type: 'add',
+ path: 'src/app/pages/{{pascalCase name}}/{{pascalCase name}}.js',
+ templateFile:
+ 'plop-templates/Page/Page.js.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/pages/{{pascalCase name}}/{{pascalCase name}}.test.js',
+ templateFile:
+ 'plop-templates/Page/Page.test.js.hbs',
+ },
+ {
+ type: 'add',
+ path:
+ 'src/app/pages/{{pascalCase name}}/{{pascalCase name}}.module.css',
+ templateFile:
+ 'plop-templates/Page/Page.module.css.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/pages/{{pascalCase name}}/index.js',
+ templateFile: 'plop-templates/Page/index.js.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/pages/index.js',
+ templateFile: 'plop-templates/injectable-index.js.hbs',
+ skipIfExists: true,
+ },
+ {
+ type: 'append',
+ path: 'src/app/pages/index.js',
+ pattern: `/* PLOP_INJECT_IMPORT */`,
+ template: `import {{pascalCase name}} from './{{pascalCase name}}';`,
+ },
+ {
+ type: 'append',
+ path: 'src/app/pages/index.js',
+ pattern: `/* PLOP_INJECT_EXPORT */`,
+ template: `\t{{pascalCase name}},`,
+ },
+ ],
+ })
+
+ plop.setGenerator('service', {
+ description: 'Create service',
+ prompts: [
+ {
+ type: 'input',
+ name: 'name',
+ message: 'What is your service name?',
+ },
+ ],
+ actions: [
+ {
+ type: 'add',
+ path: 'src/app/services/{{camelCase name}}.js',
+ templateFile: 'plop-templates/service.js.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/services/index.js',
+ templateFile: 'plop-templates/injectable-index.js.hbs',
+ skipIfExists: true,
+ },
+ {
+ type: 'append',
+ path: 'src/app/services/index.js',
+ pattern: `/* PLOP_INJECT_IMPORT */`,
+ template: `import {{camelCase name}} from './{{camelCase name}}';`,
+ },
+ {
+ type: 'append',
+ path: 'src/app/services/index.js',
+ pattern: `/* PLOP_INJECT_EXPORT */`,
+ template: `\t{{camelCase name}},`,
+ }
+ ],
+ })
+
+ plop.setGenerator('hook', {
+ description: 'Create a custom react hook',
+ prompts: [
+ {
+ type: 'input',
+ name: 'name',
+ message: 'What is your hook name?',
+ },
+ ],
+ actions: [
+ {
+ type: 'add',
+ path: 'src/app/hooks/{{camelCase name}}.js',
+ templateFile: 'plop-templates/hook.js.hbs',
+ },
+ {
+ type: 'add',
+ path: 'src/app/hooks/index.js',
+ templateFile: 'plop-templates/injectable-index.js.hbs',
+ skipIfExists: true,
+ },
+ {
+ type: 'append',
+ path: 'src/app/hooks/index.js',
+ pattern: `/* PLOP_INJECT_IMPORT */`,
+ template: `import {{camelCase name}} from './{{camelCase name}}';`,
+ },
+ {
+ type: 'append',
+ path: 'src/app/hooks/index.js',
+ pattern: `/* PLOP_INJECT_EXPORT */`,
+ template: `\t{{camelCase name}},`,
+ }
+ ],
+ })
+ };
\ No newline at end of file