Merge pull request #13 from streamich/fix-build

feat: 🎸 export TypeScript types and improve build process

Author: streamich

.npmignore

@@ -10,15 +10,16 @@ notifications:
 node_js:
   - '8'
 script:
-  - npm run test
-  - npm run build
+  - yarn test
+  - yarn build
+  - yarn build:modules
 matrix:
   allow_failures: []
   fast_finish: true
 after_success:
   - npx ci-scripts github-post
   - npx ci-scripts slack
-  - npm run semantic-release
+  - yarn semantic-release
 branches:
   except:
     - /^v\d+\.\d+\.\d+$/

.travis.yml

@@ -4,10 +4,12 @@
 
 [![][npm-badge]][npm-url] [![][travis-badge]][travis-url] [![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
 
-React standard library — must-have toolbox for any React project.
+React standard library—must-have toolbox for any React project.
 
-  - *Isomorphic* - all components work in browser and on server (and some in `react-native`).
-  - See [__demos__](https://streamich.github.io/libreact/demos/), [__docs__](https://streamich.github.io/libreact/en/), and [__package__](https://www.npmjs.com/package/libreact/).
+- [__LAUNCH STORYBOOK__](https://streamich.github.io/libreact/demos/) 🚀
+- [__See documentation__](https://streamich.github.io/libreact/en/)
+- Most components implement [![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+- *Isomorphic* - most components work in browser and on server (and some in `react-native`).
 
 
 ## Installation
@@ -19,10 +21,12 @@ npm i <a href="https://www.npmjs.com/package/libreact">libreact</a> --save
 
 ## Usage
 
-Import each utility individually to decrease your bundle size
+Library is modular&mdash;you can import each component by its name.
 
 ```js
 import {mock} from 'libreact/lib/mock';
+// or
+import {mock} from 'libreact/modules/mock';
 
 const MyComponent = mock();
 ```
@@ -75,7 +79,7 @@ const MyComponent = mock();
      - [`<Provider>`](./docs/en/Provider.md#provider), [`<Consumer>`](./docs/en/Provider.md#consumer), [`withContext()`](./docs/en/Provider.md#withcontext-hoc), and [`@withContext`](./docs/en/Provider.md#withcontext-decorator)
      - [`<Theme>`](./docs/en/theme.md#theme), [`<Themed>`](./docs/en/theme.md#themed), [`withTheme()`](./docs/en/theme.md#withtheme-hoc), and [`@withTheme`](./docs/en/theme.md#withtheme-decorator)
      - [`<CssVarsProvider>`](./docs/en/cssvars.md), [`<CssVars>`](./docs/en/cssvars.md#cssvars), [`withCssVars()`](./docs/en/cssvars.md#withcssvars-hoc), and [`@withCssVars`](./docs/en/cssvars.md#withcssvars-decorator)
-     - [Router](./docs/en/routing.md)
+     - [__Routing__](./docs/en/routing.md): [`createRouter()`](./docs/en/routing.md#createrouter), [`<Router>`](./docs/en/routing.md#router), [`<Route>`](./docs/en/routing.md#route), [`<Switch>`](./docs/en/routing.md#switch), [`<Match>`](./docs/en/routing.md#match), [`<Link>`](./docs/en/routing.md#link), and [`go()`](./docs/en/routing.md#go)
      - [`<Translations>`](./docs/en/translate.md#translations), [`<Translate>`](./docs/en/translate.md#translate-or-t), [`<T>`](./docs/en/translate.md#translate-or-t), [`withT()`](./docs/en/translate.md#witht-hoc), and [`@withT`](./docs/en/translate.md#witht-decorator)
   - [UI](./docs/en/UI.md)
      - [`<Portal>`](./docs/en/Portal.md), [`<Overlay>`](./docs/en/Overlay.md), and [`<Modal>`](./docs/en/Modal.md)
@@ -100,7 +104,6 @@ const MyComponent = mock();
   - [Side Effects](./docs/en/Side-effects.md)
      - [`<LocalStorage>`](./docs/en/LocalStorage.md)
      - [`<ClassNames>`](./docs/en/ClassNames.md)
-     - [`go()`](./docs/en/routing.md#go), [`<Sms>`](./docs/en/Sms.md), [`<Mailto>`](./docs/en/Mailto.md)
   - [Boundaries](./docs/en/Boundaries.md)
      - [`<BrowserOnly>`](./docs/en/BrowserOnly.md), [`<ServerOnly>`](./docs/en/ServerOnly.md), and [`<ElectronOnly>`](./docs/en/ElectronOnly.md)
      - [`<ErrorBoundary>`](./docs/en/ErrorBoundary.md) and [`withErrorBoundary()`](./docs/en/ErrorBoundary.md#witherrorboundary-hoc)
@@ -109,6 +112,7 @@ const MyComponent = mock();
      - [`createRef()`](./docs/en/next/createRef.md), [`createState()`](./docs/en/next/createState.md), and [`createLifecycleEvents()`](./docs/en/next/createLifecycleEvents.md)
   - Other
      - [`<Resolve>`](./docs/en/Resolve.md)
+     - [`<Sms>`](./docs/en/Sms.md), [`<Mailto>`](./docs/en/Mailto.md)
      - [`getDisplayName()`](./docs/en/getDisplayName.md)
 
 

README.md

@@ -1,6 +1,9 @@
 # `<ActiveSensor>`
 
-Render prop that tracks elements active status. Attaches to the root element, or provides a binding, if `bond` prop specified.
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
+Render prop that tracks some element's active status.
+Attaches to the root element, or provides a binding, if `bond` prop specified.
 
 ## Example
 

build/gulpfile.js

@@ -1,5 +1,7 @@
 # `<BatterySensor>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Uses [`Navigator.getBattery()`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery) API to track battery level, charging status and time it takes to charge/discharge a battery.
 
 ## Props

docs/en/ActiveSensor.md

@@ -1,5 +1,7 @@
 # `<Counter>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Allows you to keep a state of a counter value. Is similar to [`<Value>`](./Value.md) but its
 value is cast to `number` and you have an extra `inc(by = 1)` method that will increment your counter.
 

docs/en/BatterySensor.md

@@ -1,7 +1,6 @@
 # Dummies
 
 Dummies are empty *"shell"* components that don't contain the actual implementation.
-
 However, those dummies can be used as real React components and they will re-render
 automatically once they get implemented.
 
@@ -12,5 +11,3 @@ but implement them with real components only later when necessary.
   - [`loadable()`](./loadable.md) - dummy that can be loaded using `.load()` method.
   - [`lazy()`](./lazy.md) - like `loadable()`, but also loads automatically when rendered for the first time.
   - [`delayed()`](./delayed.md) - like `lazy()`, but its loading can be delayed.
-  - [`viewport()`](./viewport.md) - postpones component's rendering until it is visible
-  in viewport at least once.

docs/en/Counter.md

@@ -1,5 +1,7 @@
 # `<HoverSensor>`
 
+[![React Universal Interface](https://img.shields.io/badge/React-Universal%20Interface-green.svg)](https://github.com/streamich/react-universal-interface)
+
 Render prop that tracks elements hover status. Attaches to the root element, or provides a binding, if `bond` prop specified.
 
 ## Example

docs/en/Dummies.md

@@ -3,8 +3,8 @@
 `libreact` is a collection of most essential React utilities you will probably need in any project.
 
 [Render prop](#render-props) and [FaCC](#facc) notation is used interchangeably as most `libreact`
-components support both interfaces. Also, most render prop components support
-[component prop](#component-prop) interface, with the following precedence:
+components support both interfaces and implement [*Universal Component Interface*](https://github.com/streamich/react-universal-interface).
+Also, most render prop components support [component prop](#component-prop) interface, with the following precedence:
 
   1. FaCC
   2. Render prop