generator-poi-boilerplate-demo - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

CHANGELOG.md

@@ -10,1 +10,5 @@ # Change Log
 - Created fe-co-my-component
+- Adding new `HowToStart` for children component
+- Adding new `HowToUse` component
+- Adding github badge integration
+

dist/js/client.js

@@ -1,2 +0,1 @@
-webpackJsonp([1],{10:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),l=n.n(a),c=n(12),s=(n.n(c),n(22));Object(c.render)(l.a.createElement(s.a,null),document.getElementById("app"))},22:function(e,t,n){"use strict";var a=n(2),l=n.n(a),c=n(5),s=(n.n(c),n(50)),r=Object(c.css)({display:"flex",padding:"10px",backgroundColor:"#fff",borderBottom:"1px solid #d5d8db"}),o=Object(c.css)({display:"flex",width:"100%",height:"100%",flexGrow:"1",padding:"20px",overflowY:"auto"}),i=Object(c.css)({display:"flex",width:"100%",padding:"10px",backgroundColor:"#fff",position:"fixed",bottom:0}),m=function(e){var t=e.children;return l.a.createElement(a.Fragment,null,l.a.createElement("header",{className:""+r},l.a.createElement("h1",null,"Component Demo Page")),l.a.createElement("main",{className:""+o},t||l.a.createElement(s.a,null)),l.a.createElement("footer",{className:""+i},l.a.createElement("p",null,"Built with ❤ by @willmendesneto")))};t.a=m},50:function(e,t,n){"use strict";var a=n(2),l=n.n(a),c=n(5),s=(n.n(c),Object(c.css)({display:"flex",fontSize:"16px",lineHeight:"16px"})),r=Object(c.css)({listStyle:"circle inside",marginLeft:"1em"}),o=Object(c.css)({fontFamily:"monospace"}),i=function(){return l.a.createElement(a.Fragment,null,l.a.createElement("h2",{className:""+s},"Next steps to get started:"),l.a.createElement("ul",{className:""+r},l.a.createElement("li",null,"Toggle the different fixtures on the left"),l.a.createElement("li",null,"Edit this file: ",l.a.createElement("code",{className:""+o},"src/js/components/your-component-name.js")),l.a.createElement("li",null,"Edit the styles: ",l.a.createElement("code",{className:""+o},"src/scss/your-component-name.scss"))))};t.a=i},9:function(e,t,n){e.exports=n(10)}},[9]);
-//# sourceMappingURL=client.js.map
+webpackJsonp([1],{10:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=r.n(n),a=r(12),s=(r.n(a),r(22)),i=r(57);r.n(i);Object(a.render)(o.a.createElement(s.a,{title:i.name,description:i.description,repositoryUrl:i.homepage}),document.getElementById("app"))},22:function(e,t,r){"use strict";var n=r(0),o=r.n(n),a=r(23),s=r.n(a),i=r(5),l=(r.n(i),r(54)),c=r(55),p=r.n(c),d=Object(i.css)({display:"flex",padding:"10px",backgroundColor:"#fff",borderBottom:"1px solid #d5d8db",fontFamily:"monospace",color:"#3a3939"}),m=Object(i.css)({display:"flex",width:"100%",height:"100%",flexGrow:"1",padding:"20px",overflowY:"auto"}),u=Object(i.css)({display:"flex",width:"100%",padding:"10px",backgroundColor:"#fff",borderTop:"1px solid #d5d8db",position:"fixed",bottom:0}),b=function(e){var t=e.children,r=e.repositoryUrl,a=e.title;e.description;return o.a.createElement(n.Fragment,null,o.a.createElement("header",{className:""+d},o.a.createElement(p.a,{href:r}),o.a.createElement("h1",null,a)),o.a.createElement("main",{className:""+m},t||o.a.createElement(l.a,null)),o.a.createElement("footer",{className:""+u},o.a.createElement("p",null,"Built with ❤ by @willmendesneto")))};b.propTypes={repositoryUrl:s.a.string,title:s.a.string,description:s.a.string,children:s.a.node},t.a=b},54:function(e,t,r){"use strict";var n=r(0),o=r.n(n),a=r(5),s=(r.n(a),Object(a.css)({display:"flex",fontSize:"16px",lineHeight:"16px"})),i=Object(a.css)({listStyle:"circle inside",marginLeft:"1em"}),l=Object(a.css)({fontFamily:"monospace"}),c=function(){return o.a.createElement(n.Fragment,null,o.a.createElement("h2",{className:""+s},"Next steps to use `generator-poi-boilerplate-demo`:"),o.a.createElement("ul",{className:""+i},o.a.createElement("li",null,"Edit this file: ",o.a.createElement("code",{className:""+l},"src/index.js")),o.a.createElement("li",null,"Add your react component")))};t.a=c},57:function(e,t){e.exports={name:"generator-poi-boilerplate-demo",version:"1.1.0",description:"Demo React Component from POI boilerplate generator",main:"src/js/export.js",scripts:{prepublish:"npm run build -- --no-sourceMap --no-html","demo:deploy":"npm run build -- --no-sourceMap && gh-pages -d dist",build:"NODE_ENV=production poi build","serve:dist":"http-server dist",start:"poi",watch:"poi watch",test:"NODE_ENV=test nyc --require babel-register --require babel-polyfill --reporter=lcov --reporter=text-summary mocha ./tests/unit/**/*.spec.js --require ./tests/setup.js",tdd:"npm run test -- --watch"},files:["dist","src"],repository:{type:"git",url:"git+ssh://[e-mail]/willmendesneto/generator-poi-boilerplate-demo.git"},author:"Will Mendes <[e-mail]",license:"ISC",bugs:{url:"https://github.com/willmendesneto/generator-poi-boilerplate-demo/issues"},homepage:"https://github.com/willmendesneto/generator-poi-boilerplate-demo#readme",devDependencies:{"babel-plugin-react-require":"^3.0.0","babel-polyfill":"^6.26.0","babel-preset-react-app":"^3.1.0","babel-register":"^6.26.0",chai:"^4.1.2","css-modules-require-hook":"^4.2.2",enzyme:"^3.2.0","enzyme-adapter-react-16":"^1.1.1","gh-pages":"^1.1.0","http-server":"^0.10.0",jsdom:"^11.5.1",mocha:"^4.0.1","node-sass":"^4.7.2",nyc:"^11.3.0",poi:"^9.6.1","sass-loader":"^6.0.6"},dependencies:{glamor:"^2.20.40","prop-types":"^15.6.0",react:"^16.2.0","react-dom":"^16.2.0","react-github-corner":"^2.0.0"},peerDependencies:{react:"^0.14.8 || ^15.4.2","react-dom":"^0.14.8 || ^15.4.2"},nyc:{lines:0,statements:0,functions:0,branches:0}}},9:function(e,t,r){e.exports=r(10)}},[9]);

