Skip to content

Commit

Permalink
docs(esdoc): improve esdoc page styles and structure
Browse files Browse the repository at this point in the history
Introduce ReactiveX brand, with its colors, fonts, etc. Change ESDoc page structure to have a
homepage pointing to: (1) installation page, (2) manual with tutorial on the Rx concepts, (3) full
reference. These are for now placeholder for the content, to arrive in separate PRs.
  • Loading branch information
staltz committed Feb 22, 2016
1 parent 6e42174 commit 580500d
Show file tree
Hide file tree
Showing 13 changed files with 186 additions and 96 deletions.
Binary file added doc/asset/Rx_Logo_S.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
103 changes: 9 additions & 94 deletions doc/index.md
Original file line number Diff line number Diff line change
@@ -1,97 +1,12 @@
# Observable
<h1 class="rx-title"><img src="./manual/asset/Rx_Logo_S.png">RxJS</h1>

## creation functions
**The ReactiveX library for JavaScript.**

- [combineLatest](function/index.html#static-function-combineLatest)
- [concat](function/index.html#static-function-concat)
- [create](function/index.html#static-function-create)
- [defer](function/index.html#static-function-defer)
- [empty](function/index.html#static-function-empty)
- [forkJoin](function/index.html#static-function-forkJoin)
- [from](function/index.html#static-function-from)
- [fromArray](function/index.html#static-function-fromArray)
- [fromEvent](function/index.html#static-function-fromEvent)
- [fromEventPattern](function/index.html#static-function-fromEventPattern)
- [fromPromise](function/index.html#static-function-fromPromise)
- [interval](function/index.html#static-function-interval)
- [merge](function/index.html#static-function-merge)
- [never](function/index.html#static-function-never)
- [of](function/index.html#static-function-of)
- [race](function/index.html#static-function-race)
- [range](function/index.html#static-function-range)
- [throw](function/index.html#static-function-throw)
- [timer](function/index.html#static-function-timer)
- [zip](function/index.html#static-function-zip)
This is a rewrite of [Reactive-Extensions/RxJS](https://github.com/Reactive-Extensions/RxJS) and is intended to supersede it once this is ready. This version's purpose is to have better performance, better modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking changes that reduce the API surface.

## operators

- [buffer](function/index.html#static-function-buffer)
- [bufferCount](function/index.html#static-function-bufferCount)
- [bufferTime](function/index.html#static-function-bufferTime)
- [bufferToggle](function/index.html#static-function-bufferToggle)
- [bufferWhen](function/index.html#static-function-bufferWhen)
- [catch](function/index.html#static-function-catch)
- [combineAll](function/index.html#static-function-combineAll)
- [combineLatest](function/index.html#static-function-combineLatest)
- [concat](function/index.html#static-function-concat)
- [concatAll](function/index.html#static-function-concatAll)
- [concatMap](function/index.html#static-function-concatMap)
- [concatMapTo](function/index.html#static-function-concatMapTo)
- [count](function/index.html#static-function-count)
- [debounce](function/index.html#static-function-debounce)
- [defaultIfEmpty](function/index.html#static-function-defaultIfEmpty)
- [delay](function/index.html#static-function-delay)
- [distinct](function/index.html#static-function-distinct)
- [distinctKey](function/index.html#static-function-distinctKey)
- [distinctUntilChanged](function/index.html#static-function-distinctUntilChanged)
- [distinctUntilKeyChanged](function/index.html#static-function-distinctUntilKeyChanged)
- [do](function/index.html#static-function-do)
- [expand](function/index.html#static-function-expand)
- [filter](function/index.html#static-function-filter)
- [finally](function/index.html#static-function-finally)
- [mergeMap](function/index.html#static-function-mergeMap)
- [mergeMapTo](function/index.html#static-function-mergeMapTo)
- [groupBy](function/index.html#static-function-groupBy)
- [lift](function/index.html#static-function-lift)
- [map](function/index.html#static-function-map)
- [mapTo](function/index.html#static-function-mapTo)
- [materialize](function/index.html#static-function-materialize)
- [merge](function/index.html#static-function-merge)
- [mergeAll](function/index.html#static-function-mergeAll)
- [multicast](function/index.html#static-function-multicast)
- [observeOn](function/index.html#static-function-observeOn)
- [pairwise](function/index.html#static-function-pairwise)
- [partition](function/index.html#static-function-partition)
- [publish](function/index.html#static-function-publish)
- [publishBehavior](function/index.html#static-function-publishBehavior)
- [publishReplay](function/index.html#static-function-publishReplay)
- [race](function/index.html#static-function-race)
- [reduce](function/index.html#static-function-reduce)
- [repeat](function/index.html#static-function-repeat)
- [retry](function/index.html#static-function-retry)
- [retryWhen](function/index.html#static-function-retryWhen)
- [sample](function/index.html#static-function-sample)
- [sampleTime](function/index.html#static-function-sampleTime)
- [scan](function/index.html#static-function-scan)
- [skip](function/index.html#static-function-skip)
- [skipUntil](function/index.html#static-function-skipUntil)
- [startWith](function/index.html#static-function-startWith)
- [subscribeOn](function/index.html#static-function-subscribeOn)
- [switch](function/index.html#static-function-switch)
- [switchMap](function/index.html#static-function-switchMap)
- [switchMapTo](function/index.html#static-function-switchMapTo)
- [take](function/index.html#static-function-take)
- [takeUntil](function/index.html#static-function-takeUntil)
- [throttle](function/index.html#static-function-throttle)
- [timeout](function/index.html#static-function-timeout)
- [timeoutWith](function/index.html#static-function-timeoutWith)
- [toArray](function/index.html#static-function-toArray)
- [toPromise](function/index.html#static-function-toPromise)
- [window](function/index.html#static-function-window)
- [windowCount](function/index.html#static-function-windowCount)
- [windowTime](function/index.html#static-function-windowTime)
- [windowToggle](function/index.html#static-function-windowToggle)
- [windowWhen](function/index.html#static-function-windowWhen)
- [withLatestFrom](function/index.html#static-function-withLatestFrom)
- [zip](function/index.html#static-function-zip)
- [zipAll](function/index.html#static-function-zipAll)
### [» Install it](./manual/installation.html)
*How to install RxJS through npm or CDN*
### [» Learn it](./manual/overview.html)
*Read the Manual on Observables, Observer, Subject, etc*
### [» Full reference](./identifiers.html)
*Read detailed documentation on each operator*
87 changes: 87 additions & 0 deletions doc/installation.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
## ES6 via npm

```sh
npm install rxjs-es
```

To import the entire core set of functionality:

```js
import Rx from 'rxjs/Rx';

Rx.Observable.of(1,2,3)
```

To import only what you need by patching (this is useful for size-sensitive bundling):

```js
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/map';

Observable.of(1,2,3).map(x => x + '!!!'); // etc
```

To import what you need and use it with ES next function bind (best overall method, if possible):

```js
import {Observable} from 'rxjs/Observable';
import {map} from 'rxjs/operator/map';

Observable.of(1,2,3)::map(x => x + '!!!'); // etc
```

## CommonJS via npm

```sh
npm install rxjs
```

Import all core functionality:

```js
var Rx = require('rxjs/Rx');

Rx.Observable.of(1,2,3); // etc
```

Import only what you need and patch Observable (this is useful in size-sensitive bundling scenarios):

```js
var Observable = require('rxjs/Observable').Observable;
// patch Observable with appropriate methods
require('rxjs/add/operator/map');

Observable.of(1,2,3).map(function (x) { return x + '!!!'; }); // etc
```

Import operators and use them _manually_ you can do the following (this is also useful for bundling):

```js
var Observable = require('rxjs/Observable').Observable;
var map = require('rxjs/operator/map').map;

map.call(Observable.of(1,2,3), function (x) { return x + '!!!'; });
```

You can also use the above method to build your own Observable and export it from your own module.

## All Module Types (CJS/ES6/AMD/TypeScript) via npm

To install this library via [npm](https://www.npmjs.org) **version 3**, use the following command:

```sh
npm install @reactivex/rxjs
```

If you are using npm **version 2** before this library has achieved a stable version, you need to specify the library version explicitly:

```sh
npm install @reactivex/rxjs@5.0.0-beta.1
```

## CDN

For CDN, you can use [npmcdn](https://npmcdn.com). Just replace `version` with the current
version on the link below:

https://npmcdn.com/@reactivex/rxjs@version/dist/global/Rx.umd.js
5 changes: 5 additions & 0 deletions doc/introduction.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Introduction

RxJS is a library for composing asynchronous and event-based programs by using observable sequences.

TODO
5 changes: 5 additions & 0 deletions doc/observable.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Observable

What is an Observable?

TODO
5 changes: 5 additions & 0 deletions doc/observer.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Observer

What is an Observer?

TODO
5 changes: 5 additions & 0 deletions doc/operators.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Operators

What are operators?

TODO
5 changes: 5 additions & 0 deletions doc/scheduler.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Scheduler

What is a Scheduler?

TODO
36 changes: 36 additions & 0 deletions doc/styles/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
/* Colors:
@reactivex-pink: #EC0C8E;
@reactivex-pinkle:#B7178C;
@reactivex-purple:#592D89;
@reactivex-blue: #3c71c4;
@reactivex-grass: #20993c;
@reactivex-green: #26de5a;
@reactivex-yellow:#ffcb47;
@reactivex-red: #de4c28;
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Signika);

html {
font-family: 'Source Sans Pro', 'Roboto', sans-serif;
}

a {
color: #B7178C;
}

.layout-container > header {
border-bottom: solid 1px #B7178C;
}

.rx-title {
color: #EC0C8E;
font-family: 'Signika', 'Roboto', sans-serif;
}
.rx-title > img {
box-shadow: none !important;
max-height: 1.3em;
margin-bottom: -0.25em;
margin-right: 0.3em;
}
5 changes: 5 additions & 0 deletions doc/subject.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Subject

What is a Subject?

TODO
5 changes: 5 additions & 0 deletions doc/subscription.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Subscription

What is a Subscription?

TODO
19 changes: 18 additions & 1 deletion esdoc.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,22 @@
"source": "./dist/es6",
"destination": "./tmp/docs",
"undocumentIdentifier": false,
"index": "./doc/index.md"
"title": "RxJS",
"styles": ["./doc/styles/main.css"],
"index": "./doc/index.md",
"manual": {
"asset": "./doc/asset",
"overview": [
"./doc/introduction.md",
"./doc/observable.md",
"./doc/observer.md",
"./doc/subscription.md",
"./doc/subject.md",
"./doc/operators.md",
"./doc/scheduler.md"
],
"installation": [
"./doc/installation.md"
]
}
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@
"commitizen": "2.5.0",
"coveralls": "2.11.6",
"cz-conventional-changelog": "1.1.5",
"esdoc": "0.4.3",
"esdoc": "0.4.5",
"eslint": "2.0.0-beta.3",
"fs-extra": "0.24.0",
"ghooks": "0.3.2",
Expand Down

0 comments on commit 580500d

Please sign in to comment.