diff --git a/.storybook/config.ts b/.storybook/config.ts index 9ed6f3ab..c5ed463c 100644 --- a/.storybook/config.ts +++ b/.storybook/config.ts @@ -1,3 +1,4 @@ +import { withInfo } from "@storybook/addon-info"; import { withKnobs } from "@storybook/addon-knobs"; import { setOptions } from "@storybook/addon-options"; import { @@ -9,13 +10,12 @@ import { addDecorator, configure } from "@storybook/react"; import "../src/index.module.sass"; // addon-info is currently broken with prop types -// import { withInfo } from "@storybook/addon-info"; -// addDecorator( -// withInfo({ -// // propTables: false, -// source: false, -// }), -// ); +addDecorator( + withInfo({ + // propTables: false, + source: false, + }), +); setOptions({ name: "👟 rbx - Bulma UI", diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js index a0fa2e7d..18bb511b 100644 --- a/.storybook/webpack.config.js +++ b/.storybook/webpack.config.js @@ -1,18 +1,21 @@ const path = require("path"); -const TSDocgenPlugin = require("react-docgen-typescript-webpack-plugin"); const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin"); module.exports = (baseConfig, env, config) => { - config.module.rules.push({ - test: /\.(ts|tsx)$/, - loader: require.resolve("ts-loader") - }); - config.module.rules.push({ - test: /\.s[ca]ss$/, - loader: "style-loader!css-loader!resolve-url-loader!sass-loader" - }); - config.plugins.push(new TSDocgenPlugin()); + config.module.rules.push( + { + test: /\.tsx?$/, + use: [ + require.resolve("ts-loader"), + require.resolve("react-docgen-typescript-loader") + ] + }, + { + test: /\.s[ca]ss$/, + loader: "style-loader!css-loader!resolve-url-loader!sass-loader" + } + ); config.resolve.extensions.push(".ts", ".tsx"); config.resolve.plugins = [ new TsconfigPathsPlugin({ configFile: "tsconfig.json" }) diff --git a/README.md b/README.md index 9f82ecca..8dbc889d 100644 --- a/README.md +++ b/README.md @@ -5,14 +5,15 @@ [![Release Version](https://img.shields.io/github/release/dfee/rbx.svg)](https://github.com/dfee/rbx) [![Npm Downloads](https://img.shields.io/npm/dm/rbx.svg)](https://www.npmjs.com/package/rbx) -[Bulma](http://bulma.io) components for the React framework. +`rbx` is a comprehensive library of React components for [Bulma 0.7.2](http://bulma.io). 🔥 **All components have exhaustive** [storybook examples](https://dfee.github.io/rbx). + 🙃 _I'll wait, go check them out!_ ### To Install -`npm install rbx` or `yarn add -E rbx` +`npm install rbx` or `yarn add rbx` ### To Use diff --git a/package-lock.json b/package-lock.json index 5c1c6067..689c582a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2090,6 +2090,49 @@ "@xtuc/long": "4.2.1" } }, + "@webpack-contrib/schema-utils": { + "version": "1.0.0-beta.0", + "resolved": "https://registry.npmjs.org/@webpack-contrib/schema-utils/-/schema-utils-1.0.0-beta.0.tgz", + "integrity": "sha512-LonryJP+FxQQHsjGBi6W786TQB1Oym+agTpY0c+Kj8alnIw+DLUJb6SI8Y1GHGhLCH1yPRrucjObUmxNICQ1pg==", + "dev": true, + "requires": { + "ajv": "^6.1.0", + "ajv-keywords": "^3.1.0", + "chalk": "^2.3.2", + "strip-ansi": "^4.0.0", + "text-table": "^0.2.0", + "webpack-log": "^1.1.2" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", + "dev": true + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "dev": true, + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "webpack-log": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-1.2.0.tgz", + "integrity": "sha512-U9AnICnu50HXtiqiDxuli5gLB5PGBo7VvcHx36jRZHwK4vzOYLbImqT4lwWwoMHdQWwEKw736fCHEekokTEKHA==", + "dev": true, + "requires": { + "chalk": "^2.1.0", + "log-symbols": "^2.1.0", + "loglevelnext": "^1.0.1", + "uuid": "^3.1.0" + } + } + } + }, "@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", @@ -10331,6 +10374,25 @@ "integrity": "sha512-U7KCmLdqsGHBLeWqYlFA0V0Sl6P08EE1ZrmA9cxjUE0WVqT9qnyVDPz1kzpFEP0jdJuFnasWIfSd7fsaNXkpbg==", "dev": true }, + "log-symbols": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", + "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", + "dev": true, + "requires": { + "chalk": "^2.0.1" + } + }, + "loglevelnext": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/loglevelnext/-/loglevelnext-1.0.5.tgz", + "integrity": "sha512-V/73qkPuJmx4BcBF19xPBr+0ZRVBhc4POxvZTZdMeXpJ4NItXSJ/MSwuFT0kQJlCbXvdlZoQQ/418bS1y9Jh6A==", + "dev": true, + "requires": { + "es6-symbol": "^3.1.1", + "object.assign": "^4.1.0" + } + }, "loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", @@ -12708,6 +12770,17 @@ "integrity": "sha512-pcot0jGiMIyhmwNeSU83GvClNwk9NbcnYHcGf4pKMmw5J43d5OzYRcTzrZTGlIOWjYfYazYhvTxjujE625P3Mw==", "dev": true }, + "react-docgen-typescript-loader": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/react-docgen-typescript-loader/-/react-docgen-typescript-loader-3.0.0.tgz", + "integrity": "sha512-xtE4bZrU9+7grFFzs8v6gWc+Wl2FCCL59hldHoX2DuQAXOmJIilUm2uPmDmRNA8RpxU1Ax+9Gl0JfUcWgx2QPA==", + "dev": true, + "requires": { + "@webpack-contrib/schema-utils": "^1.0.0-beta.0", + "loader-utils": "^1.1.0", + "react-docgen-typescript": "^1.9.0" + } + }, "react-docgen-typescript-webpack-plugin": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/react-docgen-typescript-webpack-plugin/-/react-docgen-typescript-webpack-plugin-1.1.0.tgz", diff --git a/package.json b/package.json index 0a5140f7..31cccf2b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "rbx", - "version": "0.7.1", - "description": "UI Components for React based on Bulma", + "version": "1.0.0-beta", + "description": "The Comprehensive Bulma UI Framework for React", "main": "dist/index.js", "module": "dist/index.es.js", "files": [ @@ -90,6 +90,7 @@ "postcss-loader": "3.0.0", "progress-bar-webpack-plugin": "1.11.0", "react": "16.6.3", + "react-docgen-typescript-loader": "^3.0.0", "react-docgen-typescript-webpack-plugin": "^1.1.0", "react-dom": "16.6.3", "react-test-renderer": "16.6.3",