dist/js/manifest.js

@@ -1,2 +0,1 @@
-(function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var i,a,f,l=0,s=[];l<t.length;l++)a=t[l],o[a]&&s.push(o[a][0]),o[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(r&&r(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=n(n.s=u[l]);return f};var t={},o={2:0};n.e=function(e){function r(){i.onerror=i.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var u=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,n.nc&&i.setAttribute("nonce",n.nc),i.src=n.p+""+({0:"vendor",1:"client"}[e]||e)+"."+{0:"779b28e1",1:"2185df76"}[e]+".chunk.js";var a=setTimeout(r,12e4);return i.onerror=i.onload=r,u.appendChild(i),c},n.m=e,n.c=t,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}})([]);
-//# sourceMappingURL=manifest.js.map
+(function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var i,a,f,l=0,s=[];l<t.length;l++)a=t[l],o[a]&&s.push(o[a][0]),o[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(r&&r(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=n(n.s=u[l]);return f};var t={},o={2:0};n.e=function(e){function r(){i.onerror=i.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var u=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,n.nc&&i.setAttribute("nonce",n.nc),i.src=n.p+""+({0:"vendor",1:"client"}[e]||e)+"."+{0:"8feff659",1:"8ce79226"}[e]+".chunk.js";var a=setTimeout(r,12e4);return i.onerror=i.onload=r,u.appendChild(i),c},n.m=e,n.c=t,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}})([]);

package.json

 {
   "name": "generator-poi-boilerplate-demo",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Demo React Component from POI boilerplate generator",
   "main": "src/js/export.js",
   "scripts": {
-    "prepublish": "poi build",
-    "demo:deploy": "gh-pages -d dist",
-    "build": "poi build",
-    "postbuild": "rm -rf dist/**/*.{css,js}.map",
+    "prepublish": "npm run build -- --no-sourceMap --no-html",
+    "demo:deploy": "npm run build -- --no-sourceMap && gh-pages -d dist",
+    "build": "NODE_ENV=production poi build",
     "serve:dist": "http-server dist",
@@ -51,4 +50,6 @@ "start": "poi",
     "glamor": "^2.20.40",
+    "prop-types": "^15.6.0",
     "react": "^16.2.0",
-    "react-dom": "^16.2.0"
+    "react-dom": "^16.2.0",
+    "react-github-corner": "^2.0.0"
   },
@@ -55,0 +56,0 @@ "peerDependencies": {

src/js/components/demo.js

 import React, { Fragment } from 'react'
+import PropTypes from 'prop-types'
 
 import { css } from 'glamor'
 
-import HowToStart from './how-to-start'
+import HowToUse from './how-to-use'
+import GithubCorner from 'react-github-corner'
 
@@ -12,2 +14,4 @@ const demoHeader = css({
   borderBottom: '1px solid #d5d8db',
+  fontFamily: 'monospace',
+  color: '#3a3939',
 })
@@ -29,2 +33,3 @@
   backgroundColor: '#fff',
+  borderTop: '1px solid #d5d8db',
   position: 'fixed',
@@ -34,9 +39,10 @@ bottom: 0,
 
-const Demo = ({ children }) => (
+const Demo = ({ children, repositoryUrl, title, description }) => (
   <Fragment>
     <header className={`${demoHeader}`}>
-      <h1>Component Demo Page</h1>
+      <GithubCorner href={repositoryUrl} />
+      <h1>{title}</h1>
     </header>
     <main className={`${demoMainWrapper}`}>
-      { children || <HowToStart /> }
+      { children || <HowToUse /> }
     </main>
@@ -49,2 +55,9 @@ <footer className={`${demoFooter}`}>
 
+Demo.propTypes = {
+  repositoryUrl: PropTypes.string,
+  title: PropTypes.string,
+  description: PropTypes.string,
+  children: PropTypes.node,
+};
+
 export default Demo

src/js/components/how-to-start.js

@@ -14,2 +14,4 @@ import React, { Fragment } from 'react'
   marginLeft: '1em',
+  fontSize: '16px',
+  lineHeight: '20px',
 })
@@ -16,0 +18,0 @@

src/js/export.js

 import Demo from './components/demo'
+import HowToStart from './components/how-to-start'
 
-export default Demo
+export { Demo, HowToStart }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

144283

decreased by-80.65%

Dependency count

7

increased by40%

Number of package files

10

decreased by-23.08%

Lines of code

105

decreased by-81.64%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedprop-types@^15.6.0

• + Addedreact-github-corner@^2.0.0

• + Addedreact-github-corner@2.5.0(transitive)