showcase-components - npm Package Compare versions

Comparing version 0.0.5 to 0.1.0

dist/components/Icon/back-arrow.js

@@ -7,1 +7,2 @@ "use strict";
     React.createElement("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }))); });
+//# sourceMappingURL=back-arrow.js.map

dist/components/Icon/forward-arrow.js

@@ -7,1 +7,2 @@ "use strict";
     React.createElement("path", { d: "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }))); });
+//# sourceMappingURL=forward-arrow.js.map

dist/components/Icon/index.js

@@ -18,1 +18,2 @@ "use strict";
 });
+//# sourceMappingURL=index.js.map

dist/components/Icon/refresh.js

@@ -7,1 +7,2 @@ "use strict";
     React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }))); });
+//# sourceMappingURL=refresh.js.map

dist/components/index.js

@@ -7,1 +7,2 @@ "use strict";
 exports.Phone = Phone_1.default;
+//# sourceMappingURL=index.js.map

dist/components/Laptop/index.d.ts

@@ -12,3 +12,3 @@ import * as React from 'react';
 }
-declare const _default: ({ title, url, isMonochrome, children, className, htmlAttributes }: Props) => JSX.Element;
-export default _default;
+declare const Laptop: ({ title, url, isMonochrome, children, className, htmlAttributes }: Props) => JSX.Element;
+export default Laptop;

dist/components/Laptop/index.js

@@ -18,3 +18,3 @@ "use strict";
 require("../global.css");
-exports.default = (function (_a) {
+var Laptop = function (_a) {
     var title = _a.title, _b = _a.url, url = _b === void 0 ? 'https://google.com' : _b, _c = _a.isMonochrome, isMonochrome = _c === void 0 ? false : _c, children = _a.children, className = _a.className, _d = _a.htmlAttributes, htmlAttributes = _d === void 0 ? {} : _d;
@@ -24,4 +24,7 @@ return (React.createElement("div", __assign({ className: "showcase-laptop__frame showcase " + (className ? className : '') }, htmlAttributes),
             React.createElement("div", { className: "showcase-laptop__upper" },
-                React.createElement("div", { className: "showcase-laptop__upper-controls" }, [{ icon: 'close', color: isMonochrome ? 'grey' : 'red' }, { icon: 'min', color: isMonochrome ? 'grey' : 'yellow' }, { icon: 'max', color: isMonochrome ? 'grey' : 'green' }]
-                    .map(function (_a) {
+                React.createElement("div", { className: "showcase-laptop__upper-controls" }, [
+                    { icon: 'close', color: isMonochrome ? 'grey' : 'red' },
+                    { icon: 'min', color: isMonochrome ? 'grey' : 'yellow' },
+                    { icon: 'max', color: isMonochrome ? 'grey' : 'green' }
+                ].map(function (_a) {
                     var icon = _a.icon, color = _a.color;
@@ -32,6 +35,7 @@ return (React.createElement("div", { key: icon, className: "showcase-laptop__circle " + color }));
             React.createElement("div", { className: "showcase-laptop__lower" },
-                React.createElement("div", { className: "showcase-laptop__lower-controls" }, ['back', 'forward', 'refresh']
-                    .map(function (control) { return (React.createElement(Icon_1.default, { key: control, name: control, className: 'nav-control' })); })),
+                React.createElement("div", { className: "showcase-laptop__lower-controls" }, ['back', 'forward', 'refresh'].map(function (control) { return (React.createElement(Icon_1.default, { key: control, name: control, className: "nav-control" })); })),
                 React.createElement("div", { className: "showcase-laptop__url" }, url))),
         React.createElement("div", { className: "showcase-laptop__children" }, children)));
-});
+};
+exports.default = Laptop;
+//# sourceMappingURL=index.js.map

dist/components/Phone/index.d.ts

@@ -8,3 +8,3 @@ import * as React from 'react';
 }
-declare const _default: ({ children, className }: Props) => JSX.Element;
-export default _default;
+declare const Phone: ({ children, className }: Props) => JSX.Element;
+export default Phone;

dist/components/Phone/index.js

@@ -6,3 +6,3 @@ "use strict";
 require("../global.css");
-exports.default = (function (_a) {
+var Phone = function (_a) {
     var children = _a.children, className = _a.className;
@@ -16,2 +16,4 @@ return (React.createElement("div", { className: "showcase-phone__phone showcase " + (className ? className : '') },
                 React.createElement("div", { className: "showcase-phone__home-button" })))));
-});
+};
+exports.default = Phone;
+//# sourceMappingURL=index.js.map

dist/index.js

@@ -7,1 +7,2 @@ "use strict";
 __export(require("./components"));
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "showcase-components",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "A small React library for displaying previews/iframes/images of applications and websites inside browser and phone-like containers.",
@@ -10,5 +10,6 @@ "homepage": "https://alhinds.com/showcase-components",
     "prettify": "prettier \"src/**/*\"",
-    "build:docs": "webpack",
-    "watch": "webpack -w",
-    "preversion": "npm run build && npm run build:docs"
+    "build:docs": "build-storybook -c .storybook -o example",
+    "deploy": "npm run build:docs",
+    "preversion": "npm run build && npm run build:docs",
+    "watch": "start-storybook -p 6006"
   },
@@ -24,3 +25,4 @@ "repository": {
     "components",
-    "library"
+    "library",
+    "react"
   ],
@@ -34,15 +36,25 @@ "author": "Alex Hinds <[e-mail]>",
   "devDependencies": {
+    "@babel/core": "^7.4.0",
+    "@storybook/addon-actions": "^5.0.5",
+    "@storybook/addon-info": "^5.0.5",
+    "@storybook/addon-links": "^5.0.5",
+    "@storybook/addons": "^5.0.5",
+    "@storybook/react": "^5.0.5",
     "@types/react": "^16.8.8",
     "@types/react-dom": "^16.8.3",
+    "@types/storybook__addon-info": "^4.1.1",
+    "@types/storybook__react": "^4.0.1",
+    "awesome-typescript-loader": "^5.2.1",
+    "babel-loader": "^8.0.5",
     "css-loader": "^2.1.1",
     "prettier": "1.16.4",
     "react": "^16.8.4",
-    "react-dom": "^16.8.4",
+    "react-docgen-typescript-webpack-plugin": "^1.1.0",
     "rimraf": "^2.6.3",
     "style-loader": "^0.23.1",
-    "ts-loader": "^5.3.3",
     "typescript": "^3.3.4000",
     "webpack": "^4.29.6",
     "webpack-cli": "^3.3.0"
-  }
+  },
+  "dependencies": {}
 }

README.md

 # Showcase Components (React)
 
 [![npm Version][bd_npm_shield_url]][bd_npm_url]
+[![Build Status](https://travis-ci.com/DarkPurple141/showcase-components.svg?branch=master)](https://travis-ci.com/DarkPurple141/showcase-components)
 
@@ -5,0 +6,0 @@

No alert changes

Improved metrics

Total package byte prevSize

19931

increased by51.6%

Number of package files

43

increased by95.45%

Lines of code

342

increased by24.82%

Number of lines in readme file

60

increased by1.69%

Worsened metrics

Dev dependency count

21

increased by75%

No dependency changes