angular-runkit

Angular RunKit Component.

Install

Install the package.

``sh
$ npm i -S angular-runkit
`

Add the RunKit embed library to your index page:

src/index.html
`html

...

...

`

Whitelist angular-runkit in your System.js config:

src/systemjs.config.js
`js
map: {
...
'angular-runkit': 'npm:angular-runkit/dist/index.js',
...
}
`

Declare the component in your module:

src/app/app.module.ts
`ts
import { RunKitEmbedComponent } from 'angular-runkit'

...

@NgModule({
...
declarations: [
...
RunKitEmbedComponent,
...
],
...
})
`

Usage

`html

`

![](http://i.imgur.com/7mH8e6o.png)

Don't forget to check out the RunKit embed docs.

Inputs

$3

Specify the source code that the notebook will use.

`html

`

$3

If true, the user will not be able to edit or run the embed.

`html
source='console.log("Hello, world!")'
readOnly=true>

`

$3

If 'endpoint', the notebook will be run as an endpoint and a link to the served page will be shown.

`html
source='exports.endpoint = (req, res) => res.end("Hello, world!")'
mode='endpoint'>

`

$3

Request a version or semver range for the node engine.

`html
source='console.log("Hello, world!")'
nodeVersion='7'>

`

$3

Provide a list of environment variables accessible in the notebook through process.env.

`html
source='console.log(Hello, ${ process.env.FIRST_NAME } ${ process.env.LAST_NAME }!)'
[env]='["FIRST_NAME=Haskell", "LAST_NAME=Curry"]'
nodeVersion='7'>

`

$3

Provide a title for the notebook when opened on RunKit.

`html
source='console.log("Hello, world!")'
title='Hello'>

`

$3

Provide a minimum height for the embed ('130px' by default).

`html
source='console.log("Hello, world!")'
minHeight='200px'>

`

$3

Specify the Unix time in milliseconds at which packages should resolved. Packages published after the date will be ignored.

`html
source='require("babel-core")'
packageTimestamp=1468195200000>

`

$3

Specify source code that is run before the main source. This code will not be shown in the embed.


`html
source='console.log(_.map(_.add(1), [1, 2, 3]))'
preamble='const _ = require("lodash/fp")'>

`

Outputs

$3

Provide a callback that is run when the embed is loaded.

`js
source='console.log("Hello, world!")'
(onLoad)='loaded()'>

`

$3

Provide a callback that is run whenever the embed's URL changes.

`js
source='console.log("Hello, world!")'
(onURLChanged)='urlChanged()'>

`

$3

Provide a callback that is run whenever the embed is evaluated.

`js
source='console.log("Hello, world!")'
(onEvaluate)='evaluated()'>

`

Methods

$3

Evaluate the notebook.

`html
#embed
source='console.log("Hello, world!")'>

Run
``